/*Médiatár*/

h1.super-title { margin-bottom:-55px}

.mediaStore{
    width:100%;
	padding-top:55px;
}

.mediaStore .mainVideoContainer{
    margin-bottom:  10px;
}

.mediaStore .mediaStoreRight{
    width:75%;
    float:right;
    min-height: 700px;
	padding-left:20px;
}

.mediaStore .mediaStoreSide{
    width:100%;
    padding-top:1px;
    background-color: #18191e;
    color: #8a9ea5;
    padding-bottom:10px;
    float:left;
    height:600px;
	height: auto;
	display:inline-block;
}

.mediaStore .mediaStoreSide .searchBox {
	border-bottom:1px solid rgba(255,255,255,0.15); 
	padding: 7px 10px;
}

.mediaStore .mediaStoreSide .searchBox input[type=text] {
	width: 100%;
	height:34px;
	margin:0;
	background-color: rgba(255,255,255,0.3);
	border: none;
	color:#fff;
}
.mediaStore .mediaStoreSide .searchBox input[type=text]:focus { background-color: #e2e2e2; color:#231f20;}
.mediaStore .mediaStoreSide .storeList{
    list-style:none;
    padding:0;
    margin: 0;
    font-size:14px;
	font-weight:500;
    color:#FFF;
    height:475px;
	border-top: 1px solid rgba(255,255,255,0.15);	
	padding-top: 4px;
}

.mediaStore .mediaStoreSide .storeList li{
    min-height:10px;
    max-height:58px;
    padding: 0px 10px 0px 3px;
    line-height:16px;
    cursor:pointer;
	min-height: 32px;

}

.mediaStore .mediaStoreSide .storeList li:hover, .mediaStoreSide .storeList .active{
    background-repeat:no-repeat;
    background-position:top right;
    color:#ca7fdd
}

.mediaStore .galleryBoxContainer .column{
    float: left;
	width: 25%!important;
	box-sizing:border-box;
	padding:0 10px;
}

.mediaStore .galleryBoxContainer {
    border-bottom: 0;
    margin-bottom: 20px;
}

.mediaStore .galleryBoxContainer.pDark {
    border-bottom: 0;
}

.mediaStore .galleryBox{
    width:25%;
    min-height:230px;
    cursor:pointer;
    float: left;
	padding:0 10px;
    height:auto;
}
.MkAccessibility .titleBox {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 100% !important;
    line-height: 150% !important;
}

.mediaStore .galleryBox .textBox:hover{
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%);
}


.mediaStore .galleryBox .galleryPic{
    width: 100%;
    position:relative;
    margin:0;
    height: auto;
    padding-bottom: 56.25%;
    background-size: cover;
    background-position: center top;
}

.mediaStore .galleryBox .galleryPic img{
    width:100%;
    height:auto
}

.mediaStore .galleryBox .galleryPic .gallery .gallery-item img{
    max-width: 100%;
    padding: 0;
}

.mediaStore .galleryBox .galleryContent{
    min-height:100px;
    padding:0;
    font-size:16px;
	font-weight: bold;
    color:#fff;
    line-height:16px;
    position: relative;
}

.mediaStore .galleryBox .textBox{
    /*position: absolute;*/
    bottom: 0;
    height: 100%;
    width: 100%;
    padding: 10px;
   /*padding-top: 35%;*/
}

.mediaStore .galleryBox .galleryContent .pixPieces{
    font-size:12px;
    color:#ccc;
    margin-bottom: 4px;
}

.mediaStore .galleryBoxContainer input[type=button]{
    background-color:transparent;
    border:none;
    padding:8px 20px 8px 0;
    float:right;
    color:#999;
    text-transform:uppercase;
    background-image:url(images/elements_sprite.png);
    background-repeat:no-repeat;
    background-position:-140px -212px;
    margin:10px 10px 0 0;
    text-transform:uppercase;
    cursor:pointer;
    outline: none;
}

.mediaStore .galleryBoxContainer input[type=button].open{
    background-position:-140px -262px;
}
.mediaStore .galleryBoxContainer.pDark input[type=button]{
    color:#1b2224;
    background-position:-140px -237px
}
.mediaStore .galleryBoxContainer.pDark input[type=button].open{
    background-position:-140px -287px;
}

