@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,700|Roboto+Condensed:400,700&subset=latin,latin-ext);
@import url(watch.css);
/* OLD accent: #EB8B23 NEW: #00A-49D */
html, head {
	height:100%;
}

body {
	background:url(/img/pattern2.png), #1B1B1B;
	/*background:url(http://jadisco.pl/upload/nebula.jpg) fixed no-repeat, #1B1B1B;*/
	/*background-size:cover;*/
	font-family:"Roboto Condensed";
	color:#f1f1f1;
}
h1, h2, h3, h4 {
	font-family:"Titillium Web";
}
.jd-box h3 {
	margin-left:15px;
}
.navbar-brand, .jd-title-logo {
	background: url(/img/JD-logo-hd.png) left center no-repeat;
	background-size:contain;
	text-indent: -9999px;
	width: 155px;
	margin-left:-5px !important;
	margin-right:10px;
}
.jd-title-logo {
	display:none;
	height:44px;
	position:absolute;
	left:15px;
}
.jd-fullscreen .jd-title-logo {
	display:none;
}
.navbar-inverse {
	background:transparent;
	border:none;
	margin-top:10px;
}
.navbar .container {
	padding:0 50px;
}
.navbar-inverse .navbar-brand {
	font-family:"Titillium Web";
	font-size:20px;
	color:#fff;
}
a:link, a:visited, a:active, a:hover {
	color:#EB8B23;
}
footer a:link, footer a:visited, footer a:active, footer a:hover {
	color:#FFF;
}
.jd-player-container {
	display: flex;
    align-items: center;
    justify-content: center;
}
.row-padding20 {
padding: 0 20px;
}
.jd-box, .modal-content {
	background:#171717;
}
.jd-top20 {
	margin-top:20px;
}
.jd-box.jd-player-box {
	padding-bottom:2px;
}

.jd-box-top {
	/*padding-top:45px;*/
	border-bottom: 10px solid #222;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	height: 0;
	text-align:center;
}

.jd-box-btm {
	padding-bottom:45px;
	border-top: 20px solid #222;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	height: 0;
}
.jd-title-container {
	text-align:center;
	margin:0 25px;
}
.jd-title {
	display:inline-block;
	text-align: center;
	position: relative;
	bottom: -7px; /* -12px */
	text-shadow: 0px 2px 4px #000;
	font-size: 20px;
	color: #fff;
	font-family: "Titillium Web";
}
.jd-title-date {
	display:inline-block;
	position:relative;
	bottom: -7px; /* -11px */
	padding-left:2px;
	white-space:nowrap;
	font-size:12px;
	color: #BBB;
	text-shadow:#000 0 0 1px;
}
.jd-title-date:before {
	content: "\00b7";
}
.jd-chat-restore {
	display:none;
}
.controls .pull-right {
	margin-left:4px;
}
.btn-group>.btn, .btn-group-vertical>.btn {
	position:static;
}
.btn, .modal-content, .modal-header, .modal-footer {
	border-radius:0;
	border:none;
	font-size:14px;
}
.btn-default:active, .btn:focus {
	outline:0 !important;
}
.btn-default, .btn-default:active, .btn-default:hover, .btn-default:focus, a.btn-default {
	background:#EB8B23;
	color:#fff;

}
.btn-audience, .btn-audience:active, .btn-audience:hover, .btn-audience:focus {
	background:#B26C21;
	color:#fff;
}
.btn-grey, .btn-grey:active, .btn-grey:hover, .btn-grey:focus {
	background:#171717;
	color:#f1f1f1;
}
.jd-gl.jd-ico-container {
	background: #58CF86;
}
.jd-gl-audience, .jd-gl-audience:hover, .jd-gl-audience:active, .jd-gl-audience:focus {
	background: rgba(88, 207, 134, 0.81);
}
.jd-tw.jd-ico-container {
	background: #6441a5;
}
.jd-tw-audience, .jd-tw-audience:hover, .jd-tw-audience:active, .jd-tw-audience:focus {
	background: rgba(100, 65, 165, 0.81);
}
.jd-hb.jd-ico-container {
	background: #99cc00;
}
.jd-hb-audience, .jd-hb-audience:hover, .jd-hb-audience:active, .jd-hb-audience:focus {
	background: rgba(153, 204, 0, 0.81);
}
.controls .btn {
	line-height:23px;
	min-width:25px;
}
.jd-cell.controls {
	padding:5px;
}
.jd-controls-box {
	display:inline-block;
	margin:5px 0;
}
.jd-ico-container {
	padding-bottom:0;
	height:25px;
}
.controls .fa {
	padding-left:1px;
}
.jd-ico-container .fa-twitch {
	font-size:18px;
	position:relative;
	top:2px;
	padding:0 1px 0 0;
}
.jd-ico-container .icon-gaminglive {
	font-size:20px;
	position: relative;
	top:1px;
}
.jd-ico-container .icon-hitbox {
	font-size:20px;
	position: relative;
	top:1px;
}
.controls .fa-external-link, .controls .fa-minus-square-o {
	position:relative;
	top:1px;
}
.jd-controls-ico, .jd-controls-glyph {
	display:inline-block;
	position:relative;
	top:1px;
	background:#2c2c2c;
	padding:2px 5px;
}
.jd-controls-glyph {
	padding:3px 6px;
	top:0;
}
.jd-controls-glyph span {
	position:relative;
	top:2px;
}
.jd-controls-audience {
	display:inline-block;
	background:#3c3c3c;
	padding:3px 5px;
	color:#f1f1f1;
}
.jd-table {
	display:table;
	width:100%;
}
.jd-cell {
	display:table-cell;
}
.jd-row {
	display:table-row;
}
.jd-row.controls .jd-cell:first-child {
	width:100%;
}

