.progress-pie-chart-75px {
  margin: auto;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background-color: #ffffff;
  position: relative;
}
.progress-pie-chart-75px.gt-50-75px {
  background-image: linear-gradient(-90deg, #e31bd4, #e31bd4);
}

.ppc-progress-75px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 75px/2);
  top: calc(50% - 75px/2);
  width: 75px;
  height: 75px;
  clip: rect(0, 75px, 75px, 37.5px);
}
.ppc-progress-75px .ppc-progress-fill-75px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 75px/2);
  top: calc(50% - 75px/2);
  width: 75px;
  height: 75px;
  clip: rect(0, 37.5px, 75px, 0);
  background: #e31bd4;
  transform: rotate(60deg);
}
.gt-50-75px .ppc-progress-75px {
  clip: rect(0, 37.5px, 75px, 0);
}
.gt-50-75px .ppc-progress-75px .ppc-progress-fill-75px {
  clip: rect(0, 75px, 75px, 37.5px);
  background: #ffffff;
}

.ppc-percents-75px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 55.5555555556px/2);
  top: calc(50% - 55.5555555556px/2);
  width: 55.5555555556px;
  height: 55.5555555556px;
  background: #000000;
  text-align: center;
  display: table;
  width: 75%;
  height: 75%;
}
.ppc-percents-75px span {
  display: block;
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  color: #6ccae9;
}

.progress-pie-chart-100px {
  margin: auto;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #ffffff;
  position: relative;
}
.progress-pie-chart-100px.gt-50-100px {
  background-image: linear-gradient(-90deg, #e31bd4, #e31bd4);
}

.ppc-progress-100px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 100px/2);
  top: calc(50% - 100px/2);
  width: 100px;
  height: 100px;
  clip: rect(0, 100px, 100px, 50px);
}
.ppc-progress-100px .ppc-progress-fill-100px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 100px/2);
  top: calc(50% - 100px/2);
  width: 100px;
  height: 100px;
  clip: rect(0, 50px, 100px, 0);
  background: #e31bd4;
  transform: rotate(60deg);
}
.gt-50-100px .ppc-progress-100px {
  clip: rect(0, 50px, 100px, 0);
}
.gt-50-100px .ppc-progress-100px .ppc-progress-fill-100px {
  clip: rect(0, 100px, 100px, 50px);
  background: #ffffff;
}

.ppc-percents-100px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 74.0740740741px/2);
  top: calc(50% - 74.0740740741px/2);
  width: 74.0740740741px;
  height: 74.0740740741px;
  background: #000000;
  text-align: center;
  display: table;
  width: 75%;
  height: 75%;
}
.ppc-percents-100px span {
  display: block;
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  color: #6ccae9;
}

.progress-pie-chart-125px {
  margin: auto;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  background-color: #ffffff;
  position: relative;
}
.progress-pie-chart-125px.gt-50-125px {
  background-image: linear-gradient(-90deg, #e31bd4, #e31bd4);
}

.ppc-progress-125px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 125px/2);
  top: calc(50% - 125px/2);
  width: 125px;
  height: 125px;
  clip: rect(0, 125px, 125px, 62.5px);
}
.ppc-progress-125px .ppc-progress-fill-125px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 125px/2);
  top: calc(50% - 125px/2);
  width: 125px;
  height: 125px;
  clip: rect(0, 62.5px, 125px, 0);
  background: #e31bd4;
  transform: rotate(60deg);
}
.gt-50-125px .ppc-progress-125px {
  clip: rect(0, 62.5px, 125px, 0);
}
.gt-50-125px .ppc-progress-125px .ppc-progress-fill-125px {
  clip: rect(0, 125px, 125px, 62.5px);
  background: #ffffff;
}

.pp-blue {
  background: #006fff!important;
}

.ppc-percents-125px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 92.5925925926px/2);
  top: calc(50% - 92.5925925926px/2);
  width: 92.5925925926px;
  height: 92.5925925926px;
  background: #000000;
  text-align: center;
  display: table;
  width: 75%;
  height: 75%;
}
.ppc-percents-125px span {
  display: block;
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  color: #6ccae9;
}

.progress-pie-chart-150px {
  margin: auto;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: #ffffff;
  position: relative;
}
.progress-pie-chart-150px.gt-50-150px {
  background-image: linear-gradient(-90deg, #e31bd4, #e31bd4);
}

.ppc-progress-150px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 150px/2);
  top: calc(50% - 150px/2);
  width: 150px;
  height: 150px;
  clip: rect(0, 150px, 150px, 75px);
}
.ppc-progress-150px .ppc-progress-fill-150px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 150px/2);
  top: calc(50% - 150px/2);
  width: 150px;
  height: 150px;
  clip: rect(0, 75px, 150px, 0);
  background: #e31bd4;
  transform: rotate(60deg);
}
.gt-50-150px .ppc-progress-150px {
  clip: rect(0, 75px, 150px, 0);
}
.gt-50-150px .ppc-progress-150px .ppc-progress-fill-150px {
  clip: rect(0, 150px, 150px, 75px);
  background: #ffffff;
}