.mediaStore .galleryHead {
    font-weight: normal;
    color: #1B2224;
    padding: 20px 10px 10px;
}

.mediaStore .galleryHead h3 {
    float: left;
    font-size: 23px;
	font-weight:700;
	text-transform:uppercase;
	color:#fff;
}

.mediaStore .galleryHead a {
    float: right;
    font-size: 12px;
    text-align: right;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 26px;
    padding: 0 10px!important;
    width: initial!important;
    border: 1px solid #fff;
    border-radius: 3px;
}
.mediaStore .galleryHead a:hover,
.mediaStore .galleryHead a:active { 
	opacity:0.8; 
	color:#fff; 
	cursor: pointer;
}

.mediaStore .showTip{
    width:100%;
    margin-bottom:20px;
	position:relative;
	padding:0 10px;
}

.mediaStore .showTip .age{
    float:left;
    margin:8px 10px 0 57px
}

.mediaStore .showTip .TXT{
    float:left;
    padding:0 0 0 57px;
    width:270px;
    font-size:16px;
    overflow:hidden;
    line-height:20px;
}

.mediaStore .showTip .TXT img{
    margin:0 20px
}

.mediaStore .showTip .TXT span{
	font-weight: bold;
	font-size:16px;
	line-height:20px;	
	color:#fff;
}
.mediaStore .showTip .TXT span br { display:none;}


/*csabi CSS*/
.mediaStore .showLength::before {
	content:'•';
	margin:0 10px;	 
}
.mediaStore .showLength{
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #9a9a9e;
    width: 60px;
    font-weight:300;
}

.mediaStore .showPlay{
    float:right;
    width:40px;
    height:40px;
    background-image:url('images/mediaklikk_sprite-01.png');
    background-repeat:no-repeat;
    background-position: 0 -20px;
    padding:0;
    cursor:pointer;
	position:absolute;
	left:10px;
	top:0;
}
.mediaStore .showPlay:hover {
	opacity:0.8;
}

.mediaStore .showPlay img{
    width: 100%;
    height: 100%;
    background-image:url(images/elements_sprite.png);
    background-repeat:no-repeat;
    background-position:-200px 0;
	display:none;
}

.mediaStore .showDate{
    float:left;
    padding:0 0 0 57px;
    text-align:left;
    font-size:14px;
	font-weight:300;
    color:#9a9a9e;
}

.mediaStore .showBox .last{
    margim-right:0px !important;
}


/* ÚJ */

