a {
  color: #BA0001; }

a:hover, a:focus {
  color: #6e0001; }

.navbar .mega-dropdown {
  position: static !important; }

.navbar .dropdown-menu.mega-menu {
  width: 100%;
  border: none;
  border-radius: 0; }

.navbar .dropdown-menu.mega-menu.v-2 a {
  padding: 15px 10px 10px 35px; }

.navbar .dropdown-menu.mega-menu.v-2 a.news-title-2 {
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 1.5;
  -webkit-transition: .2s;
  transition: .2s;
  color: #4f4f4f !important; }

.navbar .dropdown-menu.mega-menu.v-2 a.news-title-2:hover {
  color: #d0d6e2 !important; }

.navbar .dropdown-menu.mega-menu.v-2 .sub-menu ul {
  list-style: none; }

.navbar .dropdown-menu.mega-menu.v-2 .sub-menu ul.caret-style li {
  -webkit-transition: .3s;
  transition: .3s; }

.navbar .dropdown-menu.mega-menu.v-2 .sub-menu ul.caret-style li:hover {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: .3s;
  transition: .3s; }

.navbar .dropdown-menu.mega-menu.v-2 .sub-menu ul.caret-style li a:after {
  font-family: "fontAwesome";
  content: '\f0da';
  position: absolute;
  left: 0.5rem;
  font-size: 12px;
  top: 1rem; }

.navbar .dropdown-menu.mega-menu.v-2 .sub-menu a.menu-item {
  color: #4f4f4f !important;
  font-weight: 400; }

.navbar .dropdown-menu.mega-menu.v-2 .sub-menu a.menu-item:hover {
  color: #4f4f4f !important;
  font-weight: 400; }

.navbar .dropdown-menu.mega-menu.v-2 .sub-title {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid; }

.navbar .dropdown-menu.mega-menu.v-2 .font-small {
  font-size: 0.85rem; }

.slide_wrapper {
  position: relative; }
  .slide_wrapper .banner {
    position: absolute;
    transform: rotate(-25deg);
    z-index: 3;
    background-color: #BA0001;
    width: 390px;
    left: -28px;
    top: 35px;
    height: 50px;
    color: #ffffff;
    text-align: left; }
    .slide_wrapper .banner .wartezeit {
      font-size: 24px;
      padding-left: 50px;
      line-height: 50px; }
    .slide_wrapper .banner .comming {
      font-size: 24px;
      padding-left: 50px;
      line-height: 50px; }
    .slide_wrapper .banner .closed {
      font-size: 24px;
      padding-left: 50px;
      line-height: 50px; }

.select-wrapper + label {
  position: absolute;
  top: -.88rem;
  font-size: .8rem; }

.lot_panel .card {
  transition: all .1s ease-in-out; }
.lot_panel .img-container {
  height: 300px; }
.lot_panel .anzahl_gruppe {
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
  color: #BA0001;
  padding: 7px 15px; }

a.lot_panel:hover .card {
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.8);
  transform: scale(1.04); }

/** ============================
 ** variable
 ** ============================ */
/** ============================
 ** function circular-progress
 ** ============================ */
/** ============================
 ** Mixins Circular Progress
 ** ============================ */
.wrapper_circular {
  display: flex;
  flex-flow: row wrap;
  justify-content: center; }
  @media screen and (min-width: 1100px) {
    .wrapper_circular {
      justify-content: space-around; } }

.circular_group {
  margin: 10px; }
  .circular_group .circular-progress {
    position: relative; }
    .circular_group .circular-progress[percent="0"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(90deg, #cd0000 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="0"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "0%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="0"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="1"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(93.6deg, #cd0000 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="1"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "1%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="1"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="2"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(97.2deg, #cd0000 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="2"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "2%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="2"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="3"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(100.8deg, #cd0000 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="3"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "3%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="3"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="4"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(104.4deg, #cd0000 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="4"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "4%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="4"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="5"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(108deg, #cd0000 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="5"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "5%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="5"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="6"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(111.6deg, #cd0000 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="6"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "6%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="6"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="7"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(115.2deg, #cd0000 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="7"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "7%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="7"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="8"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(118.8deg, #cd0000 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="8"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "8%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="8"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="9"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(122.4deg, #cd0000 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="9"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "9%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="9"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="10"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(126deg, #cd0000 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="10"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "10%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="10"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="11"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(129.6deg, #cd0000 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="11"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "11%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="11"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="12"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(133.2deg, #cd0000 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="12"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "12%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="12"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="13"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(136.8deg, #cd0000 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="13"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "13%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="13"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="14"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(140.4deg, #cd0000 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="14"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "14%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="14"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="15"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(144deg, #cd0000 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="15"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "15%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="15"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="16"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(147.6deg, #cd0000 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="16"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "16%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="16"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="17"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(151.2deg, #cd0000 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="17"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "17%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="17"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="18"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(154.8deg, #cd0000 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="18"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "18%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="18"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="19"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(158.4deg, #cd0000 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="19"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "19%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="19"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="20"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(162deg, #cd0000 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="20"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "20%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="20"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="21"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(165.6deg, #cdcd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="21"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "21%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="21"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="22"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(169.2deg, #cdcd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="22"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "22%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="22"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="23"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(172.8deg, #cdcd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="23"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "23%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="23"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="24"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(176.4deg, #cdcd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="24"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "24%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="24"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="25"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(180deg, #cdcd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="25"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "25%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="25"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="26"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(183.6deg, #cdcd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="26"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "26%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="26"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="27"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(187.2deg, #cdcd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="27"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "27%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="27"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="28"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(190.8deg, #cdcd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="28"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "28%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="28"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="29"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(194.4deg, #cdcd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="29"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "29%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="29"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="30"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(198deg, #cdcd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="30"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "30%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="30"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="31"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(201.6deg, #cdcd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="31"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "31%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="31"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="32"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(205.2deg, #cdcd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="32"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "32%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="32"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="33"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(208.8deg, #cdcd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="33"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "33%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="33"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="34"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(212.4deg, #cdcd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="34"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "34%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="34"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="35"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(216deg, #cdcd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="35"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "35%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="35"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="36"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(219.6deg, #cdcd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="36"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "36%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="36"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="37"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(223.2deg, #cdcd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="37"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "37%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="37"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="38"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(226.8deg, #cdcd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="38"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "38%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="38"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="39"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(230.4deg, #cdcd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="39"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "39%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="39"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="40"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(234deg, #cdcd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="40"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "40%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="40"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="41"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(237.6deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="41"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "41%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="41"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="42"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(241.2deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="42"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "42%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="42"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="43"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(244.8deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="43"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "43%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="43"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="44"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(248.4deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="44"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "44%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="44"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="45"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(252deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="45"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "45%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="45"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="46"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(255.6deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="46"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "46%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="46"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="47"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(259.2deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="47"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "47%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="47"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="48"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(262.8deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="48"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "48%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="48"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="49"] {
      background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(266.4deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="49"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "49%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="49"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="50"] {
      background: linear-gradient(-90deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="50"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "50%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="50"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="51"] {
      background: linear-gradient(-86.4deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="51"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "51%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="51"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="52"] {
      background: linear-gradient(-82.8deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="52"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "52%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="52"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="53"] {
      background: linear-gradient(-79.2deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="53"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "53%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="53"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="54"] {
      background: linear-gradient(-75.6deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="54"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "54%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="54"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="55"] {
      background: linear-gradient(-72deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="55"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "55%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="55"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="56"] {
      background: linear-gradient(-68.4deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="56"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "56%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="56"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="57"] {
      background: linear-gradient(-64.8deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="57"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "57%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="57"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="58"] {
      background: linear-gradient(-61.2deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="58"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "58%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="58"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="59"] {
      background: linear-gradient(-57.6deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="59"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "59%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="59"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="60"] {
      background: linear-gradient(-54deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="60"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "60%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="60"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="61"] {
      background: linear-gradient(-50.4deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="61"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "61%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="61"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="62"] {
      background: linear-gradient(-46.8deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="62"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "62%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="62"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="63"] {
      background: linear-gradient(-43.2deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="63"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "63%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="63"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="64"] {
      background: linear-gradient(-39.6deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="64"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "64%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="64"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="65"] {
      background: linear-gradient(-36deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="65"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "65%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="65"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="66"] {
      background: linear-gradient(-32.4deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="66"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "66%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="66"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="67"] {
      background: linear-gradient(-28.8deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="67"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "67%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="67"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="68"] {
      background: linear-gradient(-25.2deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="68"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "68%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="68"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="69"] {
      background: linear-gradient(-21.6deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="69"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "69%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="69"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="70"] {
      background: linear-gradient(-18deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="70"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "70%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="70"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="71"] {
      background: linear-gradient(-14.4deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="71"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "71%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="71"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="72"] {
      background: linear-gradient(-10.8deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="72"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "72%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="72"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="73"] {
      background: linear-gradient(-7.2deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="73"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "73%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="73"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="74"] {
      background: linear-gradient(-3.6deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="74"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "74%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="74"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="75"] {
      background: linear-gradient(0deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="75"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "75%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="75"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="76"] {
      background: linear-gradient(3.6deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="76"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "76%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="76"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="77"] {
      background: linear-gradient(7.2deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="77"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "77%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="77"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="78"] {
      background: linear-gradient(10.8deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="78"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "78%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="78"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="79"] {
      background: linear-gradient(14.4deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="79"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "79%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="79"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="80"] {
      background: linear-gradient(18deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="80"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "80%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="80"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="81"] {
      background: linear-gradient(21.6deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="81"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "81%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="81"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="82"] {
      background: linear-gradient(25.2deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="82"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "82%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="82"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="83"] {
      background: linear-gradient(28.8deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="83"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "83%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="83"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="84"] {
      background: linear-gradient(32.4deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="84"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "84%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="84"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="85"] {
      background: linear-gradient(36deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="85"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "85%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="85"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="86"] {
      background: linear-gradient(39.6deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="86"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "86%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="86"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="87"] {
      background: linear-gradient(43.2deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="87"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "87%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="87"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="88"] {
      background: linear-gradient(46.8deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="88"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "88%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="88"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="89"] {
      background: linear-gradient(50.4deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="89"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "89%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="89"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="90"] {
      background: linear-gradient(54deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="90"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "90%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="90"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="91"] {
      background: linear-gradient(57.6deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="91"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "91%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="91"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="92"] {
      background: linear-gradient(61.2deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="92"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "92%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="92"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="93"] {
      background: linear-gradient(64.8deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="93"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "93%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="93"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="94"] {
      background: linear-gradient(68.4deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="94"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "94%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="94"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="95"] {
      background: linear-gradient(72deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="95"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "95%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="95"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="96"] {
      background: linear-gradient(75.6deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="96"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "96%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="96"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="97"] {
      background: linear-gradient(79.2deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="97"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "97%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="97"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="98"] {
      background: linear-gradient(82.8deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="98"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "98%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="98"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="99"] {
      background: linear-gradient(86.4deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="99"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "99%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="99"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress[percent="100"] {
      background: linear-gradient(90deg, #00cd00 50%, transparent 50%, transparent), linear-gradient(270deg, #00cd00 50%, #E0E0E0 50%, #E0E0E0);
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      height: 200px;
      margin: 2em auto;
      position: relative;
      min-width: 200px;
      margin: 10px;
      transition: all .1s linear; }
      .circular_group .circular-progress[percent="100"]::before {
        background-color: #FAFAFA;
        border-radius: 50%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: rgba(0, 0, 0, 0.54);
        content: "100%";
        font-size: 72px;
        font-weight: bold;
        height: 100%;
        left: 0;
        line-height: 200px;
        position: absolute;
        text-align: center;
        top: 0;
        transform: scale(0.87);
        width: 100%; }
      .circular_group .circular-progress[percent="100"]:hover {
        box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
    .circular_group .circular-progress .circular_inner {
      position: absolute;
      left: 13px;
      top: 13px;
      bottom: 13px;
      right: 13px;
      background-color: #0b51c5;
      border-radius: 50%;
      background-image: -webkit-linear-gradient(top, #d70005, #af0001);
      background-image: linear-gradient(top, #d70005, #af0001);
      box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.3), inset 0px 4px 1px 1px #ff0c00, inset 0px -3px 1px 1px rgba(151, 1, 0, 0.81);
      text-align: center;
      color: rgba(255, 255, 255, 0.9);
      font-size: 34px;
      font-weight: bold;
      letter-spacing: 1px;
      line-height: 40px;
      padding: 23px;
      padding-top: 40px;
      text-shadow: 3px 3px 2px #5f0000; }
  .circular_group .circular-text {
    text-align: center;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px; }

.circular_group.wartezeit .circular-progress {
  position: relative;
  background-image: -webkit-linear-gradient(top, #a6a6a6, #727272);
  background-image: linear-gradient(top, #a6a6a6, #727272);
  box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.3), inset 0px 4px 1px 1px #a6a6a6, inset 0px -3px 1px 1px rgba(114, 114, 114, 0.81);
  text-shadow: 3px 3px 2px #727272; }
  .circular_group.wartezeit .circular-progress[percent="0"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(90deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="0"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "0%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="0"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="1"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(93.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="1"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "1%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="1"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="2"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(97.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="2"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "2%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="2"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="3"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(100.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="3"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "3%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="3"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="4"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(104.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="4"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "4%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="4"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="5"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(108deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="5"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "5%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="5"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="6"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(111.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="6"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "6%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="6"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="7"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(115.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="7"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "7%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="7"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="8"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(118.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="8"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "8%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="8"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="9"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(122.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="9"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "9%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="9"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="10"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(126deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="10"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "10%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="10"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="11"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(129.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="11"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "11%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="11"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="12"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(133.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="12"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "12%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="12"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="13"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(136.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="13"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "13%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="13"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="14"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(140.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="14"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "14%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="14"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="15"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(144deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="15"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "15%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="15"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="16"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(147.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="16"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "16%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="16"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="17"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(151.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="17"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "17%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="17"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="18"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(154.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="18"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "18%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="18"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="19"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(158.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="19"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "19%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="19"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="20"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(162deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="20"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "20%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="20"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="21"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(165.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="21"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "21%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="21"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="22"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(169.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="22"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "22%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="22"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="23"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(172.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="23"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "23%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="23"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="24"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(176.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="24"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "24%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="24"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="25"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(180deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="25"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "25%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="25"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="26"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(183.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="26"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "26%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="26"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="27"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(187.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="27"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "27%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="27"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="28"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(190.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="28"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "28%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="28"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="29"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(194.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="29"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "29%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="29"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="30"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(198deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="30"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "30%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="30"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="31"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(201.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="31"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "31%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="31"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="32"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(205.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="32"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "32%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="32"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="33"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(208.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="33"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "33%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="33"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="34"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(212.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="34"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "34%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="34"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="35"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(216deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="35"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "35%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="35"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="36"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(219.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="36"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "36%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="36"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="37"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(223.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="37"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "37%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="37"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="38"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(226.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="38"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "38%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="38"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="39"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(230.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="39"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "39%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="39"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="40"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(234deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="40"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "40%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="40"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="41"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(237.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="41"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "41%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="41"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="42"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(241.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="42"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "42%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="42"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="43"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(244.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="43"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "43%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="43"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="44"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(248.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="44"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "44%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="44"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="45"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(252deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="45"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "45%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="45"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="46"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(255.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="46"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "46%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="46"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="47"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(259.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="47"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "47%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="47"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="48"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(262.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="48"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "48%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="48"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="49"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(266.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="49"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "49%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="49"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="50"] {
    background: linear-gradient(-90deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="50"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "50%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="50"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="51"] {
    background: linear-gradient(-86.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="51"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "51%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="51"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="52"] {
    background: linear-gradient(-82.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="52"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "52%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="52"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="53"] {
    background: linear-gradient(-79.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="53"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "53%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="53"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="54"] {
    background: linear-gradient(-75.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="54"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "54%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="54"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="55"] {
    background: linear-gradient(-72deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="55"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "55%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="55"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="56"] {
    background: linear-gradient(-68.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="56"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "56%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="56"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="57"] {
    background: linear-gradient(-64.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="57"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "57%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="57"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="58"] {
    background: linear-gradient(-61.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="58"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "58%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="58"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="59"] {
    background: linear-gradient(-57.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="59"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "59%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="59"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="60"] {
    background: linear-gradient(-54deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="60"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "60%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="60"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="61"] {
    background: linear-gradient(-50.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="61"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "61%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="61"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="62"] {
    background: linear-gradient(-46.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="62"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "62%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="62"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="63"] {
    background: linear-gradient(-43.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="63"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "63%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="63"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="64"] {
    background: linear-gradient(-39.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="64"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "64%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="64"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="65"] {
    background: linear-gradient(-36deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="65"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "65%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="65"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="66"] {
    background: linear-gradient(-32.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="66"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "66%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="66"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="67"] {
    background: linear-gradient(-28.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="67"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "67%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="67"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="68"] {
    background: linear-gradient(-25.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="68"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "68%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="68"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="69"] {
    background: linear-gradient(-21.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="69"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "69%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="69"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="70"] {
    background: linear-gradient(-18deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="70"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "70%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="70"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="71"] {
    background: linear-gradient(-14.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="71"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "71%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="71"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="72"] {
    background: linear-gradient(-10.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="72"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "72%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="72"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="73"] {
    background: linear-gradient(-7.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="73"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "73%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="73"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="74"] {
    background: linear-gradient(-3.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="74"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "74%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="74"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="75"] {
    background: linear-gradient(0deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="75"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "75%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="75"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="76"] {
    background: linear-gradient(3.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="76"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "76%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="76"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="77"] {
    background: linear-gradient(7.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="77"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "77%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="77"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="78"] {
    background: linear-gradient(10.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="78"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "78%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="78"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="79"] {
    background: linear-gradient(14.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="79"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "79%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="79"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="80"] {
    background: linear-gradient(18deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="80"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "80%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="80"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="81"] {
    background: linear-gradient(21.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="81"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "81%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="81"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="82"] {
    background: linear-gradient(25.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="82"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "82%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="82"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="83"] {
    background: linear-gradient(28.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="83"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "83%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="83"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="84"] {
    background: linear-gradient(32.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="84"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "84%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="84"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="85"] {
    background: linear-gradient(36deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="85"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "85%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="85"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="86"] {
    background: linear-gradient(39.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="86"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "86%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="86"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="87"] {
    background: linear-gradient(43.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="87"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "87%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="87"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="88"] {
    background: linear-gradient(46.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="88"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "88%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="88"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="89"] {
    background: linear-gradient(50.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="89"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "89%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="89"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="90"] {
    background: linear-gradient(54deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="90"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "90%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="90"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="91"] {
    background: linear-gradient(57.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="91"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "91%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="91"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="92"] {
    background: linear-gradient(61.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="92"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "92%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="92"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="93"] {
    background: linear-gradient(64.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="93"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "93%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="93"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="94"] {
    background: linear-gradient(68.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="94"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "94%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="94"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="95"] {
    background: linear-gradient(72deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="95"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "95%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="95"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="96"] {
    background: linear-gradient(75.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="96"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "96%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="96"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="97"] {
    background: linear-gradient(79.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="97"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "97%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="97"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="98"] {
    background: linear-gradient(82.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="98"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "98%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="98"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="99"] {
    background: linear-gradient(86.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="99"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "99%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="99"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.wartezeit .circular-progress[percent="100"] {
    background: linear-gradient(90deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.wartezeit .circular-progress[percent="100"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "100%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.wartezeit .circular-progress[percent="100"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }

.circular_group.closed .circular-progress {
  position: relative; }
  .circular_group.closed .circular-progress[percent="0"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(90deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="0"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "0%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="0"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="1"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(93.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="1"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "1%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="1"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="2"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(97.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="2"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "2%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="2"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="3"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(100.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="3"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "3%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="3"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="4"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(104.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="4"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "4%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="4"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="5"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(108deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="5"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "5%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="5"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="6"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(111.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="6"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "6%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="6"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="7"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(115.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="7"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "7%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="7"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="8"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(118.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="8"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "8%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="8"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="9"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(122.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="9"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "9%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="9"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="10"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(126deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="10"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "10%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="10"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="11"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(129.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="11"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "11%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="11"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="12"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(133.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="12"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "12%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="12"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="13"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(136.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="13"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "13%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="13"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="14"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(140.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="14"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "14%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="14"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="15"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(144deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="15"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "15%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="15"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="16"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(147.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="16"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "16%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="16"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="17"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(151.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="17"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "17%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="17"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="18"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(154.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="18"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "18%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="18"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="19"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(158.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="19"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "19%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="19"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="20"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(162deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="20"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "20%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="20"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="21"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(165.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="21"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "21%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="21"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="22"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(169.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="22"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "22%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="22"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="23"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(172.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="23"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "23%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="23"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="24"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(176.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="24"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "24%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="24"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="25"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(180deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="25"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "25%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="25"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="26"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(183.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="26"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "26%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="26"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="27"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(187.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="27"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "27%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="27"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="28"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(190.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="28"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "28%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="28"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="29"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(194.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="29"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "29%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="29"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="30"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(198deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="30"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "30%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="30"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="31"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(201.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="31"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "31%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="31"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="32"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(205.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="32"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "32%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="32"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="33"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(208.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="33"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "33%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="33"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="34"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(212.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="34"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "34%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="34"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="35"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(216deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="35"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "35%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="35"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="36"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(219.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="36"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "36%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="36"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="37"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(223.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="37"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "37%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="37"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="38"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(226.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="38"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "38%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="38"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="39"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(230.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="39"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "39%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="39"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="40"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(234deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="40"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "40%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="40"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="41"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(237.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="41"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "41%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="41"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="42"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(241.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="42"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "42%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="42"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="43"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(244.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="43"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "43%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="43"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="44"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(248.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="44"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "44%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="44"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="45"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(252deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="45"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "45%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="45"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="46"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(255.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="46"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "46%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="46"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="47"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(259.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="47"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "47%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="47"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="48"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(262.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="48"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "48%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="48"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="49"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(266.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="49"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "49%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="49"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="50"] {
    background: linear-gradient(-90deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="50"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "50%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="50"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="51"] {
    background: linear-gradient(-86.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="51"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "51%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="51"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="52"] {
    background: linear-gradient(-82.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="52"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "52%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="52"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="53"] {
    background: linear-gradient(-79.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="53"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "53%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="53"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="54"] {
    background: linear-gradient(-75.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="54"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "54%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="54"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="55"] {
    background: linear-gradient(-72deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="55"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "55%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="55"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="56"] {
    background: linear-gradient(-68.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="56"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "56%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="56"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="57"] {
    background: linear-gradient(-64.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="57"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "57%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="57"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="58"] {
    background: linear-gradient(-61.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="58"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "58%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="58"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="59"] {
    background: linear-gradient(-57.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="59"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "59%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="59"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="60"] {
    background: linear-gradient(-54deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="60"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "60%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="60"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="61"] {
    background: linear-gradient(-50.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="61"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "61%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="61"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="62"] {
    background: linear-gradient(-46.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="62"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "62%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="62"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="63"] {
    background: linear-gradient(-43.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="63"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "63%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="63"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="64"] {
    background: linear-gradient(-39.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="64"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "64%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="64"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="65"] {
    background: linear-gradient(-36deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="65"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "65%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="65"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="66"] {
    background: linear-gradient(-32.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="66"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "66%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="66"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="67"] {
    background: linear-gradient(-28.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="67"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "67%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="67"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="68"] {
    background: linear-gradient(-25.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="68"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "68%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="68"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="69"] {
    background: linear-gradient(-21.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="69"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "69%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="69"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="70"] {
    background: linear-gradient(-18deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="70"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "70%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="70"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="71"] {
    background: linear-gradient(-14.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="71"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "71%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="71"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="72"] {
    background: linear-gradient(-10.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="72"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "72%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="72"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="73"] {
    background: linear-gradient(-7.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="73"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "73%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="73"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="74"] {
    background: linear-gradient(-3.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="74"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "74%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="74"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="75"] {
    background: linear-gradient(0deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="75"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "75%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="75"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="76"] {
    background: linear-gradient(3.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="76"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "76%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="76"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="77"] {
    background: linear-gradient(7.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="77"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "77%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="77"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="78"] {
    background: linear-gradient(10.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="78"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "78%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="78"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="79"] {
    background: linear-gradient(14.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="79"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "79%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="79"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="80"] {
    background: linear-gradient(18deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="80"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "80%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="80"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="81"] {
    background: linear-gradient(21.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="81"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "81%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="81"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="82"] {
    background: linear-gradient(25.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="82"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "82%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="82"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="83"] {
    background: linear-gradient(28.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="83"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "83%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="83"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="84"] {
    background: linear-gradient(32.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="84"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "84%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="84"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="85"] {
    background: linear-gradient(36deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="85"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "85%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="85"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="86"] {
    background: linear-gradient(39.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="86"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "86%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="86"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="87"] {
    background: linear-gradient(43.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="87"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "87%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="87"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="88"] {
    background: linear-gradient(46.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="88"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "88%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="88"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="89"] {
    background: linear-gradient(50.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="89"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "89%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="89"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="90"] {
    background: linear-gradient(54deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="90"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "90%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="90"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="91"] {
    background: linear-gradient(57.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="91"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "91%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="91"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="92"] {
    background: linear-gradient(61.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="92"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "92%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="92"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="93"] {
    background: linear-gradient(64.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="93"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "93%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="93"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="94"] {
    background: linear-gradient(68.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="94"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "94%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="94"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="95"] {
    background: linear-gradient(72deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="95"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "95%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="95"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="96"] {
    background: linear-gradient(75.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="96"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "96%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="96"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="97"] {
    background: linear-gradient(79.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="97"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "97%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="97"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="98"] {
    background: linear-gradient(82.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="98"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "98%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="98"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="99"] {
    background: linear-gradient(86.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="99"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "99%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="99"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress[percent="100"] {
    background: linear-gradient(90deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.closed .circular-progress[percent="100"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "100%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.closed .circular-progress[percent="100"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.closed .circular-progress .circular_inner {
    font-size: 29px;
    line-height: 33px;
    padding-top: 51px;
    background-image: -webkit-linear-gradient(top, #a6a6a6, #727272);
    background-image: linear-gradient(top, #a6a6a6, #727272);
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.3), inset 0px 4px 1px 1px #a6a6a6, inset 0px -3px 1px 1px rgba(114, 114, 114, 0.81);
    text-shadow: 3px 3px 2px #727272; }

.circular_group.comming .circular-progress {
  position: relative; }
  .circular_group.comming .circular-progress[percent="0"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(90deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="0"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "0%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="0"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="1"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(93.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="1"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "1%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="1"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="2"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(97.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="2"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "2%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="2"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="3"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(100.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="3"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "3%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="3"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="4"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(104.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="4"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "4%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="4"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="5"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(108deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="5"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "5%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="5"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="6"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(111.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="6"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "6%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="6"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="7"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(115.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="7"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "7%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="7"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="8"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(118.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="8"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "8%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="8"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="9"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(122.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="9"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "9%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="9"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="10"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(126deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="10"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "10%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="10"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="11"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(129.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="11"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "11%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="11"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="12"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(133.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="12"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "12%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="12"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="13"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(136.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="13"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "13%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="13"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="14"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(140.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="14"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "14%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="14"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="15"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(144deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="15"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "15%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="15"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="16"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(147.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="16"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "16%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="16"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="17"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(151.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="17"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "17%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="17"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="18"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(154.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="18"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "18%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="18"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="19"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(158.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="19"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "19%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="19"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="20"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(162deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="20"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "20%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="20"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="21"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(165.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="21"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "21%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="21"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="22"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(169.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="22"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "22%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="22"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="23"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(172.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="23"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "23%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="23"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="24"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(176.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="24"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "24%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="24"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="25"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(180deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="25"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "25%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="25"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="26"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(183.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="26"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "26%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="26"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="27"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(187.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="27"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "27%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="27"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="28"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(190.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="28"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "28%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="28"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="29"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(194.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="29"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "29%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="29"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="30"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(198deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="30"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "30%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="30"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="31"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(201.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="31"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "31%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="31"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="32"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(205.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="32"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "32%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="32"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="33"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(208.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="33"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "33%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="33"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="34"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(212.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="34"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "34%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="34"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="35"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(216deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="35"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "35%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="35"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="36"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(219.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="36"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "36%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="36"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="37"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(223.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="37"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "37%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="37"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="38"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(226.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="38"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "38%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="38"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="39"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(230.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="39"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "39%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="39"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="40"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(234deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="40"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "40%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="40"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="41"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(237.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="41"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "41%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="41"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="42"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(241.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="42"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "42%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="42"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="43"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(244.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="43"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "43%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="43"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="44"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(248.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="44"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "44%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="44"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="45"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(252deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="45"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "45%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="45"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="46"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(255.6deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="46"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "46%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="46"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="47"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(259.2deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="47"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "47%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="47"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="48"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(262.8deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="48"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "48%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="48"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="49"] {
    background: linear-gradient(90deg, #E0E0E0 50%, transparent 50%, transparent), linear-gradient(266.4deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="49"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "49%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="49"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="50"] {
    background: linear-gradient(-90deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="50"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "50%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="50"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="51"] {
    background: linear-gradient(-86.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="51"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "51%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="51"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="52"] {
    background: linear-gradient(-82.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="52"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "52%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="52"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="53"] {
    background: linear-gradient(-79.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="53"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "53%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="53"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="54"] {
    background: linear-gradient(-75.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="54"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "54%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="54"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="55"] {
    background: linear-gradient(-72deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="55"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "55%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="55"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="56"] {
    background: linear-gradient(-68.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="56"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "56%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="56"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="57"] {
    background: linear-gradient(-64.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="57"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "57%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="57"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="58"] {
    background: linear-gradient(-61.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="58"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "58%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="58"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="59"] {
    background: linear-gradient(-57.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="59"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "59%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="59"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="60"] {
    background: linear-gradient(-54deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="60"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "60%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="60"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="61"] {
    background: linear-gradient(-50.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="61"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "61%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="61"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="62"] {
    background: linear-gradient(-46.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="62"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "62%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="62"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="63"] {
    background: linear-gradient(-43.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="63"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "63%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="63"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="64"] {
    background: linear-gradient(-39.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="64"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "64%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="64"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="65"] {
    background: linear-gradient(-36deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="65"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "65%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="65"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="66"] {
    background: linear-gradient(-32.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="66"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "66%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="66"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="67"] {
    background: linear-gradient(-28.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="67"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "67%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="67"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="68"] {
    background: linear-gradient(-25.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="68"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "68%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="68"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="69"] {
    background: linear-gradient(-21.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="69"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "69%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="69"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="70"] {
    background: linear-gradient(-18deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="70"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "70%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="70"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="71"] {
    background: linear-gradient(-14.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="71"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "71%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="71"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="72"] {
    background: linear-gradient(-10.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="72"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "72%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="72"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="73"] {
    background: linear-gradient(-7.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="73"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "73%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="73"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="74"] {
    background: linear-gradient(-3.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="74"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "74%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="74"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="75"] {
    background: linear-gradient(0deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="75"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "75%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="75"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="76"] {
    background: linear-gradient(3.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="76"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "76%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="76"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="77"] {
    background: linear-gradient(7.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="77"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "77%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="77"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="78"] {
    background: linear-gradient(10.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="78"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "78%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="78"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="79"] {
    background: linear-gradient(14.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="79"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "79%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="79"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="80"] {
    background: linear-gradient(18deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="80"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "80%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="80"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="81"] {
    background: linear-gradient(21.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="81"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "81%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="81"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="82"] {
    background: linear-gradient(25.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="82"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "82%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="82"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="83"] {
    background: linear-gradient(28.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="83"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "83%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="83"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="84"] {
    background: linear-gradient(32.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="84"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "84%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="84"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="85"] {
    background: linear-gradient(36deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="85"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "85%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="85"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="86"] {
    background: linear-gradient(39.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="86"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "86%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="86"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="87"] {
    background: linear-gradient(43.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="87"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "87%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="87"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="88"] {
    background: linear-gradient(46.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="88"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "88%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="88"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="89"] {
    background: linear-gradient(50.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="89"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "89%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="89"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="90"] {
    background: linear-gradient(54deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="90"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "90%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="90"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="91"] {
    background: linear-gradient(57.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="91"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "91%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="91"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="92"] {
    background: linear-gradient(61.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="92"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "92%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="92"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="93"] {
    background: linear-gradient(64.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="93"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "93%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="93"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="94"] {
    background: linear-gradient(68.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="94"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "94%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="94"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="95"] {
    background: linear-gradient(72deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="95"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "95%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="95"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="96"] {
    background: linear-gradient(75.6deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="96"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "96%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="96"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="97"] {
    background: linear-gradient(79.2deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="97"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "97%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="97"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="98"] {
    background: linear-gradient(82.8deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="98"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "98%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="98"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="99"] {
    background: linear-gradient(86.4deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="99"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "99%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="99"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress[percent="100"] {
    background: linear-gradient(90deg, #6c6c6c 50%, transparent 50%, transparent), linear-gradient(270deg, #6c6c6c 50%, #E0E0E0 50%, #E0E0E0);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 200px;
    margin: 2em auto;
    position: relative;
    min-width: 200px;
    margin: 10px;
    transition: all .1s linear; }
    .circular_group.comming .circular-progress[percent="100"]::before {
      background-color: #FAFAFA;
      border-radius: 50%;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      color: rgba(0, 0, 0, 0.54);
      content: "100%";
      font-size: 72px;
      font-weight: bold;
      height: 100%;
      left: 0;
      line-height: 200px;
      position: absolute;
      text-align: center;
      top: 0;
      transform: scale(0.87);
      width: 100%; }
    .circular_group.comming .circular-progress[percent="100"]:hover {
      box-shadow: 0 0 100px 1px rgba(255, 214, 112, 0.35); }
  .circular_group.comming .circular-progress .circular_inner {
    font-size: 21px;
    line-height: 28px;
    padding-top: 60px;
    background-image: -webkit-linear-gradient(top, #a6a6a6, #727272);
    background-image: linear-gradient(top, #a6a6a6, #727272);
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.3), inset 0px 4px 1px 1px #a6a6a6, inset 0px -3px 1px 1px rgba(114, 114, 114, 0.81);
    text-shadow: 3px 3px 2px #727272; }

/*# sourceMappingURL=main.css.map */