/*===============================================*/
/* OGOLNE */
/*===============================================*/
#media {position:relative; display:block; padding:1em; text-align:left; font-size:1em;}
#media h2 { display:block; font-size:1.4em; line-height:1.1em; font-weight:bold; text-align:left; margin:1em 0}
#media .rabidRating .ratingStars { background:url("/img/rating/gwiazdki.png") no-repeat center; }

@font-face {
	font-family: 'media';
	src:url('/img/multimedia/webfonts/media.eot?ck2hib');
	src:url('/img/multimedia/webfonts/media.eot?#iefixck2hib') format('embedded-opentype'),
		url('/img/multimedia/webfonts/media.woff2?ck2hib') format('woff2'),
		url('/img/multimedia/webfonts/media.ttf?ck2hib') format('truetype'),
		url('/img/multimedia/webfonts/media.woff?ck2hib') format('woff'),
		url('/img/multimedia/webfonts/media.svg?ck2hib#media') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'media';
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arrowLeft:before {
	content: "\e600";
}
.icon-arrowRight:before {
	content: "\e601";
}
.icon-play:before {
	content: "\e602";
}
.icon-pauza:before {
	content: "\e603";
}
.icon-resize:before {
	content: "\e604";
}
.icon-download:before {
	content: "\e605";
}
.icon-delete:before {
	content: "\e606";
}
.icon-info:before {
	content: "\e607";
}
.icon-menu:before {
	content: "\e608";
}

/* ikonka play */
.media-ikonka { position:absolute; top:50%; left:50%; width:65px; height:65px; border-radius:65px; background:#f2f2f2; transform:translate(-50%, -50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); z-index:1; }
.media-ikonka:after { position:absolute; top:50%; left:50%; display:block; vertical-align:middle; float:none; margin:0; padding:0; overflow:visible; font-family:media; content:"\e602"; font-size:2em; line-height:0.5em; color:#000; text-decoration:none;transform:translate(-50%, -50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); }

/*===============================================*/
/* GALERIA */
/*===============================================*/

/* obrazek duzy */
#media-obrazek-wrapper { position:relative;overflow:hidden;display:block; padding:0; margin:0; background:#ffffff; width:100%; height:550px; width:100%;}
#media-obrazek-wrapper .loader { background: url("/img/ajax/loading7.gif") no-repeat center center; width:100%; height:100%; }
#media-obrazek { position:absolute; width:100%; top:0; left:0; z-index:0; }
#media-obrazek img { padding:0; border:0; transition-duration:0.5s;}
/*opis pod obraziem*/
#media-label {position:absolute; left:0; bottom:0; padding:1em; height:auto; width:100%; background-color: rgba(0, 0, 0, 0.8); box-sizing: border-box; z-index:2;}
h3#media-txt  { color:#fff; margin:0; padding:0; font-size:1em;}
h3#media-txt a:link, h3#media-txt a:visited {font-size:1.3em;line-height:1.1em;font-style:normal; font-weight:normal; color:#fff; text-decoration:none; text-align:left;}
h3#media-txt a:hover, h3#media-txt a:focus {color:#fff; text-decoration:underline; }

#slider-opcje { position:relative; overflow:hidden; width:100%; padding:0.5em 0; margin:0; background:#f1f1f1;}
#slider-opcje a:link,#slider-opcje  a:visited { position:relative; display:inline-block; width:30px; height:30px; text-decoration:none; color:#000; background:transparent; }
#slider-opcje a:before { font-family:media; content:"\e601"; line-height:1em; position:absolute; top:50%; transform: translate(0, -50%); left:0; width:100%; text-align:center; }
#slider-opcje a#slider-next:before { content:"\e601"; }
#slider-opcje a#slider-previous:before { content:"\e600"; }
#slider-opcje a#slider-play:before { content:"\e602"; }
#slider-opcje a#slider-pause:before { content:"\e603"; }
#slider-opcje a#slider-resize:before { content:"\e604"; }
#slider-opcje a#slider-play { float:right; }
#slider-opcje a#slider-pause { float:right; }
#slider-opcje a#slider-resize { float:right; }
#slider-opcje a:active,#slider-opcje a:hover,#slider-opcje a:focus,
#slider-opcje a:hover:before,#slider-opcje a:focus:before { color:#fff; background:#444; }
#slider-opcje a span { position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:3em; text-indent:0em; }

/* obrazki male - karuzela */
#media-tumb { position:relative; overflow:hidden; width:100%; height:120px; padding:1em 0; margin:0;background:#f1f1f1;}
#media-tumb-wrapper { position:relative; overflow:hidden; width:auto; height:100%; padding:0; margin:0 10%;}
#media-tumb-karuzela {position:absolute; display:block; top:50%; transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);left:0;width:100000px; z-index:0;}
a#media-tumb-previous, a#media-tumb-next{ position:absolute; display:block; top:50%; transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%); z-index:5; cursor:pointer; width:75px; height:75px; opacity:0.9; -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s; }
a#media-tumb-previous { left:0 }
a#media-tumb-next { right:0;}
a#media-tumb-previous:link,a#media-tumb-previous:visited,
a#media-tumb-next:link, a#media-tumb-next:visited { position:relative; display:block;text-decoration:none; color:#000 !important; background:#fff; position:absolute; top:50%; transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%); z-index:5; cursor:pointer; width:45px; height:45px; -moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;-ms-transition-duration:0.6s;transition-duration:0.6s; }
a#media-tumb-previous:before, a#media-tumb-next:before{ font-family:media; content:"\e600"; font-size:2em; line-height:1em; position:absolute; top:50%; transform:translate(0, -50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); left:0; width:100%; text-align:center; }
a#media-tumb-next:before { content:"\e601"; }
a#media-tumb-previous:active, a#media-tumb-previous:hover, a#media-tumb-previous:focus,
a#media-tumb-next:active, a#media-tumb-next:hover, a#media-tumb-next:focus,
a#media-tumb-previous:hover:before,a#media-tumb-previous:focus:before,
a#media-tumb-next :hover:before, a#media-tumb-next:focus:before { color:#fff; background:#444; }
a#media-tumb-previous span, a#media-tumb-next span{ position:absolute; top:0; left:-1000em; width:100%; height:100%; display:block; font-size:3em; text-indent:0em; }
/*listing obrazki */
ul#tumbs {padding:0;margin:0;list-style:none;}
ul#tumbs li { padding:0; margin:0; margin-left:0.5em; text-align:center; float:left; display:inline-block; /* IE*/overflow:hidden;}
ul#tumbs li.active a { position:relative; display:block; width:100%; height:100%; }
ul#tumbs li span { display:none;}
ul#tumbs li.active span  { position:absolute; top:0; left:0; z-index:100; display:block; margin:0; padding:0; width:97%; height:95%; border:2px solid #fdb913;  }
ul#tumbs li a img { padding:0; border:0; width:100%; height:100%; }

/*listing teksty */
ul#media-text { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; }
ul#media-text li { position:relative;display:block; width:33.3%; float:left; padding:0; margin:0; overflow:hidden; list-style:none; text-align:left; }
ul#media-text li h3 { display:block;margin:0.8em 0; font-size:1.1em; font-weight:400; }
ul#media-text li a:link,ul#media-text li a:visited { display:block; padding:1em !important; margin:1em; min-height:280px; border:0; text-decoration:none; transition-duration:0.6s; background:#ffffff; box-shadow:1px 1px 3px #95a3ab; }
ul#media-text li a:hover,.okno ul li a:focus { text-decoration:underline;transition-duration:0.6s; }
ul#media-text li a .imgwraper { position:relative; left:0; width:100%; height:10em; padding:0; overflow:hidden; display:block; margin:0 0 0.5em 0; background-position:center top; background-size:cover; }
ul#media-text li a img { width:100%; height:auto; margin:0 0 0.5em 0;}

/*===============================================*/
/* DOWNLOAD */
/*===============================================*/
ul#download {padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; float:none;}
ul#download li {position:relative;display:block; width:100%; float:none; margin:0; overflow:hidden; list-style:none; text-align:left;}
ul#download li h3 { display:block;margin:0.8em 0; width:80%; font-size:1.1em; font-weight:400; }
ul#download li a:link,ul#download li a:visited { display:block; padding:1em 1em 1em 12%; margin:1em; min-height:120px; border:0; text-decoration:none; transition-duration:0.6s; background:#ffffff; box-shadow:1px 1px 3px #95a3ab; background-repeat:no-repeat; background-position:2% 50% }
ul#download li a:hover,.okno ul li a:focus { text-decoration:underline;transition-duration:0.6s; }
ul#download .get { position:absolute; top:50%; right:5%; display:block; margin:0; color:#000; font-size:1em; text-transform:uppercase; transform:translate(0, -50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);}
ul#download .get:after { position:relative; display:inline-block; vertical-align:middle; float:none; margin:0 0 0 0.1em; padding:0; overflow:visible; font-family:media; content:"\e605"; font-size:3em; line-height:0.5em; color:#000; text-decoration:none }
ul#download a:hover .get:after ,ul#download:focus .get:after { color:#848485; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; }

ul#download-text { padding:0; margin:0; text-align:right; list-style-type:none; list-style-image:none; width:auto;  }
ul#download-text li { position:relative;display:block; width:50%; float:left; padding:0; margin:0; overflow:hidden; list-style:none; text-align:left; }
ul#download-text li h3 { display:block;margin:0.8em 0; font-size:1.1em; font-weight:400; }
ul#download-text li a:link,ul#download-text li a:visited { display:block; padding:1em !important; margin:1em; min-height:120px; border:0; text-decoration:none; transition-duration:0.6s; background:#ffffff; box-shadow:1px 1px 3px #95a3ab; }
ul#download-text li a:hover,.okno ul li a:focus { text-decoration:underline;transition-duration:0.6s; }
ul#download-text li a .imgwraper { position:relative; left:0; width:100%; height:10em; padding:0; overflow:hidden; display:block; margin:0 0 0.5em 0; background-position:center top; background-size:cover; }
ul#download-text li a img { width:100%; height:auto; margin:0 0 0.5em 0;}

/*===============================================*/
/* VIDEO */
/*===============================================*/

/*Listing video*/
ul#video {padding:0; margin:0;  list-style-type:none; list-style-image:none; width:auto; float:none;}
ul#video li {position:relative;display:block; width:25%; float:left; padding:0; margin:0; overflow:hidden; list-style:none; text-align:left;}
ul#video li h4 { display:block;margin:0.8em 0; font-size:1em; font-weight:400; }
ul#video li a:link,ul#media-text li a:visited { display:block; padding:1em !important; margin:1em; min-height:180px; border:0; text-decoration:none; transition-duration:0.6s; background:#ffffff; box-shadow:1px 1px 3px #95a3ab; }
ul#video li a:hover,.okno ul li a:focus { text-decoration:underline;transition-duration:0.6s; }

/* player wraz z opisem*/
#video-area { position:relative;display:block; margin:1em 0;	}
#video-player {float:left;overflow:hidden;width:65%;text-align:left;position:relative;display:block;background:#f1f1f1;	}
#video-opis {float:right;overflow:hidden;width:32%;text-align:left;position:relative;display:block;font-size:1em;line-height:1.6em;font-style:normal; font-weight:normal; text-align:left;}
#video-opis h3 {font-size:1.6em;line-height:1.2em;font-style:normal; font-weight:normal; text-align:left;}
#video-opis strong {display:block; font-size:1.4em;line-height:1em; margin:1em 0; font-style:normal; font-weight:normal; text-align:left;}

/*===============================================*/
/* RESPONYWNOSC */
/*===============================================*/

@media only screen and (max-width: 30em) {

 #media-obrazek-wrapper { height:200px; }
 h3#media-txt  { font-size:0.6em;}
 ul#media-text li,ul#download-text li { width:auto; float:none; }
 ul#download .get:after { font-size:2em; }
 ul#download li a:link,ul#download li a:visited {  background-size:20%; padding-left:25%; margin:1em 0.5em; }
 ul#video li { width:100%; float:none; }
 #video-player,#video-opis { float:none; width:100%;}
}