/* @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700&text=0123456789); */
.counter-group {
  display: flex;
}
/* .counter-group:before,
.counter-group:after {
  content: " ";
  display: table;
}
.counter-group:after {
  clear: both;
}
.counter-block {
  float: left;
  margin-right: 20px;
}*/
.counter-block{
    width:42px;
    margin:0 10px;
}
.counter-block .counter {
  position: relative;
  width: 28px;
  height: 22px;
  overflow: hidden;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 24px;
  margin: 0 auto;
}
.counter-block .counter.with-hundreds {
    width: 42px;
}
.counter-block .counter .number {
  padding:0;
  width: 50%;
  height: 100%;
  background-color: #fff;
  color: #000;
  position: absolute;
  line-height: 22px;
  top: -10000px;
}
.counter-block .counter.with-hundreds .number {
    width: 33.33%;
}
.counter-block .counter .number.tens {
  left: 0;
}
.counter-block .counter.with-hundreds .number.tens {
    left: 33.33%;
}
.counter-block .counter .number.units {
  left: 50%;
}
.counter-block .counter.with-hundreds .number.units {
    left: 66.66%;
}
.counter-block .counter .number.hundreds {
  display: none;
}
.counter-block .counter.with-hundreds .number.hundreds {
    display: block;
    left: 0;
}
.counter-block .counter .number.show {
  top: 0;
  /*z-index: 2;*/
}
.counter-block .counter .number.hidden-down {
  top: 100%;
}
.counter-block .counter .number.hidden-up {
  top: -100%;
  /*z-index: 100;*/
}
.counter-block .counter-caption {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    color: #1C2131;
    text-transform: uppercase;
    margin-top: 5px;
}


@media (max-width: 767px) {
    .counter-block{
        margin:0 20px 0 0;
    }
}

