.counter_box {	
	height: 25px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: fff;	
	border-left: 3px solid #FFC300;
	border-right: 3px solid #FFC300;
	background-color: BLACK;
}
.bg-yellow{
	background-color: #FFC300;
}
.counter_box1 {	
	height: 25px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #fff;	
	border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	background-color: #0b6327;
}

.bg-blue{
	background-color: #ffffff;
}
.counter_box2 {	
	height: 25px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #fff;	
	border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	background-color: #00A300;
}
.counter_box3 {	
	height: 25px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #fff;	
	border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	background-color: #13bf4a;
}


counter1::after {
	font: bold 42px  Times New Roman, Trebuchet MS;
	content: counter(count);
	/*animation: counter 2s linear infinite alternate;*/
	counter-reset: count 342;
	background-color: #black;
	color: #fff;
}

counter2::after {
	font: bold 42px  Times New Roman, Trebuchet MS;
	content: counter(count);
	/*animation: counter 2s linear infinite alternate;*/
	counter-reset: count 469;
	background-color: #black;
	color: #fff;
}

counter3::after {
	font: bold 42px  Times New Roman, Trebuchet MS;
	content: counter(count);
	/*animation: counter 2s linear infinite alternate;*/
	counter-reset: count 18;
	background-color: #black;
	color: #fff;
}

counter4::after {
	font: bold 42px  Times New Roman, Trebuchet MS;
	content: counter(count);
	/*animation: counter 2s linear infinite alternate; */
	counter-reset: count 54;
	background-color: #black;
	color: #fff;
}

counter5::after {
	/* font: 800 40px system-ui; */
	font: bold 42px  Times New Roman, Trebuchet MS;
	content: counter(count);
	animation: counter 2s linear infinite alternate; 
	counter-reset: count -5;
	background-color: #black;
	color: #fff;
}
counter6::after {
	/* font: 800 40px system-ui; */
	font: bold 42px  Times New Roman, Trebuchet MS;
	content: counter(count);
	/*animation: counter 2s linear infinite alternate; */
	counter-reset: count 491;
	background-color: #black;
	color: #fff;
}

@keyframes counter {
  0% {
    counter-increment: count 0;
  }
  5% {
    counter-increment: count 1;
  }
  10% {
    counter-increment: count 2;
  }
  15% {
    counter-increment: count 3;
  }
  20% {
    counter-increment: count 4;
  }
  25% {
    counter-increment: count 5;
  }
  30% {
    counter-increment: count 6;
  }
  35% {
    counter-increment: count 6;
  }
  40% {
    counter-increment: count 6;
  }
  45% {
    counter-increment: count 6;
  }
  50% {
    counter-increment: count 6;
  }
  55% {
    counter-increment: count 6;
  }
  60% {
    counter-increment: count 6;
  }
  65% {
    counter-increment: count 6;
  }
  70% {
    counter-increment: count 6;
  }
  75% {
    counter-increment: count 6;
  }
  80% {
    counter-increment: count 6;
  }
  85% {
    counter-increment: count 6;
  }
  90% {
    counter-increment: count 6;
  }
  95% {
    counter-increment: count 6;
  }
  100% {
    counter-increment: count 6;
  }
}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}