/* VIDEOK */
.mediaStore .mainVideoContainer {}
.mediaStore .mainVideoContainer a {
	position: relative;
    width: 25%;
    display: inline-block;
    padding: 0 20px 0 0;
    box-sizing: border-box;
	overflow:hidden;
}
.mediaStore .mainVideoContainer a .showBox {
	width: 100%;
	margin-bottom:20px;
}
.showBox img { width:100%;}
.showBox .videoTitle {
	font-size:16px;
	font-weight:700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
a:hover .showBox .videoTitle,
a:active .showBox .videoTitle { color: #fff;}
.showBox .videoChannel {
	color:#b2b2b2;
}
.showBox .videoChannel {
    font-size: 11px;
}

/* Filter*/
.mediaStore .storeList a.letter {
    background-color: #79288d;
    padding: 5px;
	width:30px;
	height:30px;
    position: absolute;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align:center;
}
.mediaStore .storeList a.letter:hover {
	background:#ca7fdd;
	color: #fff;
}

.mediaStore .storeList div.progTitle {
    margin-left: 30px;
	padding: 7px 10px;
}


.mediaStore .popup {
    background-color:#424347;
    display:none;
    position:absolute;
    text-align:left;
    z-index:50;
    padding: 0;
	width:25%;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
}

.mediaStore .popup a {
    margin: 0 0px;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	display:inline-block;
	cursor:pointer;
}
.mediaStore .popup a:hover,
.mediaStore .popup a:active{ 
	background-color:rgba(255,255,255,.15);
	color:#fff;
}

.mediaStore .filterCtnr {
    background-color: #18191e;
    padding: 9px 10px;
}

.mediaStore .mediaCtnr {
}

.mediaStore .filterCtnr label {
    display: inline;
}

.mediaStore .filterCtnr .chkText {
    color: #FFFFFF;
    display: inline-block;
    padding: 0;
}

.mediaStore .filterCtnr ul {
	display:inline-block;
	margin-top:5px;
}
.mediaStore .filterCtnr ul li {
	display:inline-block; 
	float:left;
	margin-right:20px;
}

.mediaStore .filterCtnr ul li .checkboxContainer { 
	margin-right: 6px;
}

.mediaStore .noContent {
    color: #FFFFFF;
}

.showBox {
    position: relative;
}

.showBox .showBoxPlay {
    top: 0;
    display:block;
    height:50px;
    width:50px;
    background-image:url(IMG/elements_sprite.png);
    background-repeat:no-repeat;
    background-position: 0 -80px;
    position:absolute;
    margin:55px auto 0 80px
}

.showBox .showBoxAge {
    position: absolute;
    top: 0;
    right: 0;
}

/* dropdown */
.mediaStoreSide .dropdown {
    float: left;
    width: 50%;
	margin-bottom:0;
	border-right: 1px solid rgba(255,255,255,0.15);
	z-index:4;
}
.mediaStoreSide .dropdown:last-of-type {
	border-right:0px solid rgba(255,255,255,0.15);
	z-index:3;
}

.dropdown dd,
.dropdown dt {
    margin: 0px;
    padding: 0px;
}

.dropdown ul {
    margin: -1px 0 0 0;
}

.dropdown dd {
    position: relative;
    z-index: 1;
}

.dropdown dt:hover { background-color: rgba(255,255,255,0.05); }
.dropdown a,
.dropdown a:visited {
    text-decoration: none;
    outline: none;
    color: #fff;
}
.dropdown a:hover { color: #fff;}

.dropdown dt a {
    display: block;
    padding: 10px 4px 10px 10px;
    min-height: 25px;
    line-height: 24px;
    overflow: hidden;
    border: 0;
}

.dropdown dt a span {
    cursor: pointer;
    display: inline-block;
    padding: 0 3px 2px 0;
}
.dropdown dt a span.ico {
	float: right;
    display: block;
    height: 20px;
    width: 20px;
    background-image: url("images/mediaklikk_sprite-01.png");
    background-position: -380px 0px;
    opacity: 0.5;
    cursor: pointer;
	margin-top:3px;
}
.dropdown dd ul {
    border: 0;
    display: none;
    left: 0;
    padding: 2px 15px 2px 5px;
    position: absolute;
    top: 2px;
    width: 200px;
    list-style: none;
    overflow: auto;	
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    background-color: #424347;
	z-index:3;
}

.dropdown span.value {
    display: none;
}

.dropdown dd li {
    color: #fff;
	padding: 5px 10px;
	width:100%;
}
.dropdown dd li input[type=checkbox] {
	margin:0 3px 0 0;
}


/* Pager */
.mediaListPager {
	float:right;
	background-color: rgba(0,0,0,0.3);
	margin-right: 10px;
}

.mediaListPager .pagerLeftArrow {
    background-image: url('images/mediaklikk_sprite-01.png');
    background-position: -125px -25px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    margin-right: 5px;
    width: 30px;
}

.mediaListPager .moreLeft {
    background-position: -165px -25px;
    cursor: pointer;
}

.mediaListPager .pagerRightArrow {
    background-image: url('images/mediaklikk_sprite-01.png');
    background-position: -45px -25px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float: right;
    height: 30px;
    margin-left: 5px;
    width: 30px;
}

.mediaListPager .moreRight {
    background-position: -205px -25px;
    cursor: pointer;
}


.mediaListPager .pagerListCont {
    float: left;
    margin: 4px auto 0;
}

.mediaListPager .pagerListCont ul {
    list-style: outside none none;
    margin: 0 auto;
    padding: 0;
    width: auto;
}

.mediaListPager .pagerListCont ul li {
    color: rgba(255,255,255,0.6);
    cursor: pointer;
    float: left;
    font-size: 14px;
	font-weight: 500;
    list-style: outside none none;
    padding: 1px 5px;
}

.mediaListPager .pagerListCont .active {
    color: #fff;
    cursor: inherit;
}

/* sidebar */
.candy-wrapper {
    position:relative;
}

.mediaStoreSide {
    display:inline-block;
    vertical-align:top;
}

.mediaStoreRight {
    display:inline-block;
    position:relative; 
    z-index:1;
    vertical-align:top;
    min-height: 1000px !important;
}

.wrap {
	width:25%;
    margin:0 auto;
    z-index:0;
    vertical-align:top;
	height:600px;
	bottom: 0;
	float:left;
}

/* STICKY 
.sticky .wrap  {
    display:block;
	bottom:0;
}
.at-bottom .wrap  {
    position:absolute;
    bottom:0;
}
.sticky .mediaStoreRight {
    float: right;
}
.sticky-stop {
    clear:both;
}
*/

.candy-wrapper {margin:0 auto;position:relative;}
.main {display:inline-block;width:75%;position:relative;z-index:1;vertical-align:top;}
.sidebar {display:inline-block;width:25%;vertical-align:top;}
.wrap {max-width:360px;margin:0 auto;display:inline;top:55px;z-index:0;vertical-align:top;}
.sticky .wrap  {position:fixed;/*position:-webkit-sticky;*/display:block;}
.at-bottom .wrap {/*position:absolute;bottom:0;top:inherit;*/}
.sticky .sidebar {margin-left:75%;}
.sticky-stop {clear:both;}

/* SCROLLBAR */
.scrollable .scroll-bar.vertical {
	right:4px;
	top:4px;
	z-index: 2;
}
.scrollable.default-skin .scroll-bar .thumb {
	opacity:1;
	background-color:#46474b;
}
.scrollable.default-skin .scroll-bar .thumb {
	background:#65666b;}

/* responsive 
@media (max-width: 43.75em) {
    .mediaStoreRight, .wrap, .sticky .wrap, .at-bottom .wrap, .mediaStoreSide {
        width: 100%;
        display: block;
        position: static;
    }
    .sticky .mediaStoreSide {
        margin-left: 0;
    }
}
*/
@media all and (max-width: 1280px) {
.mediaStore .galleryBox { height:220px; }
}

@media all and (max-width: 1200px) {
		.dropdown dt a span { font-size:12px;}
}
@media all and (max-width: 1024px) {	
	.dropdown dt a span.ico { height: 6px; width: 14px; background-position: -380px -9px; margin-top: 10px;}
	.dropdown dt a span { font-size:12px; }
	.mediaStore .popup a { width: 44px; height: 44px; line-height:44px; } 
	.mediaStore .mainVideoContainer a,
	.mediaStore .galleryBox { width: 33.33%; padding: 0 5px;}
	.showBox .videoTitle { font-size: 14px;}
	.mediaStore .showTip .TXT span,
	.mediaStore .galleryBox .galleryContent { font-size: 14px;}
	.mediaStore .showLength,
	.mediaStore .showDate { font-size:12px;}
}

@media all and (max-width: 960px) {
	.dropdown dt a {padding: 10px 2px 10px 6px;}
	.mediaStore .mediaStoreSide .storeList { height:320px;}
}

@media all and (max-width: 768px) {
	.mediaStore .mediaStoreSide,
	.mediaStore .mediaStoreRight,
	.wrap { width:100%; max-width:100%; padding-left:0;	}
	.mediaStoreRight, .wrap, .sticky .wrap, .at-bottom .wrap, .mediaStoreSide {position: static;}
		 
	.mediaStore .channels { display: none; }
	.mediaStore .mediaStoreSide .searchBox { border-bottom: none;}
	.mediaStore .mediaStoreSide .storeList { height:200px;}
	.mediaStore .popup { width:50%;}
	.mediaStore .filterCtnr { padding: 10px; border-top: 1px solid rgba(255,255,255,0.15);}
	.mediaStore .mainVideoContainer a { padding: 0 5px; }
}

@media all and (max-width: 600px) {
.mediaStore .galleryBox { height:195px; }
}


@media all and (max-width: 425px) {
	.mediaStore .popup { width:100%;}
	.mediaStore .mainVideoContainer a,
	.mediaStore .galleryBox { width:50%; }
}

@media all and (max-width: 375px) {
	.mediaStore .mainVideoContainer a,
	.mediaStore .galleryBox { width:50%; }
	.mediaStore .filterCtnr ul li { font-size: 12px; margin-right:11px;}

}

@media all and (max-width: 320px) {
	.mediaStore .filterCtnr ul li { font-size: 11px; margin-right:5px;}
}