.counter_box {	
	height: 25px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #fff;	
	border-left: 3px solid yellow;
	border-right: 3px solid yellow;
	background-color: black;
}

.bg-yellow{
	background-color: yellow;
}

counter1::after {
	font: bold 42px  Times New Roman, Trebuchet MS;
	content: counter(count);
	animation: counter 2s linear infinite alternate;
	counter-reset: count 253;
	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 77;
	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 4;
	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 0;
	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 0;
	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;
  }
}

.main_event {
	background : #012457 url(events.png) no-repeat;
	display: block;
	width: 100%;
	height : 75px;
	padding-top: 5px;
}

.director_desk {
	background : #012447 url(director1.png) no-repeat center;
	display: block;
	width: 100%;
	height : 190px;
	padding-top: 5px;
}

.iifpt_news_logo {
	background : #012457 url(news_letter.png) no-repeat center;
	display: block;
	width: 100%;
	height: 100px;
}

.round_menu {
	border-radius: 10px;
	padding: 5px 5px 5px 10px;
	font: bold 20px  Arial, Trebuchet MS;
	background-color: #012447;
	text-align: left;
	border-top: 8px solid;
	border-bottom: 8px solid;
	border-right: 10px solid;
	border-color: orange;
	color: #fff;
}

.round_menu1 {
	border-radius: 10px;
	padding: 5px 5px 5px 10px;
	font: bold 20px  Arial, Trebuchet MS;
	background-color: black;
	text-align: left;
	border-top: 8px solid;
	border-bottom: 8px solid;
	border-right: 10px solid;
	border-color: yellow;
	color: #fff;
}

.news_bg {
	background-color: #012447;
	color: #fff; 
	width: 100%;
	font: bold 24px Trebuchet MS, Arial;	
	
}

.white_bg {
	background-color: #fff;
	color: black; 
	font: bold 13px Trebuchet MS, Arial;	
}

.gray_bg {
	background-color: #484848;
	color: #fff; 
	font: bold 13px Trebuchet MS, Arial;	
	
}

.green_bg {
	background-color: gray;
	color: black; 
	font: bold 13px Trebuchet MS, Arial;	
	padding-top: 5px
}
.black_bg {
	background-color: black;
	color: #fff; 
	font: bold 13px Trebuchet MS, Arial;	
}

.price_menu {
	border-radius: 3px;
	padding: 10px 10px 10px 10px;
	font-size: 14px;
	font-weight: bold;
	background-color: black;
	color: #fff;
	text-align: center;
	border-left: 4px solid;
	border-right: 4px solid;
	border-color: red;
}

.plain_text {
	color: #fff;
	font: 12px Arial, Trebuchet MS;
}