.navbar-fixed-top { background: #011834; }
.nav.navbar-nav li a { color: #6cbef2; }
.nav.navbar-nav.navbar-right li a { color: #6cbef2; }
.jumbotron { background:#011834; background-image: url("../images/banner-slide.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: #000; 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: 35px; background: #000; font-size: 12px; 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: 35px; background: #000; font-size: 12px; color: #000; }
	
}