.navbar-fixed-top {
	background: url(../header.jpg);
	background-size: 100% 100%;
	padding-bottom: 5px;
}

.nav.navbar-nav li a {
	color: #6cbef2;
}

.nav.navbar-nav.navbar-right li a {
	color: #6cbef2;
}

.jumbotron {
	background: #011834;
	background-image: url("../banner.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 70%;
}

.title-1 {
	font-size: 18px;
	color: #fff;
}

.title-2 {
	font-size: 20px;
	color: #fff;
}

.title-3 {
	font-size: 19px;
	color: #000;
}

.title-4 {
	font-size: 24px;
	color: #000;
}

.title-5 {
	font-size: 20px;
	color: #000;
}

.td-1 {
	background-image: url("../images/bg-live.png");
	width: 30%;
	height: 60px;
}

.td-2 {
	width: 40%;
	height: 50px
}

.span-1 {
	font-size: 40px;
	color: #fff;
}

.ball-1 {
	font-size: 20px;
	color: #000;
	font-weight: bold;
	height: 30px;
	width: 30px;
	background-color: #ff7726;
	border-radius: 50%;
	display: inline-block;
	background: radial-gradient(#fff, #fb6726);
	border: 1px solid #000;
	text-align: center;
}

.ball-2 {
	font-size: 20px;
	color: #000;
	font-weight: bold;
	height: 30px;
	width: 30px;
	background-color: #ff7726;
	border-radius: 50%;
	display: inline-block;
	background: radial-gradient(#fff, #f126fb);
	border: 1px solid #000;
	text-align: center;
}

.ball-3 {
	font-size: 20px;
	color: #000;
	font-weight: bold;
	height: 30px;
	width: 30px;
	background-color: #ff7726;
	border-radius: 50%;
	display: inline-block;
	background: radial-gradient(#fff, #ff0000);
	border: 1px solid #000;
	text-align: center;
}

.ball-4 {
	font-size: 20px;
	color: #000;
	font-weight: bold;
	height: 30px;
	width: 30px;
	background-color: #ff7726;
	border-radius: 50%;
	display: inline-block;
	background: radial-gradient(#fff, #929292);
	border: 1px solid #000;
	text-align: center;
}

.ball-5 {
	font-size: 20px;
	color: #000;
	font-weight: bold;
	height: 30px;
	width: 30px;
	background-color: #ff7726;
	border-radius: 50%;
	display: inline-block;
	background: radial-gradient(#fff, #929292);
	border: 1px solid #000;
	text-align: center;
}

.btn-blue {
	background: #011835;
}

.btn-full {
	background: #011834;
	color: #fff;
}

.btn-day {
	background: #f5f5f5;
	color: #000;
}

.headrow {
	height: 40px;
	background-color: #5c5c5c;
	font-family: Myriad Pro;
	font-size: 14px;
	color: #FFF;
	padding: 10px;
}

.oddrow {
	height: 40px;
	background-color: #cbd4e4;
	font-family: Myriad Pro;
	font-size: 14px;
	color: #000;
	padding: 10px;
}

.evenrow {
	height: 40px;
	background-color: #a8b4c7;
	font-family: Myriad Pro;
	font-size: 14px;
	color: #000;
	padding: 10px;
}

.footer {
	min-height: 60px;
	background: url(../footer.png);
	font-size: 14px;
	color: #000;
}



@media (max-width: 768px) {
	.title-1 {
		font-size: 13px;
		color: #fff;
	}

	.title-3 {
		font-size: 13px;
		color: #000;
	}

	.title-4 {
		font-size: 14px;
		color: #000;
	}

	.title-5 {
		font-size: 14px;
		color: #000;
	}

	.btn-full {
		width: 30%;
	}

	.td-2 {
		width: 30%;
		height: 30px
	}

	.span-1 {
		font-size: 30px;
		color: #fff;
	}

	.ball-1 {
		font-size: 15px;
		color: #000;
		font-weight: bold;
		height: 20px;
		width: 20px;
		background-color: #ff7726;
		border-radius: 50%;
		display: inline-block;
		background: radial-gradient(#fff, #fb6726);
		border: 1px solid #000;
		text-align: center;
	}

	.ball-2 {
		font-size: 15px;
		color: #000;
		font-weight: bold;
		height: 20px;
		width: 20px;
		background-color: #ff7726;
		border-radius: 50%;
		display: inline-block;
		background: radial-gradient(#fff, #f126fb);
		border: 1px solid #000;
		text-align: center;
	}

	.ball-3 {
		font-size: 15px;
		color: #000;
		font-weight: bold;
		height: 20px;
		width: 20px;
		background-color: #ff7726;
		border-radius: 50%;
		display: inline-block;
		background: radial-gradient(#fff, #ff0000);
		border: 1px solid #000;
		text-align: center;
	}

	.ball-4 {
		font-size: 15px;
		color: #000;
		font-weight: bold;
		height: 20px;
		width: 20px;
		background-color: #ff7726;
		border-radius: 50%;
		display: inline-block;
		background: radial-gradient(#fff, #929292);
		border: 1px solid #000;
		text-align: center;
	}

	.ball-5 {
		font-size: 14px;
		color: #000;
		font-weight: bold;
		height: 18.5px;
		width: 18.5px;
		background-color: #ff7726;
		border-radius: 50%;
		display: inline-block;
		background: radial-gradient(#fff, #929292);
		border: 1px solid #000;
		text-align: center;
	}


	.headrow {
		height: 30px;
		background-color: #5c5c5c;
		font-family: Myriad Pro;
		font-size: 12px;
		color: #FFF;
		padding: 2px;
	}

	.oddrow {
		height: 30px;
		background-color: #cbd4e4;
		font-family: Myriad Pro;
		font-size: 12px;
		color: #000;
		padding: 2px;
	}

	.evenrow {
		height: 30px;
		background-color: #a8b4c7;
		font-family: Myriad Pro;
		font-size: 12px;
		color: #000;
		padding: 2px;
	}

	.footer {
		min-height: 35px;
		background: #000;
		font-size: 12px;
		color: #000;
	}

}

@media (max-width: 992px) {
	.title-1 {
		font-size: 13px;
		color: #fff;
	}

	.title-3 {
		font-size: 13px;
		color: #000;
	}

	.title-4 {
		font-size: 14px;
		color: #000;
	}

	.title-5 {
		font-size: 14px;
		color: #000;
	}

	.btn-full {
		width: 30%;
	}

	.td-2 {
		width: 30%;
		height: 30px
	}

	.span-1 {
		font-size: 30px;
		color: #fff;
	}

	.ball-1 {
		font-size: 15px;
		color: #000;
		font-weight: bold;
		height: 20px;
		width: 20px;
		background-color: #ff7726;
		border-radius: 50%;
		display: inline-block;
		background: radial-gradient(#fff, #fb6726);
		border: 1px solid #000;
		text-align: center;
	}

	.ball-2 {
		font-size: 15px;
		color: #000;
		font-weight: bold;
		height: 20px;
		width: 20px;
		background-color: #ff7726;
		border-radius: 50%;
		display: inline-block;
		background: radial-gradient(#fff, #f126fb);
		border: 1px solid #000;
		text-align: center;
	}

	.ball-3 {
		font-size: 15px;
		color: #000;
		font-weight: bold;
		height: 20px;
		width: 20px;
		background-color: #ff7726;
		border-radius: 50%;
		display: inline-block;
		background: radial-gradient(#fff, #ff0000);
		border: 1px solid #000;
		text-align: center;
	}

	.ball-4 {
		font-size: 15px;
		color: #000;
		font-weight: bold;
		height: 20px;
		width: 20px;
		background-color: #ff7726;
		border-radius: 50%;
		display: inline-block;
		background: radial-gradient(#fff, #929292);
		border: 1px solid #000;
		text-align: center;
	}

	.ball-5 {
		font-size: 14px;
		color: #000;
		font-weight: bold;
		height: 18.5px;
		width: 18.5px;
		background-color: #ff7726;
		border-radius: 50%;
		display: inline-block;
		background: radial-gradient(#fff, #929292);
		border: 1px solid #000;
		text-align: center;
	}

	.headrow {
		height: 30px;
		background-color: #5c5c5c;
		font-family: Myriad Pro;
		font-size: 12px;
		color: #FFF;
		padding: 2px;
	}

	.oddrow {
		height: 30px;
		background-color: #cbd4e4;
		font-family: Myriad Pro;
		font-size: 12px;
		color: #000;
		padding: 2px;
	}

	.evenrow {
		height: 30px;
		background-color: #a8b4c7;
		font-family: Myriad Pro;
		font-size: 12px;
		color: #000;
		padding: 2px;
	}

	.footer {
		min-height: 60px;
		background: url(../footer.png);
		font-size: 14px;
		color: #000;
	}

}

@media (max-width: 1200px) {
	.title-1 {
		font-size: 13px;
		color: #fff;
	}

	.title-3 {
		font-size: 13px;
		color: #000;
	}

	.title-4 {
		font-size: 14px;
		color: #000;
	}

	.title-5 {
		font-size: 14px;
		color: #000;
	}

	.btn-full {
		width: 30%;
	}

	.td-2 {
		width: 30%;
		height: 30px
	}

	.span-1 {
		font-size: 30px;
		color: #fff;
	}

	.ball-1 {
		font-size: 15px;
		color: #000;
		font-weight: bold;
		height: 20px;
		width: 20px;
		background-color: #ff7726;
		border-radius: 50%;
		display: inline-block;
		background: radial-gradient(#fff, #fb6726);
		border: 1px solid #000;
		text-align: center;
	}

	.ball-2 {
		font-size: 15px;
		color: #000;
		font-weight: bold;
		height: 20px;
		width: 20px;
		background-color: #ff7726;
		border-radius: 50%;
		display: inline-block;
		background: radial-gradient(#fff, #f126fb);
		border: 1px solid #000;
		text-align: center;
	}

	.ball-3 {
		font-size: 15px;
		color: #000;
		font-weight: bold;
		height: 20px;
		width: 20px;
		background-color: #ff7726;
		border-radius: 50%;
		display: inline-block;
		background: radial-gradient(#fff, #ff0000);
		border: 1px solid #000;
		text-align: center;
	}

	.ball-4 {
		font-size: 15px;
		color: #000;
		font-weight: bold;
		height: 20px;
		width: 20px;
		background-color: #ff7726;
		border-radius: 50%;
		display: inline-block;
		background: radial-gradient(#fff, #929292);
		border: 1px solid #000;
		text-align: center;
	}

	.ball-5 {
		font-size: 14px;
		color: #000;
		font-weight: bold;
		height: 18.5px;
		width: 18.5px;
		background-color: #ff7726;
		border-radius: 50%;
		display: inline-block;
		background: radial-gradient(#fff, #929292);
		border: 1px solid #000;
		text-align: center;
	}

	.headrow {
		height: 30px;
		background-color: #5c5c5c;
		font-family: Myriad Pro;
		font-size: 12px;
		color: #FFF;
		padding: 2px;
	}

	.oddrow {
		height: 30px;
		background-color: #cbd4e4;
		font-family: Myriad Pro;
		font-size: 12px;
		color: #000;
		padding: 2px;
	}

	.evenrow {
		height: 30px;
		background-color: #a8b4c7;
		font-family: Myriad Pro;
		font-size: 12px;
		color: #000;
		padding: 2px;
	}

	.footer {
		min-height: 60px;
		background: url(../footer.png);
		font-size: 14px;
		color: #000;
	}

}

.page-active {
	color: red;
}