@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);


.pie {
  width: 16.27vw;
  height: 16.27vw;
  display: block;
  position: relative;
  border-radius: 50%;
  background-color: #85bc25;
  border: 2px solid #1fbba6;
  float: left;
  margin: 0.65vw;
}

.pie .block {
  position: relative;
  background: #fff;
  width: 14.97vw;
  height: 14.97vw;
  display: block;
  border-radius: 50%;
  top: 0.52vw;
  left: 0.52vw;
}

#days, #hours, #minutes, #seconds {
  font-size: 3.255vw;
  position: absolute;
  top: 35%;
  left: 43%;
  color: #999999;
}

.days {
  /*90 + ( 360 * .1 )*/
  background-image: linear-gradient(90deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}
.hours {
  /*90 + ( 360 * .1 )*/
  background-image: linear-gradient(90deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}
.minutes {
  /*90 + ( 360 * .1 )*/
  background-image: linear-gradient(90deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}
.seconds {
  /*90 + ( 360 * .1 )*/
  background-image: linear-gradient(90deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}