.ppc-percents-150px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 111.1111111111px/2);
  top: calc(50% - 111.1111111111px/2);
  width: 111.1111111111px;
  height: 111.1111111111px;
  background: #000000;
  text-align: center;
  display: table;
  width: 75%;
  height: 75%;
}
.ppc-percents-150px span {
  display: block;
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  color: #6ccae9;
}

.progress-pie-chart-175px {
  margin: auto;
  width: 175px;
  height: 175px;
  border-radius: 50%;
  background-color: #ffffff;
  position: relative;
}
.progress-pie-chart-175px.gt-50-175px {
  background-image: linear-gradient(-90deg, #e31bd4, #e31bd4);
}

.ppc-progress-175px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 175px/2);
  top: calc(50% - 175px/2);
  width: 175px;
  height: 175px;
  clip: rect(0, 175px, 175px, 87.5px);
}
.ppc-progress-175px .ppc-progress-fill-175px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 175px/2);
  top: calc(50% - 175px/2);
  width: 175px;
  height: 175px;
  clip: rect(0, 87.5px, 175px, 0);
  background: #e31bd4;
  transform: rotate(60deg);
}
.gt-50-175px .ppc-progress-175px {
  clip: rect(0, 87.5px, 175px, 0);
}
.gt-50-175px .ppc-progress-175px .ppc-progress-fill-175px {
  clip: rect(0, 175px, 175px, 87.5px);
  background: #ffffff;
}

.ppc-percents-175px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 129.6296296296px/2);
  top: calc(50% - 129.6296296296px/2);
  width: 129.6296296296px;
  height: 129.6296296296px;
  background: #000000;
  text-align: center;
  display: table;
  width: 75%;
  height: 75%;
}
.ppc-percents-175px span {
  display: block;
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  color: #6ccae9;
}

.progress-pie-chart-200px {
  margin: auto;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #ffffff;
  position: relative;
}
.progress-pie-chart-200px.gt-50-200px {
  background-image: linear-gradient(-90deg, #e31bd4, #e31bd4);
}

.ppc-progress-200px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 200px/2);
  top: calc(50% - 200px/2);
  width: 200px;
  height: 200px;
  clip: rect(0, 200px, 200px, 100px);
}
.ppc-progress-200px .ppc-progress-fill-200px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 200px/2);
  top: calc(50% - 200px/2);
  width: 200px;
  height: 200px;
  clip: rect(0, 100px, 200px, 0);
  background: #e31bd4;
  transform: rotate(60deg);
}
.gt-50-200px .ppc-progress-200px {
  clip: rect(0, 100px, 200px, 0);
}
.gt-50-200px .ppc-progress-200px .ppc-progress-fill-200px {
  clip: rect(0, 200px, 200px, 100px);
  background: #ffffff;
}

.ppc-percents-200px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 148.1481481481px/2);
  top: calc(50% - 148.1481481481px/2);
  width: 148.1481481481px;
  height: 148.1481481481px;
  background: #000000;
  text-align: center;
  display: table;
  width: 75%;
  height: 75%;
}
.ppc-percents-200px span {
  display: block;
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  color: #6ccae9;
}

.progress-pie-chart-225px {
  margin: auto;
  width: 225px;
  height: 225px;
  border-radius: 50%;
  background-color: #ffffff;
  position: relative;
}
.progress-pie-chart-225px.gt-50-225px {
  background-image: linear-gradient(-90deg, #e31bd4, #e31bd4);
}

.ppc-progress-225px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 225px/2);
  top: calc(50% - 225px/2);
  width: 225px;
  height: 225px;
  clip: rect(0, 225px, 225px, 112.5px);
}
.ppc-progress-225px .ppc-progress-fill-225px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 225px/2);
  top: calc(50% - 225px/2);
  width: 225px;
  height: 225px;
  clip: rect(0, 112.5px, 225px, 0);
  background: #e31bd4;
  transform: rotate(60deg);
}
.gt-50-225px .ppc-progress-225px {
  clip: rect(0, 112.5px, 225px, 0);
}
.gt-50-225px .ppc-progress-225px .ppc-progress-fill-225px {
  clip: rect(0, 225px, 225px, 112.5px);
  background: #ffffff;
}