.media .jd-cell {
	text-align:center;
	line-height:0;
}

.jd-advert {
	padding:0;
	text-align:center;
}
div .col-md-4.jd-advert {
	padding:0 3px;
}
div .col-md-6.jd-advert:first-child, div .col-md-4.jd-advert:first-child {
	padding:0 3px 0 0;
}
div .col-md-6.jd-advert:last-child, div .col-md-4.jd-advert:last-child {
	padding:0 0 0 3px;
}
.jd-advert img, .jd-advert div, .jd-advert a, .jd-advert canvas, .jd-advert object, .jd-advert iframe {
	max-width:100%;
}

footer {
	font-size: 11px;
	text-transform: uppercase;
	margin:20px 10px;
	color: #999;
}
.well {
	background: rgba(256,256,256,0.1);
	border:none;
	border-radius:0;
}
.jd-baner-container {
	position: absolute;
}
.jd-baner-left {
	display:none;
	width:160px;
	height:600px;
	position:relative;
	left:-170px;
}
.jd-baner-right {
	display:none;
	width:160px;
	height:600px;
	position:relative;
	left:-170px;
}
.jd-baner-left, .jd-baner-right {
	top: 49px;
}
.jd-baner-info {
	display:none;
	width:160px;
	background:#1D1D1D;
	border:1px #999 solid;
	padding:5px;
	position:absolute;
	text-align:center;
}
.jd-twitter-widget {
	max-height:440px;
	max-width:350px;
	margin-right:0px;
	text-align:center;
}

.jd-twitter-widget a .fa {
	color:#fff;
	font-size:24px;
}

#tester {
	display:none;
}
@media (min-width:992px) {
	.container {
		max-width: 750px;
		position: relative;
		left:-85px;
	}
	.jd-baner-right {
		display:block;
		left:730px;
	}
}
@media (min-width:1200px) {
	.container {
		max-width: 970px;
	}
	.jd-baner-right {
		left:950px;
	}
}
@media (min-width:1330px) {
	.container {
		max-width: 1170px;
	}
	.jd-baner-right {
		left:1150px;
	}
}
@media (min-width:1500px) {
	.container {
	    left:0px;
	}
	.jd-baner-left {
		display:block;
	}
}

.jd-fullscreen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
	background:#222;
	padding:0;
	margin:0;
	max-width:none;
}

.jd-fullscreen .jd-box-top, .jd-fullscreen .jd-box-btm {
	display:none;
}
.jd-fullscreen .jd-player-box {
	margin:0 auto;
}

.jd-fullscreen .jd-title {
	font-size: 24px;
	color:#f1f1f1;
	padding:5px 0;
	bottom:0;
}
.jd-fullscreen .jd-title-date {
	bottom:0;
	top:-2px;
	font-size:14px;
}
.jd-social {
	margin-top:20px;
	text-align:center;
	font-size:48px;
}
.jd-social a {
	color:#999;
	transition: all 0.2s ease-in-out;
}
.jd-social a:hover {
	color:#fff;
}
.jd-anchor {
	padding-top:10px;
}
.navbar-inverse .navbar-nav>li>a {
	transition: all 0.1s ease-in-out;
	color: #9d9d9d;
	text-shadow: 1px 1px #000;
}
.modal-backdrop.in {
  filter: alpha(opacity=80);
  opacity: .8;
}
.close {
  opacity:1 !important;
  color:#777;
  text-shadow:none;
}
.close:hover, .close:focus {
  color:#FFF;
}

/*
=================================================================
MOBILE FIX
================================================================= 
*/
@media (max-width:992px) {
	.jd-cell {
		display:block;
	}
	#jd-chat {
		width:100% !important;
	}
}
/*
=================================================================
BLOG
================================================================= 
*/
.jd-blog-feed {
	text-align:center;
	padding-bottom:15px;
}
.jd-blog-feed h4 a {
	width:208px;
	height:40px;
	margin:0 auto;
	display:block;
}
.jd-blog-feed h3 {
	text-align:left;
	margin-left:15px;
}
.entry-posted {
	margin:10px 0 5px;
	color:#999;
	font-size:12px;
}
.jd-blog-feed a img, .jd-blog-feed a video {
	max-width: 208px;
	height: 117px;
	overflow:hidden;
}

/*
============================================================
RESPONSIVE VIDEO
============================================================
*/
.video-thumb {
	display:block;
	width:100%;
	height:100%;
	margin:0 auto;
	box-shadow: 0 0 1px #000;
}
.video-container {
	padding:10px;
	display:inline-block;
	float:none;
}
.video-overlay {
	display:block;
	width:100%;
	height:100%;
	position:relative;
}
.video-title {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;	
}
.video-duration, .video-description {
	position:absolute;
	background:rgba(0,0,0,0.8);
	padding:3px 5px;
	color:#fff;
} 
.video-duration {
	top:0;
	right:0;
	opacity:0;
	margin: 10px 10px 0;
}
.video-container:hover .video-duration {
	opacity:1;
}
.video-container:hover .video-title {
	white-space:normal;
	overflow:auto;
	text-overflow:clip;
}
.video-description {
	width:100%;
	bottom:0;
	left:0;
	text-align:center;
}
.video-date {
	color:#999;
	font-size:12px;
}