@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/polygonal-green-40-1080x1200.jpg) no-repeat fixed, #245C51;
	/*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 {
	transition:all 0.15s ease-in-out;
}
a:link, a:visited, a:active, a:hover {
	color:#b4fea5;
}
footer a:link, footer a:visited, footer a:active, h3 a:link, h3 a:visited, h3 a:active, h3 a:hover, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
	color:#fff;
}
footer a:hover, h3 a:hover, h2 a:hover {
	color:#b4fea5;
	text-decoration:none;
}
.container-fluid.jd-player-container, .container-fluid.jd-navbar {
	margin-left:15px;
	margin-right:15px;
	padding:0;
}
.container-fluid.jd-navbar {
	padding-left:15px;
	padding-right:15px;
}
.jd-player-container {
	display:flex;
    align-items:center;
    justify-content:center;
}
.row-padding20 {
padding:0 20px;
}
.jd-box, .modal-content {
	background:rgba(0,0,0,0.6);
}
.jd-top20 {
	margin-top:20px;
}
.jd-box.jd-player-box {
	padding-bottom:2px;
}
.jd-box-top {
	/*padding-top:45px;*/
	border-bottom:10px solid rgba(0,0,0,0.4);
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	height:0;
	text-align:center;
}
.jd-shelf {
    position:relative;
    bottom:-16px;
    padding:0 15px;
    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;
	height: 34px;
}
.jd-title {
	display:inline-block;
	text-align:center;
	position:relative;
	bottom:-7px; /* -12px */
	font-size:20px;
	color:#fff;
	font-family:"Titillium Web";
	text-overflow: ellipsis;
    overflow: hidden;
}
.jd-title:hover {
	white-space: normal !important;
	background-color: #FFF;
	color: #000 !important;
	border-radius: 4px;
    padding: 5px 10px !important;
	z-index: 10000000;
	opacity:.9;
	text-align: left;
	margin-top:-5px;
}
.jd-title:hover .jd-title-date {
	display: inline;
	color: #000 !important;
}
/*.jd-title:hover .jd-title-date:before {
	content:"";
}*/
.jd-title-date {
	display:inline-block;
	position:relative;
	bottom:-7px; /* -11px */
	padding-left:2px;
	white-space:nowrap;
	font-size:12px;
	color:#FFF;
}
.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:#b4fea5;
	color:#000;

}
.btn-audience, .btn-audience:active, .btn-audience:hover, .btn-audience:focus {
	background:#B26C21;
	color:#000;
}
.btn-grey, .btn-grey:active, .btn-grey:hover, .btn-grey:focus {
	background:transparent;
	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;
	color:#fff;
	width:30px;
}
.jd-yt.jd-ico-container {
	background:#E62117;
	color:#fff;
	width:30px;
}
.jd-tw-audience, .jd-tw.jd-off.jd-ico-container, .jd-tw-audience:hover, .jd-tw-audience:active, .jd-tw-audience:focus {
	background:rgba(100, 65, 165, 0.60);
}
.jd-hb.jd-ico-container {
	background:rgb(153, 204, 0);
	color:#fff;
}
.jd-hb.jd-off.jd-ico-container {
	background:rgba(153, 204, 0, 0.60);
}
.jd-audience, .jd-audience:hover, .jd-audience:active, .jd-audience:focus {
	background:rgba(180, 254, 165, 0.8);
}
.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-player {
	background:#000;
}
#jd-chat {
	background:#121212;
}
.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:#d6d6d6;
}
.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:absolute;
	left:10px;
}
.jd-baner-right {
	display:none;
	width:160px;
	height:600px;
	position:absolute;
	right:10px;
}
.jd-baner-left, .jd-baner-right {
	top:125px; /* 345 siepomaga */
}
.jd-baner-info {
	display:none;
	width:160px;
	background:#1D1D1D;
	border:1px #999 solid;
	padding:5px;
	position:absolute;
	text-align:center;
}
#tester {
	display:none;
}
@media (min-width:992px) {
	.container {
		max-width:750px;
		position:relative;
		left:-85px;
	}
	.jd-baner-right {
		display:block;
	}
	.container-fluid.jd-player-container, .container-fluid.jd-navbar {
		margin-left:15px;
		margin-right:180px;
	}
}
@media (min-width:1200px) {
	.container {
		max-width:970px;
	}
}
@media (min-width:1330px) {
	.container {
		max-width:1170px;
	}
}
@media (min-width:1500px) {
	.container {
	    left:0px;
	}
	.jd-baner-left {
		display:block;
	}
	.container-fluid.jd-player-container, .container-fluid.jd-navbar {
		margin-left:180px;
		margin-right:180px;
	}
}

