.counterbox{
	width:320px;
	margin:20px auto 0 auto;
	position:relative;
}
.counter-group {
  margin:0 auto 0 auto;
  overflow:hidden;
  display:flex;
  justify-content:space-between;
  flex-wrap:nowrap; 
}
.counter-group:before,
.counter-group:after {
  content: " ";
  display: table;
}
.counter-group:after {
  clear: both;
}
.counter-block {
	float: left;
	width:28.66%;
	margin:0 0;
	display:table;
}
.counter-block:nth-child(1), .counter-block:nth-child(2){margin-right:7%;}
.counter-block .counter {
	position: relative;
	height: 60px;
	overflow: hidden;
	color:#fff; 
	text-align:center;
	}
.counter-block .counter .number {
	width: 47%;
	height:60px;
	color: #000;
	position: absolute;
	font-weight:bold;
	font-size: 36px;
	line-height:60px;
	text-align:center;
	vertical-align:middle;
	background:#fff;
	border-radius:8px;
	border:1px solid #9fbadc;
}
.sec9 .counter-block .counter .number{background:#fff;color:#000;}
.counter-block .counter .number.tens {
  left: 0; 
}
.counter-block .counter .number.units {
  left: 51%;
}
.counter-block .counter .number.hundreds {
  display: none;
}
.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.with-hundreds {
  width: 300px;
}
.counter-block .counter.with-hundreds .number {
  width: 30.66%;
}
.counter-block .counter.with-hundreds .number.tens {
  left: 33.33%;
}
.counter-block .counter.with-hundreds .number.units {
  left: 66.66%;
}
.counter-block .counter.with-hundreds .number.hundreds {
  display: block;
  left: 0;
}
.counter-block .counter-caption {
  font-size: 150%;
  display:none;
}
ul.counterdot{position:absolute;left:0;top:4px;width:100%;}
ul.counterdot li{
	position:absolute;
	left:30.5%;top:0;
	font-weight:bold;
	font-size:38px;
	line-height:50px;
	text-align:center;
	color:#000;	
}
ul.counterdot li:nth-child(2){left:66.2%;}
ul.counter-txtlist{display:flex;justify-content:space-between;flex-wrap:nowrap;padding-top:8px;}
ul.counter-txtlist li{width:28%;font-weight:600;font-size:12px;line-height:18px;text-align:center;color:#000;text-transform:uppercase;letter-spacing:1px;}
ul.counter-txtlist li.white, ul.counterdot li.white{color:#fff;}
@media only screen and (max-width: 1030px){
.counterbox{width:250px;}
.counter-block .counter {height: 45px;}
.counter-block .counter .number {
	height:45px;
	font-size: 30px;
	line-height:45px;
	border-radius:5px;
}
ul.counterdot li{font-size:30px;line-height:32px;left:30.2%;}
ul.counterdot li:nth-child(2){left:66%;}
ul.counter-txtlist{padding-top:5px;}
ul.counter-txtlist li{font-size:10px;line-height:15px;}
}
@media only screen and (max-width: 767px){
.counterbox{margin:15px auto 0 auto;} 
}