.countdown-wrap{
  position: absolute;
  width: 100%;
  height: 100%;
  margin-top: 2em;
}
.countdown{
  position: relative;    
  width: 100%;
  height: 100%;
}
.counter-digits-block{
  position: relative;
  height: 100%;
  float: left;
}
.counter-digit-wrap{
  position: relative;
  height: 100%;
}
.counter-high-days,
.counter-high-hours,
.counter-high-minutes,
.counter-high-seconds {
  float: left;
}
.counter-low-days,
.counter-low-hours,
.counter-low-minutes,  
.counter-low-seconds{
  float: right;
}
.counter-dots-block{
  position: relative;
  height: 100%;
  float: left;
  opacity: 0;
}
.counter-dot{
  position: relative;
  width: 100%;
  height: 50%;
}
.counter-digit{
  width: 100%;
  height: 100%;
  position: relative;
}
.counter-dot-high,
.counter-dot-low{
  border-radius: 50%;
  position: absolute;
  width: 20%;
  height: 10%;
  left: 45%;
  background-color: #a0a0a0;
}
.counter-dot-low{
  border-radius: 50%;
  top: 20%;
}
.counter-dot-high{
  border-radius: 50%;
  bottom: 20%;
}
.counter-part{
  opacity: 0;
  position: absolute;
  transform: rotate(0deg) translate(0px, 0px);
  transition: transform .5s;
}
.part-a, .part-b, .part-c, .part-d, .part-e, .part-f, .part-g{ opacity: 1; }

.counter-part-inner{
  width: 100%;
  height: 100%;
  background-color: #c60c30;
  box-shadow: 0px 0px 8px 1px #c60c30;
  border-radius: 4px;
}