.tvm {background-repeat: no-repeat; background-position: center center; background-size: 100%; }
.tvm1{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/rtl_klub.png); }
.tvm2{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/tv_2.png); }
.tvm3{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/viasat_3.png); }
.tvm4{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/m1.png); }
.tvm5{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/hbo.png); }
.tvm6{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/cool.png); }
.tvm7{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/axn.png); }
.tvm8{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/axn_black.png); }
.tvm9{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/animal_planet.png); }
.tvm10{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/cartoon_network.png); }
.tvm11{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/cinemax.png); }
.tvm12{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/cinemax_2.png); }
.tvm13{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/comedy_central.png); }
.tvm14{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/duna_tv.png); }
.tvm15{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/digi_film.png); }
.tvm16{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/discovery_channel.png); }
.tvm17{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/disney_channel.png); }
.tvm18{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/duna2_autonomia.png); }
.tvm19{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/fox.png); }
.tvm20{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/fem_3.png); }
.tvm21{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/film_cafe.png); }
.tvm22{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/film_mania.png); }
.tvm23{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/filmplus.png); }
.tvm24{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/filmplus_2.png); }
.tvm25{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/filmbox.png); }
.tvm26{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/filmbox_extra.png); }
.tvm27{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/filmbox_family.png); }
.tvm28{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/filmbox_hd.png); }
.tvm29{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/filmbox_plus.png); }
.tvm30{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/fonix.png); }
.tvm31{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/hbo_comedy.png); }
.tvm32{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/hbo_2.png); }
.tvm33{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/life_network.png); }
.tvm34{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/m2.png); }
.tvm35{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/m3.png); }
.tvm36{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/mgm.png); }
.tvm37{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/minimax.png); }
.tvm38{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/national_geografic.png); }
.tvm39{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/nickelodeon.png); }
.tvm40{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/ozone_network.png); }
.tvm41{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/prizma.png); }
.tvm42{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/pro_4.png); }
.tvm43{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/rtl_2.png); }
.tvm44{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/sorozat_plus.png); }
.tvm45{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/spektrum.png); }
.tvm46{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/story_4.png); }
.tvm47{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/tv2_super.png); }
.tvm48{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/universal.png); }
.tvm49{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/viasat_explorer.png); }
.tvm50{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/viasat_6.png); }
.tvm51{background-image:url(https://www.mafab.hu/tv/css/pics/tv_icons/medium/zone_club.png); }

body {
	background-color: #cacaca;
	font-family: 'Roboto', sans-serif;
	color: #30302E;
}

.clear {clear:both;}

a {text-decoration: none; color: #002c3e;}
a:hover  {text-decoration: underline; color: #002c3e;}

.no-border {border: none;}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.bg-white {background-color: #fff;}
.bg-mafab-blue {background-color: #002c3e;}
.bg-mafab-magenta {background-color: #ed044e;}
.txt-mafab-blue {color: #002c3e;}
.txt-mafab-magenta {color: #ed044e;}
.txt-white{color: #fff;}

.blue {
    color: #186D8B !important;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fanshop .price {font-size:90%; font-weight: bold; color:black;}
.fanshop .oldprice {font-size:80%; font-weight: normal; text-decoration:line-through; }

div#succRated{position:fixed; top:45px; right:40px; min-width:160px; display:table; border:4px solid #096; border-radius:20px; -webkit-border-radius:20px; background-color:#f6f6f6; z-index:1200}
div#succRated h2{display:table-cell; vertical-align:middle; font-size:16px; padding:25px; color:#000}

div#badRated{position:fixed; top:45px; right:40px; min-width:160px; display:table; border:4px solid #c33; border-radius:20px; -webkit-border-radius:20px; background-color:#f6f6f6; z-index:1200}
div#badRated h2{display:table-cell; vertical-align:middle; font-size:16px; padding:25px; color:#000}

.mfb-btn {margin: 5px 10px; padding: 3px 12px; border-radius: 5px; background-color: #fff; border: 1px solid #D1D1D1; color: #D1D1D1; font-size:20px;}
.mfb-btn.mfb-btn-fav.active, .mfb-btn.mfb-btn-fav:hover {border-color: #ed044e; color: #ed044e;}
.mfb-btn.mfb-btn-wish.active, .mfb-btn.mfb-btn-wish:hover {border-color: #002c3e; color: #002c3e;}
.mfb-btn:hover, .mfb-btn:focus {outline:none;}

.mfb-btn-share {padding: 3px 12px; border-radius: 5px; background-color: #002c3e; color: #fff; border: 1px solid #002c3e; font-size:14px;}
.mfb-btn-share:hover {background-color: #fff; color: #002c3e; border: 1px solid #002c3e;}

.mfb-btn-more-bordered {display:inline-block; padding: 5px 10px; border: 1px solid #e9e9e9;}

.no-border-radius {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

button, button:focus {outline:none;}

button.btn, button.btn:hover, button.btn:focus, button.btn:active {outline:none;}

.modal-mafab {border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
.modal-mafab .modal-header {background-color: #002c3e; color: #fff;}
.modal-mafab .modal-header h4 {color:#fff; font-family: inherit; text-transform:none;}
.modal-mafab .modal-header .close {background-color: #ed044e; opacity: 1; text-shadow: none; color: #fff; padding: 1px 5px; margin-top: 1px;}


/*
header.header_main {width: 100%;}
header.header_main section.bluebar {width: 100%; height: 28px; background-color: #015267;}
header.header_main section.header {width: 100%; height: 80px; background-color: #002c3e;}
*/

h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif; color: #002c3e; text-transform: uppercase; font-weight: normal;}
h4 {font-size: 19px;}
h2.section-heading {font-size: 20px;}
h4.section-heading, h2.section-heading {display:inline-block; margin-bottom: 25px; padding-right:15px; font-weight: 700;}
h4.section-heading a:hover, h2.section-heading a:hover {text-decoration: underline;}
.heading-icon {font-size:19px; margin-right:8px; color: #002c3e;}

h1 a,h2 a, h3 a, h4 a, h54 a, h6 a {text-decoration: none;}
h1 a:hover,h2 a:hover, h3 a:hover, h4 a:hover, h54 a:hover, h6 a:hover {text-decoration: underline;}



header.page-header {
	background-color: #002c3e;
	height: 57px;
	margin: 0;
	margin-top: 30px;
	/*margin-bottom: 40px;*/
	border: 0;
	overflow:visible;
	z-index: 999;
  position:relative;
}

header.page-header .mafab-logo {
	background-color: #ed044e;
	width: 159px;
	padding: 0;
	margin-top: 0;
	z-index: 1000;
	position:absolute;
}

header.page-header .mafab-logo-in {position:relative;}
h1.website_title, h5.website_title {margin:0; padding:0;}
a h1.website_title, a h5.website_title {color:#fff; }

header.page-header .mafab-logo img {height: 100%; }


header.page-header .header-content {
	width: calc(100% - 159px);
	height: 57px;
	display: table-cell;
	vertical-align: middle;
}


header.page-header .header-content form {
	display:inline;
}

/* header nav */
.nav,
.nav a,
.nav ul,
.nav li,
.nav div {margin: 0; padding: 0; border: none; outline: none;}
.nav {display: inline-block; position: relative; cursor: default; z-index: 500;}
.nav > li {display: block; float: left;}
.nav > li > a {
	position: relative;
	display: block;
	z-index: 510;
	padding: 0 13px;
	line-height: 57px;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	color: #bfcacf;
}
.nav > li:hover > a {background: #fff; color: #002c3e;}
.nav > li.active > a {background: #fff; color: #000407;}
.nav > li > div {
	position: absolute;
	left:0;
	display: block;
	width: 1000px;
	margin-left: -159px;
	padding: 20px 15px;
	top: 57px;
	left: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	background-color: #fff;
	border-bottom: 4px solid #002c3e;
	transition: all 0.3s ease-in-out 0s;
}
/*.nav > li:hover > div {opacity: 1; visibility: visible; overflow: visible;}*/
.nav > li:nth-child(1) > div {margin-left: -159px;}
.nav > li:nth-child(2) > div {margin-left: -233px;}
.nav > li:nth-child(3) > div {margin-left: -340px;}
.nav > li:nth-child(4) > div {margin-left: -448px;}
.nav > li:nth-child(5) > div {margin-left: -523px;}
.nav > li:nth-child(6) > div {margin-left: -612px;}
.nav > li:nth-child(7) > div {margin-left: -672px;}
.nav > li:nth-child(8) > div {margin-left: -613px;}

.header-content h4, .header-content h4 a {
	font-weight: 500;
}

/* on scroll */
.page-header.sticky {position:fixed; top:0; margin-top:0; width:100%; transition: all 0.15s ease;}
.page-header.sticky .mafab-logo {padding:0; margin-top: 0;}
.scrollTop {
	border: 1px solid #808080;
	border-radius: 5px;
	padding: 6px 15px 10px 15px;
	font-size: 24px;
	text-align: center;
	color: #808080;
	position: fixed;
	bottom: 90px;
	right: 32px;
	cursor: pointer;
	display: none;
}
.scrollTop:hover {border: 1px solid #002c3e; background: rgba(255,255,255,0.5); color: #002c3e;}


.search-expandable {
	/*
	margin-top: 12px;
	float:right;
	width: 100px;
	background-color: #fff;
	border: 0;
	padding: 6px 25px 6px 8px;
	font-size: 14px;
	color: #000;
	text-align:left;    position: absolute;
	right: 55px;
    background-color: #fff;
    z-index: 999;
    border-left: 12px solid #002c3e;
    border-top: 12px solid #002c3e;
    margin-top: 0px;
    border-bottom: 13px solid #002c3e;
	*/

	/*
	margin-top: 12px;
	float: right;
	width: 100px;
	background-color: #fff;
	border: 0;
	font-size: 14px;
	color: #000;
	text-align: left;
	position: absolute;
	right: 55px;
	background-color: #fff;
	z-index: 999;
	margin-top: 0px;
	height: 33px;
	margin-top: 12px;
	padding-left: 10px;
	border-left: 15px solid #002C3E;
	*/

	float: right;
	width: 100px;
	background-color: #fff;
	border: 0;
	font-size: 14px;
	color: #000;
	text-align: left;
	position: absolute;
	right: 55px;
	background-color: #fff;
	z-index: 999;
	margin-top: 0px;
	height: 57px;
	padding-left: 10px;
	border-left: 15px solid #002C3E;
	border-top: 12px solid #002C3E;
	border-bottom: 12px solid #002c3e;
}
.search-expandable:focus {width: 350px; transition: all 0.35s ease 0s; outline:0;}
.search-expandable:not(:focus) {width: 100px; transition: all 0.5s ease 0s;}
/*.search-btn {width: 25px; padding: 6px 10px 6px 2px; background-color: #fff; float:right; margin-top: 12px; margin-right: 15px; cursor: pointer;}*/
.search-btn {
	width: 25px;
	padding: 6px 10px 6px 2px;
	background-color: #fff;
	float: right;
	margin-top: 12px;
	margin-right: 15px;
	cursor: pointer;
	height: 33px;
}
.search-btn:hover {color: #002c3e;}

a.header-login,a.header-search-btn {display: block; float:right; font-size:16px; padding:16px; height: 100%; text-decoration: none; color:#fff;}
a.header-login:hover,a.header-search-btn:hover {text-decoration: none; color:#002c3e; background-color: #fff; height: 100%;}
a.header-search-btn {display:none;}

#mobile-searchbox {
	width: 100%;
	background-color: #DAE7ED;
	height: 57px;
	position: fixed;
	top: 0;
	z-index: 1000;
	display: none;
}

#mobile-searchbox .searchbox {
	width: calc(100% - 114px);
	float: left;
	font-size: 20px;
}
#mobile-searchbox .searchbox input {
	width: 100%;
	height: 57px;
	border: none;
	padding: 0 20px;
	margin: 0;
	background-color: #DAE7ED;
}
#mobile-searchbox .searchbox input:focus {outline:none;}

#mobile-searchbox .btn-back {
	width: 57px;
	height: 57px;
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
	background-color: #002c3e;
	color: #fff;
	font-size: 30px;
}
#mobile-searchbox .btn-back:focus,#mobile-searchbox .btn-back:hover {outline: none; /*background-color: #fff; color: #002c3e;*/}

#mobile-searchbox .btn-search {
	width: 57px;
	height: 57px;
	border: 0;
	padding: 0;
	margin: 0;
	background-color: #DAE7ED;
	float: left;
	color: #002c3e;
	font-size: 30px;
}
#mobile-searchbox .btn-search:focus {outline:none;}

.hamburger {
	display: none;
	float:right;
	padding:16px;
	height: 100%;
	margin: 0;
	cursor: pointer;
	color: #002c3e;
	background-color: #DAE7ED;
}

.hamburgerprofile {
	padding:16px;
	height: 100%;
	margin: 0;
	cursor: pointer;
	color: #002c3e;
	background-color: #DAE7ED;
}

.rate {
	display: inline-block;
	text-align: center;
	color: #fff;
	width: 27px;
	height: 27px;
	line-height: 27px;
	font-size: 15px;
	font-weight: 500;
	padding: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	cursor: pointer;
}

.stars a, .stars .ui-widget-content a {
	color: #AAA !important;
	display: inline-block;
	text-decoration: none !important;
	margin: 0 -3px;
	outline-style: none !important;
	padding: 0 3px;
}
.stars a:visited {color: #AAA !important;}
.stars a.highlighted {color: #002c3e !important;}
.stars a:after, .stars .ui-widget-content a:after {font-size: 1.2em; font-style: normal; content: '\2605';}
.stars a:hover {text-decoration: none;}

ul.stars {font-style:normal; font-family: Arial, Helvetica, sans-serif; color:#aaa; display:inline-block; letter-spacing:0; margin:0; padding:0; text-align:center;}
ul.stars li {font-style: normal; color: #aaa; display: inline-block; letter-spacing: -1px; margin: 0; padding: 0; text-align: center; font-weight: 100;}
li.highlighted {color: #002c3e!important;}
ul.stars li:after {font-size: 12px; font-style: normal; content: '\2605';}

.comment ul.stars li:after {font-size: 18px;}
.comment li.highlighted {color: #ffcc00!important;}

/* farebne hviezdicky */
ul.stars.stars-num-1 li.highlighted {color: #dc0e0e !important;}
ul.stars.stars-num-2 li.highlighted {color: #ff8400 !important;}
ul.stars.stars-num-3 li.highlighted {color: #ffe203 !important;}
ul.stars.stars-num-4 li.highlighted {color: #98CA1A !important;}
ul.stars.stars-num-5 li.highlighted {color: #29A436 !important;}
.rating-nezhetetlen {color: #7a1119;}

.colorful-stars .fa-star-o {color: #aaa !important;}
.colorful-stars.colorful-stars-1 .fa-star {color: #dc0e0e !important;}
.colorful-stars.colorful-stars-2 .fa-star {color: #ff8400 !important;}
.colorful-stars.colorful-stars-3 .fa-star {color: #ffe203 !important;}
.colorful-stars.colorful-stars-4 .fa-star {color: #98CA1A !important;}
.colorful-stars.colorful-stars-5 .fa-star {color: #29A436 !important;}

.banner {max-width:100%;}

/* ghost button */
.ghost-btn {
	display: block-inline;
	background-color: transparent;
	padding: 5px 10px;
	border-radius: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: rgba(255,255,255,0.7);
	font-size: 12px;
	color: #fff;
}
.ghost-btn:hover {text-decoration: none; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
/* ghost button - colors */
a.ghost-btn {text-decoration: none;}
a.ghost-btn:hover {text-decoration: none;}
.ghost-btn-white {border-color: rgba(255,255,255,0.7); color: rgba(255,255,255,0.7);}
.ghost-btn-white:hover {background: rgba(255,255,255,0.15); color: #fff; border-color: #fff;}
.ghost-btn-black {border-color: rgba(0,0,0,0.7); color: rgba(0,0,0,0.7);}
.ghost-btn-white:hover {background: rgba(255,255,255,0.15); color: #fff; border-color: #fff;}
.ghost-btn-blue {border-color: rgba(1,82,103,0.7); color: rgba(1,82,103,0.7);}
.ghost-btn-blue:hover {background: rgba(1,82,103,0.15); color: rgba(1,82,103,1); border-color: rgba(1,82,103,1);}
.ghost-btn-lightblue {border-color: rgba(0,201,255,0.7); color: rgba(0,201,255,0.7);}
.ghost-btn-lightblue:hover {background: rgba(0,201,255,0.15); color: rgba(0,201,255,1); border-color: rgba(0,201,255,1);}
/* ghost button - sizes */
.ghost-btn-sm {padding: 5px 10px; font-size: 13px;}
.ghost-btn-md {padding: 8px 14px; font-size: 15px;}
.ghost-btn-lg {padding: 12px 18px; font-size: 18px;}
/* EDIT - remove bgcolor & border */
.ghost-btn {background:none;border:none;}
.ghost-btn:hover {background:none;border:none;}


/* HOME - TRAILERS */
section.home-trailers {background-color: #000;}
section.home-trailers .big-thumb {position: relative; height: 400px; padding:0; background-color: #000;}
section.home-trailers .thumbs {background-color: #333333; height: 400px;}
section.home-trailers .article {background-color: #333333; height: 400px; max-height:400px;}
section.home-trailers .article .imgbg {float: left; background-size: cover !important; width: 100%; height: 175px; margin-bottom:15px; margin-top:20px;}
section.home-trailers .article h4 {margin:15px 0 15px 0; padding-left:10px; color:#0090a7; text-transform:none; line-height:22px;}
section.home-trailers .article p {padding-left:10px; padding-bottom:10px; color:#fff;}

section.home-trailers .big-thumb .about {
	display: block;
	width: 100%;
	margin: 0;
	padding: 15px 25px;
	position: absolute;
	bottom: 0;
	background: rgba(22, 22, 22, 0.8);
	color: #fff;
}
section.home-trailers .big-thumb .play-btn {
	background-color: transparent;
	border: 2px solid rgba(255,255,255,0.5);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: rgba(255,255,255,0.5);
	text-align: center;
	width: 120px;
	padding: 18px 0;
	font-size: 40px;
	position: absolute;
	top: 35%;
	left: calc(50% - 60px);
	cursor: pointer;
}
section.home-trailers .big-thumb .play-btn:hover {
	background-color: rgba(255,255,255,0.2);
	border: 2px solid rgba(255,255,255,0.9);
	color: rgba(255,255,255,0.9);
	cursor: pointer;
	transition-duration: 0.3s;
}
.home-trailers .thumbs img:hover {
	-webkit-box-shadow: 0px 0px 8px 0px rgba(200, 200, 200, 0.85);
	-moz-box-shadow:    0px 0px 8px 0px rgba(200, 200, 200, 0.85);
	box-shadow:         0px 0px 8px 0px rgba(200, 200, 200, 0.85);
	-webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
	cursor: pointer;
}
.home-trailers .thumbs img.selected {
	-webkit-box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.95);
	-moz-box-shadow:    0px 0px 12px 0px rgba(255, 255, 255, 0.95);
	box-shadow:         0px 0px 12px 0px rgba(255, 255, 255, 0.95);
	-webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
	cursor: pointer;
}
section.home-trailers .big-thumb .about .rate {padding: 4px 6px; font-size: 13px; font-weight: 300; letter-spacing: 1px; margin-right: 8px;}
section.home-trailers .big-thumb .about .year-genres {display: inline-block; margin-top: 8px; font-size: 12px; color: #C0C0C0;}
section.home-trailers .big-thumb .more-trailers {position: absolute; bottom: 18px; right: 25px;}
#trailer-title a {text-decoration:none; color:#fff;}
#trailer-title a:hover {text-decoration:none; color:#fff;}
/*
.trailer-nav-left {position: absolute; top:0; left:0; cursor:pointer; text-align:center; color: rgba(255,255,255,0.25); font-size: 55px; padding: 150px 100px 100px 20px;}
.trailer-nav-right {position: absolute; top:0; right:0; cursor:pointer; text-align:center; color: rgba(255,255,255,0.25); font-size: 55px; padding: 150px 20px 100px 100px;}
*/
.trailer-nav-left {position: absolute; top:0; left:0; width: 20%; height: 100%; cursor:pointer; color: rgba(255,255,255,0.25); z-index:100;}
.trailer-nav-right {position: absolute; top:0; right:0; width: 20%; height: 100%; cursor:pointer; color: rgba(255,255,255,0.25);}
.trailer-nav-left .fa {
	position: absolute;
	font-size: 55px;
	left: 20px;
	top: calc(50% - 28px);
}
.trailer-nav-right .fa {
	position: absolute;
	font-size: 55px;
	right: 20px;
	top: calc(50% - 28px);
}

.trailer-nav-left:hover,.trailer-nav-right:hover {color: rgba(255,255,255,0.9); transition-duration: 0.3s;}

/* HOME - CONTENT */
.home-content, .contentbox {background-color: #fff;/*#F1F1F1;*/}
.home-content .leftside, .contentbox .leftside {background-color: #fff; padding-bottom: 100px; /*min-height: 4300px;*/}
.home-content .rightside, .contentbox .rightside {background-color: #fff;/*#F1F1F1*/ padding-bottom: 100px;  /*min-height: 4300px;*/}


/* HOME - Top movies of the day - tabs */
.tab-btn {
	font-family: "Arial";
	float:left;
	margin-right: 3px;
	padding: 3px 9px;
	background-color: #B3B3B3;
	text-transform: uppercase;
	font-size: 11px;
	text-align:center;
	border:0;
	color: #fff;
}
/*button:nth-last-child(1) {margin-right:0;}*/
.tab-btn:hover {background-color:#025F80; transition-duration:0.5s;}
.tab-btn:focus {outline:0;}
.tab-btn.active {background-color:#025F80;}

/* HOME - MOVIE COLUMNS */
.home-movies-list {padding: 0 0 10px 5px;}
.home-movies-list.sidebox {padding: 0 0 10px 0;}
.home-movies-list .item {margin-top: 5px; margin-bottom: 5px;}
.home-movies-list .item.item-sidebox {margin: 0 !important; padding-top: 8px; padding-bottom: 8px;}

.home-movies-list .item.item-sidebox p {margin:2px 0; color: #333333;} /*margin:0;  color:#707173;*/
.home-movies-list .item small {display: block; margin-top: 3px; font-size: 11px;}

.home-movies-list .item h1, .home-movies-list .item h2, .home-movies-list .item h4 {
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	text-transform: none;
	display: inline-block;
	font-family: "Roboto";
}
#listoftiles .item h1, #listoftiles .item h2, #listoftiles .item h4 {font-size:15px;}
.home-movies-list .item h1 a:hover, .home-movies-list .item h2 a:hover, .home-movies-list .item h4 a:hover {text-decoration:underline;}
.home-movies-list .rate {margin-right: 6px;}
.home-movies-list .item span.tv-station {font-size: 12px; font-weight: normal;}
.home-movies-list .item .movie-tv-left,.home-movies-list .item .movie-tv-right {padding:0;}
.home-movies-list img {width:100%; /*max-width:160px;*/}
.home-movies-list .year {color:#777; font-weight:normal; font-size:12px;}
.home-movies-list .desc {
	line-height: 130%;
	color: #707173;
	font-size: 14px;
	margin: 15px 0 0 0;
	overflow: hidden;
	/*width: 85%;*/
}
.home-movies-list .staff, .home-movies-list .actors {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 13px;
	padding: 0;
	margin: 3px 13px 3px 0;
	width: 100%;
}

/* HOME - MAGAZINE */
.home-magazine .item .imgbg {float: left; background-size: cover !important; width: 100%; height: 250px; margin-bottom:15px;}
.home-magazine .item .imgbg:hover {opacity:0.85; transition-duration:0.3s;}
.home-magazine .item h3 {text-transform: none; padding: 10px; margin-bottom: 0px;}
.home-magazine .item p {padding: 10px; color:#30302E;}

/* HOME - TOPLISTS */
.home-toplists {background-color: #333333; padding-top: 15px; padding-bottom: 20px;}
.home-toplists .heading-icon, .home-toplists h4, .home-toplists h4 a,.home-toplists h4 a:hover {color:#0090a7;}
.home-toplists h1,.home-toplists h2,.home-toplists h3,.home-toplists h4,.home-toplists h5,.home-toplists h6 {color:#0090a7; text-transform:none;}
.home-toplists article {margin-bottom: 10px;}
.home-toplists article h4 {line-height:1.5;}
.home-toplists article p {color:#E1E1E1; padding-top: 10px;}
.home-toplists article .imgbg-big {float: left; background-size: cover !important; width: 160px; height: 240px; margin-right:15px;}
.home-toplists article .imgbg-small {float: left; background-size: cover !important; width: 80px; height: 120px; margin-right:15px;}

/* HOME - TV PROGRAM */
.home-tvprogram {background-color: #fff; margin-bottom: 15px;}
.home-tvprogram .time-tv-station{width:70px; height:90px; float: left; position:relative;}
.home-tvprogram .time {background-color: #ed044e; color: #fff; height: 42px; width: 70px; text-align: center; font-size: 18px; font-weight:700; display:table-cell; vertical-align:middle;}
.home-tvprogram .tv-station {position:absolute; top:42px; background-color: #fff; height: 41px; width: 68px; background-size: cover !important;}
.home-tvprogram .image {float:left; background-color: #fff; height: 90px; width: 60px; background-size: cover !important;}
.home-tvprogram .content {background-color: #fafafa; float:left; width: calc(100% - 130px); height:90px; padding: 10px 0 0 10px; position: relative;}
.home-tvprogram .progress-bar {position:absolute; bottom:0; right:15px; background-color:#dcdcdc; width:calc(100% - 100px); height:7px;}
.home-tvprogram .progress-bar.hover {height:10px; transition-duration:0.25s;}
.home-tvprogram .progress-bar .elapsed-time{background-color:#002c3e; width: 0px; height:100%;}
.home-tvprogram .content h1, .home-tvprogram .content h2 {
	padding: 0;
	margin: 0;
	margin-left:5px;
	font-size: 14px;
	font-weight: 700;
	text-transform: none;
	font-family: inherit;
	display: inline-block;
}

.home-tvprogram .content h2 span {
color:#000;
	font-weight: 500;

}

.home-tvprogram .staff {display:inline-block; margin-top:5px; text-overflow:ellipsis; overflow:hidden; width:95%; height:25px; white-space:nowrap;}

/* OWL CAROUSELS */
/*
#owl-home-trailers .item{}
#owl-home-trailers .item img{display: block; height: 170px;}
#owl-home-trailers .a {color: #002c3e; font-size: 13px;}
#owl-home-trailers .a:hover {color: #002c3e; font-size: 13px; text-decoration: underline;}
*/
.owl-toplistak .item{margin: 3px;}
.owl-toplistak .item img{display: block; height: 140px; width: auto;}
#owl-szulinapok .item{margin: 3px;}
#owl-szulinapok .item img{display: block; height: 140px; width: auto;}
#owl-staff .item img{display: block; height: 120px; width: auto;}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 16px;
	height: 5px;
	margin: 5px 2px;
	background: #025F80;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.owl-leftnav {
    width: 18px;
    height: 40px;
    background: url(/video/css/images/arrow_small_left.png) no-repeat -18px 0;
    position: absolute;
    left: 15px;
    top: 40px;
    cursor: pointer;
}
.owl-leftnav:hover {background: url(/video/css/images/arrow_small_left.png) no-repeat 0 0;}
.owl-rightnav {
    width: 18px;
    height: 40px;
    background: url(/video/css/images/arrow_small_right.png) no-repeat 0 0;
    position: absolute;
    right: 15px;
    top: 40px;
    cursor: pointer;
}
.owl-rightnav:hover {background: url(/video/css/images/arrow_small_right.png) no-repeat -18px 0;}

.owl-home-trailers .item{}
.owl-home-trailers .item img {display: block; height: 170px; width: 126px;}
.owl-item img {width: 100%; margin: 0 auto;}
.owl-trailer-inner {text-align:center; padding: 5px 0; margin: 0px auto; max-width: 130px; color: #63C9FF;}
.owl-trailer-inner a {font-weight: bold; font-size: 13px;}
.owl-trailer-inner .year {color: #777; font-size: 11px;}
.owl-home-trailers .item .owl-trailer-thumb {cursor: pointer;}
.owl-trailer-inner p {padding:0; margin:0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:130px;}
/*
.sliding-player {background-color: #3C3C3C; margin-top:0px; padding: 20px 20px 15px 5px; position: relative; font-size: 13px; color: #F0F0F0;}
.sliding-player a, .sliding-player a:hover {color: #00C4F8;}
.sliding-player p {padding: 10px 0;}
.sliding-player .rate {display: block; width: 40px; font-size: 16px; padding: 10px 0;}
.sliding-player h1 {font-family: 'Roboto', sans-serif; color: #00C4F8; text-transform: none; margin: 10px 0; padding: 0; font-size: 18px; display:block;}
.sliding-player iframe {width: 100%; height: 250px; border: 0; margin: 0; padding: 0;}
.owl-trailer-inner  .arrow-up {
	position: absolute;
	bottom: 0px;
	left: calc(50% - 8px);
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #3C3C3C;
	z-index: 100;
	display: none;
}
*/
.owl-trailer-inner .year {color: #c1c1c1; font-size: 11px;}
.owl-home-trailers .item .owl-trailer-thumb {position: relative;}
.owl-home-trailers .play-btn {
	position: absolute;
	top: 29%;
	left: calc(50% - 25px);
	width: 50px;
	height: 45px;
	background: rgba(255,255,255,0);
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	font-size: 20px;
	padding-top: 7px;
	/*display: block;*/
	display:none;
	opacity: 0.85;
}
.owl-trailer-thumb:hover > .play-btn {display: none; background: rgba(255,255,255,0.3); opacity: 1;}
.owl-trailer-thumb img {margin-top: 5px;}
.owl-trailer-thumb img.selected {
    -webkit-box-shadow: 0px 0px 12px 0px rgba(90, 194, 222, 0.95);
    -moz-box-shadow: 0px 0px 12px 0px rgba(90, 194, 222, 0.95);
    box-shadow: 0px 0px 12px 0px rgba(90, 194, 222, 0.95);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.owl-classic .item img{display: block; margin:1px;height: 120px; width: auto; }

.sliding-player {background-color: #002c3e; margin-top:0px; padding: 20px 20px 15px 5px; position: relative; font-size: 13px; color: #F0F0F0;}
.sliding-player2 {display:none; padding:20px; background-color: #000; margin-top:0px; position: relative; font-size: 13px; color: #F0F0F0;}
.sliding-player2 .play-btn {
    background-color: transparent;
    border: 2px solid rgba(255,255,255,0.5);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: rgba(255,255,255,1);
    text-align: center;
    width: 75px;
    padding: 5px 0;
    font-size: 36px;
    position: absolute;
    top: calc(50% - 33px);
    left: calc(50% - 38px);
    cursor: pointer;
}
.sliding-player2 .play-btn:hover {
	background-color: rgba(255,255,255,0.2);
	border: 2px solid rgba(255,255,255,0.9);
	color: rgba(255,255,255,0.9);
	cursor: pointer;
	transition-duration: 0.3s;
}
.sliding-player2 .trailer-video {
	width: 100%;
	height: 320px;
	border: 0;
	margin: 0;
	padding: 0;
	display: none;
}
.sliding-player2 .rate {width:auto; display:inline-block; padding: 4px 6px; font-size: 13px; font-weight: 300; letter-spacing: 1px; margin-right: 8px;}
.sliding-player2 .infobox {display: block; width: 100%; margin: 0; padding: 15px 25px; position: absolute; bottom: 0; background: rgba(22, 22, 22, 0.8); color: #fff;}
.sliding-player2 .year-genres {display:inline-block; margin-top:7px; font-size:12px; color:#C0C0C0;}
.sliding-player2 .trailer-image {position:relative; font-size:14px; height:320px; padding: 0;}
.sliding-player2 .ghost-btn {position:absolute; right: 20px; bottom: 16px;}

.sliding-player a, .sliding-player a:hover {color: #63C9FF;}

.sliding-player p {padding: 10px 0;}
.sliding-player .rate {display: block; width: 40px; font-size: 16px; padding: 10px 0;}
.sliding-player h1 {font-family: 'Roboto', sans-serif; color: #00C4F8; text-transform: none; margin: 10px 0; padding: 0; font-size: 18px; display:block;}
.sliding-player iframe {width: 100%; height: 250px; border: 0; margin: 0; padding: 0;}
.owl-trailer-inner  .arrow-up {
	position: absolute;
	bottom: 0px;
	left: calc(50% - 8px);
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #000;
	z-index: 100;
	display: none;
}
.owl-trailer-inner  .arrow-up.arrow-up2 {border-bottom: 8px solid #2D2727; top:0;}
.sliding-player iframe.player_v6 {height:400px;}


/*
.owl-item img {padding:3px;}
*/

/* full-screen player */
div#wrapper_player {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.9);
	top: 0;
	left: 0;
	z-index: 1200;
	display: none;
}

div#player_content {position: relative; top:0;}
div#player_content div#cornerclose {
	width: 20px;
	height: 20px;
	position: absolute;
	right: -25px;
	top: 0;
	background: url(/video/css/images/close_video.png) no-repeat 0 0;
	cursor: pointer;
}
div#player_content div#cornerclose:hover {right: -25px; background: url(/video/css/images/close_video.png) no-repeat -20px 0;}

.yt_player {width: 1040px; height: 465px;}

div#player_content iframe {width: 100% !important;	height: 100% !important;}
div#player_content {width: 90% !important; height: 90%;}

/* FOOTER */
footer {width: 100%; height: 280px; background-color: #575757; margin-bottom: 50px; }

#mobile-menu {display: none; position: fixed; top: 57px; right: 0; width: 100%; z-index: 9999;}
#mobile-menu ul {background-color: #DAE7ED; margin:0; padding:6px 0; list-style: none;}
#mobile-menu ul li a {text-decoration: none; display: block; width: 100%; padding: 9px 5px 9px 20px; font-size: 15px; text-transform: uppercase;}
#mobile-menu ul li a:hover {background-color: #fff; text-decoration: none;}

.home-tab-controls {float:right; margin-top:10px; z-index: 9999;}

.movie-profile {color: #727272;}
.movie-profile .premiere {padding: 15px 0;}
.movie-profile .more_posters {width: 100%; max-width: 159px; background-color: #d8d8d8; padding: 3px 0; text-align: center;}
.movie-profile h1,.movie-profile h2 {font-family: inherit; font-weight:500; text-transform: uppercase; padding: 0; margin: 0; margin-bottom: 3px; font-size: 20px;}
/*.movie-profile p {padding: 30px 0 20px 0;}*/
.movie-profile p {margin: 10px 0; padding: 0;};
.movie-profile .title-original {display: inline-block; font-style:italic; color: #3C3C3C;}
.movie-profile .title-english {display: inline-block; color: #3C3C3C; margin: 5px 0 5px 0;}

.movie-profile .poster {width: 100%; max-width: 159px;}
.movie-profile .staff {font-size: 13px;}
.movie-profile .staff .category {color: #000; font-weight: bold;}

.movie-profile .rate-big, .rate-big {text-align:center; display: block; margin: 0px auto; width: 90px; font-size: 35px; padding: 15px 24px; border-radius: 5px; margin-bottom: 20px;}

.movie-profile .profile-btn {margin: 5px 10px; padding: 3px 12px; border-radius: 5px; background-color: #fff; border: 1px solid #D1D1D1; color: #D1D1D1; font-size:20px;}
.movie-profile .profile-btn.profile-btn-fav.active, .movie-profile .profile-btn.profile-btn-fav:hover {border-color: #ed044e; color: #ed044e;}
.movie-profile .profile-btn.profile-btn-wish.active, .movie-profile .profile-btn.profile-btn-wish:hover {border-color: #002c3e; color: #002c3e;}
.movie-profile .profile-btn:hover, .movie-profile .profile-btn:focus {outline:none;}

.movie-profile .imdb {display: inline-block; margin: 10px;}
.movie-profile .movie-profile-social {margin-top: 10px;}

.movie-profile .content-switching-btns,
.m-profile .content-switching-btns {
	padding: 0;
	margin: 0;
	/*
	margin: 0 15px;
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	*/
	border: 0;
}
.movie-profile .content-switching-btns .switch-btn,
.m-profile .content-switching-btns .switch-btn {
	position: relative;
	cursor: pointer;
	display: block;
	float: left;
	border: none;
	background-color: #fff;
	width: /*calc(100%/9)*/11.11%;
	text-align: center;
	font-size: 22px;
	/*border-top: 1px solid #f1f1f1;*/
	border-bottom: 1px solid #f1f1f1;
	/*border-bottom: 1px solid #D1D1D1;*/
	margin: 0;
	padding: 12px 0;
}

/*.movie-profile .content-switching-btns  .switch-btn:nth-child(8) {border-right: none;}*/
.movie-profile .content-switching-btns .link-switch:last-child > .switch-btn,
.m-profile .content-switching-btns .link-switch:last-child > .switch-btn {border-right:none;}
.movie-profile .content-switching-btns .switch-btn.active,
.m-profile .content-switching-btns .switch-btn.active {
	background-color: #fff;
	border-color: #002c3e;
	color: #002c3e;
}
.movie-profile .content-switching-btns .switch-btn:hover,
.m-profile .content-switching-btns .switch-btn:hover {
	background-color: #fff;
	border-color: #002c3e;
	color: #002c3e;
}
.movie-profile .content-switching-btns .switch-btn.disabled,
.m-profile .content-switching-btns .switch-btn.disabled {
	background-color: #fff;
	color: #d4d4d4;
	cursor:not-allowed;
}
.movie-profile .content-switching-btns .switch-btn.disabled:hover,
.m-profile .content-switching-btns .switch-btn.disabled:hover {border-color: #707173;}

.movie-profile .content-switching-btns .switch-btn .ctr,
.m-profile .content-switching-btns .switch-btn .ctr {position: absolute; bottom: 3px; right: 12px; font-size: 11px; color: #7698a1;}
.movie-profile .content-switching-btns .switch-btn.active .ctr,
.m-profile .content-switching-btns .switch-btn.active .ctr {color: #7698a1;}
.movie-profile .content-switching-btns .switch-btn:hover .ctr,
.m-profile .content-switching-btns .switch-btn:hover .ctr {color: #7698a1;}


#szereplok-button.switch-btn {
	/*
	background: url('../img/icon_szereplok.png') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	*/
	background-image: url(../img/icon_szereplok.svg?v=2) !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 28px;

}
#szereplok-button.switch-btn.active,#szereplok-button.switch-btn:hover {
	/*
	background: url('../img/icon_szereplok_active2.png') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	*/
	background-image: url(../img/icon_szereplok_active.svg?v=2) !important;
}

.movie-profile .bio-switch {padding:5px 10px; margin-right:3px; font-size:13px; background-color:#c6c6c6; color:#fff; display:block; float:left; cursor:pointer;}
.movie-profile .bio-switch:hover {background-color:#707173;}
.movie-profile .bio-switch.active, .movie-profile .bio-switch.active:hover {background-color:#002c3e;}


.staff-rows .item {margin-bottom: 10px; position: relative;}
.staff-rows .item:nth-child(even) {background-color: #EDEDED;}
.staff-rows .item:nth-child(odd) {background-color: #fff;}
.staff-rows .item .image {width: 50px; float:left;}
.staff-rows .item .info {width: calc(100% - 80px); float:left; padding: 5px 15px;}
.staff-rows .item .info h4 {font-family:inherit; text-transform:none!important; margin:0 0 3px 0; padding:0; font-size: 16px; font-weight: bold;}
.staff-rows .item button {position: absolute; top:5px; right: 0px; display: none;}
.staff-rows .mfb-btn {background-color: transparent;}

.staff_role {color: #000;}

.toggle-text.visible {visibility: visible;}
.toggle-text.hidden {visibility: hidden;}

/*
.content-switching-btns .counter {
	position: absolute;
	top: -1px;
	right: -1px;
	width: 22px;
	height: 22px;
	border-bottom-left-radius: 22px;
	background-color: #E3E3E3;
	color: #000;
	text-align: center;
	font-size: 10px;
}
.content-switching-btns .counter span {display: inline-block; margin: 2px 0 0 4px;}
*/
.content-switching-btns .counter {display:none;}

.switched-content {padding: 0;}

.movie-profile .movie-profile-heading {padding: 0; margin: 20px 0 10px 0;}
.movie-profile .movie-profile-heading .heading {text-align: left; position: relative; width: auto; float: left;}
.movie-profile .movie-profile-heading .heading h1,.movie-profile .movie-profile-heading .heading h2 {
	padding: 8px 0 8px 15px;
	text-transform: uppercase;
	margin: 0;
	width: auto;
	background-color: #fff;
	color: #002c3e;
	font-size: 20px;
	font-weight: 500;
}

.movie-profile .movie-profile-heading .heading img {position: absolute; top: 6px; right: 6px;}
.movie-profile .person-mini {color: #D1D1D1; font-size: 13px; margin-bottom: 10px; min-height: 180px; word-wrap: break-word;}
.movie-profile .person-mini a {font-weight: bold;}
.movie-profile .person-mini img {height: 100px; width: 67px; margin-bottom: 5px;}

.movie-profile .person-mini-2 {margin-bottom: 15px;}
.movie-profile .person-mini-2 .image {float:left; width:45px; height:66px; margin-right: 10px;}
.movie-profile .person-mini-2 .info {float:left; width: calc(100% - 55px); font-size:13px;}
.movie-profile .person-mini-2 .info h4 {font-family:inherit; text-transform:none!important; margin:5px 0 2px 0; padding:0; font-size: 14px; font-weight: bold;}
.movie-profile .person-mini-2 .info h4 a:hover {text-decoration:underline;}

.movie-profile .section-about {padding-bottom: 15px; border-bottom: 1px solid #d1d1d1; font-style: italic;}
.movie-profile .section-about p {margin:0; padding:10px 0 0 0;}

.movie-profile .interesting-facts .item {padding: 15px; background-color: #fff; border-top: 1px solid #f1f1f1;}
.movie-profile .interesting-facts .item:nth-child(1) {border-top: 0;}
/*
.movie-profile .interesting-facts .item:nth-child(even) {background-color: #EDEDED;}
.movie-profile .interesting-facts .item:nth-child(odd) {background-color: #fff;}
*/
.movie-profile .interesting-facts .item h4 {font-family: 'Roboto', sans-serif; text-transform: none; font-weight: bold;}

.movie-profile .awards .item {padding: 15px; background-color: #fff; border-bottom: 1px solid #f1f1f1;}
/*
.movie-profile .awards .item:nth-child(even) {background-color: #EDEDED;}
.movie-profile .awards .item:nth-child(odd) {background-color: #fff;}
*/

.movie-profile .reviews .item {padding: 15px; border-top: 1px solid #f1f1f1;}
.movie-profile .reviews .item:nth-child(1) {border-top: 0;}

.movie-profile a.add-comment-btn {
	display: inline-block;
	background-color: #b8b8b8;
	padding: 8px 10px;
	color: #fff;
	text-decoration: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
.movie-profile a.add-comment-btn:hover {
	background-color: #A0A0A0;
	text-decoration: none;
}
.movie-profile a.add-comment-btn.add-comment-btn-magenta {
	background-color: #ED044E;
}
.movie-profile a.add-comment-btn.add-comment-btn-magenta:hover {
	background-color: #e1074c;
}
.movie-profile .comments {
	padding-top: 20px;
}
.movie-profile .comments .comment {padding: 15px 0; font-size: 14px; border-top: 1px solid #f1f1f1;}
.movie-profile .comments .comment:nth-child(1) {border-top: 0;}
/*
.movie-profile .comments .comment:nth-child(even) {background-color: #fff;}
.movie-profile .comments .comment:nth-child(odd) {background-color: #EDEDED;}
*/

.movie-profile .comments .add-comment {margin-bottom: 20px; border: 1px solid #002c3e;}
.movie-profile .comments .add-comment .user-rating {padding: 15px 15px 10px 15px; background-color: #DAE7ED; color:#002c3e;}
.movie-profile .comments .add-comment textarea {padding: 15px; min-height: 100px; border:none;}
.movie-profile .comments .add-comment textarea:focus {outline:none;}
.movie-profile .comments .add-comment .emoticons-send {width:100%; padding:5px; border-top: 1px solid #DAE7ED;}
.movie-profile .comments .add-comment .emoticons-send button {
	background: rgba(1,95,127,1);
	color: #fff;
	padding: 4px 12px;
	border-radius: 3px;
	float: right;
	border: none;
}
.movie-profile .comments .add-comment .emoticons-send button:hover {background: rgba(1,95,127,0.8);}
.movie-profile .comments .add-comment #add-comment-stars {padding:0; margin: -3px 0 0 10px; float:right; font-size: 15px; color:#fff;}

.movie-profile .comments .add-comment .stars a {
	color: #fff !important;
	display: inline-block;
	text-decoration: none !important;
	margin: 0 -3px;
	outline-style: none !important;
	padding: 0 3px;
}
.movie-profile .comments .add-comment .stars a:visited {color: #fff !important;}
.movie-profile .comments .add-comment .stars a.highlighted {color: #0581AB; !important;}
.movie-profile .comments .add-comment .stars a:after {font-size: 1.2em; font-style: normal; content: '\2605';}
.movie-profile .comments .add-comment .stars a:hover {text-decoration: none;}

.movie-profile #video {width: 100%; height: 420px;}

.movie-profile .profile-player .image {position:relative;}
.movie-profile .profile-player .image .info {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 20px;
	text-align: left;
	background: rgba(22, 22, 22, 0.6);
	color: #fff;
}
.movie-profile .profile-player .info h1 {
	font-family: inherit;
	font-size: 18px;
	color: #fff;
}
.movie-profile .profile-player .play-btn {
	background-color: transparent;
	border: 2px solid rgba(255,255,255,0.5);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: rgba(255,255,255,0.5);
	text-align: center;
	width: 120px;
	padding: 18px 0;
	font-size: 40px;
	position: absolute;
	top: 35%;
	left: calc(50% - 60px);
	cursor: pointer;
}

.movie-profile .profile-player .play-btn:hover {
	background-color: rgba(255,255,255,0.2);
	border: 2px solid rgba(255,255,255,0.9);
	color: rgba(255,255,255,0.9);
	cursor: pointer;
	transition-duration: 0.3s;
}

.youtube-iframe {width: 100%; height: 420px; margin:0; margin-top:20px; padding:0;}
.youtube-iframe-name {background-color:#878787; color:#fff; padding:15px; font-size:14px; margin-top: -6px; margin-bottom: 20px; text-align:center;}

.movie-profile .cinema-info, .cinema-info {background-color:#ed044e; color:#fff; padding-top:18px; padding-bottom:15px; text-align: left; height: 56px;}
.movie-profile .cinema-info a, .cinema-info a {color:#fff; text-decoration: underline;}
.movie-profile .cinema-info a:hover, .cinema-info a:hover {color:#fff; text-decoration: none;}

.movie-profile-photos .item {padding: 10px 10%;}
.movie-profile-photos .item .image {position: relative;}
.movie-profile-photos .item .image img {width: 100%; height: auto;}
.movie-profile-photos .item .image .copyright {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0;
	background-color: #818181;
	color: #fff;
	opacity: 0.75;
	padding: 2px 7px;
	text-shadow: 1px 1px #4A4A4A;
	font-size:12px;
}
.movie-profile-photos .item .desc {width: 100%; padding: 8px 0; text-align: center;}

div#tab-images {
    padding: 0;
    margin: 15px 32px 15px 33px;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    height: 25px;
}
div#fototypeSelector {position:absolute; z-index:100; margin:0;}
div#fototypeSelector.collapsed{height:25px; overflow:hidden;}
div#fototypeSelector button.trSelectorBtn{background-color:#e6e6e6; height:28px; width:250px; padding:5px 0 5px 10px; outline:none; text-transform:uppercase; text-align:left; margin:0; border:0; display:block; cursor:pointer}
div#fototypeSelector button.trSelectorBtn span.n{color:#d70b52; margin-left:8px}
div#fototypeSelector button.trSelectorBtn:hover{background-color:#f6f6f6;}
div#fototypeSelector button:first-of-type{background-image:url(/css/icons/icon_dropdown_2.png); background-repeat:no-repeat; background-position:220px center;}

div#tab-trailers{padding:0; margin:15px 32px 15px 33px; height:25px; position:relative; border-bottom:1px solid #e6e6e6}
div#trtypeSelector {position:absolute; z-index:100; margin:0;}
div#trtypeSelector.collapsed{height:25px; overflow:hidden;}
div#trtypeSelector button.trSelectorBtn{background-color:#e6e6e6; height:28px; width:220px; padding:5px 0 5px 10px; outline:none; text-transform:uppercase; text-align:left; margin:0; border:0; display:block; cursor:pointer}
div#trtypeSelector button.trSelectorBtn span.n{color:#d70b52; margin-left:8px}
div#trtypeSelector button.trSelectorBtn:hover{background-color:#f6f6f6;}
div#trtypeSelector button:first-of-type{background-image:url(/css/icons/icon_dropdown_2.png); background-repeat:no-repeat; background-position:190px center;}

div#tab-img-selector {padding:0; margin:15px 32px 15px 33px; height:25px; position:relative; border-bottom:1px solid #e6e6e6}
div#trtypeSelector button.phSelectorBtn{background-color:#e6e6e6; height:25px; width:380px; padding:4px 0 4px 10px; outline:none; text-transform:uppercase; text-align:left; margin:0; border:0; display:block;}
div#trtypeSelector button.phSelectorBtn span.n{color:#d70b52; margin-left:8px}
div#tab-img-selector div#trtypeSelector button:first-of-type{background-image:url(/css/icons/icon_dropdown_2.png); background-repeat:no-repeat; background-position:350px center;}
div#tab-img-selector div#trtypeSelector button.phSelectorBtn:hover{background-color:#f6f6f6;}

.tab-images {padding-top: 0px; text-align: center;}
/*
.tab-images img {margin-bottom: 0px; width: 90%;}
*/
/* trailers in tabs */
div.trailers3 {width:90%; position:relative; margin:0px auto; margin-bottom:20px;}
/*
div.trailers3 a:before{background: transparent url("../img/icon_big_play_2state_160x60.png") scroll no-repeat; background-size:auto; bottom:0; content:' '; display:inline-block;
      height:60px; left:0; margin:auto; position: absolute; right:0; top:0; width:80px; z-index: 10;
   }
div.trailers3 a:hover:before {background-position:-80px 0;}
*/
.videotitle {
    position: absolute;
    color: #fff;
    font-size: 100%;
    top: 4%;
    left: 7%;
}
.chart_mainbox{width:100%; background:#ededed; margin:0px 0px 30px;}
.chart_mainbox2{width:100%; background:#ededed; margin:0px auto; margin-top:-3px; margin-bottom:2px; text-align: center;}
.chart_mainbox .chart_movieinfo {padding:15px; position:relative;}
.chart_mainbox .chart_movieinfo div.short h2 {
  font-weight: 700;
  font-size: 16px;
  margin: 0;
  padding: 0;
    color: #186D8B;

}
.chart_mainbox .chart_movieinfo div.short{
  width: 55% !important;
    float:right  !important;
    position:relative !important;
    height:352px  !important;
    }

.chart_mainbox .chart_movieinfo .film-detail {width:100% !important; float:none !important; position:relative !important; }
.chart_mainbox .chart_movieinfo div.detail-image2 {width:40%; margin:0; float:left; position:relative;  height:352px !important;}
.chart_mainbox .chart_movieinfo div.detail-image2 img {width:100%;}
.chart_mainbox .chart_movieinfo div.detail-image2 .positioning {  background: #002c3e; position:absolute; top:0; left:0; color:#fff; font-size:32px; padding: 15px; font-weight:100;}
.chart_mainbox .chart_movieinfo .film-detail .staff {position:absolute; bottom:0px; left:0px;}
.chart_mainbox .chart_userreview, .chart_mainbox2 .chart_userreview {background:#878787; color:#fff; padding: 15px;font-size:12px;}


.tvmusor {padding-top: 30px;}
.tvmusor .tab-switches {padding-left: 0; margin-bottom: 15px;}
.tvmusor .tab-switch {
	position: relative;
	background-color: #fff;
	padding: 5px 6px;
	margin-right: 1px;
	border: 0;
	color: #002c3e;
	font-weight: bold;
  text-transform:uppercase;
  font-size:12px;
  display:inline-block;
  margin-top:8px;

}
.tvmusor .tab-switch .arrow-down {
	position: absolute;
	bottom: -8px;
	left: calc(50% - 10px);
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #002c3e;
	display: none;
}
.tvmusor .tab-switch.active {background-color: #002c3e; color: #fff;}
.tvmusor .tab-switch:focus {outline: none;}
.tvmusor .tab-switch:hover {background-color: #002c3e; color: #fff;}
.tvmusor .filter {background-color: #C6C6C6; padding: 10px 15px; font-size: 16px; margin-bottom: 10px;}
.tvmusor .filter .box-title {display: inline-block; margin-top: 2px; float: left;}
.tvmusor .filter button.reset {
	border: none;
	margin: 0;
	padding: 0;
	background-color: #ed044e;
	height: 25px;
	width: 25px;
	color: #fff;
	margin-left: 5px;
	float: left;
}
.tvmusor .filter button.reset span {display: none;}
.tvmusor .filter button.reset:focus {outline: none;}
.tvmusor .filter button.reset:hover {background-color: #002c3e;}

.tvmusor .filter .select {
	position: relative;
	background-color: #fff;
	height: 25px;
	color: #333333;
	text-align: left;
	float: left;
	width: 140px;
	padding: 3px 25px 0 5px;
	font-size: 14px;
	cursor: pointer;
	/*z-index: 10;*/
	margin-left: 5px;
}
.tvmusor .filter .select .triangle, .tvmusor .filter .date .triangle {
	position: absolute;
	right: 2px;
	bottom: 6px;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #ed044e;
	transform: rotate(-45deg);
}
.tvmusor .filter .select:hover > .triangle, .tvmusor .filter .date:hover > .triangle {border-top: 7px solid #002c3e;}
.tvmusor .filter .select .options {
	display: none;
	background-color: #fff;
	width: 170px;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	border-bottom: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 330px;
}
.tvmusor .filter .select .options .option {
	padding: 5px 5px;
	background-color: #fff;
	width: 100%;
	max-width: 170px;
	z-index: 30;
}
.tvmusor .filter .select .options .option:hover {
	background-color: #E7E7E7;
}

.tvmusor .filter .date {
	position: relative;
	background-color: #fff;
	height: 25px;
	color: #333333;
	text-align: left;
	float: left;
	width: 140px;
	padding: 3px 25px 0 5px;
	font-size: 14px;
	cursor: pointer;
	z-index: 1;
	margin-left: 5px;
}
.tvmusor .filter .date input {
	width: 100%;
	border: 0;
	margin: 0;
	cursor: pointer;
}
.tvmusor .filter .date input:focus {outline: none;}

.tvmusor .warning {
	color: #ed044e;
}

.modal-mafab .modal-body.modal-stations {background-color: #EDEDED; max-height:585px; overflow-y:auto; cursor: pointer;}
.modal-mafab .modal-body.modal-stations .station-tile {
	position: relative;
	float: left;
	width: calc(100%/6 - 6px);
	background-color: #fff;
	/*
	height: 135px;
	padding: 20px 0;
	border: 1px solid #ed044e;
	*/
	margin: 3px;
	opacity: 0.5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.modal-mafab .modal-body.modal-stations .station-tile.fav {opacity:1; border: 1px solid #ed044e;}

.modal-mafab .modal-body.modal-stations .station-tile .header {
	background-color: #dadada;
	height: 24px;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: right;
}
/*
.modal-mafab .modal-body.modal-stations .station-tile button {
	height: 24px;
	width: 24px;
	background-color: #ed044e;
	color: #fff;
	border: 0;
	margin: 0;
}
*/
.modal-mafab .modal-body.modal-stations .station-tile .image {
	height: 90px;
	background-position: center;
	background-repeat: no-repeat;
	position:relative;
	padding-bottom: 100%;
}
.modal-mafab .modal-body.modal-stations .station-tile button.active {background-color: #ed044e;}
.modal-mafab .modal-body.modal-stations .station-tile button {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 25px;
	padding-top: 2px;
	width: 25px;
	border-radius: 25px;
	background-color: #9A9A9A;
	color: #fff;
	border: 0;
	margin: 0;
}
.modal-mafab .modal-body.modal-stations .station-tile.fav button {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 25px;
	width: 25px;
	border-radius: 25px;
	background-color: #ed044e;
	color: #fff;
	margin: 0;
}
.modal-mafab .modal-body.modal-stations .station-tile:hover {opacity:1; transition-duration: 0.3s;}
.modal-mafab .modal-body.modal-stations .station-tile button.hover {background-color: #002c3e;}
.modal-mafab .modal-body.modal-stations .station-tile button i.rotated {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.rotated-45 {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.rotated-90 {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.rotated-180 {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}

h1.movie-title {
    padding: 0;
    margin: 0;
	margin-top: 3px;
    font-size: 13px;
    font-weight: 700;
    text-transform: none;
    display: inline-block;
    font-family: "Roboto";
	color: #002c3e;
}
.nowrap-ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
h1.movie-title a:hover {text-decoration: underline;}
.rate-inline {font-size: 13px; padding: 4px 6px; margin-right: 3px;}

.rate.na {
    background-color: #C6C6C6;
    color: #fff;
    font-weight: normal;
    font-size: 11px;
    padding: 5px 6px;
}

.rate-ppgal {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 2px;
	margin-right: 2px;
	margin-bottom: -1px;
}

p .bio {padding-top:22px; padding-bottom:15px;}

.hero {position: relative; height: 300px; padding: 0; margin-bottom: 0px; z-index:2;}
.hero .title {
	position: absolute;
	bottom: 0;
	width: 100%;
	/*padding: 20px 15px 10px 285px;*/
	padding: 20px 15px 10px 208px;
	background: -webkit-linear-gradient(bottom, rgba(15,16,21,0), rgba(15,16,21,1));
	background: -o-linear-gradient(bottom, rgba(15,16,21,0), rgba(15,16,21,1));
	background: -moz-linear-gradient(bottom, rgba(15,16,21,0), rgba(15,16,21,1));
	background: linear-gradient(to bottom, rgba(15,16,21,0), rgba(15,16,21,1));
	font-size: 24px;
	color: #fff;
	text-shadow: 1px 1px #000;
	line-height: 24px;
}
.hero .title h1, .hero .title h2{
	padding:0;
	margin:0;
	display:inline-block;
	font-weight:bold;
	font-size: 36px;
	color: #fff;
	text-shadow: 1px 1px #000;
	line-height: 36px;
}
.hero .title h1 a, .hero .title h2 a {
	color: #fff;
  text-decoration:none;
}
.hero .top-shadow {
	position: absolute;
	top: 0;
	height: 75px;
	width: 100%;
	background: -webkit-linear-gradient(bottom, rgba(15,16,21,1), rgba(15,16,21,0));
	background: -o-linear-gradient(bottom, rgba(15,16,21,1), rgba(15,16,21,0));
	background: -moz-linear-gradient(bottom, rgba(15,16,21,1), rgba(15,16,21,0));
	background: linear-gradient(to bottom, rgba(15,16,21,1), rgba(15,16,21,0));
	z-index: 50;
	display: none;
}
.hero .title .original_title {display: block; color: #C6C6C6;	font-size: 14px; margin-left: 0px;	margin-top: 3px;}
.hero .rate {
	position: absolute;
	bottom: 20px;
	left: 210px;
	text-shadow: 1px 1px #757575;
	font-size: 27px;
    padding: 17px 18px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 80;
}

.hero .top-right {position: absolute; top: 15px; right: 15px; z-index: 0;}
.hero .top-right .mfb-btn {
	background-color: transparent !important;
	margin: 0;
	/*
	border: 1px solid rgba(255,255,255,0.85);
	color: rgba(255,255,255,0.85);
	*/
	border: 1px solid rgba(209,209,209,0.85);
	color: rgba(209,209,209,0.85);
	box-shadow: 0px 0px 1px #000;

}
.hero .top-right .mfb-btn:hover {background-color: rgba(255,255,255,0.5) !important;}

.hero .top-right .mfb-btn.mfb-btn-fav:hover {border-color: #ed044e; color: #ed044e;}
.hero .top-right .mfb-btn.mfb-btn-wish:hover {border-color: #002c3e; color: #002c3e;}
.hero .top-right .mfb-btn.mfb-btn-comment:hover {border-color: #4A4A4A; color: #4A4A4A;}
.hero .top-right .mfb-btn.mfb-btn-rating:hover {border-color: #F7CA18; color: #F7CA18;}

.hero .top-right .mfb-btn.mfb-btn-fav {background: rgba(255,255,255,0.55) !important; color: rgba(0,0,0,0.55);}
.hero .top-right .mfb-btn.mfb-btn-wish {background: rgba(255,255,255,0.55) !important; color: rgba(0,0,0,0.55);}
.hero .top-right .mfb-btn.mfb-btn-comment {background: rgba(255,255,255,0.55) !important; color: rgba(0,0,0,0.55);}
.hero .top-right .mfb-btn.mfb-btn-rating {background: rgba(255,255,255,0.55) !important; color: rgba(0,0,0,0.55);}

.hero .top-right .mfb-btn.mfb-btn-fav.active {border-color: #ed044e; color: #ed044e; background-color: rgba(255,255,255,0.85) !important;}
.hero .top-right .mfb-btn.mfb-btn-wish.active {border-color: #002c3e; color: #002c3e; background-color: rgba(255,255,255,0.85) !important;}
.hero .top-right .mfb-btn.mfb-btn-rating.active_positive {border-color: #F7CA18; color: #F7CA18; background-color: rgba(255,255,255,0.85) !important;}
.hero .top-right .mfb-btn.mfb-btn-rating.active_negative {border-color: #FF0000; color: #FF0000; background-color: rgba(255,255,255,0.85) !important;}

.hero .top-right .counter {
	display: block;
	float: left;
	color: #fff;
	text-shadow: 1px 1px #000;
	font-size: 15px;
	margin-top: 8px;
	margin-right: 5px;
	display: none;
}
.hero .image {
	position: absolute;
	/*bottom: -140px;*/
	top: 140px;
	left: 20px;
	width: 170px;
	background-color: #fff;
	padding: 3px;
	border: 1px solid #DCDCDC;
	z-index: 1;
}
.hero .image:hover {border: 1px solid #9A9A9A;}
.hero .image img {width: 100%;}
.hero .image .more {width: 164px;	text-align: center;	position: absolute;	bottom: -25px;}
.hero .play, .article-movie-video .play {
	position: absolute;
	top: calc(50% - 30px);
	left: calc(50% - 40px);
	background-color: rgba(255,255,255,0.1);
	color: #fff;
	border: 1px solid #fff;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	width: 80px;
	padding: 12px 0;
	text-align: center;
	font-size: 24px;
	display: none;
	cursor: pointer;
}
.hero .play:hover, .article-movie-video .play:hover {background-color: rgba(255,255,255,0.3);}
.hero-content {padding: 15px 15px 30px 210px; z-index: 1;}
.hero-content .data {float: left; width: 70%;}
.hero-content .ratingbox {
	float: left;
	width: calc(30% - 10px);
	margin-left: 10px;
	border-left: 1px solid #dedede;
	padding: 10px 0px 10px 15px;
	font-size: 12px;
	text-align: center;
}


.hero-content .ratingbox2 {
	float: left;
	width: calc(30% - 10px);
	margin-left: 10px;
	padding: 2px 0px 10px 15px;
	text-align: center;
}
.hero-content .ratingbox2 .rating-panel {
	border: 1px solid #ed044e;
	margin-bottom: 10px;
	margin-top: -8px;
}
.hero-content .ratingbox2 .rating-panel .header {
	background-color: #ed044e;
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding: 3px 0;
	text-transform: uppercase;
}
.hero-content .ratingbox2 .rating-panel .body {
	padding: 3px 0 5px 0;
	text-align: center;
	/*
	font-size: 21px;
	letter-spacing: -2px;
	*/
	color: #F7CA18;
}

.hero-content .ratingbox2 .rating-panel .body #movie-rating-main {display: inline-block;}
.hero-content .ratingbox2 .rating-panel .body .fa {width: 17px; font-size: 22px;}
.hero-content .ratingbox2 .rating-panel .body .fa-thumbs-o-down {color:#ABABAB;}

.hero-content .ratingbox2 .counter-box {
	border: 1px solid #E3E3E3;
	margin-bottom: 5px;
	font-size: 11px;
}
.hero-content .ratingbox2 .counter-box .number {
	float: left;
	width: 28px;
	background-color: #E3E3E3;
	font-weight: bold;
	padding: 3px 0 1px 0;
	color: #7B7B7B;
}
.hero-content .ratingbox2 .counter-box .title {
	float: left;
	text-transform: uppercase;
	padding: 3px 0 1px 5px;
	color: #898989;
	max-width: 88px;
	overflow: hidden;
}

.hero-content .ratingbox2 .counter-box.blue {border: 1px solid #002c3e;}
.hero-content .ratingbox2 .counter-box.blue .number {background-color: #002c3e; color: #fff;}
.hero-content .ratingbox2 .counter-box.blue .title {color: #002c3e;}

.position-relative {position: relative !important;}
.position-absolute {position: absolute !important;}

.hero-content .ratingbox2 .rating-panel .fa-thumbs-o-down:hover {color: #D91E18; cursor: pointer;}
.hero-content .ratingbox2 .rating-panel .fa-star-o:hover {color:#F7CA18; cursor: pointer;}

textarea.modal-comment {
	width: 100%;
	min-height: 160px;
	border: 0;
	border-bottom: 1px solid #dedede;
	padding: 10px;
}
textarea.modal-comment:focus {outline:none;}
button.modal-comment {
	background-color: #002c3e;
	color: #fff;
	padding: 4px 12px;
	border-radius: 3px;
	float: right;
	border: none;
}

.star-rating {color: #F7CA18; font-size: 22px; position: relative;}
.star-rating .fa {width: 17px;}
.star-rating .fa-thumbs-o-down {color:#ABABAB;}
.star-rating .fa-thumbs-o-down:hover {color:#7a1119; cursor: pointer;}
.star-rating .fa-thumbs-down {color:#7a1119;}
/*
#rating-alert {
	position: absolute;
	right: -20px;
	background-color: #fff;
	padding: 8px 15px;
	width: 200px;
}
*/
.mfb-rate-movie {
	width: 100%;
	padding: 5px 0;
	color: #D1D1D1;
	border: 1px solid #D1D1D1;
	margin-bottom: 10px;
	cursor: pointer;
}
.mfb-rate-movie .title {
	display: block;
	float: left;
	margin: 7px 0 0 12px;
}
.mfb-rate-movie .icon {display: inline-block; font-size: 22px;}
.mfb-rate-movie.blue {background-color: #002c3e; color: #fff !important; border-color: #002c3e; padding: 1px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-top: -7px; margin-bottom: 25px;}
.mfb-rate-movie.blue:hover {background: rgba(1,95,127,0.8);}
.mfb-rate-movie.blue .title {margin: 5px 0 0 5px; letter-spacing: 1px;}
.mfb-rate-movie.blue .icon {color: #F7CA18; font-size: 19px;}

div.age-icon {display:inline-block;}
div.age {background:url(/cinema/css/images/icon_age_all.png) no-repeat; width:22px; height:22px; display:inline-block;}
div.age6  {background:url(/cinema/css/images/icon_age_6.png) no-repeat; width:22px; height:22px; display:inline-block;}
div.age12{background:url(/cinema/css/images/icon_age_12.png) no-repeat; width:22px; height:22px; display:inline-block;}
div.age16{background:url(/cinema/css/images/icon_age_16.png) no-repeat; width:22px; height:22px; display:inline-block;}
div.age18{background:url(/cinema/css/images/icon_age_18.png) no-repeat; width:22px; height:22px; display:inline-block;}

.category-switch {width: auto; float: left; margin-top: 10px;}

.category-switch .item {
	font-family: "Roboto";
	float: right;
	margin-right: 12px;
	padding: 0;
	/*background-color: #B3B3B3;*/
	background-color: #fff;
	/*text-transform: uppercase;*/
	font-size: 13px;
	text-align: center;
	border: 0;
	color: #022c3e;
	position: relative;
	margin-bottom:5px;
}

.category-switch .item:nth-child(1) {margin-left:0;}

.category-switch .item a {	color: #fff;}

.category-switch .item:hover, .category-switch .item.active {background-color: #fff; color: #ed044e;}
.category-switch .item:hover a, .category-switch .item.active a {color: #fff;}
/*
.category-switch .item.active:after {
	content: '';
    position: absolute;
    left: calc(50% - 8px);
    top: 22px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #ed044e;
    clear: both;
}
*/
.category-switch .item.dropdown-btn .options {
	display:none;
	position:absolute;
	top:-14px;
	left:0;
	width: 140px;
	background-color:#002c3e;
	color:#fff;
	z-index:900;
	text-align: left;
	font-size:12px;
	text-transform:none;
}
.category-switch .item.dropdown-btn .options .option {background-color: #002c3e; padding: 4px 10px 4px 10px; margin: 0;}
.category-switch .item.dropdown-btn .options .option:hover, .category-switch .item.dropdown-btn .options .option:hover a {background-color: #DAE7ED; color: #002c3e;}
.category-switch .item.dropdown-btn .options .option.unselectable {padding: 8px 10px 10px 10px;}
.category-switch .item.dropdown-btn .options .option.unselectable:hover {background-color: #002c3e; color: #fff;}

h1.main, h2.main {
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-weight: 700;
}

h1.main a:hover, h2.main a:hover {
text-decoration:underline;
}

/* Videók */
.poster-listing {
	position: relative;
	float: left;
	width: calc(100% / 5.1);
	padding: 0 15px;
	margin-bottom: 15px;
	text-align: center;
}

.poster-listing.othervideos {	width: calc(100% / 4.1);}

.poster-listing .image {
	position: relative;
	margin: 0px auto;
	margin-bottom: 5px;
	cursor: pointer;
}

.poster-listing.poster-fit img {width:100%; height:146px;}

.poster-listing .image .play-btn {
	position: absolute;
	top: calc(50% - 22px);
	left: calc(50% - 25px);
	width: 50px;
	height: 45px;
	background: rgba(255,255,255,0);
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	font-size: 20px;
	padding-top: 7px;
	display: none;
	opacity: 0.85;
}
.poster-listing .image .play-btn:hover {background: rgba(255,255,255,0.3); opacity: 1;}
.poster-listing .image:hover > .play-btn {display: block;}
.poster-listing img {width: 120px; height: 178px;}

.poster-listing.othervideos img {width:100%; height: 94px;}

.poster-listing img.selected {
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 112, 142, 0.95);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 112, 142, 0.95);
    box-shadow: 0px 0px 12px 0px rgba(0, 112, 142, 0.95);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.poster-listing .title, .images-listing .title, .posters-listing .title{

	margin-bottom: -4px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.poster-listing .year {font-size: 11px;}
.poster-listing .title a {font-weight: bold; font-size: 13px; text-decoration: none;}
.poster-listing .title a:hover {text-decoration: underline;}
.poster-listing .year {font-size: 11px;}
.poster-listing .arrow-up {
	position: absolute;
	bottom: -6px;
	left: calc(50% - 10px);
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #3C3C3C;
	display: none;
}

.dropdown-player {position: relative; width: 100%; height: 280px; background-color: #3C3C3C; float: left; margin: 0; margin-bottom: 15px; margin-top: -10px; padding: 0;}
.dropdown-player .close-btn {
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px;
	color: #C6C6C6;
	cursor: pointer;
}
.dropdown-player .close-btn:hover {color: #fff;}

.dropdown-player .movie-video {
	width: 450px;
	margin: 15px;
	height: calc(100% - 30px);
	float: left;
}
.dropdown-player .movie-video iframe.video {
	width: 100%;
	height: 100%;
}
.dropdown-player .movie-overview {
	width: calc(100% - 480px);
	height: 240px;
	margin-top: 35px;
	padding: 0 10px 0 0;
	float: left;
	color: #CCCCCC;
	font-size: 12px;
	overflow: auto;
}
.dropdown-player .movie-overview .rate {
	/*
	display: inline-block;
	padding: 6px 7px;
	margin: 0 5px 5px 0;
	border-radius: 3px;
	color: #fff;
	font-size: 16px;
	*/
	display: inline-block;
	width: 27px;
	height: 27px;
	line-height: 27px;
	padding: 0;
	text-align: center;
	font-weight: 500;
	font-size: 15px;
	color: #fff;
	margin-right: 4px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	cursor: pointer;
}
.dropdown-player .movie-overview h1, .dropdown-player .movie-overview h2 {
	font-family: 'Roboto', sans-serif;
	text-transform: none !important;
	font-weight: bold;
	display: inline-block;
	padding: 0;
	margin: 0;
	font-size: 15px;
	color: #0090a7;
}
.dropdown-player .movie-overview a {color: #0090a7; text-decoration: none;}
.dropdown-player .movie-overview a:hover {text-decoration: underline;}
.dropdown-player .movie-overview p {padding: 12px 5px 12px 0; margin: 0; line-height: 16px; font-size: 14px;}





.mfb-btn-close {
	border: none;
	margin: 0;
	padding: 3px 0 0 0;
	background-color: #ed044e;
	height: 25px;
	width: 25px;
	color: #fff;
	text-align: center;
}
.mfb-btn-close:hover {cursor: pointer; background-color: #002c3e;}
.dropdown-player .mfb-btn-close {position: absolute; top: 15px; right: 15px;}


.magazin-listing article {
	/*
	width: calc(50% - 30px);
	margin: 0 15px 10px 15px;
	*/
	margin-bottom: 10px;
	float: left;
}
.magazin-listing article .image {
	position: relative;
	width: 100%;
	height: 200px;
	background-size: cover !important;
	overflow: hidden;
}
.magazin-listing article .image:hover > .category {left: -200px; transition-duration: 0.5s;}
.magazin-listing article .image:hover > .date-comments {left: 0px; transition-duration: 0.3s;}
.magazin-listing article .image h1, .magazin-listing article .image h3 {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(1,95,127,0.65);
	padding: 15px;
	margin: 0;
	font-size: 16px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	text-transform: none;
	font-weight: bold;
}
.magazin-listing article .image:hover > h1, .magazin-listing article .image:hover > h3 {
	background: rgba(0,0,0,0.4);
	transition-duration: 0.35s;
}
.magazin-listing article .image .category, .magazin-listing article .image .date-comments {
	position: absolute;
	bottom: 15px;
	text-transform: uppercase;
	font-weight: 400;
	height: 29px;

}
.magazin-listing article .image .category {
	background-color: #EE034E;
	color: #fff;
	line-height: 29px;
	font-size: 22px;
	padding: 0 12px;
	left: 0;
}
.magazin-listing article .image .date-comments {

	left: -350px;
	background-color: #E1E1E1;
	font-size: 14px;
	color: #30302E;
	border-right: 4px solid #30302E;
	padding: 5px 6px 0 6px;
}

.magazin-listing article p {
	margin: 0;
	padding: 10px;
	color: #707173;
	height: 105px;
	font-size: 14px;
}

/* a nap filmjei / movies of the day */
.motd-listing .item {
	width: calc(100% / 5);
	float: left;
	text-align: center;
}
.motd-listing .item img {width: 126px; height: 170px; margin-bottom: 5px;}
.motd-listing .item p {padding: 0; margin: 0; max-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin:0px auto;}
.motd-listing .item a {font-weight: bold; font-size: 13px; text-decoration: none;}
.motd-listing .item a:hover {text-decoration: underline;}
.motd-listing .item .year {color: #777; font-size: 11px;}

/* szulinapok / birthdays */
.bdays-listing .item {
	width: calc(100% / 5);
	float: left;
	text-align: center;
}
.bdays-listing .item .image {width: 126px; height: 185px; margin-bottom: 5px;}
.bdays-listing .item p {padding: 0; margin: 0; max-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin:0px auto;}
.bdays-listing .item a {font-weight: bold; font-size: 13px; text-decoration: none;}
.bdays-listing .item a:hover {text-decoration: underline;}
.bdays-listing .item .year {color: #777; font-size: 11px;}

/* boxoffice */
.boxoffice-listing .item {width: 100%; padding: 4px 0;}

/*.boxoffice-listing .item .number {float: left; width: 32px; text-align: left; padding: 0 0 0 10px;}*/
.boxoffice-listing .item .title {float: left; width: calc(100% - 95px); text-align: left; padding: 0 10px 0 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.boxoffice-listing .item .title h1, .boxoffice-listing .item .title h4 {
    padding: 0;
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    text-transform: none;
    display: inline-block;
    font-family: "Roboto", sans-serif;
}
.boxoffice-listing .item .title h1 a:hover, .boxoffice-listing .item .title h4 a:hover {text-decoration: underline;}
.boxoffice-listing .item .title .year {font-size: 12px; color: #777;}
.boxoffice-listing .item .value {float: right; width: 70px; text-align: left; padding: 3px 10px 0 0; font-size:12px; font-weight:bold; color:#777;}

/* a nap filmjei / movies of the day */
.posters-listing .item {
	width: calc(100% / 5);
	float: left;
	text-align: center;
}
.posters-listing .item img, .images-listing .item img {width: 126px; height: 170px; margin-bottom: 5px;}
.posters-listing .item p, .images-listing .item p {padding: 0; margin: 0; max-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin:0px auto;}
.posters-listing .item a, .images-listing .item a {font-weight: 400; font-size: 14px; text-decoration: none;}
.posters-listing .item a:hover, .images-listing .item a:hover {text-decoration: underline;}
.posters-listing .item .year, .images-listing .item .year {color: #707173; font-size: 13px;}

/* legujabb kepek */
.images-listing .item {padding: 0 6px; margin-top: 6px;}

/* toplist-articles */

.toplist-articles {background-color: #303030; padding: 20px 15px;}
.toplist-articles h1.section-heading, .toplist-articles h2.section-heading {
	color: #66b1c1;
	padding: 0;
	margin: 0;
	font-size: 19px;
}

.toplist-articles a {color: #66b1c1;}
.toplist-articles a:hover {color: #66b1c1; text-decoration: underline;}
.toplist-articles article.top {margin-top: 20px;}
.toplist-articles article.top img {width: 100%;}
.toplist-articles article.top .image {float: left; width: 300px; /*height: 205px;*/}
.toplist-articles article.top .image img {width: 100%;}
.toplist-articles article.top .content {float: left; width: 100%;}
.toplist-articles article.top .content h1 {color: #66b1c1; font-size: 28px; font-weight: bold; text-transform: none !important; font-family: 'Roboto', sans-serif !important;}
.toplist-articles article.top .content p {margin: 15px 0; color: #E1E1E1;}
.toplist-articles article.half {margin-top: 15px;}
.toplist-articles article.half img {width: 100%;}
.toplist-articles article.half .content {float: left; width: 100%;}
.toplist-articles article.half .content h2 {color: #66b1c1; font-size: 20px; font-weight: bold; text-transform: none !important; font-family: 'Roboto', sans-serif !important;}
.toplist-articles article.half .content p {margin: 8px 0; color: #E1E1E1;}

/* tvprogram-listing */
.tvprogram-listing .item {width: calc(100% - 30px); height: 50px; margin: 0 15px 10px 15px; background-color: #fafafa; overflow:hidden;}
/*.tvprogram-listing .item:hover {background-color: #EEEEEE; transition-duration:0.35s;}*/
.tvprogram-listing .item .time-channel {width: 140px; float:left;}
.tvprogram-listing .item .time-channel .time {
	width: 70px;
	height: 43px;
	padding-top: 10px;
	float: left;
	background-color: #ed044e;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}
.tvprogram-listing .item .time-channel .channel {width: 70px; height: 43px; float: left; background-color: #fff;}
.tvprogram-listing .item .time-channel .elapsed-time {width: 140px; height: 6px; float: left; background-color: #dcdcdc; position: relative; border-bottom: 1px solid #C6C6C6;}
.tvprogram-listing .item .time-channel .elapsed-time .progress-bar {position: absolute; top:0; left:0; background-color: #002c3e; height: 6px;  border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom: 1px solid #01425D;}
.tvprogram-listing .item .title-data {width: calc(100% - 140px); float:left; padding: 6px 5px 0 15px;}
.tvprogram-listing .item .title-data h1, .tvprogram-listing .item .title-data h4 {
	padding: 0;
	margin: 0;
	margin-left: 5px;
	font-size: 14px;
	font-weight: 700;
	text-transform: none;
	font-family: inherit;
	display: inline-block;
	/*
	max-width: 210px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	*/
}
.tvprogram-listing .item .title-data h1 a:hover, .tvprogram-listing .item .title-data h4 a:hover {text-decoration: underline;}

/* home-player (finalna verzia prehravaca na hlavnej stranke) */
.hp-thumbs {background-color: #333; padding-top: 20px; padding-bottom: 10px; margin-top:-1px;}
.hp-thumbs.attached {margin-top: -6px !important;}
.hp-thumbs a, .hp-thumbs a:hover {color: #63C9FF;}
.home-player {padding: 0;}
.home-player .video, .home-player .image {height: 320px; width: 100%; margin: 0; padding: 0; border: 0; background-color: #000;}
.home-player .video {display: none;}
.home-player .image {position: relative;}
.home-player .image a.more {
	position: absolute;
	right: 25px;
	top: calc(50% - 10px);
	color: rgba(255,255,255,0.75);
	font-size: 15px;
	text-decoration: none;
}
.home-player .image a.more:hover {color: rgba(255,255,255,1); text-decoration: none; transition-duration: 0.5s;}
.home-player .image .about {position: absolute; bottom: 0; width: 100%; padding: 15px 25px; background: rgba(22, 22, 22, 0.8); color: #fff;}
.home-player .image .about .title a {color: #fff; text-decoration: none; font-size: 14px; margin-left: 5px;}
.home-player .image .about .year-genres {display: block; margin-top: 4px; color: #C0C0C0; font-size: 13px;}
.home-player .image .play-btn {
	position: absolute;
	top: calc(50% - 36px);
	left: calc(50% - 40px);
	width: 80px;
	padding: 6px 0;
	background-color: transparent;
	border: 2px solid rgba(255,255,255,0.5);
	color: rgba(255,255,255,0.75);
	text-align: center;
	font-size: 40px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	cursor: pointer;
}
.home-player .image .play-btn:hover {background-color: rgba(255,255,255,0.25); border: 2px solid rgba(255,255,255,1);	color: rgba(255,255,255,1);}
.home-player .title {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 110;
    width: 100%;
    background: rgba(0,0,0,0.3);
    padding: 13px 20px;
}
.home-player .title .more-btn {
position: absolute;
right: 16px;
bottom: 8px;
padding:3px 7px;
border:1px solid rgba(255,255,255,0.75);
color:rgba(255,255,255,0.75);
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.home-player .title h1, .home-player .title h1 a, .home-player .title h4, .home-player .title h4 a {
	margin: 0;
	padding: 0;
	color: #63C9FF;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	display: inline-block;
}
.home-player .title h1 a:hover, .home-player .title h4 a:hover {color: #63C9FF; text-decoration:underline;}
.home-player .title .year {color:#c1c1c1; font-size:12px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}
.home-player .hp-rating {
	display: inline-block;
	margin-right: 3px;
	width: 12px;
    height: 12px;
    margin-bottom: -1px;
	margin-right: 5px;
}

.sidebox-heading {
	padding-left: 15px;
	/*border-bottom: 1px solid #002c3e;*/
}
.sidebox-content {/*border-bottom: 1px solid #002c3e;*/ padding-bottom:10px;}
.sidebox p.sidebox-text {font-size: 14px; word-wrap: break-word;}

.font-11px {font-size: 11px;}
.font-12px {font-size: 12px;}
.font-13px {font-size: 13px;}

.stats .item {
	padding-top: 2px;
	padding-bottom: 2px;
}
.stats .item:nth-child(1), .stats .item:nth-child(5), .stats .item:nth-child(8) {margin-top:8px;}

/* clanky - zoznamy filmov, ludi */
.chart-item {background-color:#ededed; padding:20px 15px;}
.chart-item .image {position:relative; /*min-height:350px;*/}
.chart-item .image img {width: 100%;}
.chart-item .image .number {position:absolute; top:0; left:15px; background-color:#002c3e; color:#fff; font-size:30px; padding:5px 10px;}
.chart-item .data {position:relative; /*min-height:350px;*/ font-size:13px;}
.chart-item .data h4 {margin:10px 0; padding:0; font-family:'Roboto',sans-serif; text-transform:none; font-weight:bold;}
.chart-item .data h4 a:hover{text-decoration: underline;}
.chart-item .data .actors-movies {/*position:absolute; bottom:0; left:15px;*/ margin-top:10px;}
/*.chart-user-review {padding: 15px; background-color:#878787; color:#fff; font-size:13px; margin-bottom:30px;}*/
.chart-user-review {padding: 15px; background-color:#002c3e; color:#fff; font-size:14px; margin-bottom:30px; position:relative;}
.chart-user-review:after {
	content: '';
	position: absolute;
	left: 15px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #002c3e;
	clear: both;
}
.chart-user-review2:after {border:0!important;}
.chart-user-review img {max-width:100% !important; height:auto !important;}

.chart-user-review2 {padding: 0; margin: 0; margin-bottom:0; font-size: 0;}
.chart-user-review2 iframe {width: 100% !important; min-height: 340px;}
.chart-item2 {
	background-color: #3c3c3c;
	margin-bottom: 30px;
	color: #CCCCCC;
	padding: 14px 15px 20px 15px;
}
.chart-item2 a {
	color: #0090a7 !important; /*#00C9FF*/
}
.article-movie-video {height: 265px;}

/* komentare */
a.add-comment-btn {display: inline-block; background-color: #b8b8b8;	padding: 8px 10px; color: #fff;	text-decoration: none; border-radius: 0;}
a.add-comment-btn:hover {background-color: #A0A0A0; text-decoration: none;}
.comments {padding-top: 20px;}
.comments .comment {padding: 15px; font-size: 13px;}
/*
.comments .comment:nth-child(even) {background-color: #fff;}
.comments .comment:nth-child(odd) {background-color: #EDEDED;}
*/
.btn-delete {border:0; background:none; color: #ed044e; display:inline-block; margin-left:10px;}
.btn-delete:hover {color: #002c3e;}
.btn-edit {border:0; background:none; color: #002c3e; display:inline-block; margin-left:10px;}
.btn-edit:hover {color: #002c3e;}
.btn-save {
    background: rgba(1,95,127,1);
    color: #fff;
    padding: 4px 12px;
    border-radius: 3px;
    float: right;
    border: none;
}
.btn-cancel {
    background-color: #cacaca;
    color: #fafafa;
    padding: 4px 12px;
    border-radius: 3px;
    float: right;
    border: none;
}
.edit-textarea {width:100%; height:90px; padding:5px;}

#cookies-agreement {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    background-color: #002c3e;
    z-index: 9999;
    height: auto;
    line-height: 15px;
    text-align: center;
    padding: 10px 0 10px 3px;
    font-size: 12px;
    opacity:0.9;
}

.error_message2 {
display:none;
background-color: #D70B52;
color: #fff;
margin-bottom: 9px;
padding: .3em .5em;
}

.text-input {
    margin: 12px 0;
    width: 100%;
    background-color: #fff;
    border: 0;
    padding: 6px 25px 6px 8px;
    font-size: 14px;
    color: #000;
    text-align: left;
    border:1px solid #a0a0a0;

}



div.submit input[type=submit] {
    background: #002c3e;
    border: none;
    color: #fff;
    margin-left: 5px;
    padding: 4px 30px;
    cursor: pointer;
    float:right;
     font-weight:700;

}

div.submit input[type=submit]:hover {
    background-color: #01425D;
}

.reg-button {

    border: 0;
    margin: 0;
    background-color: rgba(214,11,82,1);
    color: #fff;
    width:75%;
    max-width:220px;
     padding: 4px 4px 4px;
     display:inline-block;
     font-weight:700;

}
.reg-button:hover {

    background-color: rgba(199,11,77,1);
    color: #fff;
text-decoration:none;
}

.fblogin_btn {
margin-top:20px;
background: url(//www.mafab.hu/static/images/2016/facebook.svg) no-repeat 5px center #002c3e;
    background-size: contain;
    padding-left: 20px;
}
.fblogin_btn:hover{   background-color: #01425D;}

.google_login_btn {
	background-color: #C94131;
	background-image: none;
	padding: 3px 4px 4px 7px;
}
.google_login_btn:hover {background-color:#a42b1e;}

.divider {
    border-top: 1px solid #D9DADC;
    display: block;
    line-height: 1px;
    margin: 20px 0 0;
    position: relative;
    text-align: center;
}

.divider .divider-title {
    background: #FFF;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 0 20px;
    text-transform: uppercase;
}


.black {color:#000;}
.light {font-weight:300;}
.notransform {text-transform:none;}
.jogger a, .jogger span {margin-right:5px;}
.lost-pass {padding-top:5px;}

.news-bar {background-color: #000407; padding: 6px 0; color:#fff; font-size: 13px; position:relative;}
.news-bar a,.news-bar a:hover {text-decoration: none; color:#fff; font-size: 13px;}
.news-bar a:hover {text-decoration: underline;}

.mfb-btn-blue,.mfb-btn-pink {color: #fff; font-size: 13px; text-transform: uppercase; padding: 9px 16px;}
.mfb-btn-blue:hover,.mfb-btn-pink:hover {color:#fff;}
.mfb-btn-blue,.mfb-btn-blue {background-color: #002c3e;}
.mfb-btn-pink {background-color: #ed044e;}


.removefavmovie, .removefavperson, .removefavlist, .removewishmovie {
    background: url(/img/icon-sprite_favorites.png) no-repeat center bottom;
    display: inline-block;
    height: 32px;
    width: 39px;
    position: absolute;
    right: 3px;
    top: 32px;
}

.removewishmovie {
    background: url(/img/icon-sprite_wish.png) no-repeat center bottom;
}



div.rightsidebox {
    margin: 8px 0 8px 0;
}

div.scrollable {
	margin: 0 -15px;
}

div.nav-top {
    /*height: 25px;*/
    width: 100%;
	text-align: center;
	padding: 1px 0 3px 0;
	/*background-color: #fff;*/
	color: #002c3e;
	font-size: 22px;
    /*background: url(../video/css/images/content_arrow_up.png) center center no-repeat #C1C0BF;*/
}

div.nav-bottom {
    /*height: 25px;*/
    width: 100%;
	text-align: center;
	padding: 1px 0 3px 0;
	/*background-color: #fff;*/
	color: #002c3e;
	font-size: 22px;
	/*background: url(../video/css/images/content_arrow_down.png) center center no-repeat #C1C0BF;*/
}

div.nav-top:hover, div.nav-bottom:hover {
	background-color: #002c3e;
	color: #fff;
    cursor: pointer;
}

div.mt_list {
    height: 420px;
    overflow: hidden;
    position: relative;
}

div.v-scroll {
    position: absolute;
    top: 0px;
    width: 100%;
}

div.v-scroll div.box {
    overflow: hidden;
	height: 130px; /*140px*/
	margin-bottom: 10px;
	padding-right: 10px;
    width: 100%;
	background-color: #fff; /*#f1f1f1*/
}

.llight {
    /*background-color: #f6f6f6;*/
	background-color: #fff;
}

div.v-scroll div.box img {
    height: 120px;
    width: 87px;
    margin: 5px 5px 5px 15px;
    float: left;
}

div.navpos:hover div.runouter{opacity:1; -webkit-transition:0.6s all; transition: 0.6s all; }
div.runouter{position:absolute; z-index:10; right:0; width:5px; height:100%; top:0; opacity:0; -webkit-transition:0.6s opacity; transition: 0.6s opacity;}
div.runouter div.runer{width:5px; position:absolute; top:0; min-height:4px; background-color:#002c3e;}

h4.landing-page-profile {font-size:22px;}
.landing-page-profile .rate {
	width: 60px;
	height: 60px;
	/*text-shadow: 1px 1px #757575;*/
	font-size: 35px;
    padding: 17px 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	z-index: 80;
}

.box p {color:#333333;} /*#707173*/
.box p.descr {font-size:12px; padding-right:10px; color:#333333;} /*#707173*/
.box a.title {font-size:13px;}
.box div {padding-top:7px;}


.more-link {font-size:12px;}
.font-normal {font-weight:normal !important;}

.logged_in, .logged_in a, .logged_in a:hover {color:#fff;}

.scrolldown-show {display:none !important;}

.goAdverticum {clear:both; padding:7px 0 0 !important; }
.goAdverticum table {display: inline-table; }
.goAdverticumMaster {clear:both; padding:0px 0 0 !important; }

.position-num {
	position:absolute;
	top:0;
	left:1px;
	padding:10px 0;
	width:45px;
	background-color: #002c3e;
	color:#fff;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}

.menu-poster-listing .item {float: left; text-align: center;}
.menu-poster-listing .item.items-1 {width: calc(100% / 4);}
.menu-poster-listing .item.items-2 {width: calc(100% / 4);}
.menu-poster-listing .item.items-3 {width: calc(100% / 3);}
.menu-poster-listing .item.items-4 {width: 25%;}
.menu-poster-listing .item.items-5 {width: 20%;}
.menu-poster-listing .item.items-6 {width: calc(100% / 6);}

.menu-poster-listing .item img {width: 126px; height: 170px; margin-bottom: 5px;}
.menu-poster-listing .item p {padding: 0; margin: 0; max-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin:0px auto;}
.menu-poster-listing .item a {font-weight: bold; font-size: 14px; text-decoration: none;}
.menu-poster-listing .item a:hover {text-decoration: underline;}
.menu-poster-listing .item .year {color: #777; font-size: 11px;}

.menu-poster-listing .item2 {width: 33.33%; float:left;}
.menu-poster-listing .item2 img {width: 126px; height: 170px; margin-bottom: 5px;}
.menu-poster-listing .item2 p {padding: 0; margin: 0; max-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin:0px auto;}
.menu-poster-listing .item2 a {font-weight: bold; font-size: 13px; text-decoration: none;}
.menu-poster-listing .item2 a:hover {text-decoration: underline;}
.menu-poster-listing .item2 .year {color: #777; font-size: 11px;}
.menu-poster-listing .item  .poster {position:relative;}
.menu-poster-listing .item  .poster .play-btn {
	position: absolute;
	top: calc(50% - 22px);
	left: calc(50% - 25px);
	width: 50px;
	height: 45px;
	background: rgba(255,255,255,0);
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	font-size: 20px;
	padding-top: 7px;
	display: none;
	opacity: 0.85;
}
.menu-poster-listing .item .poster .play-btn:hover {background: rgba(255,255,255,0.3); opacity: 1; cursor:pointer;}

.breadcrumb {
	padding: 3px 0px;
	margin-bottom: 15px;
	list-style: none;
	background-color: #fff;
	border-radius: none;
	border-bottom:1px solid #eaeaea;
}

.news-bar-user {display:inline; position:relative;}
.news-bar-user:not(.news-bar-user-2) {padding-left:20px;}
#logged_in_link {max-width:50px; display:inline-block; margin-bottom:-5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-bar-user .submenu {display:none;}
.news-bar-user .submenu .inner {background-color:#fafafa; margin:0; padding:0; padding: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-bottom: 4px solid #002c3e;}
.news-bar-user .submenu .inner .profile-pic {width: 50px; height: 50px; margin-right: 10px;}
.news-bar-user .submenu .inner .username {color: #002c3e; font-size: 14px; font-weight: bold; display: block; margin-top: 5px;}
.news-bar-user .submenu .inner .score {color: #777; font-size: 12px;}
.news-bar-user .submenu .inner .counter {color:#ed044e;}
.news-bar-user .submenu .inner .wrapper-community-links {width: 100%; margin-top: 15px;}
.news-bar-user .submenu .inner .wrapper-profile-links {width: 100%;}
.news-bar-user .submenu .inner a {color: #002c3e; text-decoration: none;}
.news-bar-user .submenu .inner a:hover {color: #002c3e; text-decoration: underline;}
.news-bar-user .submenu .inner ul.links {list-style: none; margin: 0; padding: 5px 0; border-top: 1px solid #eaeaea; width: 100%;}
.news-bar-user .submenu .inner ul.links li a {display: block; padding: 2px 5px; color: #333; text-decoration: none;}
.news-bar-user .submenu .inner ul.links li a:hover {background-color: #fff; color: #002c3e; text-decoration: none;}
.news-bar-user .submenu .inner ul.links li a span.icon {width:20px; display:inline-block;}

.mfb-movie-rating-num {
	display: inline-block;
	cursor: default;
	width: 27px;
	padding: 4px 0;
	margin-right: 6px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
}
.mfb-movie-title {
	display: inline;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	text-transform: none;
	font-family: "Roboto";
	word-wrap: break-word;
}
.mfb-movie-year {
	display: inline-block;
	margin-left: 4px;
	font-weight: normal;
	font-size: 12px;
	color: #777;
}

/* pswp galeria / photoswipe gallery - upravy kvoli reklame */
.pswp__caption__center {max-width: 100% !important;}
.pswp_gallery_desc {width: 400px; padding: 0 20px 20px 20px; float: left;}
.pswp_gallery_ad {width: calc(100% - 400px); height: auto; float:left; overflow: hidden !important;}
.pswp_gallery_ad_iframe {width: 100%; height: auto; margin:0; border: 0; overflow: hidden !important;}

/* kratky oddelovac (napr. na homepage v toplistak boxe) */
hr.short-divider {
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #f1f1f1;
    padding: 0;
	margin: 12px 0 10px 0;
}

/* szerkesztoi jatek */
.mfb-contest-title {
	color: #ed044e;
	font-size: 28px;
	font-weight: 500;
	line-height: 30px;
	margin: 5px 0 15px 0;
}
ul.mfb-contest-prizes {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-right: 10px;
	border-right: 1px solid #ed044e;
}
ul.mfb-contest-prizes li {
	padding: 0 0 10px 0;
	margin: 0;
	color: #707173;
}
.mfb-contest-users-title {color: #707173;}
ul.mfb-contest-users {
	list-style: none;
	margin: 0;
	margin-top: 8px;
	padding: 0;
}
ul.mfb-contest-users li {
	padding: 0 0 3px 0;
	margin: 0;
	color: #707173;
}

/* birthdays - szuletesnapok - ma szulettek */
/*
.bday-item {
	position: relative;
	width: calc((100% / 5) - 12px);
	margin-right: 15px;
	float: left;
	text-align: center;
}
.bday-item:nth-child(5) {margin-right: 0;}
.bday-item .bday-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.bday-item .bday-person-data {padding-top: 6px; font-size: 13px;}
.bday-item .bday-person-data a {color: #000407; font-size: 13px;}
*/

/* stvorcovy vypis osobnosti */
.person-item {
	position: relative;
	width: calc((100% / 5) - 12px);
	margin-right: 12px;
	float: left;
	text-align: center;
}
.person-item:nth-child(5) {/*margin-right: 0;*/}
.person-item .person-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.person-item .person-data {padding-top: 6px; font-size: 13px;}
.person-item .person-data a {color: #000407; font-size: 13px;}
@media all and (max-width:767px){
	.scrollTop {
	bottom: 30px;
	right: 30px;
}


	.person-item {
		width: calc((100% / 3) - 12px);
		height: 240px;
	}
	.person-item:nth-child(5) {margin-right: 12px;}
}
@media all and (max-width:550px){
	.person-item {
		height: 180px;
	}
}

/* stvorcove fotky */
/*
.images-sq {

}
.images-sq-item {
	position: relative;
	width: calc(25% - 12px);
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
	text-align: center;
	color: #000407;
	font-size: 13px;
}
.images-sq-item:nth-child(4),
.images-sq-item:nth-child(8),
.images-sq-item:nth-child(12) {margin-right: 0;}
.images-sq-item .images-sq-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.images-sq-item .images-sq-movie-data {padding-top: 6px; font-size: 13px;}
.images-sq-item .images-sq-movie-data a {}
.images-sq-item .images-sq-movie-data p {
	max-width: 120px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0px auto;
}
*/

.rsubmenu {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(255,255,255,0.95);
	z-index: 9999;
	padding-top: 35px;
	text-align: center;
}
.rsubmenu .btn-close {position: absolute; top: 25px; right: 25px; color: #505050;}
.rsubmenu .btn-close:hover {color: #ed044e; cursor: pointer;}
.rsubmenu .btn-back:hover {color: #002c3e; cursor: pointer;}
.rsubmenu h3 {display: none; text-transform: uppercase; color: #002c3e; font-size: 44px; font-family: "Roboto", sans-serif;}
.rsubmenu hr {width: 30px; height: 1px; margin: 20px auto 30px auto; background-color: #002c3e;}
.rsubmenu ul {display: none; list-style: none; text-align: center; margin: 30px 0 0 0; padding: 0;}
.rsubmenu ul li {padding: 4px 0; font-size: 18px; text-transform: uppercase; font-weight: bold;}
.rsubmenu ul li ul {margin: 5px 0 0 0; padding: 0;}
.rsubmenu ul li ul li {padding: 3px 0; font-size: 16px;}
.rsubmenu ul li ul li a {color: #0692C0;}
.rsubmenu .btn-group .btn {padding: 10px 18px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
.rsubmenu .counter {color: #ed044e;}
.btn-submenu:focus {outline: none !important;}
.menu-buttons {position: absolute; bottom: 0; width: 100%; padding: 20px 0; background-color: #fafafa;}
[data-has-children]:hover {cursor: pointer;}
.rsubmenu-bar-mobile {width: 100%; height: 50px; background-color: #fafafa; color: #002c3e; margin-bottom: 20px;}
.rsubmenu-bar-mobile .rsubmenu-btn-open {
	float: right;
	width: 50px;
	height: 50px;
	padding-top: 9px;
	background-color: #EEEEEE;
	color: #828282;
	text-align: center;
	font-size: 24px;
}
.rsubmenu-bar-mobile .rsubmenu-btn-open:hover {background-color: #002c3e; color: #fff; cursor: pointer;}
.rsubmenu-bar-mobile .title {float: left; width: calc(100% - 65px); padding: 10px 0 0 15px;}
.rsubmenu-bar-mobile .title h2 {
	display: inline-block;
	margin: 0;
	padding: 3px 0 0 0;
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	/*font-weight: bold;*/
	color: #002c3e;
	text-transform: uppercase;
	max-width: calc(100% + 13px);
	overflow: hidden;
	white-space: nowrap;
}
.rsubmenu-bar {margin-bottom: 20px;  padding-bottom: 13px; border-bottom: 1px solid #eaeaea;}
.rsubmenu-bar .title {padding-left:0;}
/*.rsubmenu-bar .title h1 {padding: 0; margin: 0; font-size: 19px; color: #9E9E9E;}*/
.rsubmenu-bar .title h1 {padding: 0; margin: 0; font-family: 'Roboto'; text-transform: none; font-size: 16px; color: #707173;}
/*.rsubmenu-bar .title h2 {padding: 0; margin: 0; font-size: 30px; color: #002c3e; margin-bottom: 5px;}*/
.rsubmenu-bar .title h2 {padding: 0; margin: 0; font-size: 20px; font-weight: 700; color: #5b5b5b; margin-bottom: 5px;}
.rsubmenu-links {text-align: right; padding-right: 0;}
.rsubmenu-links a {
	display: inline-block;
	padding: 4px 8px;
	margin: 0 3px 3px 0;
	/*background-color: #B3B3B3;*/
	background-color: #fff;
	color: #022E3C;
	/*color: #fff;*/
	font-family: "Roboto", sans-serif;
	/*text-transform: uppercase;*/
	font-size: 13px;
	text-align: center;
}
.rsubmenu-links a.active, .rsubmenu-links a:hover {
	/*background-color: #002c3e;*/
	background-color: #ed044e;
	color: #fff;
	text-decoration: none;
}
.rsubmenu-links a .counter {color: #ed044e; font-weight: bold;}
.rsubmenu-links a.active .counter, .rsubmenu-links a:hover .counter {color: #400016; font-weight: bold;}
.rsubmenu-links a.textlink {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	background: none !important;
	color: #002c3e;
	padding: 0;
	text-transform: none;
	/*margin-left: 7px;*/
}
.rsubmenu-links a.textlink:hover {text-decoration: underline;}


@media (min-width: 992px) {
.container {
    width: 1030px;
}

.mafab-border-shade .container.news-bar {
border-top:1px solid #fff;
}

.mafab-border-shade header.page-header, .mafab-border-shade .container.news-bar, .mafab-border-shade .contentbox, .mafab-border-shade div.footer  {
border-left:1px solid #fff;
border-right:1px solid #fff;
}

.mafab-border-shade .contentbox {
position:relative;
}

.mafab-border-shade div.footer {width:1000px; margin-left:auto; margin-right:auto; padding-left: 15px;
    padding-right: 15px;
position:relative;
    }

	.news-bar-user:hover > .submenu {color: #000; text-align:left; display:block; position: absolute; top:13px; right:10px; width: 220px; z-index: 9999; padding-top: 10px;}
	/* pozicia submenu pre velku "user" ikonu v hlavnom menu */
	.news-bar-user-2:hover > .submenu {top:44px; right:0px;}
	.news-bar-user:hover > .submenu:after {content: ''; position: absolute; right: 15px; top: 2px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fafafa; clear: both;}
}

#header-login-btn.active {
	background-color: #fff;
	color: #002c3e;
}


.movie-tv-notification {background-color: #ed044e; color: #fff; font-size: 13px; padding: 15px; margin: 5px 0;}
.movie-tv-notification a {color:#fff; text-decoration: none;}
.movie-tv-notification a:hover {color:#fff; text-decoration: underline;}

.category-switch-submenu a.active {font-weight:bold;}

.sidebox-content .stats {font-size:13px;}
.user-chart-details {font-size:13px;}

.category-switch.submenu-video .item:nth-child(1){margin-left:3px;}

/* kiemelt video */
.sidebox-player .image {position: relative; height: 170px; cursor:pointer;}
.sidebox-player .text {
	padding: 10px 0;
	/*margin-top: 5px;*/
	font-size: 13px;
	/*background: rgba(255,255,255,0.75);*/
	position: relative;
}
.sidebox-player .text h4 {
	padding: 0;
	margin: 3px 0 0 5px;
	font-size: 14px;
	font-weight: 700;
	text-transform: none;
	display: inline-block;
	font-family: "Roboto";
}
.sidebox-player .text h4 a:hover {
	text-decoration: underline;
}
.sidebox-player .text:after {
	content: '';
	position: absolute;
	left: 15px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff; /*#f1f1f1*/
	clear: both;
}
.sidebox-player .image .play-btn {
	position: absolute;
	top: calc(50% - 22px);
	left: calc(50% - 25px);
	width: 50px;
	height: 45px;
	background: rgba(255,255,255,0);
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	font-size: 20px;
	padding-top: 7px;
	display: block;
	opacity: 0.85;
}
.sidebox-player .image .play-btn:hover {background: rgba(255,255,255,0.3); opacity: 1;}
.sidebox-player .image:hover > .play-btn {background: rgba(255,255,255,0.3); opacity: 1;}

div.footer {
	background-color: #3c3c3c !important;
	color: #999999;
	padding-top: 30px;
	padding-bottom: 30px;
	position: relative;
	z-index: 500;
}
div.footer h3, div.footer h3 a {
	color: #949494;
	font-size: 18px;
	margin: 10px 0;
	padding: 0;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 500;
}
div.footer h3 a:hover {text-decoration: underline;}
div.footer ul {list-style-type: none; padding: 0 0 15px 0;}
div.footer ul li a {padding: 3px 0; color: #E3E3E3; text-decoration:none;}
div.footer ul li a:hover {color: #E3E3E3; text-decoration:underline;}
div.footer .legal {padding-top: 15px; font-size: 12px;}

#movie-profile-sidebox {min-height:300px; /*border-bottom: 1px solid #002c3e;*/}
.movie-profile-sidebox {
	min-height:300px;
	background-color: #fff;
	/*padding-bottom: 15px; */
	z-index: 0;
	/*overflow: hidden; */
	width: 100%;
	position: relative;
}
#rating-bubble {
	position:absolute;
	left:330px;
	top: 25px;
	width: 105px;
	padding: 6px 15px;
	background-color: #fff;
	color: #333;
	text-align:center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: none;
}
#rating-bubble:after {
	content:'';
    position: absolute;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right:6px solid #fff;
	left:-6px;
	top: 10px;
}
.movie-profile-sidebox .rate {
	text-shadow: 1px 1px #757575;
	font-size: 68px;
	/*padding: 18px 0;*/
	margin-right: 10px;
	padding-top: 46px;
	width: 115px;
	height: 115px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	color: #fff;
	float:left;
	margin-right:0;
}
.movie-profile-sidebox h1 {
	padding: 0;
	margin: 5px 0 0 0;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-size: 19px;
	color: #2B2B2B2B2B2B;
	line-height: 19px;
	text-transform: none;
}
.movie-profile-sidebox span.original_title {display: inline-block; margin-top: 0px; font-style: italic; color: #2B2B2B;}
.movie-profile-sidebox span.title_en {display: inline-block; margin: 6px 0; color: #2B2B2B;}
.movie-profile-sidebox span.premier {color: #B7B7B7; font-weight: bold;}
.movie-profile-sidebox .other-info {margin-top: 10px; color: #2B2B2B; font-size: 13px;}
/*
.movie-profile-sidebox a, .movie-profile-sidebox a:hover, .movie-profile-sidebox span.genres-divider {color: #01a5c3;}
.movie-profile-sidebox a, .movie-profile-sidebox a:hover, .movie-profile-sidebox span.genres-divider {color: #63C9FF;}
*/
.movie-profile-sidebox a, .movie-profile-sidebox a:hover, .movie-profile-sidebox span.genres-divider {color: #002c3e;}
.movie-profile-sidebox .age-icon {
	width:18px;
	height:18px;
	background-size: 20px 20px;
	margin-bottom:-4px;
	margin-right:3px;
	background-position: -1px -1px;
	/*background-color: #fff;*/
	border-radius: 10px;
}
#movie-profile-sidebox .shadow {
	z-index: 99;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 25px;
	background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
	border-bottom: 1px solid #D1FAFE;
}
/*
#movie-profile-sidebox:hover > .movie-profile-sidebox {height: auto; min-height: 300px; transition-duration: 0.5s;}
#movie-profile-sidebox:hover > .shadow {display:none;}
*/
#movie-profile-sidebox:after {
	content:'';
    position: absolute;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-right:15px solid #fff;
	left:-15px;
	top: 130px;
	/*bottom: calc(50% - 7px);*/
}

.movie-profile-sidebox .ratings {
	width: calc(100% + 30px);
	margin-left: -15px;
	margin-right: -15px;
}

.movie-profile-sidebox .externals {float: left; width: calc(100% - 120px); padding: 10px 0 0 20px;}
.movie-profile-sidebox .externals span.stars {font-size:26px; letter-spacing:-2px;}

.movie-profile-sidebox .mfb-btn.mfb-btn-rating:hover {border-color: #F7CA18; color: #F7CA18;}
.movie-profile-sidebox .mfb-btn.mfb-btn-rating {background: rgba(255,255,255,1) !important;; color: rgba(0,0,0,0.55);}
.movie-profile-sidebox .mfb-btn.mfb-btn-rating.active_positive {border-color: #F7CA18; color: #F7CA18; background-color: rgba(255,255,255,1) !important;}
.movie-profile-sidebox .mfb-btn.mfb-btn-rating.active_negative {border-color: #FF0000; color: #FF0000; background-color: rgba(255,255,255,1) !important;}

/* .thumbs-rating {width:100%; padding: 5px 0;}
.thumbs-rating .th-vote-btn {background: none; border: none; padding: 4px 6px;}
.thumbs-rating .th-vote-btn.up {margin-right: 0px;}
.thumbs-rating .th-vote-btn .fa {color: #727272;}
.thumbs-rating .th-vote-btn .fa.fa-thumbs-up.rated {color: #002c3e;}
.thumbs-rating .th-vote-btn .fa.fa-thumbs-down.rated {color: #ed044e;}
.thumbs-rating .th-vote-btn .counter {font-size: 13px;}
.thumbs-rating .th-vote-btn .counter-up.highlighted {color: #002c3e;}
.thumbs-rating .th-vote-btn .counter-down.highlighted {color: #ed044e;} */
.thumbs-rating {width:100%; padding: 5px 0;}
.thumbs-rating .th-vote-btn {background: none; border: none; padding: 4px 6px;}
.thumbs-rating .th-vote-btn.up {margin-right: 0px;}
.thumbs-rating .th-vote-btn .fa {color: #727272;}
.thumbs-rating .th-vote-btn .fa.fa-thumbs-up.rated {color: #002c3e;}
.thumbs-rating .th-vote-btn .fa.fa-thumbs-down.rated {color: #ed044e;}
.thumbs-rating .th-vote-btn .counter {font-size: 13px;}
.thumbs-rating .th-vote-btn .counter-up.highlighted {color: #002c3e;}
.thumbs-rating .th-vote-btn .counter-down.highlighted {color: #ed044e;}
.thumbs-rating .counter .highlighted {color: #002c3e;}
.thumbs-rating .counter-down.highlighted {color: #ed044e;}
.thumbs-rating .counter:hover {text-decoration: underline; cursor:pointer;}
.thumbs-rating .counter[data-counter="0"]:hover {text-decoration: none; cursor:default;}
@media all and (max-width:767px){
	.thumbs-rating .tooltip {display: none!important;}
}

.paginate {font-size: 16px !important;}
div#listoftiles div.paginate a {font-size: 16px !important;}

.fbshare-mafab {
	cursor: pointer;
	padding: 12px 24px;
	border: 1px solid #022E3C;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #002c3e;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
}

.fbshare-mafab:hover, .fbshare-mafab:focus {background-color: #022E3C;}
.fbshare-mafab.shared, .fbshare-mafab.shared:hover, .fbshare-mafab.shared:focus {background-color: #ed044e; color: #fff;}
.fbshare-modal-inner-content h4 {
	margin: 0;
	padding: 15px;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: none;
	color: #002c3e;
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
}

#header-login-btn {cursor: pointer;}


/** Social icons */
.social {
	margin: .5em 0;
}

.fb_iframe_widget > span {
	margin-left: -3px;
	vertical-align: inherit !important;
}

/* nove bootstrap strankovanie */
.pagination {border-radius: 0px;}
.pagination>li>a, .pagination>li>span {color: #002c3e; background-color: #fff; border: 1px solid #ddd;}
.pagination>li:last-child>a, .pagination>li:last-child>span {border-bottom-right-radius: 0px; border-top-right-radius: 0px;}
.pagination>li:first-child>a, .pagination>li:first-child>span {border-bottom-left-radius: 0px; border-top-left-radius: 0px;}
.pagination>li:last-child>a, .pagination>li:last-child>span {border-bottom-left-radius: 0px; border-top-left-radius: 0px;}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #002c3e;
    border-color: #002c3e;
}

/* TV PROGRAM */
.tv-item-top {
	padding: 10px;
	margin-bottom: 20px;
	margin-top: 5px;
	background-color: #fafafa;
}
.tv-item-top .titlebox {
	width: 100%;
	margin-bottom: 10px;
}
.tv-item-top .channel, .tv-item .channel {
	display: inline-block;
	font-size: 85%;
	margin-top: 5px;
	color: #30302E;
}
.tv-item-top .channel a, .tv-item .channel a {color: #30302E;}
.tv-item-top .poster {
	float: left;
	width: 70px;
}
.tv-item-top .poster img {
	width: 100%;
}
.tv-item-top .movie-info {
	float: left;
	width: calc(100% - 85px);
	padding-left: 15px;
}
.tv-item-top .movie-info p {
	/*margin: 8px 0 0 0;*/
	margin: 0;
	font-size: 13px;
}
.tv-item h4, .tv-item-top h4 {
	padding: 0;
	margin: 3px 0 0 0;
	font-size: 14px;
	font-weight: 700;
	text-transform: none;
	display: inline;
	font-family: "Roboto";
}
.tv-item {
	width: 100%;
	margin-bottom: 11px;
}
.tv-item .rating {
	float: left;
	width: 85px;
}
.tv-item .movie-info {
	float: left;
	width: calc(100% - 100px);
	padding-left: 10px;
}
.tv-item small a, .tv-item-top small a {
	color: #30302E !important;
}


/* test */
.tv-item2 h4 {
	padding: 0;
	margin: 3px 0 0 0;
	font-size: 14px;
	font-weight: 700;
	text-transform: none;
	display: inline;
	font-family: "Roboto";
}
.tv-item2 {width: 100%; position:relative; padding-top: 13px; padding-bottom: 13px;}
.tv-item2 .time_channel {float: left; width: 90px; padding-right: 10px;}
.tv-item2 .time {width: 100%;}
.tv-item2 .channel {width: 100%;}
.tv-item2 .title_details {float: left; width: calc(100% - 100px);}
.tv-item2 .title_details p {margin: 9px 0; color: #555; line-height:18px;}
.tv-item2 small a {color: #30302E !important;}
.tv-item2 .channel a {color: #30302E !important;}
.tv-mafab-tipp {
	position:absolute;
	top:10px;
	right:0;
	width:62px;
	height:21px;
	background-image:url(/static/images/2015/logo_mafab_tipp.png);
	background-repeat:no-repeat;
}

/* === novy vypis nazvu filmu (rate, title, year) === */
h1.movie_list_item,
h2.movie_list_item,
h3.movie_list_item,
h4.movie_list_item,
h5.movie_list_item,
h6.movie_list_item {
	display: inline-block;
	padding: 0;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	text-transform: none;
	line-height: 1.5;
}
h1.movie_list_item {font-size: 18px;}
h2.movie_list_item {font-size: 15px;}
h3.movie_list_item {font-size: 15px;}
h4.movie_list_item {font-size: 14px;}
h5.movie_list_item {font-size: 13px;}
h6.movie_list_item {font-size: 12px;}

/* rate */
.movie_list_item span.movie_rate {display: inline-block; padding: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
.movie_rate.movie_rate_num {width: 27px; height: 27px; line-height: 27px; padding: 0; text-align: center; font-weight: 500; font-size: 15px; color: #fff; margin-right: 4px;}
.movie_rate.movie_rate_square {width: 12px; height: 12px; margin-bottom: -1px; margin-right: 3px;}

/* title */
.movie_list_item span.movie_title {font-weight: 400; color: #002c3e;}

/* link */
.movie_list_item a, .movie_list_item a:hover {cursor: pointer;}
a.movie_rate_link, a.movie_title_link {text-decoration: none;}
a.movie_title_link:hover {text-decoration: underline;}
a.movie_rate_link:hover {text-decoration: none !important;}

/* year */
.movie_list_item span.year {font-weight: normal; color: #777;}
h1.movie_list_item span.year {font-size: 16px;}
h2.movie_list_item span.year {font-size: 14px;}
h3.movie_list_item span.year {font-size: 13px;}
h4.movie_list_item span.year {font-size: 14px;}
h5.movie_list_item span.year {font-size: 12px;}
h6.movie_list_item span.year {font-size: 11px;}

/* zoznam filmov (podstranky: filmek, sorozatok) */
.movies-listing-main {
	padding: initial;
}
.movies-listing-main .item {
	margin: 0 !important;
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: #fff !important;
	border-bottom: 1px solid #f1f1f1;
}
/* Rendezo:, Szereplok: (v zozname filmov) */
.movies-listing-main .item .staff b, .movies-listing-main .item .actors b {color: #707173;}

/* poradove cislo v zozname filmov a osobnosti */
.movies-listing-position-num {
	height: 45px;
	min-width: 45px;
	padding: 3px 5px 0 5px;
	background-color: #002c3e;
	color: #fff;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	margin-right: 10px;
}
/* poradove cislo v zozname filmov a osobnosti - nove, cez poster */
.movies-listing-img-pos {
	position:absolute;
	bottom:0;
	left:0;
	padding:3px 5px;
	background-color:#002c3e;
	color:#fff;
	font-size:28px;
	font-weight:bold;
	text-align:center;
}
.movies-listing-img-pos.movies-listing-img-pos-mobile {
	padding:4px 6px 3px 6px;
	font-size:18px;
}

/* velkost poradoveho cisla podla hodnoty */
.movies-listing-position-num.pos-num-size-1 {width: 45px; font-size: 28px;} 					/* 1-99 */
.movies-listing-position-num.pos-num-size-2 {width: 50px; font-size: 22px; padding-top: 7px;} 	/* 100-999 */
.movies-listing-position-num.pos-num-size-3 {width: 62px; font-size: 22px; padding-top: 7px;} 	/* 1000-9999 */
.movies-listing-position-num.pos-num-size-4 {width: 65px; font-size: 19px; padding-top: 10px;} 	/* 10000-99999 */
.movies-listing-position-num.pos-num-size-5 {width: 75px; font-size: 19px; padding-top: 10px;} 	/* 100000-999999 */

/* prisposobenie boxu s nazvom filmu/osobnosti/rebricka podla hodnoty poradoveho cisla */
.movies-listing-pos-title.pos-num-size-1 {width: calc(100% - 55px);}	/* 1-99 */
.movies-listing-pos-title.pos-num-size-2 {width: calc(100% - 60px);}	/* 100-999 */
.movies-listing-pos-title.pos-num-size-3 {width: calc(100% - 72px);}	/* 1000-9999 */
.movies-listing-pos-title.pos-num-size-4 {width: calc(100% - 75px);}	/* 10000-99999 */
.movies-listing-pos-title.pos-num-size-5 {width: calc(100% - 85px);}	/* 100000-999999 */

/* prisposobenie boxu s nazvom filmu/osobnosti/rebricka podla hodnoty poradoveho cisla + vynechanie miesta pre tlacitka (60px) */
.movies-listing-pos-title.btnspace.pos-num-size-1 {width: calc(100% - 115px);}	/* 1-99 */
.movies-listing-pos-title.btnspace.pos-num-size-2 {width: calc(100% - 120px);}	/* 100-999 */
.movies-listing-pos-title.btnspace.pos-num-size-3 {width: calc(100% - 132px);}	/* 1000-9999 */
.movies-listing-pos-title.btnspace.pos-num-size-4 {width: calc(100% - 135px);}	/* 10000-99999 */
.movies-listing-pos-title.btnspace.pos-num-size-5 {width: calc(100% - 145px);}	/* 100000-999999 */

/* box pre tlacitka vo vypise filmov, osobnosti,.. */
.movies-listing-btnbox {width: 60px;}

/* vyber kategorii v galerii */
.fototype-filter {}
.fototype-filter button {
	border: 0;
	padding: 0;
	margin: 0 12px 0 0;
	background-color: #fff;
	color: #727272;
}
.fototype-filter button.active-item {color: #002c3e;}
.fototype-filter button:hover {color: #002c3e;}

/* nove komentare */
.cmti {position:relative; margin-bottom: 30px;}
.cmti-photo {float: left; width: 50px; margin-right: 10px;}
.cmti-photo img {width: 50px; height: 50px;}
.cmti-username-date {float: left; width: calc(100% - 150px); padding-top: 5px;}
.cmti-username-date.nophoto {width: calc(100% - 90px);}
.cmti-username {font-weight: 700;}
.cmti-date {color: #707173; font-style: italic; font-size: 13px; white-space: nowrap;}
.cmti-thumbs {float:left; width: 90px;}
.cmti-thumbs.nophoto {margin-bottom: -12px;}
/*.cmti-thumbs.nophoto {top: -8px;}*/
.cmti-comment {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 15px;
	padding: 10px;
	background-color: #f3f3f3;
}
.cmti-comment p {padding: 0; margin: 0; color:#333;}
.cmti-comment .cmti-arrow-down {
	position: absolute;
	left: 13px;
	top: -10px;
	width: 0;
	height: 0;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-bottom: 13px solid #f3f3f3;
}
.cmti-stars {display: inline-block; margin-left: 8px; font-size: 14px;}
.cmti-edit-delete {
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.6);
	padding: 2px 3px;
}
.cmti-edit-delete .btn-edit, .cmti-edit-delete .btn-delete {margin: 0;}
.cmti-comment .edit-textarea {max-width:100%}

/* stylovanie pre nesparovane filmy */
.title-unpaired {color:#5b5b5b !important;}

.forumthread-link {
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 4px 6px 2px 7px;
	background-color: rgba(255, 255, 255, 0.6);
	font-size: 130%;
	font-weight: normal;
	font-style: normal;
	display: none;
}
.forumthread-link span.forum-comments-num {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 2px;
	padding: 1px 3px;
	background-color: #ED044E;
	border-radius: 2px;
	color: #fff;
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
}
.forumthread-link.forumthread-link-bubble:hover {
	text-decoration: none;
}
.forumthread-link.forumthread-link-bubble span.forum-comments-num {
	position: initial;
	background-color: initial;
	color: initial;
	font-size: 13px;
	color: #002c3e;
}
@media all and (max-width:767px){
	.forumthread-link {
		display: block !important;
	}
}

/* magneticke taby */
#magnet {
	position: fixed;
	left: 0;
	width: 100%;
	height: 56px;
	background-color: #fff;
	/*box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);*/
	box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.28);
	-webkit-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.28);
	z-index: 998;
	overflow: visible;
	display: none;
}
/*
#magnet-tabs .switch-btn.active,
#magnet-tabs .switch-btn:hover {border-color: #fff !important;}
*/
#magnet-img-box {
	width: 45px;
}
#magnet-img {
	width: 30px;
	height: 44px;
	margin-top: 6px;
}
#magnet-title-box {
	width: calc(100% - 45px);
	padding-top: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media all and (max-width:768px){
	.movies-listing-pos-title {width: 100% !important;}
	.movies-listing-pos-title.btnspace {width: calc(100% - 60px) !important;}
	/*
	.cmti-thumbs {top:23px;}
	.cmti-thumbs.nophoto {top: 16px;}
	*/
	/*.cmti-username-date.nophoto {padding-bottom: 20px;}*/
}

.table-user-listing-photo {width: 120px; padding: 20px 15px 20px 0 !important; text-align: left;}
.table-user-listing-photo img {width: 100%;}
.table-user-listing-stats {color: #707173; line-height: 24px; margin: 0; padding: 0;}
.table-user-listing-pos {color: #002c3e; font-size: 28px; font-weight: 700; line-height: 1;}

/* fav/wish buttons (redesign 2017) */

.mfb-btn.mfb-btn-fw {
	width: 45px;
	border: 0;
	border-radius: 0;
	background: transparent !important;
	margin: 0 10px;
	color: #999999;
}

/*
.mfb-btn.mfb-btn-fw.mfb-btn-fav.active, .mfb-btn.mfb-btn-fw.mfb-btn-fav:hover {color: #ed044e;}
.mfb-btn.mfb-btn-fw.mfb-btn-wish {color: #999999;}
.mfb-btn.mfb-btn-fw.mfb-btn-wish.active, .mfb-btn.mfb-btn-fw.mfb-btn-wish:hover {color: #0090a7 !important;}
*/
.mfb-btn.mfb-btn-fav .fa {color: #999999;}
.mfb-btn.mfb-btn-wish .fa {color: #999999;}
.mfb-btn.mfb-btn-fav:hover .fa {color: #595959;}
.mfb-btn.mfb-btn-wish:hover .fa {color: #595959;}
.mfb-btn.mfb-btn-fav.active .fa {color: #ed044e;}
.mfb-btn.mfb-btn-wish.active .fa {color: #0090a7;}
.mfb-btn.mfb-btn-rating-val:hover .fa.fa-star-o {color:#595959 !important;}

#mobile_footer_sticky {width:100%; position:relative; background-color: rgba(0, 0, 0, 0.95); z-index: 100000000; padding-top:5px;   -moz-transition:all 0.5s ease-in-out;
   -o-transition:all 0.5s ease-in-out;
   transition:all 0.5s ease-in-out;
   -webkit-transition:all 0.5s ease-in-out;
   height: 0px;}
#mobile_footer_sticky.sticky {position:fixed; height:60px; bottom:0;
   -moz-transition:all 0.5s ease-in-out;
   -o-transition:all 0.5s ease-in-out;
   transition:all 0.5s ease-in-out;
   -webkit-transition:all 0.5s ease-in-out;
}
#mobile_footer_sticky.sticky.sticky_close {height:0 !important; display:none !important;
   -moz-transition:all 0.5s ease-in-out;
   -o-transition:all 0.5s ease-in-out;
   transition:all 0.5s ease-in-out;
   -webkit-transition:all 0.5s ease-in-out;
}
#mobile_footer_sticky_closeBtn {position: absolute;
    top: -30px;
    right: 0px;
    font-size: 10px;
    padding: 10px 8px;
    background-color: rgba(70, 70, 70, 0.90);
    color: #fff;
    font-weight: 100;
    cursor: pointer; line-height: 10px; }

.mfb-social {
	float: left;
	width: 22px;
	height: 22px;
	margin-right: 8px;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.mfb-social.mfb-social-gplus {
	background-image: url("/static/images/2017/social/google-plus.svg");
}
.mfb-social.mfb-social-twitter {
	background-image: url("/static/images/2017/social/twitter.svg");
}
.mfb-social.mfb-social-fb {
	background-image: url("/static/images/2017/social/facebook.svg");
}

.newsmark {background-color:#ed044e; font-weight:bold; color:#fff; padding:2px 2px 0; border-radius:3px; font-size:70%; border:1px #fff solid;}

.btn {border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}

/* test: klikatelne nadpisy modrou, ostatne tmavosivou */
h1.section-heading, h2.section-heading, h3.section-heading,
h4.section-heading, h5.section-heading, h6.section-heading,
h1.main, h2.main, h3.main,
h4.main, h5.main, h6.main {
	color: #5b5b5b;
	/*color: #707173;*/
}
h1.section-heading a, h2.section-heading a, h3.section-heading a,
h4.section-heading a, h5.section-heading a, h6.section-heading a,
h1.main a, h2.main a, h3.main a,
h4.main a, h5.main a, h6.main a {
	color: #002c3e;
}

.toplist-articles h1.section-heading a, .toplist-articles h2.section-heading a {color: #66b1c1;}
.movie-profile h2, .mp h2 {color: #5b5b5b !important;}
.movie-profile h2 a, .mp h2 a {color: #002c3e !important;}
.movie-profile .movie-profile-heading .heading a, .movie-profile .movie-profile-heading .heading a h2 {color: #002c3e !important;}
.header-content h4 {color: #5b5b5b;}
.header-content h4 a {color: #002c3e;}

.pswp__caption a.movie_title_link:hover {color: #0090a7;}

/* podtlacitka pre wish button */
.mfb-btn-sub-wrapper {
	position:absolute;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0.3);
	padding: 5px;
	width: 100px;
	z-index: 1;
	display: none;
}
.mfb-btn-sub-wrapper .mfb-btn-sub {
	background-color: #002c3e;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 0;
    padding: 3px;
}
.mfb-btn-sub-wrapper .mfb-btn-sub:hover {
	background-color: #ED044E;
}
.mfb-btn-sub-wrapper .mfb-btn-sub.mfb-btn-sub-comment {
	margin-bottom: 5px;
}

.ad-video-ctrl-panel {
background-color: #000;
    width: 640px;
    text-align: center;
    margin: 0 auto;
    padding:5px 0;
    margin-top:-5px;
}

.ad-video-ctrl-panel .ctrl-icon {
font-size:18px !important;
color:#bbbaba;
cursor:pointer;
line-height:130%;

}

.ad-video-ctrl-panel .ctrl-icon:hover {
color:#fff;
}



.article-body a {font-weight:500;}
.chart-user-review a, .chart-user-review2 a, .chart-item a, .chart-item2 a {font-weight:normal;}

#mafab_cikk_640x360 > div {margin:0 auto; z-index:0 !important;}

#modalZonePopup button {color:#fff; text-transform:uppercase; position:absolute; top:1%; right:1%;     }
#modalZonePopup button.close {text-shadow:none; opacity:1; font-size:15px; font-weight:normal;
border:1px solid #fff; padding: 12px 8px; background:#000;
}

#modalZonePopup.modal {
 text-align: center;
  padding: 0!important;
}

#modalZonePopup..modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; /* Adjusts for spacing */
}

#modalZonePopup .modal-dialog {
  width: 96%;
  height: 96%;
  margin: 0;
  padding: 0;
  margin:1% auto;

}


#modalZonePopup .modal-content {
  height: auto;
  min-height: 100%;
  height:100%;
  border-radius: 0;
  background-color:#181818;

}

.Absolute-Center {
height:100%;
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}

.Absolute-Center td {
   vertical-align: middle;
   text-align: center;
}

/* leftside/rightside */
/*.leftside-visible, .leftside-hidden, .rightside-visible, .rightside-hidden {display: none !important;}*/
.leftside .leftside-hidden {display: none !important;}
.rightside .rightside-hidden {display: none !important;}

/* 15062018 - prestylovane taby (navigacia) */
#content-switching-btns .switch-btn .switch-btn-text {display: none;}
#content-switching-btns-magnet .switch-btn .switch-btn-text {display: none;}
@media all and (min-width:395px){
	#content-switching-btns .switch-btn {
		position: relative;
		padding-top: 3px;
		padding-bottom: 15px;
	}
	#content-switching-btns #szereplok-button.switch-btn {background-position-y: 4px;}
	#content-switching-btns .switch-btn .switch-btn-text {
		background-color: #fff;
		color: #838383;
		display: inline-block;
		padding: 4px 1px 0 1px;
		text-align: center;
		font-size: 10px;
		width: 100%;
		height: 20px;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	#content-switching-btns .switch-btn.active .switch-btn-text,
	#content-switching-btns .switch-btn:hover .switch-btn-text {
		/*
		background-color: #002C3E;
		color: #fff;
		*/
		color: #002C3E;
	}

	#content-switching-btns .switch-btn.disabled:hover .switch-btn-text {
		/*
		background-color: #727272;
		color: #fff;
		*/
		color: #727272;
		border-color: #727272;
	}

	#content-switching-btns .switch-btn .switch-btn-text .switch-btn-num {display: none;}
	#content-switching-btns .switch-btn .ctr {
		bottom: initial;
		top: 3px;
		color: #727272;
		right: 4px;
	}

	#content-switching-btns .tooltip {display: none !important;}
	.movie-profile .cinema-info, .cinema-info {height: 50px; padding-top: 16px;}
}



.mfb-category-label-magenta {
	position: absolute;
	bottom: 15px;
	left: 15px;
	padding: 0 12px;
	background-color: #EE034E;
	color: #fff;
	font-weight: 400;
	font-size: 22px;
	line-height: 29px;
	cursor: default;
	text-transform: uppercase;
}

article .mfb-category-label-magenta {
	left: 0;
	cursor: pointer;
}

.mafab-play-btn, .mafab-play-btn-size-1 {
	position: absolute;
	top: calc(50% - 25px);
	left: calc(50% - (45px / 2));
	width: 50px;
	height: 45px;
	background: rgba(255,255,255,0);
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	font-size: 20px;
	padding-top: 7px;
	display: block;
	opacity: 0.85;
}
.mafab-play-btn:hover {
	background: rgba(255,255,255,0.3);
	opacity: 1;
	cursor: pointer;
}

.mafab-play-btn.mafab-play-btn-size-2 {
	top: calc(50% - 27px);
	left: calc(50% - 30px);
	width: 60px;
	height: 54px;
	font-size: 24px;
	padding-top: 9px;
}

.mafab-play-btn.mafab-play-btn-size-3 {
	top: calc(50% - (67px / 2));
	left: calc(50% - (75px / 2));
	width: 75px;
	height: 67px;
	font-size: 30px;
	padding-top: 12px;
}

.mafab-play-btn.mafab-play-btn-size-4 {
	top: calc(50% - 45px);
	left: calc(50% - 50px);
	width: 100px;
	height: 90px;
	font-size: 40px;
	padding-top: 16px;
}

.mfb-listing-poster-play {
	z-index: 1;
}

/* bugfix kvoli chybnemu cssku, ktore prichadza s brandingom od atmedia */
body[style*="background-image"] .container-full.text-right.news-bar .news-bar-user .submenu {
    width: 250px !important;
}
body[style*="background-image"] .container-full.text-right.news-bar .news-bar-user  .submenu div {
    width: initial !important;
}
body[style*="background-image"] .container-full.page-header.sticky .container {
	padding-left: 0;
    padding-right: 30px;
}

/* responsive */
@media (min-width: 1200px) {
	.container {width: 1030px;}
	.home-trailers .thumbs img {width:85px; max-height:110px; margin-top: 10px; margin-right:10px;}
	.home-trailers .thumbs img:nth-child(3),.home-trailers .thumbs img:nth-child(6),.home-trailers .thumbs img:nth-child(9) {margin-right:0px;}
	.home-trailers .thumbs .thumbs-cover {text-align:center; margin-top: 10px;}
	.hero-content .data {width:100%;}
}

.comments .comment p {font-size: 14px !important;}

@media (max-width:992px) {
.home-content .rightside, .contentbox .rightside {display:none;}
/*#mafab_cikk_640x360 div {max-width:640px; overflow: hidden; } */

}
/*#mafab_cikk_640x360 div {max-width:640px; overflow: hidden; }  */

@media (min-width: 992px) and (max-width:1199px) {

.container-fake-xs {width:100%;}

	section.home-trailers .big-thumb {height:350px;}
	section.home-trailers .thumbs {height:350px;}
	.trailer-nav-left {padding: 125px 100px 75px 20px;}
	.trailer-nav-right {padding: 125px 20px 75px 100px;}

	.home-trailers .thumbs img {width:75px; max-height:100px; margin-top: 8px; margin-right:8px;}
	.home-trailers .thumbs img:nth-child(1),.home-trailers .thumbs img:nth-child(2),.home-trailers .thumbs img:nth-child(3) {margin-top:7px;}
	.home-trailers .thumbs img:nth-child(3),.home-trailers .thumbs img:nth-child(6),.home-trailers .thumbs img:nth-child(9) {margin-right:0px;}
	.home-trailers .thumbs .thumbs-cover {text-align:center; margin-top: 8px;}
	.home-content .rightside, .contentbox .rightside {background-color: #fff; }

	.nav > li > div {width: 940px;}

	.hero {height:350px;}

	.article-movie-video {height: 350px;}
}

@media (min-width: 992px) and (max-width:1045px) {
.mafab-border-shade { width:1030px }
}

@media (min-width: 768px) and (max-width:992px) {
.container-fake-xs {width:100%;}
/*#mafab_cikk_640x360 div {max-width:100%; overflow: hidden;}	 */
	#header-login-btn {display:block !important;}
	.movie-profile .content-switching-btns .switch-btn .ctr,
	.m-profile .content-switching-btns .switch-btn .ctr {right: 4px; bottom:1px;}
	section.home-trailers .big-thumb {height:350px;}
	section.home-trailers .thumbs {height:350px;}
	.trailer-nav-left {padding: 125px 100px 75px 20px;}
	.trailer-nav-right {padding: 125px 20px 75px 100px;}

	.home-content .rightside, .contentbox .rightside {background-color: #fff;}

	div#player_content iframe {width: 100% !important; height: 100% !important;}
	div#player_content {width: 80% !important;}

	.nav > li:hover > div {visibility: hidden}
	.nav {display: none;}
	.search {display: none;}

	.header-login i {font-size: 28px;}
	.header-login span {display: none;}

	.scrolldown-show {display:block !important;}

	.header-search-btn {display: block;}
	.header-search-btn i {font-size: 28px;}

	a.header-search-btn {display: block;}
	a.header-search-btn i {font-size: 28px;}

	.hamburger {display: block;}

	header.page-header .mafab-logo {padding: 0; margin-top: 0;}

	.news-bar {display:none;}

	#mobile-menu {width:100%;}

	.search-expandable {width: 50px;}
	.search-expandable:focus {width: 50px; transition: all 0.5s ease 0s; outline:0;}
	.search-expandable:not(:focus) {width: 50px; transition: all 0.5s ease 0s;}

	.modal-mafab .modal-body.modal-stations .station-tile {width: calc(100%/5 - 6px);}
	.hero-content .data {width: 100%;}

	.category-switch .item.dropdown-btn .options .option {padding-top: 10px; padding-bottom: 10px;}

	.owl-home-trailers .play-btn {display:block;}
	.owl-trailer-thumb:hover > .play-btn {display: block;}

}

@media (max-width: 992px) {
	.news-bar-user {padding-left:0;}
	.movie-profile .cinema-info, .cinema-info {text-align: center;}
}

@media (max-width: 767px) {
.container-fake-xs {width:100%;}

	.tv-mafab-tipp {display:none;}

	/* MOBILE - ZVACSENIE TEXTOV */
	body {font-size:15px;}
	.magazin-listing article p {font-size:15px; height:110px;}
	.magazin-listing article .image h1, .magazin-listing article .image h3 {font-size:18px;}

	.category-switch .item {font-size:12px;}
	.category-switch .item.active:after {border:none;}

	h1.main, h2.main {font-size: 24px;}
	h2.section-heading {font-size: 24px;}
	.toplist-articles h1.section-heading, .toplist-articles h2.section-heading {font-size:24px;}

	.more-link {font-size: 14px;}
	.home-movies-list .item h1, .home-movies-list .item h2, .home-movies-list .item h4 {font-size:14px;}

	.motd-listing .item a {font-size: 14px;}
	.posters-listing .item a, .images-listing .item a {font-size: 14px;}
	.bdays-listing .item a {font-size: 14px;}

	.sidebox-content .stats {font-size:14px;}

	.boxoffice-listing .item .title h1, .boxoffice-listing .item .title h4 {font-size:14px;}
	.sidebox p.sidebox-text {font-size: 14px;}

	.user-chart-details {font-size:13px;}

	.movie-profile .movie-profile-heading .heading h1,.movie-profile .movie-profile-heading .heading h2 {font-size: 24px;}
	.home-movies-list .staff, .home-movies-list .actors {font-size:13px;}
	.home-movies-list .year {font-size:13px;}

	#listoftiles h4 {font-size:15px;}

	.position-num {left: 0px; padding: 7px 0; width: 40px;}
	.box-data-rows {font-size:14px;}

	.submenu-video {margin-top: 15px;}

	/* END - MOBILE - ZVACSENIE TEXTOV */

	.sidebox-player .image {height: 230px;}
	.sidebox-player .text {font-size: 14px; line-height: 19px;}

	#header-login-btn {display:block !important;}
	.movie-profile .content-switching-btns .switch-btn .ctr,
	.m-profile .content-switching-btns .switch-btn .ctr	{right: 4px; bottom:1px;}

	.xs-text-center {text-align:center !important;}
	.xs-text-left {text-align:left !important;}
	.xs-pull-left {float:left;}
	.xs-pull-right {float:right;}

	.xs-float-left {float:left !important;}
	.xs-float-right {float:right !important;}

	section.home-trailers .big-thumb {height:280px;}
	section.home-trailers .thumbs {height:280px;}
	.trailer-nav-left {padding: 100px 100px 40px 20px;}
	.trailer-nav-right {padding: 90px 20px 40px 100px;}

	.home-content .rightside, .contentbox .rightside {background-color: #fff;}

	.container {padding:0;}

	div#player_content iframe {width: 100% !important; height: 100% !important;}
	div#player_content {width: 80% !important;}

	.nav > li:hover > div {visibility: hidden}
	.nav {display: none;}
	.search {display: none;}

	.header-login i {font-size: 28px;}
	.header-login span {display: none;}

	.scrolldown-show {display:block !important;}

	a.header-search-btn {display: block; cursor:pointer; padding:16px 8px;}
	a.header-search-btn i {font-size: 28px;}

	/*#mobile-searchbox {display: block;}*/

	.hamburger {display: block;}

	header.page-header .mafab-logo {padding: 0; margin-top: 0;}

	.news-bar {display:none;}

	.tab-btn {padding: 8px;}
	.home-tab-controls {width: 100%; float: left; text-align: center; padding: 10px 0; margin-top: -30px;}

	.add-comment-btn-box {width:100%; text-align:center;}
	.movie-profile a.add-comment-btn {width: 80%; margin: 15px 0;}

	.movie-profile .profile-player .play-btn {
		background-color: transparent;
		border: 2px solid rgba(255,255,255,0.5);
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		color: rgba(255,255,255,0.5);
		text-align: center;
		width: 80px;
		padding: 5px 0;
		font-size: 40px;
		position: absolute;
		top: 30%;
		left: calc(50% - 40px);
		cursor: pointer;
	}

	.movie-profile #video {width: 100%; height: 230px;}
	.youtube-iframe {height:220px;}

	.tvmusor .filter {padding: 10px 15px 10px 15px; position: relative;}
	.tvmusor .filter .box-options {float:left; width: 100%;}
	.tvmusor .filter .box-title {
		margin-left: -15px;
		margin-top: -10px;
		margin-bottom: 0;
		padding: 15px 15px 15px 15px;
		width: calc(100% + 30px);
		text-align: center;
		cursor: pointer;
		position: relative;
	}
	.tvmusor .filter .box-title button {
		background-color: #C6C6C6;
		position: absolute;
		top: 15px;
		right: 15px;
	}
	.tvmusor .filter .filter-body {

	}
	.tvmusor .filter .select {
		margin: 0 0 10px 0;
		width: 100%;
		height: 35px;
		padding: 7px 25px 0 10px;
		/*z-index: 1;*/
	}
	.tvmusor .filter .select .options {z-index:1000; width: 100%; max-width: 100%;}
	.tvmusor .filter .select .option {width: 100%; max-width: 100%;}
	.tvmusor .filter .date {
		margin: 0 0 10px 0;
		width: 100%;
		height: 35px;
		padding: 7px 25px 0 10px;
	}
	/*.tvmusor .filter button {position: absolute; top: 11px; right: 15px;}*/
	.tvmusor .filter button.reset {width:100%; margin-left:0px; height: auto !important; padding: 5px 0; margin-bottom: 15px;}
	.tvmusor .filter button.reset span {display:inline-block;}

	.tvmusor .filter .select .options .option {width: 100%; max-width: 100%;}

	.tvmusor .home-tvprogram .image {display:none;}
	.tvmusor .home-tvprogram .content {width: calc(100% - 70px);}

	.add-station {
		width: 100%;
		border: 1px solid #002c3e;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		padding: 10px 0;
		background-color: #002c3e;
		color: #fff;
		margin-bottom: 10px;
	}
	.add-station:hover {background-color: #ed044e; border-color: #ed044e;}
	.add-station i.fa-plus {color:#002c3e;}

	.#select_tv_stations {height:95%; max-height:95%;}
	.modal-mafab .modal-body {height:100%; max-height:100%;}
	.modal-mafab .modal-body.modal-stations .station-tile {width: calc(100%/4 - 6px);}
	.modal-mafab .modal-body.modal-stations .station-tile .image {background-size: 90%;}
	.modal-mafab .modal-body.modal-stations .station-tile button {padding-top: 0;}

	.xs-btn-block {width: 100%;}

	.article-movie-video {height: 250px;}

	.hero {height: 250px;}
	.hero .rate {
		bottom: 25px;
		left: 160px;
		font-size: 22px;
		padding: 12px 10px;
	}
	.hero .title {
		position: absolute;
		bottom: 0;
		padding: 20px 15px 11px 240px;
		font-size: 22px;
		line-height: 22px;
	}
	.hero .title h1,.hero .title h2 {font-size: 24px;}
	.hero .image {width: 120px; bottom:-80px;}
	.hero .image .more{width: 130px; left:-3px;}
	/*.hero {height:260px;}*/

	.hero .play, .article-movie-video .play {
		top: calc(50% - 33px);
		left: calc(50% - 30px);
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		width: 60px;
		padding: 6px 0;
		font-size: 20px;
	}
	.article-movie-video .play {top: calc(50% - 21px);}
	.hero-content {padding-left: 160px;}
	.hero-content .data {width: 100%;}

	.poster-listing img {width: 105px; height: 156px;}

	.poster-listing.poster-fit {padding: 0 8px;}
	.poster-listing.poster-fit img {width: 100%; height:80px;}

	/*.poster-listing.othervideos img {width: 106px; height: 60px;}*/
	.poster-listing.othervideos img {width: 100%; height: 50px;}

	.dropdown-player {height: 320px;}
	.dropdown-player .movie-video {width: calc(100% - 30px); margin: 15px; height: calc(100% - 30px); float: left;}
	.dropdown-player .movie-video iframe.video {width: 100%; height: 100%;}
	.dropdown-player .movie-overview {display:none;}

	.magazin-listing article .image {height: 330px;}

	.category-switch .item.dropdown-btn .options .option {padding-top: 10px; padding-bottom: 10px;}

	.home-player .video, .home-player .image {height: 270px;}

	.owl-home-trailers .play-btn {display:block;}
	.owl-trailer-thumb:hover > .play-btn {display: block;}

	#hp-video {display:none;}
	#hp-image {display:none;}

	.motd-listing .item {
		width: calc(100% / 3);
		float: left;
		text-align: center;
		margin-bottom: 15px;
	}
	.motd-listing .item:nth-child(4),.motd-listing .item:nth-child(5) {display:none;}
	.motd-listing .item img {width: 100px; height: 135px; margin-bottom: 5px;}

	.bdays-listing .item {
		width: calc(100% / 3);
		float: left;
		text-align: center;
		margin-bottom: 15px;
	}
	.bdays-listing .item:nth-child(4),.bdays-listing .item:nth-child(5) {display:none;}
	.bdays-listing .item .image {width: 100px; height: 135px; margin-bottom: 5px; margin-left: calc(50% - 50px);}

	.posters-listing .item {
		width: calc(100% / 3);
		float: left;
		text-align: center;
	}
	.posters-listing .item img {width: 100px; height: 135px; margin-bottom: 5px;}
	.posters-listing .item p {max-width: 90px;}
	.posters-listing .item:nth-child(4),.posters-listing .item:nth-child(5) {display:none;}

	#responsive_search input,#film_filter input {margin-bottom:7px;}
	/*#responsive_search .droplist {margin-top:-7px;}*/


}

@media (max-width: 500px) {
.ad-video-ctrl-panel {width:100%;
padding-right:10px;}
#MafabVideo640x360 {width: 100%;
    height: auto;}

  .infeed {
      height: 130px;
    }

	.article-movie-video {height: 200px;}

	.hero {height: 200px;}
	.hero .image {width: 120px; top: 175px; bottom: auto;}
	.hero .rate {
		bottom: 50px;
		left: 20px;
		font-size: 20px;
		padding: 8px 6px;
	}
	.hero .title {
		position: absolute;
		bottom: 0;
		padding: 20px 15px 41px 95px;
		font-size: 20px;
		line-height: 20px;
	}

	.dropdown-player {height: 300px;}
	.poster-listing img {width: 68px; height: 101px;}

	.magazin-listing article .image {height: 230px;}

	.hero .title h1,.hero .title h2 {font-size: 22px; line-height: 22px; font-weight: normal;}

	#cookies-agreement {
		padding: 15px 0 0px 3px;
	}

 /* #mafab_cikk_640x360 div {max-width:100%; overflow: hidden;} */
	 .landing-page-profile .mfb-listing-poster-play {
		 top: calc(50% - 16px);
		 left: calc(50% - 18px);
		 width: 36px;
		 height: 32px;
		 font-size: 14px;
		 padding-top: 6px;
	 }
	 .home-movies-list .mfb-listing-poster-play {
		 top: calc(50% - 18px);
		 left: calc(50% - 20px);
		 width: 40px;
		 height: 36px;
		 font-size: 18px;
		 padding-top: 6px;
	 }
}

@media (min-width: 768px) and (max-width:1199px) {
	.hero .title {padding: 20px 15px 10px 285px;}
}

@media (max-width:768px) {
	.leftside h1 {
		font-size: 26px;
	}

	/* pswp galeria / photoswipe gallery - upravy kvoli reklame */
	.pswp_gallery_desc {width: 100%; padding: 15px; float: left;}
	.pswp_gallery_ad {width:100%; height:120px; margin: 0px auto; padding:0;}

	/* birthdays - szuletesnapok - ma szulettek */
	.bday-item {width: calc((100% / 3) - 12px);}
	.bday-item:nth-child(3) {margin-right: 0;}
	.bday-item:nth-child(4), .bday-item:nth-child(5) {display: none;}

	/* szerkesztoi jatek */
	ul.mfb-contest-prizes {border:0;}
}

.infeedmain {
margin-bottom:15px !important; padding:0 15px !important;
}
/*
.goAdverticum {display: none !important;}
.goAdverticumMaster {display: none !important;}
*/



/* test - fav, wish, star button */
/*
.home-movies-list .mfb-btn, .home-movies-list .mfb-btn-fw {
	width: 32px !important;
	height: 32px !important;
	padding: 0 !important;
	margin-bottom: 7px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	background-color: #f1f1f1 !important;
	text-shadow: none;
	color: #999999;
}
.home-movies-list .mfb-btn.mfb-btn-fav .fa,
.home-movies-list .mfb-btn.mfb-btn-wish .fa {color: #999999 !important;}
.home-movies-list .mfb-btn.mfb-btn-fav:hover .fa,
.home-movies-list .mfb-btn.mfb-btn-wish:hover .fa {color: #595959 !important;}

.home-movies-list .mfb-btn.mfb-btn-fav.active .fa {color: #ed044e !important;}
.home-movies-list .mfb-btn.mfb-btn-fav.active:hover .fa {color: #ed044e !important;}

.home-movies-list .mfb-btn.mfb-btn-wish.active .fa {color: #0090a7 !important;}
.home-movies-list .mfb-btn.mfb-btn-wish.active:hover .fa {color: #0090a7 !important;}
*/

@media (min-width:992px) {
	/* magneticka hlavicka len na sirku webu */
	.page-header.sticky.branding-active {width: 1000px; padding: 0px; left: calc(50% - 500px);}
	.page-header.sticky.branding-active .container:first-child {width: 1000px; padding-left: 0;}
	.branding-active #magnet {left: calc(50% - 500px); width: 1000px;}
	.branding-active #magnet .container {max-width: 100%;}
}

@media (min-width:1200px) {
	/* magneticka hlavicka len na sirku webu */
	.page-header.sticky.branding-active {
		width: 1000px;
		padding: 0px;
		left: calc(50% - 500px);
	}
	.page-header.sticky.branding-active .container:first-child {width: 1000px; padding-left: 0;}
	.branding-active #magnet {left: calc(50% - 500px); width: 1000px;}
	body[style*=background-image] #magnet {left: calc(50% - 500px); width: 1000px;}
}



/* PLAYER */

  .mafab-video-player .plyr__controls {
    background: linear-gradient(transparent,rgba(0,0,0,.7));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 0px 10px 10px;
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out;
    z-index: 2;
        align-items: center;
    display: flex;
    text-align: center;
    opacity:0;
    }


.mafab-video-player .barre {
  background: #1D4956;
  position: relative;
  height: 3px;
  width:100%;
}
.mafab-video-player .barreIn {
  position: absolute;
  background: #ed044e;
  left: 0;
  top: 0;
  bottom: 0;
  transition: 0.5s;
  width:0;
}


  .mafab_player_title {opacity:0;
  transition: opacity .4s ease-in-out,transform .4s ease-in-out;
  text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width:70%;
  }



    .mafab-video-player:hover .plyr__controls, .plyr__controls.visible, .mafab-video-player:hover .mafab_player_title  {opacity:1;}

    .skipAdBox {
        position: absolute;
        width: 127px;
        height: 30px;
        background: rgba(0, 0, 0, 0.56);
		border: 1px solid rgba(241, 241, 241, 0.56);
		border-right: none;
        z-index: 3;
        cursor: pointer;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;
		right: 0px; bottom: 20%;
		padding: 4px 9px;

    }



    .skipAdTitle {
        font-size: 14px;
        color: rgb(255, 255, 255);
        text-shadow: 1px 1px 3px #000;
        text-align: left;
        font-family: Arial,Helvetica,sans-serif;
        z-index: 100;
        margin: 0;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
    }

    .fa-step-forward {
        display:none;
    }

    .skipAdCounterBox {
        position: absolute;
        width: 155px;
        height: 30px;
        background: rgba(0, 0, 0, 0.56);
		border: 1px solid rgba(241, 241, 241, 0.56);
		border-right: none;
        z-index: 3;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;
        right: 0px; bottom: 20%;

	}

	.skipAdTitle span {
		display: inline-block;
		border-right: 1px solid rgba(241, 241, 241, 0.56);
		padding: 4px 10px;
		margin-right: 5px;
	}

    .skipAd-sm-bottom {
    	bottom:20% ;
	}

    .mafab_player_loader {
        display: none;
        width: 80px;
        height: 80px;
        position: absolute;
        top: calc(50% - 40px);
        left: calc(50% - 40px);
    }

    #fsp-right {z-index:2;}

    .mafab-video-player {position:relative;}

    .mafab-video-player .mp-play{position: absolute;
   /* top: calc(50% - 30px); */
    /* top: 50px; */
 /*   left: calc(50% - 40px);  */
 /*   background-color: rgba(255,255,255,0.1);
    color: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    width: 80px;
    padding: 12px 0;
    text-align: center;
    font-size: 30px;  */
    display: block;
    cursor: pointer;
    display:none;
    z-index:5000;
  /*  transition: opacity .4s ease-in-out,transform .4s ease-in-out;   */
    opacity:0;
    }

    .mafab_player_btn_adLink{position: absolute;
top:0;
left:0;
width:100%;
height:100%;
background:transparent;
    display: none;
    cursor: pointer;
    z-index:1;
    opacity:0.5;
    }

    .mafab-video-player:hover .mp-play, .mafab-video-player .mp-play.visible  {opacity:1;}

    .mafab-video-player .mp-play:hover {
    background-color: rgba(255,255,255,0.3);
}


.mafab_player_title {
    font-size: 18px;
    /* padding: 12px; */
    position: absolute;
    top: 10px;
    left: 12px;
    text-shadow: 0 0 2px rgba(0,0,0,.5);
}

.mafab-video-player .slick-prev, .mafab-video-player .slick-next {

font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;

    width: auto !important;
    height: auto !important;
    z-index: 2;
    background: rgba(255,255,255,.25);
    padding: 13px 7px;
    transition-duration: .3s;
}

[role="button"] {
    cursor: pointer;
}

.mafab-video-player .slick-prev:before, .mafab-video-player .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



.mafab-video-player .slick-next:before {
    content: '→';
}

.mafab-video-player .slick-prev:before {
    content: '←';
}

.mafab-video-player .slick-prev:before, .mafab-video-player  .slick-next:before {
    content: "";
    color: rgba(46,46,46,1);
    font-size: 28px !important;
}

.mafab-video-player .slick-next:before {
    font-family: FontAwesome;
    content: "\f105";
}

.mafab-video-player .slick-prev:before {
    font-family: FontAwesome;
    content: "\f104";
}

.mafab-video-player .slick-arrow.slick-next {
height: 70px !important;
    top: 50%;
    background: rgba(255,255,255,.25) !important;
    padding: 5px 7px 7px 12px;
    transition-duration: .3s;
    opacity: 0.75;
    right: 0;
}

.mafab-video-player {background:#000; }


.mafab-video-player .slick-arrow.slick-prev {
    height: 70px !important;
    top: 50%;
    background: rgba(255,255,255,.25) !important;
    padding: 5px 12px 7px 7px;
    transition-duration: .3s;
    opacity: 0.75;
    left: 0px;
}

.mafab-video-player .slick-arrow.slick-next:hover, .mafab-video-player .slick-arrow.slick-prev:hover
{
background: rgba(255,255,255,.55) !important;
    opacity: 1;
    height: 80px !important;
}


    @keyframes lds-bars {
                0% {
                    opacity: 1;
                }
                50% {
                    opacity: 0.5;
                }
                100% {
                    opacity: 1;
                }
            }
            @-webkit-keyframes lds-bars {
                0% {
                    opacity: 1;
                }
                50% {
                    opacity: 0.5;
                }
                100% {
                    opacity: 1;
                }
            }
            .lds-bars {
                position: relative;
            }
            .lds-bars div {
                position: absolute;
                width: 20px;
                height: 80px;
                top: 60px;
                -webkit-animation: lds-bars 0.9s cubic-bezier(0.5, 0, 0.5, 1) infinite;
                animation: lds-bars 0.9s cubic-bezier(0.5, 0, 0.5, 1) infinite;
            }
            .lds-bars div:nth-child(1) {
                left: 30px;
                background: #0090a7;
                -webkit-animation-delay: -0.54s;
                animation-delay: -0.54s;
            }
            .lds-bars div:nth-child(2) {
                left: 70px;
                background: #0090a7;
                -webkit-animation-delay: -0.36s;
                animation-delay: -0.36s;
            }
            .lds-bars div:nth-child(3) {
                left: 110px;
                background: #0090a7;
                -webkit-animation-delay: -0.18s;
                animation-delay: -0.18s;
            }
            .lds-bars div:nth-child(4) {
                left: 150px;
                background: #0090a7;
            }
            .lds-bars {
                width: 80px !important;
                height: 80px !important;
                -webkit-transform: translate(-40px, -40px) scale(0.4) translate(40px, 40px);
                transform: translate(-40px, -40px) scale(0.4) translate(40px, 40px);
            }

     .mafab-video-player .ctr-btn {
        width:auto;
        cursor:pointer;
background: 0 0;
    border: 0;
    border-radius: 3px;
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    position: relative;
    transition: all .3s ease;
      }

      .mafab-video-player .ctr-play {
        width:30px;
        margin-top:-3px;
      }

     .mafab-video-player .ctr-volume {
      width:30px;
      }


.mafab-video-player .mafab_player_btn_seek  { margin-top:-10px !important; opacity:0;}

    .mafab-video-player  .plyr__volume, .plyr__progress {
    margin-left: 10px;
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 28px;
    color: #1aafff;
    display: block;
    height: 20px;
    padding: 0;
    transition: box-shadow .3s ease;
        touch-action: manipulation;
    min-width:79px;
}

.mafab-video-player .plyr__time {
margin-left:20px;
width:70px;
}

.mafab-video-player input[type=range]{
  -webkit-appearance: none;
  background: none;
}

.mafab-video-player input[type=range]::-webkit-slider-runnable-track {
  height: 5px;
  background: rgba(255,255,255,0.3);
  border: none;
  border-radius: 3px;
}

.mafab-video-player input[type=range]::-ms-track {
  height: 5px;
  background: rgba(255,255,255,0.3);
  border: none;
  border-radius: 3px;
}

.mafab-video-player input[type=range]::-moz-range-track {
  height: 5px;
  background: rgba(255,255,255,0.3);
  border: none;
  border-radius: 3px;
}

.mafab-video-player input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #fff;
  margin-top: -5px;
  position: relative;
}

.mafab-video-player input[type=range]::-ms-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #fff;
  margin-top: 0px;
  position: relative;
}

.mafab-video-player input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #fff;
  margin-top: -5px;
  position: relative;
}

.mafab-video-player input[type=range]:focus {
  outline: none;
  &::-webkit-slider-thumb:after {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    background: #eee;
    border-radius: 5px;
    color: #555;
    padding: 5px 10px;
  }
  &::-ms-thumb:after {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    background: #eee;
    border-radius: 5px;
    color: #555;
    padding: 5px 10px;
  }
  &::-moz-range-thumb:after {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    background: #eee;
    border-radius: 5px;
    color: #fff;
    padding: 5px 10px;

  }
}



.mafab-video-player .plyr__volume input[type=range] {
    position: relative;
    z-index: 2;
    max-width:80px;
        margin-top:-2px;
    padding:10px 0;
    cursor:pointer;
}



.mafab-video-player .plyr__progress {
width:calc(100% - 300px);
margin-left:15px;
padding-top:8px;
}

.mafab-video-player .plyr__progress input[type=range] {
    position: relative;
    z-index: 2;
    width:100%;
    margin-top:-2px;
    padding:10px 0;
    cursor:pointer;
}


/* for edge */
@supports (-ms-ime-align:auto) {
.mafab-video-player .plyr__volume input[type=range],.mafab-video-player .plyr__progress input[type=range] {
margin-top:-7px;
}
}




    .mafab-video-player  .ctr-hidden {
      display:none;
      }

     .mafab-video-player .ctr-btn i {color:white;}

    /* Make slider buttons bigger on touch */
@media  (pointer:coarse) {
  .mafab-video-player  input[type=range]::-webkit-slider-thumb {
	height: 50px;
	width: 50px;
	border-radius: 20px;
  margin-top: -24px;
  background: #fff;
  border: 1px solid #dadada;

    }
}

@media screen and (max-width: 658px) {
      .mafab-video-player  .mobile-hidden {display:none;}
     .mafab-video-player   .plyr__time {width:auto;}
      .mafab-video-player         .plyr__progress {
width:calc(100% - 180px);
}

    /* Make slider buttons bigger on touch */
@media  (pointer:coarse) {
   .mafab-video-player input[type=range]::-webkit-slider-thumb {
	height: 22px;
	width: 22px;
	border-radius: 20px;
  margin-top: -9px;
  background: #fff;
  border: 1px solid #dadada;

    }
}

}

@media screen and (max-width: 500px) {
    .mafab-video-player   .skipAdBox, .mafab-video-player .skipAdCounterBox {bottom:60px;}

    .mafab-video-player   .plyr__volume {width:15%}
     .mafab-video-player  .plyr__volume input[type=range] {width:100%;}

.mafab-video-player .plyr__time {width:auto;}
}
