body { font-family:'Ubuntu', sans-serif; font-size:14px; line-height:1.8; }
body.bg-dark { background:#013960 !important; }
.text-primary { color: #64bcef!important; } .border-primary { border-color: #64bcef!important; }
.navbar-dark .navbar-nav .nav-link { color:#FFF; }
.navbar-expand-lg .navbar-nav .nav-link { padding-left:10px; padding-right:10px; }
.bg-gradient-warning { background: #7db9e8; background: -moz-linear-gradient(top,  #7db9e8 0%, #207cca 49%, #2989d8 50%, #1e5799 100%);
background: -webkit-linear-gradient(top,  #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%);
background: linear-gradient(to bottom,  #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 );
 }
 .shadbot { box-shadow: 0px -8px 15px -9px rgba(0,0,0,0.4) inset;
-webkit-box-shadow: 0px -8px 15px -9px rgba(0,0,0,0.4) inset;
-moz-box-shadow: 0px -8px 15px -9px rgba(0,0,0,0.4) inset; }
.bg-black, .btn-black { background:#1c1e25; } .btn-black { color:#FFF; } .btn-black:hover { background:#333; color:#CCC; }
.bg-black hr { border-color:#343742; }
.copyright, .copyright a { color:#CCC; font-size:12px; }
.numbg { -webkit-animation: glow linear 2s infinite; animation: glow linear 2s infinite;  }
.bdr { text-shadow:0 1px 4px #000; background:#233850; } .bdr .badge { text-shadow:none; }
.bdr1 { background: #8E2DE2;background: -webkit-linear-gradient(to top, #4A00E0, #8E2DE2);background: linear-gradient(to top, #4A00E0, #8E2DE2);text-shadow:0 1px 4px #000; }
.bdr2 { background:#4a13ab; } .bdr3 { background:#350f78; }
.statwrap { min-height: 180px; }
.stats { width:10%; float:left; height:150px; position:relative; }
.sbar { background: #c94b4b; background: -webkit-linear-gradient(to top, #7c2106, #f9b723); background: linear-gradient(to top, #7c2106, #f9b723); -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; position:absolute; bottom:0; width:86%; left:7%; }
.sbar p { font-size:13px; color:#000; font-weight:600; }
.snum { position:absolute; bottom:-25px; width:100%; text-align:center; }
#navbarHeader h4 { font-size:22px; padding-bottom:5px; border-bottom:2px solid #64bcef; }
.bg-blue2 { 
	background: #000428;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #004e92, #000428);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #004e92, #000428); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.btn.btn-gradient {
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.15) 51%, rgba(0,0,0,0.05));
    background-repeat: repeat-x;
}
.bg-gradcard {
	background: #141E30;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #243B55, #141E30);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #243B55, #141E30); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.balltgl {
    background: #3b679e;
    background: -moz-linear-gradient(-45deg, #3b679e 0%, #2b88d9 50%, #207cca 51%, #005393 100%);
    background: -webkit-linear-gradient(-45deg, #3b679e 0%,#2b88d9 50%,#207cca 51%,#005393 100%);
    background: linear-gradient(135deg, #3b679e 0%,#2b88d9 50%,#207cca 51%,#005393 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#005393',GradientType=1 );
    border-radius: 3px;
    display: inline-block;
    padding: 0;
    margin: 0 2px;
    width: 60px; height;60px; line-height:60px;
    border: 1px solid #000;
    font-weight: bold;
    text-shadow: 0 2px 2px #000;
	font-size:40px;
}
.bg-bluedark {
	background: #1f3449;
	background: -moz-linear-gradient(top,  #1f3449 0%, #141e30 100%);
	background: -webkit-linear-gradient(top,  #1f3449 0%,#141e30 100%);
	background: linear-gradient(to bottom,  #1f3449 0%,#141e30 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3449', endColorstr='#141e30',GradientType=0 );
}
@-webkit-keyframes glow { 
	0% { background-color:red; }
	50% { background-color:orange; }
	100% { background-color:red; } 
} 
@keyframes glow { 
	0% { background-color:red; }
	50% { background-color:orange; }
	100% { background-color:red; } 
}
img {
	max-width:100%;
}
body.hasftop {
	margin-top:85px;
}
body.hasfbot {
	margin-bottom:105px;
}
.banner-float-top {
	position:fixed; top:0; left:50%; margin-left:-364px;
	width:768px; height:70px; z-index:9999;
}
.banner-float-top-2, .banner-float-top-3 {
	left:0; margin-left:0; width:100%;
}
.banner-float-top-2 a {
	display:block; width:49%; margin:0 0.5%; float:left;
}
.banner-float-top-2 a img {
	width:100%; height:70px;
}
.banner-float-top-3 a {
	display:block; width:49%; margin:0 0.5% 5px; float:left;
}
.banner-float-top-3 a img {
	width:100%; height:70px;
}
.banner-float-left {
	position:fixed; top:50%; margin-top:-200px;
	left:10px; z-index:99999;
}
.banner-float-right {
	position:fixed; top:50%; margin-top:-200px;
	right:10px; z-index:99999;
}
.banner-float-left img, .banner-float-right img {
	max-width:100%; width:115px;
}
.banner-float-bottom {
	position:fixed; bottom:0; left:50%; margin-left:-364px;
	width:768px; height:70px;z-index:9999;
}
.banner-float-bottom-2 {
	left:0; margin-left:0; width:100%;
}
.banner-float-bottom-2 a {
	display:block; width:49%; margin:0 0.5%; float:left;
}
.banner-float-bottom-2 a img {
	width:100%; height:70px;
}
.banner-float-bottom-3 {
	height:145px;
}
.banner-float-bottom-3 a img {
	margin-bottom:5px;
}
.banner-float-center {
	position:fixed; top:50%; left:50%; margin-left:-150px; margin-top:-130px;
	width:300px; height:200px; z-index:9999;
}
.banner-float-center-2 {
	width: 608px; margin-left:-304px; padding-top:2px; padding-bottom:2px;
}
.banner-float-center-2 a {
	display:block; width:300px; margin:0 2px; float:left;
}
.banner-float-center-2 a img {
	max-width:100%;
}
div[class^="banner-"] > .btn-close {
	font-size:12px; position:absolute; top:-28px; left:0; width:100%;
}
.banner-float-bottom > .btn-close {
	width:auto !important; left:50% !important; margin-left:-32px;
}
.banner-float-center > .btn-close {
	width:auto !important; left:unset !important; right:0 !important; margin:0;
}

@media (max-width:1140px) {
	.banner-float-top, .banner-float-bottom, .banner-float-top a img, .banner-float-bottom a img {
		height:70px;
	}
	body.hasftop {
		margin-top:75px;
	}
	body.hasfbot {
		margin-bottom:75px;
	}
}
@media (max-width:767px) {
	.banner-float-left, .banner-float-right {
		display:none;
	}
	.banner-float-top, .banner-float-bottom {
		height:auto; width:100%; margin-left:0; left:0;
	}
	.banner-float-top a img, .banner-float-bottom a img {
		height:50px; width:100%;
	}
	.banner-float-top a, .banner-float-bottom a {
		width:100%; margin:0 0 1px;
	}
	body.hasftop {
		margin-top:102px;
	}
	body.hasfbot {
		margin-bottom:132px;
	}
	.banner-float-center {
		width:200px;  margin-left:-100px;
		margin-top:-70px; height:auto;
	}
	.banner-float-center-2 {
		width:200px; margin-left:-100px;
		margin-top:-160px; height:auto;
	}
	.banner-float-center-2 a {
		width:98%; padding-bottom:2px; float:none;
	}
}