.jd-fullscreen {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1001;
	background:#222;
	padding:0;
	margin:0;
	max-width:none;
}
.container-fluid.jd-fullscreen {
	margin:0;
}
.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:#fff;
}
.jd-social a:hover {
	color:#b4fea5;
}
.jd-anchor {
	padding-top:10px;
}
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav>li {
	color:#fff;
	font-size:16px;
}
.navbar-inverse .navbar-nav>li {
	line-height:50px;
}
.navbar-inverse .navbar-nav>li>a.nav-ico {
	line-height:50px;
	font-size:32px;
	padding:0px;
	margin-left:15px;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
	color:#b4fea5;
}
.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;
}*/

.entry {
    	margin:0 20px 20px 20px;
    }
	.entry-intro {
		display: table;
	}
	.entry-expansion {
		padding-top:20px;
	}
	.entry-beginning h3, .entry-beginning h2 {
		margin-top:0;
		margin-left:0;
	}
	.entry-thumbnail, .entry-content {
		display: table-cell;
		vertical-align:top;
	}
	.entry-beginning {
		width:100%;		
	}
	.entry-thumbnail {
		padding-right:15px;
	}
	.entry-thumbnail img {
		max-width:208px;
		max-height:300px;
		border:1px solid;
		border-color:#070809 #0d0e0f #131517;
		border-color:rgba(0, 0, 0, 0.8) rgba(0, 0, 0, 0.65) rgba(0, 0, 0, 0.5);
		box-shadow:0 1px rgba(255, 255, 255, 0.05);
	}
	.entry-text iframe, .entry-text object, .entry-text img {
		max-width: 100% !important;
		height: auto !important;
	}
	.entry-posted {
		margin:10px 0 5px;
		color:#999;
		font-size:12px;
	}
	.entry-title, .entry-title a:link, .entry-title a:visited {
		color:#b4fea5;
	}
	.blog-pagination {
		margin-bottom: 20px;
	}
	@media (max-width: 768px) {
		.entry {
			margin:0 20px 40px 20px;
		}
		.entry-thumbnail {
			padding:0;
			text-align:center;
		}
		.entry-thumbnail img {
			margin-bottom:10px;
			width:100%;
		}
		.entry-thumbnail, .entry-beginning {
			display: table-row;
			vertical-align:top;
		}
	}

/*
============================================================
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;
	color:#b4fea5;
}
.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;
}

/*
============================================================
Twitter Widget
============================================================
*/
.jd-twitter-widget {
	height:435px;
	/*width:350px;*/
	margin-right:15px;
	margin-top:10px;
	text-align:center;
	overflow:hidden;
	position:relative;
}
.jd-twitter-widget-inner {
	position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:-17px;
    overflow-y:scroll;
}

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

/*

RANDOM

*/
.gramytatywnie {
	background:url(/upload/gramy_bg.jpg) no-repeat, #fff;
	padding:20px;
	color:#000;
}
.gramytatywnie iframe {
	border-radius:10px;
	box-shadow:0 0 10px #999;
	border:0; height: 260px; width: 300px;
}