.ppc-percents-225px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 166.6666666667px/2);
  top: calc(50% - 166.6666666667px/2);
  width: 166.6666666667px;
  height: 166.6666666667px;
  background: #000000;
  text-align: center;
  display: table;
  width: 75%;
  height: 75%;
}
.ppc-percents-225px span {
  display: block;
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  color: #6ccae9;
}

.progress-pie-chart-250px {
  margin: auto;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background-color: #ffffff;
  position: relative;
}
.progress-pie-chart-250px.gt-50-250px {
  background-image: linear-gradient(-90deg, #e31bd4, #e31bd4);
}

.ppc-progress-250px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 250px/2);
  top: calc(50% - 250px/2);
  width: 250px;
  height: 250px;
  clip: rect(0, 250px, 250px, 125px);
}
.ppc-progress-250px .ppc-progress-fill-250px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 250px/2);
  top: calc(50% - 250px/2);
  width: 250px;
  height: 250px;
  clip: rect(0, 125px, 250px, 0);
  background: #e31bd4;
  transform: rotate(60deg);
}
.gt-50-250px .ppc-progress-250px {
  clip: rect(0, 125px, 250px, 0);
}
.gt-50-250px .ppc-progress-250px .ppc-progress-fill-250px {
  clip: rect(0, 250px, 250px, 125px);
  background: #ffffff;
}

.ppc-percents-250px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 185.1851851852px/2);
  top: calc(50% - 185.1851851852px/2);
  width: 185.1851851852px;
  height: 185.1851851852px;
  background: #000000;
  text-align: center;
  display: table;
  width: 75%;
  height: 75%;
}
.ppc-percents-250px span {
  display: block;
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  color: #6ccae9;
}

.progress-pie-chart-275px {
  margin: auto;
  width: 275px;
  height: 275px;
  border-radius: 50%;
  background-color: #ffffff;
  position: relative;
}
.progress-pie-chart-275px.gt-50-275px {
  background-image: linear-gradient(-90deg, #e31bd4, #e31bd4);
}

.ppc-progress-275px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 275px/2);
  top: calc(50% - 275px/2);
  width: 275px;
  height: 275px;
  clip: rect(0, 275px, 275px, 137.5px);
}
.ppc-progress-275px .ppc-progress-fill-275px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 275px/2);
  top: calc(50% - 275px/2);
  width: 275px;
  height: 275px;
  clip: rect(0, 137.5px, 275px, 0);
  background: #e31bd4;
  transform: rotate(60deg);
}
.gt-50-275px .ppc-progress-275px {
  clip: rect(0, 137.5px, 275px, 0);
}
.gt-50-275px .ppc-progress-275px .ppc-progress-fill-275px {
  clip: rect(0, 275px, 275px, 137.5px);
  background: #ffffff;
}

.ppc-percents-275px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 203.7037037037px/2);
  top: calc(50% - 203.7037037037px/2);
  width: 203.7037037037px;
  height: 203.7037037037px;
  background: #000000;
  text-align: center;
  display: table;
  width: 75%;
  height: 75%;
}
.ppc-percents-275px span {
  display: block;
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  color: #6ccae9;
}

.progress-pie-chart-300px {
  margin: auto;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background-color: #ffffff;
  position: relative;
}
.progress-pie-chart-300px.gt-50-300px {
  background-image: linear-gradient(-90deg, #e31bd4, #e31bd4);
}

.ppc-progress-300px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 300px/2);
  top: calc(50% - 300px/2);
  width: 300px;
  height: 300px;
  clip: rect(0, 300px, 300px, 150px);
}
.ppc-progress-300px .ppc-progress-fill-300px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 300px/2);
  top: calc(50% - 300px/2);
  width: 300px;
  height: 300px;
  clip: rect(0, 150px, 300px, 0);
  background: #e31bd4;
  transform: rotate(60deg);
}
.gt-50-300px .ppc-progress-300px {
  clip: rect(0, 150px, 300px, 0);
}
.gt-50-300px .ppc-progress-300px .ppc-progress-fill-300px {
  clip: rect(0, 300px, 300px, 150px);
  background: #ffffff;
}

.ppc-percents-300px {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 222.2222222222px/2);
  top: calc(50% - 222.2222222222px/2);
  width: 222.2222222222px;
  height: 222.2222222222px;
  background: #000000;
  text-align: center;
  display: table;
  width: 75%;
  height: 75%;
}
.ppc-percents-300px span {
  display: block;
  font-family: "Quicksand", sans-serif;
  font-weight: bold;
  color: #6ccae9;
}

.ppc-percents-125px span {
  font-size: 20pt;
}

.pcc-percents-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.progress-pie-chart {
  margin: 10px auto 0;
}

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