@font-face {
	font-family: "RobotoRegular";
	src: url("../fonts/roboto/RobotoRegular.eot");
	src: url("../fonts/roboto/RobotoRegular.eot?#iefix")format("embedded-opentype"),
	url("../fonts/roboto/RobotoRegular.woff") format("woff"),
	url("../fonts/roboto/RobotoRegular.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "RobotoLight";
	src: url("../fonts/roboto/RobotoLight.eot");
	src: url("../fonts/roboto/RobotoLight.eot?#iefix")format("embedded-opentype"),
	url("../fonts/roboto/RobotoLight.woff") format("woff"),
	url("../fonts/roboto/RobotoLight.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "RobotoMedium";
	src: url("../fonts/roboto/RobotoMedium.eot");
	src: url("../fonts/roboto/RobotoMedium.eot?#iefix")format("embedded-opentype"),
	url("../fonts/roboto/RobotoMedium.woff") format("woff"),
	url("../fonts/roboto/RobotoMedium.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "RobotoBold";
	src: url("../fonts/roboto/RobotoBold.eot");
	src: url("../fonts/roboto/RobotoBold.eot?#iefix")format("embedded-opentype"),
	url("../fonts/roboto/RobotoBold.woff") format("woff"),
	url("../fonts/roboto/RobotoBold.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}

body {
	padding:0;
	margin:0;
	font-size:62.5%;
	font-family: 'RobotoRegular', sans-serif;
	width:100%;
	background:#101010;
	color:#f0f0f0;
	letter-spacing: -1px;
	/*padding-bottom:2em;*/
	height:100%;
}

@media only screen and (min-width : 1921px) {
	body{ font-size:68%;}
}
@media only screen and (min-width : 2500px) {
	body{ font-size:90%;}
}
@media only screen and (max-width : 1280px) {
	body{ font-size:55%;}
}
@media only screen and (max-width : 1024px) {
	body{ font-size:50%;}
}
@media only screen and (max-width : 768px) {
	body{ font-size:40%;}
}

::selection {
	display:none;
}

::-moz-selection {
	display:none;
}
img{
	border:none;
	outline: none;
}
a{
	outline: none;
	border: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
*{-webkit-appearance:none;}
*:focus { outline: 0;}
a{text-decoration:none;	color:#f0f0f0;}
img{border: 0;}
div, a, span {box-sizing:border-box;}
.clear{ clear:both;}
.debug{ position: absolute; z-index: 9001; color: #db9700;}
.disable{ display: none;}
#bigdisplay{ width:100%;min-height: 100%;position: relative;}
.text_link {
	color: #ffd200;
	text-decoration: underline;
}
.hidden {display:none;}

/* HEADER*/

.header{
	height:12em;
	top:0;
	position:fixed;
	width:100%;
	background: linear-gradient(#101010, transparent);
	z-index: 5;
	padding:2em 2em 0 2em;
	/*border-top:1em solid #101010;
	pointer-events:none;*/
}
body.popup .header{
	z-index:3;
}
.logo{ float:left; margin-right:5em; pointer-events: all;}
.logoicon{ float:left; margin-right:5em; pointer-events: all; display:none;}
.logo img{ height:3.4em;}

.logo {
  display: inline-block;
  vertical-align: middle;
}
/*.logo:hover, .logo:focus, .logo:active {
	border-bottom: 3px solid #ffd200;
	padding-bottom:1em;
}*/

.logoicon img{ height:3.2em;}
@media only screen and (min-width : 1025px){
	.backarrow{display:none !important}
}
#menuopener{ display:none; float: left; height: 3.4em; margin-right: 2.4em; width: 3.4em;}
#menuopener span{display: block; width: 100%; height: 100%; font-size: 2.6em; padding-top: 0.25em;}
#menuopener:hover span{ color:#ffd200}
.header ul { margin:0;}
@media only screen and (min-width : 1030px) {
	.header ul{display:block !important;}
}
.header ul li{ list-style-type: none;}
.header_btn, .header_btn:hover{
	float:left;
	text-decoration:none;
	margin-right:2.4em;
	padding-bottom:0.38em;
	border-bottom:3px solid transparent;
	line-height: 1;
	pointer-events:all;
	font-size:2.2em
}
.header_btn.active,
.header_btn.active:hover{
	border-bottom:3px solid #4a90e2;
}
.header_btn:hover{
	border-bottom:3px solid #ffd200;
}
.header_btn:hover, .header_btn_hover.active {
	animation-name: underline;
	animation-duration: 0.25s;
	animation-fill-mode: both;
}
#closemenu{font-size: 2.8em; margin-bottom: 1em; display:none;margin-top: -0.2em;}
/*@keyframes underline {
  0% {
    border-bottom:0px solid #ffd200;
  }
  25% {
    border-bottom:1px solid #ffd200;
  }
  50% {
    border-bottom:2px solid #ffd200;
  }
  75% {
    border-bottom:3px solid #ffd200;
  }
  100% {
    border-bottom:3px solid #ffd200;
  }
}*/
#btn_7{ float:right; margin-right:0;}
#btn_7 span.icon-thumb{ margin-right: 0.4em; vertical-align: middle;}

@media only screen and (max-width : 1024px) {
	.header ul { display:none;}
	#menuopener{ display: block;}
	.header ul {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		padding: 0 2em 0 2em;
		box-sizing: border-box;
		background: rgba(16, 16, 16, .9);
		height: 100%;
		padding-top: 2em;
	}
	.header ul .header_btn{
		float: none;
		margin-right: 0;
		line-height: 2.3em;
		font-size: 2.2em;
		display: block;
		border: 2px solid #f0f0f0;
		border-radius: 0.5em;
		margin-bottom: 1em;
		text-align: center;
		padding-bottom: 0;
	}
	.header ul .header_btn:hover{
		animation-name: colorize;
		animation-duration: 0.5s;
		animation-fill-mode: both;
		background:#ffd200;
		border:2px solid #ffd200;
		color:#101010;
	}
	.ios .header ul .header_btn:hover{animation: none;}

	#btn_7{ font-size:3.3em; padding: 0.1em; margin-top: -0.15em;}
	#btn_7 span.txt{ display:none;}
	#btn_7 span.icon-thumb { margin-right: 0;}
	#btn_7:hover{ border-bottom:none; color:#ffd200;}
	.header_btn.active,
	.header_btn.active:hover{
		border-bottom:2px solid #f0f0f0;
	}
	.logo{
		margin-right: 0;
		position: absolute;
		left: 50%;
		margin-left: -12em;
	}
	#menuopener {
		float: left;
		margin-right: 0.3em;
		margin-top: -0.2em;
	}
	#closemenu{display:block; }
	.backarrow{
		display: none;
		float: left;
		margin-right: 0.8em;
		font-size: 3.2em;
	}
	.backarrow:hover { color:#ffd200;}
	.icon-backarrow:before {
		content: "\e920";
		font-size: 3.9em;
	}

}
@media only screen and (max-width : 768px) {
	.logo{ display:none}
	.logoicon{ display:block;}
	.logoicon{
		margin-right: 0;
		position: absolute;
		left: 50%;
		margin-left: -0.7em;
		font-size: 3.2em;
		color: #ffd200;
	}
	.logoicon:hover{ color:#f0f0f0;}
}
.footer_btn{ position:fixed; bottom:1em; right:1em; font-size:2em; width: 2.2em; padding:0 !important; z-index: 4;}
body.play .footer_btn{display:none;}
.footer_btn span{ font-size: 1.2em; line-height: 1.6em;}

/* FOOTER */

/*.footer{
	height:11.8em;
	bottom:0;
	position:absolute;
	width:100%;
	background: linear-gradient(transparent, #101010);
	z-index: 3;
	padding: 6.45em 4.09em 3.45em;
	border-bottom:1.36em solid #101010;
	pointer-events:none;
}
.footer_btn{
	font-size:1.27em;
}
.footer_btn div{
	margin-right:1.28em;
	float: left;
	pointer-events:all;
    padding: 0.07em 0.43em 0.14em;
	border: 2px solid transparent;
	cursor:pointer;
	display:none;
}
.footer_btn div:hover{
	border: 2px solid transparent;
    padding: 0.07em 0.43em 0.14em;
    border-radius: 0.28em;
	background:rgba(0,0,0,0.5);
}
.footer_btn div span{
	width:1.28em;
	height:0.78em;
	border-radius:0.07em;
	display:inline-block;
	vertical-align: -1px;
	margin-right: 0.45em;
}
.footer_btn div span.red{background:#df0000;}
.footer_btn div span.yellow{background:#dfb200;}
.footer_btn div span.blue{background:#004fdf;}
.footer_btn div span.green{background:#34df00;}
.footer_btn div span#div_login_info{ width: auto; height: 1.21em;}
.footer_btn div span#div_login_name{ width: auto; height: 1.21em;}
.footer_btn div span#returntitle{ width: inherit;}

#fav_supportbar, #fav_remove_supportbar{
	visibility:hidden;
	display:none;
}
#reg_supportbar{
	visibility:hidden;
	display:none;
}
#return_btn, .footer_btn div.breadcrumb{
	float:right;
	margin-right:0;
	margin-left:2.14em;
	display:block;
}
#return_btn span{ margin-right: -0.3em; vertical-align: 0px;}
.footer_btn div.breadcrumb{
	color:#9b9b9b;
}
.footer_btn div.breadcrumb #returntitle{
	color:#f0f0f0;
	display: initial;
	margin-right:0;
	margin-left:0.35em;
}*/

/* MAIN*/

/*.background{
	width:100%;
	height:1080px;
	top: -7.81em;
    left: 0;
    position: absolute;
    z-index: 0;
}*/
.header_bg_0, .header_bg_1, .header_bg_2, .header_bg_full{
	width:100%;
	height: 100%;
	background-color:transparent;
	position:absolute;
	top:0;
	left:0;
	/*z-index:3;*/
	background-image:none;
}
#div_content{
	/*position: absolute;
	top:7.81em;
	height:33.45em;
	width:100%;*/
	font-size:2.2em;
	height:100%;
	z-index: 3;
	position: relative;
}
.content{
	padding:0 4.09em;
	z-index: 3;
	position: relative;
}
.pagetitle{
	font-size: 1.63em;
	margin-bottom: 0.5em;
	color: #f0f0f0;
}

/* GENERAL ELEMENTS*/
.yellow{color:#dfb200; font-family: 'RobotoRegular'; }
.center{ text-align:center; padding:0; margin:0;}
.center .btn, .center .btn_hover{ margin:4.54em 0 0 0;}
.error{color:#ffd200;}

.input, .input_hover{ background:#f0f0f0; border:2px solid #f0f0f0; opacity:0.95; border-radius:0.15em; height:2em; line-height:2em; padding:0 0.76em; font-size:1.18em; margin-right:0.76em;}
.input_hover{ border:2px solid #ffd200; opacity:1;}
.input.active{border:2px solid #4a90e2; opacity:1;}

.btn, .btn:hover{ border:2px solid #f0f0f0; background:rgba(0,0,0,0.4); height:2.2em; line-height:2em; text-align:center; text-decoration:none; border-radius:0.31em; display:inline-block; padding:0 1.5em; cursor:pointer; box-sizing:border-box;}
.btn:hover {
	background:#ffd200;
	border:2px solid #ffd200;
	color:#101010;
	animation: colorize 0.5s 1 both;
}

.ios .btn:hover {
	animation: none;
}

.btn.active, .btn:hover.active{ border:2px solid #008cef;}
@keyframes colorize {
  0% {
	/*border:2px solid #fff;*/
	background:rgba(0,0,0,0.4);
	/*color:#fff;*/
  }
  100% {
	border:2px solid #ffd200;
	background:rgba(255,210,0,1);
	color:#101010;
  }
}

.btn.highlight {
		/*color: #ffd200;
		border-color: #ffd200;*/
		background-color: #003961;
}

.closebtns{ text-align:center; margin-top:2em;}

.lightbtn, .lightbtn_hover{ border:2px solid #323130; padding: 0.09em 0.54em 0.18em; border-radius: 0.36em; background: rgba(0,0,0,0.4);}
.lightbtn_hover,
.lightbtn:hover {
	border:2px solid #ffd200; color:#f0f0f0;
	animation-name: colorizeLight;
	animation-duration: 0.5s;
	animation-fill-mode: both;
}
.ios .lightbtn:hover {
	animation:none;
}
/*.lightbtn:focus, .lightbtn:active {
	animation:none;
	border:2px solid #ffd200; color:#f0f0f0;
}*/

@keyframes colorizeLight {
	0% {
		border:2px solid transparent;
		background:rgba(0,0,0,0.4);
	}
	100% {
		border:2px solid #ffd200;
		background:rgba(0,0,0,0.4);
		color:#ffd200;
	}
}
.icon.btn, .icon.btn_hover{ width:11.54em; height:8.38em; font-size: 1.18em; margin-right:0.58em; padding:0;}
.icon.btn span, .icon.btn_hover span{
	display: block;
	line-height: 6.15em;
	margin-bottom: -0.38em;
	height: 6em;
	overflow: hidden;
	pointer-events:none;
	text-overflow: ellipsis;
}

a.icon-prev, a.icon-prev_hover{ height:2.09em; display: block; opacity:0.3;}
a.icon-prev:before, a.icon-prev_hover:before{ content: "\e920"; font-size: 1.8em;}
a.icon-next, a.icon-next_hover{ height:2.09em; display: block; opacity:0.3;}
a.icon-next:before, a.icon-next_hover:before{ content: "\e929"; font-size: 1.8em;}

a.icon-up, button.icon-up, button.icon-up_hover{ width:2.09em; height:1.27em; display: block; opacity:0.3; border: none;}
a.icon-up:before, button.icon-up:before, button.icon-up_hover:before{content: "\e961"; font-size: 1.2em;}
a.icon-down, button.icon-down, button.icon-down_hover{ width:2.09em; height:1.27em; display: block; opacity:0.3; border: none;}
a.icon-down:before, button.icon-down:before, button.icon-down_hover:before{content: "\e925"; font-size: 1.2em;}

a.pause, a.play, a.paused, a.stop{ width:0.98em; height:0.98em; font-size: 1.2em; display: block; opacity:0.3;}
a.play.icon-play:before{ font-size: 1em;}
a.volume{ width:1.22em; height:0.9em; font-size: 1.3em; display: block; opacity:0.3;}
a.volume.mute{ width:1.22em; height:0.9em; font-size: 1.3em; display: block; opacity:0.3;}
a.icon-prev:hover, a.icon-next:hover, a.icon-prev_hover, a.icon-next_hover, a.icon-up:hover, a.icon-down:hover, button.icon-up:hover, button.icon-down:hover{ animation-name: hoverbtns; animation-duration: 0.5s; animation-fill-mode: both; opacity:0.5;}
a.pause:hover, a.pause_hover:hover, a.play:hover, a.play_hover:hover, a.stop:hover, a.stop_hover:hover, a.volume:hover, a.icon-up:hover, a.icon-rewind:hover, a.icon-forward:hover{ animation-name: hoverbtnsplay; animation-duration: 0.5s; animation-fill-mode: both; opacity:1; color:#ffe87f;}
.mediaControlStyle .current:hover{ animation-name: hoverbtnstracker; animation-duration: 0.5s; animation-fill-mode: both; opacity:1; color:#ffe87f;}
.mediaControlStyle .tracker:hover{animation-name: hovertracker; animation-duration: 0.5s; animation-fill-mode: both; background: rgba(255,232,127,0.4);}
@keyframes hoverbtns {
	0% {
		opacity:0.3;
		color:#f0f0f0;
	}
	100% {
		opacity:1;
		color:#ffe87f;
	}
}
@keyframes hoverbtnsplay {
	0% {
		opacity:0.75;
		color:#f0f0f0;
	}
	100% {
		opacity:1;
		color:#ffe87f;
	}
}
@keyframes hoverbtnstracker {
	0% {
		opacity:0.75;
		background:#f0f0f0;
	}
	100% {
		opacity:1;
		background:#ffe87f;
	}
}
@keyframes hovertracker {
	0% {
		background: rgba(0,0,0,0.4);
	}
	100% {
		background: rgba(255,232,127,0.4);
	}
}



/* FRONT*/

/* front top*/

.top .trailer_box{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 42%;
}
/*.bottom .trailer_box{ display:none;}*/
.trailer_box{
	/*background-color: transparent;
	width:100%;
	height:1080px;
	position:absolute;
	top:0;
	left:0;*/
}
.trailer_gradient{
	background: -moz-linear-gradient(top,  rgba(16,16,16,0.5) 0%, rgba(16,16,16,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(16,16,16,0.5) 0%,rgba(16,16,16,1) 100%);
	background: linear-gradient(to bottom,  rgba(16,16,16,0.5) 0%,rgba(16,16,16,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc101010', endColorstr='#101010',GradientType=0 );

	height: 100%;
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 5;
	border-bottom: 1em solid #101010;
	display:none;
}
.trailer_box a.icon-prev, .trailer_box a.icon-prev_hover{ position: relative; float: left; margin-left: 2em; margin-top:6%;}
.trailer_box a.icon-next, .trailer_box a.icon-next_hover{ position: relative; float: right; margin-right: 2em; margin-top:6%;}
.trailer_box a.pause, .trailer_box a.play, .trailer_box a.stop{ display: inline-block;}
.trailer_box a.volume{ margin-left:0.7em;}
#volumeicon_mute{}
#volumeindicators{display: inline-block;}

.trailer_link{
	top:0;
	left:0;
	z-index:-1;
}
.trailer_info{
	position:absolute;
	top:0;
	width:100%;
	text-align:center;
	z-index:6;
}
.trailer_position{ width:100%; height:0; padding-top:15%;}
.trailer_click {
	height: 75%;
	position: absolute;
	cursor: pointer;
	left: 7%;
	top: 17%;
	right: 7%;
}

.trailer_title{
	font-size:1.63em;
	margin-bottom:1.25em;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: -5%;
	margin-left:25%; width:50%;
	text-align:center;
}
.trailer_description{
	font-family: 'RobotoLight', sans-serif;
	margin-bottom:2.05em;
	margin-left:25%; width:50%;
	text-align:center;
}
.btn_trailer {
	margin-top: 13%;
	margin-left: 6%;
}

@media only screen and (max-width : 1100px) {
	.btn_trailer{ margin-top: 10%;}
}

@media only screen and (max-width : 930px) {
	.btn_trailer{ margin-top: 2%;}
}

@media only screen and (max-width : 480px) {
	.btn_trailer{ margin-top: 10%;}
}

.trailer_box .trailerbtns{margin-top: 25%;}
.trailer_box .is-splash.flowplayer .fp-ui,
.trailer_box .is-paused.flowplayer .fp-ui{
	background: none !important;
}
.trailer_box .flowplayer .fp-ui{
	display: none !important;
}
.trailer_box .flowplayer.is-error .fp-message{
	display:none !important;
}
.trailer_box .flowplayer.is-error{
	border: none !important;
	background: none !important;
}
.trailer_box .flowplayer .fp-ratio:before{
	content: "";
	position:absolute;
	height:100%;
	width:100%;
	bottom:0;
	left:0;
	z-index:5;

	background: -moz-linear-gradient(top,  rgba(16,16,16,0.6) 0%, rgba(16,16,16,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(16,16,16,0.6) 0%,rgba(16,16,16,1) 100%);
	background: linear-gradient(to bottom,  rgba(16,16,16,0.6) 0%,rgba(16,16,16,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc101010', endColorstr='#101010',GradientType=0 );
}


@media only screen and (max-width : 1024px) {
	.trailer_box a.icon-prev, .trailer_box a.icon-prev_hover{ margin-left: 1em;}
	.trailer_box a.icon-next, .trailer_box a.icon-next_hover{ margin-right: 1em;}
	.trailer_description{ display:none;}
	.trailer_title{ width: 70%; margin-left: 15%; }
}
@media only screen and (max-width : 1024px) and (orientation : portrait) {
	.trailer_box a.icon-prev, .trailer_box a.icon-prev_hover{ margin-top: 18%;}
	.trailer_box a.icon-next, .trailer_box a.icon-next_hover{ margin-top: 18%;}
	.trailer_position{ padding-top:15%; }
	.trailer_title{ font-size:1.4em; width: 70%; margin-left: 15%; }

}
@media only screen and (max-width : 800px) and (orientation : portrait) {
	.trailer_box a.icon-prev, .trailer_box a.icon-prev_hover{ margin-top: 8%;}
	.trailer_box a.icon-next, .trailer_box a.icon-next_hover{ margin-top: 8%;}
	.trailer_btn {margin-top: 5%; }
}

.artwork_box{ position: absolute; top: 0; left: 0; width: 100%; height: 0; padding-top: 46.1%;}
.artwork_box img{ width:100%; opacity:0.4; position:absolute; top:0;}
.artwork_gradient{
	background: linear-gradient(transparent,#101010);
	height:30%;
	width:100%;
	position:absolute;
	bottom:0;
	z-index:0;
}
.bottom .artwork_box{ display:none;}

.usp_container {
	width: 85%;
	margin: 0 auto;
}
.usp_item {
	float: left;
	width: 25%;
}
.usp_icon {
	width: 100px;
	height: 100px;
	margin: 0 auto;
}
.usp_icon.moviestrip {
	background: url("../images/movie_strip.svg") no-repeat center top;
}
.usp_icon.devices {
	background: url("../images/multiple_devices.svg") no-repeat center top;
}
.usp_icon.ticket {
	background: url("../images/ticket.svg") no-repeat center top;
}
.usp_icon.security {
	background: url("../images/security_lock.svg") no-repeat center top;
}
.usp {
	font-size: 1.2em;
}
.usp_tagline {
	font-size: 0.8em;
}

@media only screen and (max-width : 1324px) {
	.usp_tagline {
		font-size: 0.8em;
	}
}
@media only screen and (max-width : 550px) {
	.usp_item {
		width: 50%;
	}
}
@media only screen and (max-width : 786px) {
	.usp {
		font-size: 1em;
	}
	.usp_tagline {
		font-size: initial;
	}
	.usp_icon {
		width: 35px;
		height: 35px;
	}
}
/* front bottom*/

/*.top .lower_sec{ top:28.18em;}
.top .lower_sec .icon-up, .top .lower_sec .icon-down{ display:none;}
.bottom .lower_sec{	top:10.31em; transition: all 0.3s linear;}*/
.lower_sec{
	/*position:absolute;
	left:4.09em;
	width:79.09em;*/
	position: relative;
	z-index: 7;
}

@media only screen and (max-width : 785px) {
	.usp_tagline{ display: none;}
}

@media only screen and (max-width : 555px) {
	.lower_sec{ margin-top: 4em;}
}
@media only screen and (max-width : 480px) {
	.lower_sec{ margin-top: 6em;}
}
@media only screen and (max-width : 380px) {
	.lower_sec{ margin-top: 6em;}
}
@media only screen and (max-width : 380px) and (orientation : portrait) {
	.lower_sec{ margin-top: 9em;}
}

.lower_sec a.icon-prev, .lower_sec a.icon-prev_hover{ position: absolute; left: 2em; top: 50%; margin-top: -0.3em;}
.lower_sec a.icon-next, .lower_sec a.icon-next_hover{ position: absolute; right: 2em; top: 50%; margin-top: -0.3em;}
.lower_sec a.icon-up{ position:absolute; left:38.5em; top:-10.68em;}
.lower_sec a.icon-down{ position:absolute; left:38.5em; top:22.31em;}
.lower_sec a:nth-of-type(10){margin-right:0;}
@media only screen and (max-width : 1024px) {
	.lower_sec a.icon-prev, .lower_sec a.icon-prev_hover{ left: 1em;}
	.lower_sec a.icon-next, .lower_sec a.icon-next_hover{ right: 1em;}
}

.carroussel-slider{display: table; width: calc(100% - 6em); margin:0 auto;overflow:hidden;}

.list{ display:block; margin-bottom:3em;position:relative;}
.listitem{ /*, .listitem div.noitem*/
	border:none;
	display: table-cell;
	padding: 0 0.4em;
}
.listitem:first-of-type{ padding-left:0;}
.listitem:last-of-type{ margin-right:0; padding-right:0;}
.slider div.noslide:nth-of-type(4){ margin-left:3.8em;}
/*.carroussel-slider div.noslide:nth-of-type(1){ margin-left:3.8em;}*/

.cover, .cover:hover{
	border:3px solid transparent;
	/*width:8.64em;
	height:12.82em;*/
	padding:0;
	text-decoration:none;
	color:#242424;
	position:relative;
	z-index:2;
	width: 100%;
	/*height: 12.54em;*/
	display: block;
	box-sizing: border-box;
	text-align:center;
}
.cover:hover, .reviews_content_box_hover .cover {
	animation: coverimg 1s 1 both;
	border:3px solid #ffd200;
}
.ios .cover:hover, .ios .reviews_content_box_hover .cover {
	animation:none;
}
.nohover .cover:hover, .noitem .cover:hover {
	border:3px solid transparent;
}
/*@media only screen and (min-width : 1920px) {
	.listitem:nth-child(n+10) .cover:hover {
		border:3px solid transparent;
	}
}
@media only screen and (min-width : 1707px) and (max-width : 1919px) {
	.listitem:nth-child(n+9) .cover:hover {
		border:3px solid transparent;
	}
}
@media only screen and (min-width : 1522px) and (max-width : 1706px) {
	.listitem:nth-child(n+8) .cover:hover {
		border:3px solid transparent;
	}
}
@media only screen and (min-width : 1337px) and (max-width : 1521px) {
	.listitem:nth-child(n+7) .cover:hover {
		border:3px solid transparent;
	}
}
@media only screen and (min-width : 1280px) and (max-width : 1336px) {
	.listitem:nth-child(n+6) .cover:hover {
		border:3px solid transparent;
	}
}
@media only screen and (min-width : 1179px) and (max-width : 1279px) {
	.listitem:nth-child(n+7) .cover:hover {
		border:3px solid transparent;
	}
}
@media only screen and (min-width : 926px) and (max-width : 1178px) {
	.listitem:nth-child(n+6) .cover:hover {
		border:3px solid transparent;
	}
}
@media only screen and (min-width : 777px) and (max-width : 925px) {
	.listitem:nth-child(n+5) .cover:hover {
		border:3px solid transparent;
	}
}
@media only screen and (min-width : 769px) and (max-width : 776px) {
	.listitem:nth-child(n+4) .cover:hover {
		border:3px solid transparent;
	}
}
@media only screen and (min-width : 745px) and (max-width : 768px) {
	.listitem:nth-child(n+6) .cover:hover {
		border:3px solid transparent;
	}
}
@media only screen and (min-width : 626px) and (max-width : 744px) {
	.listitem:nth-child(n+5) .cover:hover {
		border:3px solid transparent;
	}
}
@media only screen and (min-width : 445px) and (max-width : 625px) {
	.listitem:nth-child(n+4) .cover:hover {
		border:3px solid transparent;
	}
}
@media only screen and (min-width : 326px) and (max-width : 444px) {
	.listitem:nth-child(n+3) .cover:hover {
		border:3px solid transparent;
	}
}
@media only screen and (max-width : 325px) {
	.listitem:nth-child(n+2) .cover:hover {
		border:3px solid transparent;
	}
}*/



/*.cover:focus, .cover:active {
	animation:none;
	border:3px solid #ffd200;
}*/

@keyframes coverimg {
	0% {border:3px solid transparent;}
	100% {border:3px solid #ffd200;}
}

/*.listitem div.noitem { margin: 2px; border: 1px solid #494845; width: 8.45em; height: 12.63em;}
.listitem div.noitem div{ margin:0.54em; border:3px solid #f0f0f0; height: 11.45em;}
.cover.noitem{ background:url(../images/placeholder.gif); background-size:cover;}
.cover.noitem:after{}*/


.cover img, .cover:hover img{
	pointer-events: none;
	width:100%;
	height:100%;
}
.cover span.triangle {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	border-style: solid;
  border-width: 0 50px 50px 0;
  border-color: transparent #ffd200 transparent transparent;
}
.cover span.favwat, .cover:hover span.favwat{
	display:none;
	position: absolute;
	top: 0;
	right: 0;
	color:#101010;
	padding: 0.2em;
}

.favwat .icon-watched{ font-size:0.8em; line-height: 1.13em;}
.favwat .icon-favoriet{ font-size:1.5em; float:right; margin-right:0.66em; opacity:0.9;}

.cover span.info, .cover:hover span.info{
	display:none;
	height: 3.5em;
	width: 100%;
	background: #ffd200;
	position: absolute;
	bottom: 0;
	text-align:center;
}
.cover:hover span.info, .cover:hover span.triangle, .cover:hover span.favwat {
	animation: coverImgTxt 1s 1 both;
	display:block;
}
.nohover .cover:hover span.info, .noitem .cover:hover span.info{
	display:none;
}
@keyframes coverImgTxt {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.cover span.info .title, .cover:hover span.info .title{
	font-family: 'RobotoLight', sans-serif;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding:0.6em 0.25em 0.35em 0.25em;
	display:block;
	font-size:0.8em;
}
.cover span.info .rating, .cover:hover span.info .rating{ text-align:left}

.rating .icon-star{font-size: 0.86em; margin-right: -0.29em; width: 0.84em; overflow: hidden; display: inline-block;}
.rating .icon-star:nth-of-type(even){ margin-right:-0.05em;}
.rating .icon-star:nth-of-type(even):before {margin-left: -0.53em;}
.rating a:last-of-type{ margin-right:0;}
.rating .icon-star.active{ color:#101010;}
.rating .icon-star.nonactive{ color: #787878;}
.rating.lightbtn, .rating.lightbtn_hover{ padding: 0.09em 0.1em 0.1em 0.63em; margin-right: 1em;}

/* carrousel */

.top .lower_sec .carroussel{ display:none;}
.bottom .lower_sec .carroussel{ display:block;}
.lower_sec .carroussel{
	position:absolute;
	width:27.27em;
	left: 0;
	right: 0;
	margin: 0 auto;
	top:-8.5em;
	text-align:center;
	pointer-events:none;
}

.flip1 a img {
	-webkit-animation: flip1 0.4s 1 both;
	-moz-animation: flip1 0.4s 1 both;
	-moz-animation: flip1 0.4s 1 both;
	-o-animation: flip1 0.4s 1 both;
	-ms-animation: flip1 0.4s 1 both;
	animation: flip1 0.4s 1 both;
}
.flip2 a img {
	-webkit-animation: flip2 0.4s 1 both;
	-moz-animation: flip2 0.4s 1 both;
	-o-animation: flip2 0.4s 1 both;
	-ms-animation: flip2 0.4s 1 both;
	animation: flip2 0.4s 1 both;
}

@-webkit-keyframes flip1 {
	0% {max-width:100%;}
	100% {max-width:0;}
}
@-moz-keyframes flip1 {
	0% {max-width:100%;}
	100% {max-width:0;}
}
@-o-keyframes flip1 {
	0% {max-width:100%;}
	100% {max-width:0;}
}
@keyframes flip1 {
	0% {max-width:100%;}
	100% {max-width:0;}
}

@-webkit-keyframes flip2 {
	0% {max-width:0;}
	100% {max-width:100%;}
}
@-moz-keyframes flip2 {
	0% {max-width:0;}
	100% {max-width:100%;}
}
@-o-keyframes flip2 {
	0% {max-width:0;}
	100% {max-width:100%;}
}
@keyframes flip2 {
	0% {max-width:0;}
	100% {max-width:100%;}
}

.top .bigcover_box{ display:none;}
.bottom .bigcover_box{ display:block;}
.bigcover_box{ width:100%;}
.bigcover_box.fadeout {
	animation: fadeoutBigCover 0.4s 1 both;
}
.bigcover_box.fadein {
	animation: fadeinBigCover 2s 1 both;
}
@keyframes fadeoutBigCover {
	0% {opacity:1}
	100% {opacity:0}
}
@keyframes fadeinBigCover {
	0% {opacity:0}
	100% {opacity:1}
}


.bigcover_box img{ opacity:0.3;}
.bigcover_gradient{
	background: linear-gradient(to right, transparent, #232323);
	width:8.18em;
	position:absolute;
	left:24.54em;
	top:0;
	z-index:0;
}

.lower_sec .carroussel a{ display:block; pointer-events:all; border-top: 1px solid transparent; /*background: url(/generic/images/list.png) no-repeat; */ position:absolute; width: 600px;}
.lower_sec .carroussel a img{width: 100%; display: block; height: 1px;}
.lower_sec .carroussel a:nth-of-type(1){ opacity:0.2; font-size: 1em; font-family: 'RobotoLight', sans-serif; height:2.45em; line-height:2.45em; top:0; width:60%; margin-left:20%;}
.lower_sec .carroussel a:nth-of-type(2){ opacity:0.6; font-size:1.13em;font-family: 'RobotoLight', sans-serif; height:2.4em; line-height:2.4em; top:2.16em; width:80%; margin-left:10%;}
.lower_sec .carroussel a:nth-of-type(3){ opacity:1; font-size:1.63em; font-family: 'RobotoRegular', sans-serif; height:2.11em; line-height:2.11em; top:3.16em; width:100%; margin-left:0;}
.lower_sec .carroussel a:nth-of-type(4){ opacity:1; font-size:1.27em; font-family: 'RobotoLight', sans-serif; height:2.35em; line-height:2.35em; top: 17.14em; width:100%; margin-left:0;}
.lower_sec .carroussel a:nth-of-type(5){ opacity:0.6; font-size:1.13em; font-family: 'RobotoLight', sans-serif; height:2.4em; line-height:2.4em; top:21.96em; width:80%; margin-left:10%;}
.lower_sec .carroussel a:nth-of-type(6){ opacity:0.2; font-size: 1em; font-family: 'RobotoLight', sans-serif; height:2.45em; line-height:2.45em; top:27.54em; width:60%; margin-left:20%;}

/* carrousel up */
.lower_sec.listshiftup5 .carroussel a:nth-of-type(-n+2), .lower_sec.listshiftup4 .carroussel a:nth-of-type(-n+1){
	opacity:0; height:2.45em; line-height:2.45em; top:0; font-family: 'RobotoLight', sans-serif;
}
.lower_sec.listshiftup5 .carroussel a:nth-of-type(3), .lower_sec.listshiftup4 .carroussel a:nth-of-type(2), .lower_sec.listshiftup3 .carroussel a:nth-of-type(1){
	animation: shift1 1s 1 both;
	opacity:0.2; font-size:1em; top:0; font-family: 'RobotoLight', sans-serif; width:60%; margin-left:20%;
}
.lower_sec.listshiftup5 .carroussel a:nth-of-type(4), .lower_sec.listshiftup4 .carroussel a:nth-of-type(3), .lower_sec.listshiftup3 .carroussel a:nth-of-type(2), .lower_sec.listshiftup2 .carroussel a:nth-of-type(1){
	animation: shift2 1s 1 both;
	opacity:0.6; font-size:1.13em; height:2.4em; line-height:2.4em; top:2.16em; font-family: 'RobotoLight', sans-serif; width:80%; margin-left:10%;
}
.lower_sec.listshiftup5 .carroussel a:nth-of-type(5), .lower_sec.listshiftup4 .carroussel a:nth-of-type(4), .lower_sec.listshiftup3 .carroussel a:nth-of-type(3), .lower_sec.listshiftup2 .carroussel a:nth-of-type(2), .lower_sec.listshiftup1 .carroussel a:nth-of-type(1){
	animation: shift3 1s 1 both;
	opacity:1; font-size:1.63em; height:2.11em; line-height:2.11em; top:3.16em; font-family: 'RobotoRegular', sans-serif; width:100%; margin-left:0;
}
.lower_sec.listshiftup5 .carroussel a:nth-of-type(6), .lower_sec.listshiftup4 .carroussel a:nth-of-type(5), .lower_sec.listshiftup3 .carroussel a:nth-of-type(4), .lower_sec.listshiftup2 .carroussel a:nth-of-type(3), .lower_sec.listshiftup1 .carroussel a:nth-of-type(2){
	animation: shift4 1s 1 both;
	opacity:1; font-size:1.27em; height:2.35em; line-height:2.35em; top: 17.14em; font-family: 'RobotoLight', sans-serif; width:100%; margin-left:0;
}
.lower_sec.listshiftup4 .carroussel a:nth-of-type(6), .lower_sec.listshiftup3 .carroussel a:nth-of-type(5), .lower_sec.listshiftup2 .carroussel a:nth-of-type(4), .lower_sec.listshiftup1 .carroussel a:nth-of-type(3){
	animation: shift5 1s 1 both;
	opacity:0.6; font-size:1.13em; height:2.4em; line-height:2.4em; top:21.96em; font-family: 'RobotoLight', sans-serif; width:80%; margin-left:10%;
}
.lower_sec.listshiftup3 .carroussel a:nth-of-type(6), .lower_sec.listshiftup2 .carroussel a:nth-of-type(5), .lower_sec.listshiftup1 .carroussel a:nth-of-type(4){
	animation: shift6 1s 1 both;
	opacity:0.2; font-size:1em; height:2.45em; line-height:2.45em; top:27.54em; font-family: 'RobotoLight', sans-serif; width:60%; margin-left:20%;
}
.lower_sec.listshiftup2 .carroussel a:nth-of-type(6), .lower_sec.listshiftup1 .carroussel a:nth-of-type(5){
	animation: shift7 1s 1 both;
	opacity:0; font-size:1em; top:27.54em; font-family: 'RobotoLight', sans-serif;
}
.lower_sec.listshiftup1 .carroussel a:nth-of-type(n+6){
	opacity:0; height:2.45em; line-height:2.45em; top:27.54em; font-family: 'RobotoLight', sans-serif;
}

@keyframes shift1 {
	0% { 		opacity:0; font-size:1em; width:60%; margin-left:20%;}
	100% { 	opacity:0.2; font-size:1em; width:60%; margin-left:20%;}
}
@keyframes shift2 {
	0% { 		opacity:0.2; font-size:1em; top:0; width:60%; margin-left:20%; width:60%; margin-left:20%;}
	100% { 	opacity:0.6; font-size:1.13em; height:2.4em; line-height:2.4em; top:2.16em; width:80%; margin-left:10%; width:80%; margin-left:10%;}
}
@keyframes shift3 {
	0% { 		opacity:0.6; font-size:1.13em; top:2.16em; width:80%; margin-left:10%; height:2.4em; line-height:2.4em;}
	100% { 	opacity:1; font-size:1.63em; font-family: 'RobotoRegular', sans-serif; height:2.11em; line-height:2.11em; top:3.16em; width:100%; margin-left:0;}
}
@keyframes shift4 {
	0% { 		opacity:1; font-size:1.63em; top:3.16em; width:100%; margin-left:0; height:2.11em; line-height:2.11em;}
	100% { 	opacity:1; font-size:1.27em; font-family: 'RobotoLight', sans-serif; height:2.35em; line-height:2.35em; top: 17.14em; width:100%; margin-left:0;}
}
@keyframes shift5 {
	0% { 		opacity:1; font-size:1.27em; top:17.14em; width:100%; margin-left:0; height:2.35em; line-height:2.35em;}
	100% { 	opacity:0.6; font-size:1.13em; height:2.4em; line-height:2.4em; top:21.96em; width:80%; margin-left:10%;}
}
@keyframes shift6 {
	0% { 		opacity:0.6; font-size:1.13em; top:21.96em; width:80%; margin-left:10%; height:2.4em; line-height:2.4em;}
	100% { 	opacity:0.2; font-size:1em; height:2.45em; line-height:2.45em; top:27.54em; width:60%; margin-left:20%;}
}
@keyframes shift7 {
	0% { 		opacity:0.2; font-size:1em; width:60%; margin-left:20%;}
	100% { 	opacity:0; font-size:1em; width:60%; margin-left:20%;}
}

/* carrousel down */
.lower_sec.listshiftdown5 .carroussel a:nth-of-type(-n+1), .lower_sec.listshiftdown6 .carroussel a:nth-of-type(-n+2){
	opacity:0; height:2.45em; line-height:2.45em; top:0; font-family: 'RobotoLight', sans-serif;
}
.lower_sec.listshiftdown4 .carroussel a:nth-of-type(1), .lower_sec.listshiftdown5 .carroussel a:nth-of-type(2), .lower_sec.listshiftdown6 .carroussel a:nth-of-type(3){
	animation: shift1r 1s 1 both;
	opacity:0; font-size:1em; top:0; font-family: 'RobotoLight', sans-serif;
}
.lower_sec.listshiftdown4 .carroussel a:nth-of-type(2), .lower_sec.listshiftdown5 .carroussel a:nth-of-type(3), .lower_sec.listshiftdown6 .carroussel a:nth-of-type(4), .lower_sec.listshiftdown3 .carroussel a:nth-of-type(1){
	animation: shift2r 1s 1 both;
	opacity:0.2; font-size:1em; top:0; height:2.45em; line-height:2.45em; font-family: 'RobotoLight', sans-serif; width:60%; margin-left:20%;
}
.lower_sec.listshiftdown2 .carroussel a:nth-of-type(1), .lower_sec.listshiftdown3 .carroussel a:nth-of-type(2), .lower_sec.listshiftdown4 .carroussel a:nth-of-type(3), .lower_sec.listshiftdown5 .carroussel a:nth-of-type(4), .lower_sec.listshiftdown6 .carroussel a:nth-of-type(5){
	animation: shift3r 1s 1 both;
	opacity:0.6; font-size:1.13em; top:2.16em; font-family: 'RobotoLight', sans-serif; width:80%; margin-left:10%;
}
.lower_sec.listshiftdown2 .carroussel a:nth-of-type(2), .lower_sec.listshiftdown3 .carroussel a:nth-of-type(3), .lower_sec.listshiftdown4 .carroussel a:nth-of-type(4), .lower_sec.listshiftdown5 .carroussel a:nth-of-type(5), .lower_sec.listshiftdown6 .carroussel a:nth-of-type(6){
	animation: shift4r 1s 1 both;
	opacity:1; font-size:1.63em; top:3.16em; font-family: 'RobotoRegular', sans-serif; width:100%; margin-left:0;
}
.lower_sec.listshiftdown2 .carroussel a:nth-of-type(3), .lower_sec.listshiftdown3 .carroussel a:nth-of-type(4), .lower_sec.listshiftdown4 .carroussel a:nth-of-type(5), .lower_sec.listshiftdown5 .carroussel a:nth-of-type(6){
	animation: shift5r 1s 1 both;
	opacity:1; font-size:1.27em; top:17.14em; height:2.35em; line-height:2.35em; font-family: 'RobotoLight', sans-serif; width:100%; margin-left:0;
}
.lower_sec.listshiftdown2 .carroussel a:nth-of-type(4), .lower_sec.listshiftdown3 .carroussel a:nth-of-type(5), .lower_sec.listshiftdown4 .carroussel a:nth-of-type(6){
	animation: shift6r 1s 1 both;
	opacity:0.6; font-size:1.13em; top:21.96em; height:2.4em; line-height:2.4em; font-family: 'RobotoLight', sans-serif; width:80%; margin-left:10%;
}
.lower_sec.listshiftdown2 .carroussel a:nth-of-type(5), .lower_sec.listshiftdown3 .carroussel a:nth-of-type(6){
	animation: shift7r 1s 1 both;
	opacity:0.2; font-size:1em; top:27.54em; font-family: 'RobotoLight', sans-serif;; width:60%; margin-left:20%;
}
.lower_sec.listshiftdown2 .carroussel a:nth-of-type(n+6), .lower_sec.listshiftdown3 .carroussel a:nth-of-type(n+7){
	opacity:0; height:2.45em; line-height:2.45em; top:27.54em; font-family: 'RobotoLight', sans-serif;
}

@keyframes shift1r {
	0% { 		opacity:0.2; font-size:1em; width:60%; margin-left:20%;}
	100% { 	opacity:0; font-size:1em; width:60%; margin-left:20%;}
}
@keyframes shift2r {
	0% { 		opacity:0.6; font-size:1.13em; top:2.16em; width:80%; margin-left:10%;}
	100% { 	opacity:0.2; font-size:1em; top:0; height:2.45em; line-height:2.45em; width:60%; margin-left:20%;}
}
@keyframes shift3r {
	0% { 		opacity:1; font-size:1.63em; top:3.16em; width:100%; margin-left:0; height:2.45em; line-height:2.45em;}
	100% { 	opacity:0.6; font-size:1.13em; top:2.16em; font-family: 'RobotoLight', sans-serif; height:2.4em; line-height:2.4em; width:80%; margin-left:10%;}
}
@keyframes shift4r {
	0% { 		opacity:1; font-size:1.27em; top: 17.14em; width:100%; margin-left:0; height:2.4em; line-height:2.4em;}
	100% { 	opacity:1; font-size:1.63em; top:3.16em; font-family: 'RobotoRegular', sans-serif; height:2.11em; line-height:2.11em; width:100%; margin-left:0;}
}
@keyframes shift5r {
	0% { 		opacity:0.6; font-size:1.13em; top:21.96em; width:80%; margin-left:10%; height:2.11em; line-height:2.11em;}
	100% { 	opacity:1; font-size:1.27em; top:17.14em; height:2.35em; line-height:2.35em; width:100%; margin-left:0;}
}
@keyframes shift6r {
	0% { 		opacity:0.2; font-size:1em; top:27.54em; width:60%; margin-left:20%; height:2.35em; line-height:2.35em;}
	100% { 	opacity:0.6; font-size:1.13em; top:21.96em; height:2.4em; line-height:2.4em; width:80%; margin-left:10%;}
}
@keyframes shift7r {
	0% { 		opacity:0; font-size:1em; width:60%; margin-left:20%; height:2.4em; line-height:2.4em;}
	100% { 	opacity:0.2; font-size:1em; width:60%; margin-left:20%;}
}

/*.flip3 {
	transform-style: preserve-3d;
	transition: all 0.3s linear;
	transform: rotateX(90deg);
}
.flip4 {
    transform-style: preserve-3d;
    transition: all 0.3s linear;
    transform: rotateX(0deg);
}*/
.flip3 a img {
	animation: flip3 0.4s 1 both;
}
.flip4 a img {
	animation: flip4 0.4s 1 both;
}

@keyframes flip3 {
	0% {height:100%; margin-top:0;}
	100% {height:0; margin-top:50%;}
}
@keyframes flip4 {
	0% {height:0; margin-top:50%;}
	100% {height:100%; margin-top:0;}
}

.hidden_list{
	display:none;
}
.lower_sec .position{clear: both; float: right; margin-right: 3em; margin-top: 0.2em; font-size:1em;}
.lower_sec .listtitle{ margin-left:3em;}

/* GENRES*/

#genres .icon.btn,
#genres .icon.btn_hover{
	display: block;
	height: 5.7em;
	width: 11.6%;
	border-radius: 0.5em;
	margin: 0 1% 1% 0;
	vertical-align: text-bottom;
	float:left;
	font-family: 'RobotoLight';
	font-size: 2.2em;
	overflow: hidden;
	text-overflow: ellipsis;

	/*-webkit-transition:all 0.214s linear;
	-moz-transition:all 0.214s linear;
	transition:all 0.214s linear;*/

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/*#genres .icon.btn:hover{border: 2px solid #ffd200; background: #ffd200; animation: colorize 0.5s 1 both;}
.ios #genres .icon.btn:hover{animation: none;}*/

#genres .icon.btn span, #genres .icon.btn_hover span{
	line-height: 1.8em;
	margin-bottom: -0.4em;
	font-size: 2.16em;
	height: 1.75em;
	overflow: hidden;
}
#genres .icon:nth-of-type(8n+8){ margin-right:0;}
#genres .content .btns{ margin-bottom: 1.81em; text-align:left;max-width: 1615px;margin: 0 auto;}

#genres .adult .icon.btn, #genres .adult .icon.btn_hover{ line-height: 1em; padding-top: 1.8em;}
#genres .adult .icon.btn span, #genres .adult .icon.btn_hover span{
	display:none;
}

#genres #btn_close_genres{
	margin:2em 0;
}
@media only screen and (max-width : 1600px) {
	#genres .icon.btn,#genres .icon.btn_hover{width: 13.2%;}
	#genres .icon:nth-of-type(8n+8){ margin-right: 1%;}
	#genres .icon:nth-of-type(7n+7){ margin-right: 0;}
}
@media only screen and (max-width : 1280px) {
	#genres .icon.btn,#genres .icon.btn_hover{width: 15.6%;}
	#genres .icon:nth-of-type(7n+7){ margin-right: 1%;}
	#genres .icon:nth-of-type(6n+6){ margin-right: 0;}
}
@media only screen and (max-width : 1280px) {
	#genres .icon.btn,#genres .icon.btn_hover{width: 19%;}
	#genres .icon:nth-of-type(6n+6){ margin-right: 1%;}
	#genres .icon:nth-of-type(5n+5){ margin-right: 0;}
}
@media only screen and (max-width : 480px) {
	#genres .icon.btn,#genres .icon.btn_hover{width: 32%; margin-bottom:2%; margin-right:2%}
	#genres .icon:nth-of-type(5n+5){ margin-right: 2%;}
	#genres .icon:nth-of-type(3n+3){ margin-right: 0;}
}
@media only screen and (max-width : 640px) {
	#genres .content {
		padding: 12em 2.09em !important;
	}
	#genres .content .btns{
		text-align:center;
	}
}

/* PARENTAL CONTROL */

#lockcodeoverlay .title{ width: 30em; white-space: inherit;}
#lockcodeoverlay .pagetitle{border-bottom: 1px solid #3b3939;}
#lockcodeoverlay .txt{ margin-top:2.27em; margin-bottom:1.81em;}
#lockcodeoverlay .code{ margin-bottom:1.81em;}
#lockcodeoverlay input{
	width:8em;
	background: #f0f0f0;
	border: 2px solid #f0f0f0;
	opacity: 0.95;
	border-radius: 0.15em;
	height: 1.8em;
	line-height: 2em;
	padding: 0 0.76em;
	font-size: 1em;
}
#lockcodeoverlay .keyboard{ top:11.36em;}
#lockcodeoverlay .keyboard_small{ top: 14.27em; right: 22.72em;}
#lockcodeoverlay .email{ margin-top:4em;}
#lockcodeoverlay .closebtns{ margin-top:7em;}
#lockcodeoverlay .message{ margin-top:1em;}
#lockcoderecover{ width:7.4em; margin-top:1em;}


/* FILTER + SORT */

.sort .menu { height:5.9em;}
.sort .pagetitle{ margin-bottom:1.36em;}

.sort .leftpanel{ width:12%; margin-right:1%; float:left; margin-bottom:2.3em; height:13.63em;}
#sort .sort .filters .leftpanel .item.btn{ height: 5.98em; width: 100%; line-height: 5.8em; font-size:1.7em; margin-bottom: 0.56em; text-align:center; border: 2px solid #4a90e2; border-radius: 0.28em;}

.sort .rightpanel{ width:87%; float:right; margin-bottom:2.3em; height:13.63em;}
.sort .rightpanel a:nth-of-type(5n+5){ margin-right:0;}
.sort .filters .btn, .sort .filters .btn_hover{ height: 2.2em; width: 18.919%; line-height: 2.2em; font-size:1.27em; margin-right:1%; margin-bottom: 0.56em; padding: 0;}
.sort .filters #filtercat_kijkwijzer .btn, .sort .filters #filtercat_kijkwijzer .btn_hover{ width: 15.54% !important; margin-right:1% !important; height: 4.94em;}
.sort .rightpanel #filtercat_kijkwijzer a:nth-of-type(6n+6){ margin-right:0 !important;}
.sort .filters .btn.visible, .sort .filters .btn_hover.visible{ display:inline-block;}
.sort .filters .btn .icon_kw, .sort .filters .btn_hover .icon_kw{line-height: 2em; font-size: 2.3em;}

.sort .leftpanel .btn, .sort .leftpanel .btn_hover{ width:100%; padding:0;}

.sort .filters .focusup{ margin:0 auto 0.56em; display: block !important; opacity: 0.3;}
.sort .filters .focusup span{line-height:2em;}
.sort .filters .focusup.btn_hover{opacity:1;}

.sort .filters .focusdown{ margin:0 auto 0; display: block !important;opacity: 0.3;}
.sort .filters .focusdown span{line-height:2.2em;}
.sort .filters .focusdown.btn_hover{opacity:1;}

.sort .icon-star{font-size: 1.2em; width: 0.52em; overflow: hidden; display: inline-block;line-height: 2em;}
.sort .icon-star:nth-of-type(even){ margin-right:0.2em;}
.sort .icon-star:nth-of-type(even):before {margin-left: -0.53em;}
.sort a:last-of-type{ margin-right:0;}
.sort .icon-star.active{ color:#fed100;}
.sort .icon-star.inactive{ color: #787878;}
.sort .btn_hover .icon-star.active{ color:#101010;}
.sort .btn_hover .icon-star.inactive{ color: #787878;}

.sort .invisible { visibility: hidden; display:none;}
.sort .visible { visibility: visible; display: block;}

.sort .selected { height:9em;}
.sort .selected .blocktitle { font-size:1.36em; margin-bottom:1.36em;}
.sort .selected .lightbtn, .sort .selected .lightbtn_hover{ margin-right:0.45em; font-size:1.18em; color:#cacaca; margin-bottom: 0.5em; display: inline-block; height:1.6em; vertical-align:top;}
.sort .selected .lightbtn .icon_kw, .sort .selected .lightbtn_hover .icon_kw{font-size:1em;}
.sort .selected .lightbtn span.icon-delete, .sort .selected .lightbtn_hover span.icon-delete{ margin-right:0.40em; font-size: 0.7em; vertical-align: 0.05em; width: 1.47em; padding-left: 0.18em;}
.sort .selected .lightbtn span.icon-checkmark, .sort .selected .lightbtn_hover span.icon-checkmark{ margin-right:0.05em; font-size: 1.1em; vertical-align: -0.1em; width: 1.13em;}
.sort .selected .lightbtn span.icon-delete{ display:none;}
.sort .selected .lightbtn_hover span.icon-delete{ display:inline-block;}
.sort .selected .lightbtn span.icon-checkmark{ display:inline-block;}
.sort .selected .lightbtn_hover span.icon-checkmark{ display:none;}
.sort .selected .icon-star{line-height: 1em;font-size: 0.8em;}

.sort .selected a:last-of-type{ margin-right:0;}
.sort .selected .results{ float:right;}
.sort .selected .results .txt{ font-size:1.18em; vertical-align: -0.3em;}
.sort .selected .results a{ margin-left:0.45em;}

.sort .closebtns a{ margin-right:0.5em;}

.sort .sorting .btn, .sort .sorting .btn_hover{ display: inline-block; width: 23%; margin-right: 1%; padding: 0 1.3em;}

.sort #sorting_container, .sort #filters_container { height:16em;}

.sort .icon-sort3:before { margin-left:0.4em;font-size: 0.8em;}
.sort .icon-sort4:before {	margin-left:0.4em;font-size: 0.8em;}

/* LISTING */

.listing{
	padding:0 4.09em;
	z-index: 3;
	position: relative;
}
.ios .listing{min-height: 101%;}
.listing .pagetitle{
	padding-left: 2.4em;
}
.listing .slider{ width: 79em; height:13.4em; display:block;}
.listing .slider .noresult{ padding-left: 3.9em;}
.listing a.icon-prev, .listing a.icon-prev_hover, .search a.icon-prev{
	float: left;
	margin-top: 5.36em;
	margin-right: 2.63em;
}
.listing a.icon-next, .listing a.icon-next_hover, .search a.icon-next{
	float: right;
	margin-top: 5.36em;
	margin-left: 2.63em;
}

.listing .filterpos { border-bottom:1px solid #4f4f4f; height: 1.9em; margin: 0 3.9em;}
.listing .filterpos .filters{ float:left;}
.listing .filterpos .position{ float:right;}
.listing .filterpos select{
    background: #1e1e1e;
    border: 2px solid #323130;
    border-radius: 0.3em;
    height: 2em;
    line-height: 1em;
    padding: 0 0.5em;
    font-size: 1em;
    margin: 0.2em 0.5em 0;
    display: inline-block;
    width:10em;
    color:#cacaca;

    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.listing .disappearrow .fa{
    position: absolute;
    top: 0.6em;
    right: 1em;
    pointer-events: none;
}
@-moz-document url-prefix() {
    .listing .disappearrow .fa {
        top: 0.6em;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .listing .disappearrow .fa {
        top: 0.6em;
    }
}

.listing .detail.active_films_details {display:block;}
.listing .detail.inactive_films_details {display:none;}

.listing .detail{padding:0; margin:0; margin: 0 3.9em;}
.listing .detail .info{ width:41.59em; float:left; margin-top: 1em;}
.listing .detail .info .btn{ margin-top:0.3em;}
.listing .detail .trailer{ width:4.54em; float:right; width:29.68em; height:16.68em; position:relative; opacity:0.4;}
.listing .detail .trailer img{ width:100%;}
.listing .detail.active_films_details .trailer img {animation: fadeintrailerimg 2s 1 both;}
@keyframes fadeintrailerimg {
	0% {opacity:0;}
	100% {opacity:1;}
}

.listing .detail .trailer .gradient{
	background: linear-gradient(to left, transparent, #232323);
	height: 16.68em;
	width: 11.36em;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.listing .detail .description{ border:none; padding:0; height: 3.7em; overflow: hidden;}
.listing .detail .scheduled{ padding-bottom:1em;}
.listing .detail .btn, .listing .detail .btn_hover{ margin-right:1em;}


/* MY MOVIES */

.icon.btn .icon-watched:before, .icon.btn_hover .icon-watched:before {font-size: 3.22em;}
.icon.btn .icon-rented:before, .icon.btn_hover .icon-rented:before{font-size: 3.90em;}
.icon.btn .icon-preorder:before, .icon.btn_hover .icon-preorder:before {font-size: 3.63em;}


/* DETAILPAGE*/

.detail{
	padding-left:30.45em;
	margin: 0 8.18em 0 4.09em;
	position: relative;
	z-index: 3;
}
.details a.icon-prev, .details a.icon-prev_hover{ position: absolute; top:50%; margin-top:-1.05em; left:4.09em; z-index:4; }
.details a.icon-next, .details a.icon-next_hover{ position: absolute; top:50%; margin-top:-1.05em; right:4.09em; z-index:4;}
@media only screen and (max-width : 1024px) {
	.details a.icon-prev, .details a.icon-prev_hover{ top:11em; margin-top:0;}
	.details a.icon-next, .details a.icon-next_hover{ top:11em; margin-top:0;}
}
@media only screen and (max-width : 1024px) and (orientation : landscape) {
	.details a.icon-prev, .details a.icon-prev_hover{ top:6em; margin-top:0;}
	.details a.icon-next, .details a.icon-next_hover{ top:6em; margin-top:0;}
}

.detail .title h1, .overlay .title{
	font-size:1.63em;
	font-weight: normal;
	margin-bottom:0.4em;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.detail .title .year{ float:right; line-height: 1.72em; padding-left:0.86em; padding-right: 0.1em;}
.detail .title .icon_kw{float:right; margin-right:0.32em; margin-top: 0.36em;}
.detail .title .icon_kw:last-of-type{ margin-left:2.27em;}
.detail .specs .specs-info{display:inline-block;margin:1em -4px 0 0;margin-bottom: 0.4em;}
.detail .specs .specs-info span{
	margin: 0 1.5em 0.5em 0;
	display: inline-block;
}
@media only screen and (max-width : 1024px) {
	.detail .specs .specs-info span{
		margin: 0 0.5em 0.5em 0;
	}
	.detail .title, .overlay .title	{white-space: initial;}
}

.detail .specs .specs-info span:last-of-type{
	margin: 0 0 0.5em 0;
}

.detail .specs span.lightbtn, .detail .specs span.lightbtn_hover{display: inline-block; padding: 0.18em 0.27em 0.27em 0.54em;}
.detail .specs .rating .icon-star.active{ color:#fed100;}
.detail .specs .rating .icon-star.nonactive{ color: #787878;}

.detail .description{ margin:0.7em 0 2em; margin-bottom:0; font-family: 'RobotoLight'; color:#cacaca; padding:0.54em 0.81em; border-radius:0.45em; display:block;}
.detail .description span{ color:#6a6a6a;}
#moreinfo.overlay .description{margin:0.9em 0 1.36em; font-family: 'RobotoLight'; color:#cacaca;display:block;}

.detail .rentalperiod{ margin:0.9em 0 2em;}
.detail .expiringsoon{ float:right;}
.detail .comingsoon{ float:right; margin: 0 0 1em 0;}
@media only screen and (max-width : 640px){
	.detail .comingsoon{ float:none;}
}

.details .btn, .details .btn_hover{ margin-right:0.68em;}

.details .whois{margin:1em 0 1em;}
.detail .directors,
.detail .cast{
	margin:0 0 0.9em;
	padding: 0 0 0 10em;
	position: relative;
}
.detail .directors span,
.detail .cast span{
	width:5.90em;
	display:inline-block;
	position: absolute;
	left: 0;
}
.detail .directors .lightbtn, .detail .cast .lightbtn, .detail .directors .lightbtn_hover, .detail .cast .lightbtn_hover{
	margin:0 0.45em 0.45em 0;
	display: inline-block;
}
@media only screen and (max-width : 1024px){
	.detail .rentalperiod{ margin:0.9em 0 1em;}
	.details .whois {
		margin: 2em 0 1em;
	}
}

.detail .cover, .detail .cover:hover{
	float: left;
	width: 6.45em;
	height: 9.68em;
	margin-right: 0.61em;
	margin-bottom: 0.61em;
}
.detail .cover:last-of-type, .detail .cover:hover:last-of-type{ margin-right:0;}
.detail .cover img, .detail .cover:hover img {
	width:100%;
}

.detail .recommended {
	margin-bottom: 3em;
}
.detail .recommended .subtitle{ margin-bottom:0.27em;}

#moreinfo.overlay .details{ border-bottom:1px solid #7b7b7b; margin-bottom:0.68em; padding-bottom:0.18em;height: auto;background: transparent;} /*lijnkleur checken*/
#moreinfo.overlay .details .icon-info{ padding-right: 0.32em; font-size: 0.86em;}
#moreinfo.overlay .whois{
	width:100%;
	float:left;
}
#moreinfo.overlay .whois > div{
	position: relative;
	padding: 0 0 0 6em;
}
#moreinfo.overlay .specs{ width:100%; float:left;}
#moreinfo.overlay .specs div{ line-height: 2em;}
#moreinfo.overlay .whois div span:nth-of-type(1){
	width: 5.90em;
	display: table-cell;
	position: absolute;
	left: 0;
}
#moreinfo.overlay .whois div span:nth-of-type(2){
	width: 100%;
	display: table-cell;
}
#moreinfo.overlay .whois div{ /*line-height: 2em;*/ margin:0.5em 0;}
#moreinfo.overlay .whois .lightbtn,
#moreinfo.overlay .whois .lightbtn_hover{
	margin-right:0.6em;
	display: inline-block;
	margin-bottom:0.6em;
}

#rating .content{ text-align:center;}
#rating .content .stars, #reviews .content .stars{ margin:3.09em 0 5.09em 0; height:3.72em;}
#rating .content .stars .icon-star, #reviews .content .stars .icon-star{font-size: 3.72em; margin-right: -0.04em; width: 0.52em; overflow: hidden; display: inline-block; cursor: pointer;}
#rating .content .stars input[type=radio], #reviews .content .stars input[type=radio]{/*margin-right: -0.18em;*/ display:none;}
/*#rating .content .stars input[type=radio] + label:before{
  content: '•';
  display:inline-block;
  border-radius: 10px;
  width: 16px;
  height:16px;
  background:#8cf;
  color:#8cf;
  border: 2px solid #f00;
  line-height: 15px;
  text-align: center;
  font-size:25px;
  margin-right: 5px;
}*/
#rating .content .stars .icon-star:nth-of-type(even), #reviews .content .stars .icon-star:nth-of-type(even){ margin-right:0.23em;}
#rating .content .stars .icon-star:nth-of-type(even):before, #reviews .content .stars .icon-star:nth-of-type(even):before {margin-left: -0.52em;}
#rating .content .stars a:last-of-type, #reviews .content .stars a:last-of-type{ margin-right:0;}
#rating .content .stars .icon-star.active, #reviews .content .stars .icon-star.active{ color:#ffd200;}
#rating .content .stars .icon-star.nonactive, #reviews .content .stars .icon-star.nonactive{ color: #f0f0f0; opacity:0.4;}
#rating .content .stars .icon-star.selected, #reviews .content .stars .icon-star.selected{ color: #4a90e2;}
#rating .content .stars .icon-star.active_hover, #rating .content .stars .icon-star.nonactive_hover, #reviews .content .stars .icon-star.active_hover, #reviews .content .stars .icon-star.nonactive_hover{ color:#ffd200;}

#rating .content .reviewdesc, #reviews .content .reviewdesc { margin:3.09em 0 5.09em 0; height:3.72em;}
#rating .content .reviewdesc textarea, #reviews .content .reviewdesc textarea{  width:50em; height:7em; display: block; margin: 0 auto 2em; max-width: 90%;}
#rating .content .reviewdesc .btn, #reviews .content .reviewdesc .btn{font-size: 2.2em; margin-bottom:2em;}

#reviews .content .stars {font-size: .5em; text-align: center;}

#reviews.overlay .content .btn, #reviews.overlay .content .btn_hover{ margin:0 auto 1.40em; display: block; width: 13em; margin-top:2em; display:none;}
#reviews.overlay .title{ margin-bottom:1.36em;}
#reviews.overlay .title .reviewcount{ float:right; font-size:0.83em; padding-top:0.16em;}
.movie_content_review{
	margin:1.81em 0 1.81em 0;
}
/*.movie_content_reviewchild{
	height: 19.81em;
	overflow:hidden;
}*/
#reviews.overlay .review{ display:table-row;}
#reviews.overlay .review .thumb{ display:table-cell; width:1.25em; font-size:2.54em; vertical-align:top;}
#reviews.overlay .review .info{display:table-cell; vertical-align:top;}
#reviews.overlay .author{ font-size:1.36em; margin-bottom: 0.67em; line-height: 0.73em;}
#reviews.overlay .rating{ margin-bottom: 0.45em;}
#reviews.overlay .rating .icon-star.active{ color:#ffd200;}
/*#reviews.overlay .rating .icon-star.nonactive{ color:#ffd200;}*/
#reviews.overlay .desc{color: #cacaca; font-family: 'RobotoLight'; margin-bottom:2.72em;}
/*#reviews.overlay .review:last-of-type .desc{ margin-bottom:0;}*/
#reviews.overlay .icon-up, #reviews.overlay .icon-up_hover{ margin:0 auto;}
#reviews.overlay .icon-down, #reviews.overlay .icon-down_hover{ margin:0 auto 1.59em;}
#reviews.overlay .icon-up{
	right:0.45em;
	top:3.81em;
}
#reviews.overlay .icon-down{
	right:0.45em;
	top:18.90em;
}
#reviews.overlay .focusup span, #reviews.overlay .focusdown span{line-height: 2em;}
#reviews.overlay .content .btn.focusup, #reviews.overlay .content .btn_hover.focusup, #reviews.overlay .content .btn.focusdown, #reviews.overlay .content .btn_hover.focusdown{ width: 3.81em; padding:0;}

@media only screen and (max-width : 1024px) {
	#reviews.overlay .content .btn{ display:none;}
	.movie_content_reviewchild { height: initial;}
}
/* REVIEWS*/

.reviews .content{padding: 0 10em;}
.content .reviews_content{ margin-top: 1.81em; }
.reviews_content{
	/*padding-right:100px; for scrollbar*/
	position:relative;
}
.reviews_content_toscroll_box{
	height:27.90em;
	overflow:hidden;
}
.reviews_content_box, .reviews_content_box_hover{
	display:block;
	margin-bottom:2.27em;
	overflow:hidden;
	height: 15.09em;
	display: table-row;
	padding-bottom:2.27em;
}
.reviews_content_box .cover, .reviews_content_box_hover .cover{
	margin-right:1.36em;
	display: table-cell;
	vertical-align: top;
}
.text{
	pointer-events:none;
	display: table-cell;
	vertical-align: top;
}
.reviews_content .title{ margin-bottom:0.9em; display:block; font-size:1.36em;}
.reviews_content .rating{ margin-bottom:1.81em; display:block;}
.reviews_content .rating .date{ margin-left:1.36em; font-family: 'RobotoLight';}
.reviews_content .description{ margin-bottom:0.9em; display:block; font-family: 'RobotoLight'; color:#cacaca; height: 5em; overflow: hidden; padding-top: 0.5em;}
.reviews_content .description span.more {
	color: #6a6a6a;
	padding-left: 0.9em;
	display:none;
}
.reviews_content .description.focusable span.more {
	display:inline-block;
}
.reviews_content .description.readmore{ border:2px solid #323130; padding:0.54em 0.81em; border-radius:0.45em;}
.reviews_content .author{ display:block;}
.reviews_content .icon-up, .reviews_content .icon-up_hover{
	left:32.59em;
	top:-2.72em;
	position: absolute;
}
.reviews_content .icon-down, .reviews_content .icon-down_hover{
	left:32.59em;
	bottom:1.81em;
	position: absolute;
}
.reviews_content .rating .icon-star.active{ color:#fed100;}
.reviews_content .rating .icon-star.nonactive{ color: #787878;}
.reviews_content .center{ text-align:center; padding:0; margin:0; padding-top: 3.18em;}


/* SEARCH */

.search .content .extrapadding{ padding:0 4.09em;}
.search .content .keyboard{right:8.18em;}
#livesearch{ margin-top:3em;}
.suggestions{font-size:1.36em; margin-bottom:0.46em;}
.suggestions span, .nosuggestions span{ color:#ffd200;}
#livesearch .cover, #livesearch .cover:hover{ float:left; width: 10%;}
#livesearch .icon-next, #livesearch .icon-prev{ visibility:hidden;}
@media only screen and (max-width: 1600px){
	#livesearch .cover, #livesearch .cover:hover{ width: 12.5%;}
}
@media only screen and (max-width: `1280px){
	#livesearch .cover, #livesearch .cover:hover{ width: 14.28%;}
}
@media only screen and (max-width: 1024px){
	#livesearch .cover, #livesearch .cover:hover{ width: 20%;}
}
@media only screen and (max-width: 630px){
	#livesearch .cover, #livesearch .cover:hover{ width: 25%;}
}
@media only screen and (max-width: 480px){
	#livesearch{ margin-top:7em;}
	#livesearch .cover, #livesearch .cover:hover{ width: 33.33%;}
}


/* SUPPORT*/

#support_content .icon-over:before{font-size: 3em;}
#support_content .icon-contact:before{ font-size: 3.2em;}
#support_content .icon-faq:before{ font-size: 3em;}
#support_content .aicon-systemcheck:before{ font-size: 3em;}
#support_content .aicon-privacy:before{ font-size: 3em;}

.support .txt{ font-family: 'RobotoLight'; margin:0.45em 0 0.9em; color:#cacaca;}
.support .padding{ padding: 2.27em 0 0 2.27em; width: 47em; position:relative;}
.support .padding .txt{margin:1.81em 0 0.9em;}
.ttn{width:3.33em; padding:0.14em 0; text-align:center; font-size:1.63em; color:#f0f0f0; font-family: 'RobotoLight'; border: 2px solid #838383; }

.support .content .category, .support .content .category_hover{ border:2px solid #f0f0f0; height:2.7em; overflow:hidden; border-radius: 0.36em; padding-left:0.9em; margin-bottom:0.9em; width:36.04em; display:block; line-height: 2.5em;}
.support .content .category.active, .support .content .category_hover.active{ /*height: 20.09em;*/}
.support .content .category.active{border:2px solid #4a90e2; border-bottom: 0; margin-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.support .content .category_hover.active{border-bottom: 0; margin-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.support .content .category.active + div, .support .content .category_hover.active + div{border:2px solid #4a90e2;border-radius: 0.36em; padding: 1em; width: 36.04em; border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; height:17.4em; overflow:hidden;}
.support .content .category_hover.active + div{border:2px solid #ffd200; border-top: 0;}
.support .content .category_hover, .support .content .category_hover.active{border:2px solid #ffd200;}
.support .content .category_hover.active{border-bottom:0;}
/*.support .content .title{ height:2.7em; line-height:2.5em;}*/
.support .content .category .icon-arrow, .support .content .category_hover .icon-arrow{ float:right; margin-right: 1.13em; font-size: 0.8em; line-height: 3em; opacity: 0.3;}
.support .content .category .icon-arrow:before, .support .content .category_hover .icon-arrow:before { content: "\e961";}
.support .content .category.active .icon-arrow:before, .support .content .category_hover.active .icon-arrow:before { content: "\e925";}
.support .content .answer{ position:absolute; top:2.27em; right:-28.63em; width:36.04em; border:2px solid #555555; padding:1.28em 1.5em; border-radius: 0.36em; height: 27.27em; display:none;}
.support .content .answer.show{ display:block;}
.support .content .answer.hide{ display:none;}
.support .content .questions{ font-family: 'RobotoLight'; margin:0 0 0.9em; display:none;}
.support .content .question, .support .content .question_hover{
	border: 2px solid transparent;
	height: 2.2em;
	overflow: hidden;
	border-radius: 0.36em;
	padding-left: 0.9em;
	margin-bottom: 0;
	width: 34.04em;
	display: block;
	line-height: 2em;}
.support .content .question_hover{color:#232323;border: 2px solid #ffd200; background:#ffd200}

.support.over .padding .txt{margin:0.45em 0 0.9em;}

.support .keyboard{ top:13.63em;}


/* ACCOUNT */
#myaccount .icon-logout:before {font-size:3em;}
#myaccount .icon-movie:before {font-size:3.5em;}
#myaccount .icon-thumb:before {font-size:3em;}
#myaccount .icon-psp_moviepoints:before {font-size:3em;}
#account_btn_support .icon-question:before {transform: scale(1.5)}
#account_btn_support:hover .icon-question:before {background-image: url('img/question-icon_black.svg');}
#account_btn_support span {position: relative;}


.account .details {
	border-bottom: 1px solid #7b7b7b;
	margin-bottom: 0.5em;
	height: 1.33em;
	font-size:1.36em;
}
.account .details div{ width:30%; float:left;}
.account .details div:nth-of-type(1){ width:40%;}
.account .whois > div{ width:30%; float:left; height: 12em;}
.account .whois > div:nth-of-type(1){ width:40%;}
.account .whois > div div:nth-of-type(odd){ width:38%; float:left; line-height: 2em;}
.account .whois > div div:nth-of-type(even){ width:62%; float:left; line-height: 2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 2em;}
.account .whois > div:nth-of-type(3) div{ width:100%;}
.account .whois > div:nth-of-type(3) a{ margin-top:0.9em;}
.account .whois .btn{ margin-bottom:2em;}


/* REGISTER */
.register .instructions {font-size: 2em; padding-top:20px; margin-bottom: 0;}
.register .names{ height:4.81em; margin: 2em 0;}
.register .names input{ width:13.77em;}
.register .names input:nth-of-type(2){ width:15.6em;}
.register .logindata{ height:5.1em;}
.register .logindata #emailaddress{ width:13.77em;}
/*.register .logindata #passcode{ width:7em;}*/
.register .newsletter{ margin-bottom:2.5em;}
.register .error{
	line-height: 1.6em;
	font-size: 1.6em;
	width: 100%;
	margin: 0 0 1em 0;
}
.register .error div{width:19.77em; float:left;}
.register #div_errmsg.error{
	/*width: 40em; */
	line-height: initial;
	margin-top: 1em;
}

.register .gender { height:2.4em;margin-top: 2em;}
.register .login{ margin-top:4em;}

.radio_1, .radio_1_hover, .radio_1_checked, .radio_1_checked_hover{
	float: left;
	margin-right:0.56em;
	height:1.19em;
	width:1.19em;
	background: #f0f0f0;
	border-radius: 1.19em;
	margin-top: 0.14em;
	opacity:0.95;
	border:2px solid #f0f0f0;
	text-align:center;
	font-size:1.6em;
}

.radio_1_hover{
	border:2px solid #ffd200;
	opacity:1;
}

.radio_1_checked{
	opacity:1;
}
.radio_1_checked:before, .radio_1_checked_hover:before {
	content: "";
	height: 100%;
	width: 100%;
	background: #008cef;
	border-radius: 50%;
	display: block;
	border: 3px solid #f0f0f0;
	box-sizing: border-box;
}

.radio_1_checked_hover{
	border:2px solid #ffd200;
	opacity:1;
}
.radio_txt{
	float: left; margin:0 2em 0 0em; padding-top: 0.6em;
}

.icon-newsletter, .icon-newsletter_checked, .icon-newsletter_hover, .icon-newsletter_checked_hover {
	float: left;
	margin-right:0.56em;
	height:1.08em;
	width:1.19em;
	background: #f0f0f0;
	border-radius: 0.11em;
	margin-top: -0.14em;
	opacity:0.95;
	border:2px solid #f0f0f0;
	text-align:center;
	font-size:1.6em;
}
.icon-newsletter:hover,
.radio_1:hover{
	cursor:pointer;
	border:2px solid #ffd200;
}
.icon-newsletter_checked {
	opacity:0.95;
}
.icon-newsletter_checked:before {
	content: "\e922"; color:#008cef;
}
.icon-newsletter_hover {
	border:2px solid #ffd200;
	opacity:1;
}
.icon-newsletter_checked_hover {
	border:2px solid #ffd200;
	opacity:1;
}
.icon-newsletter_checked_hover:before {
	content: "\e922"; color:#008cef;
}

.register .keyboard, .register .keyboard_small{ top:11em;}

/* ACCESSCODE */
#accesscode .txt{ padding-right:28em;}
#accesscode .error{ margin-top:2em;}
#accesscode .closebtns{ margin-top:10em;}

/* OVERLAY MELDINGEN */

.popupmsg{
	position: absolute;
	left: 50%;
	z-index: 4;
	width: 20em;
	line-height: inherit;
	padding: 1.4em 2em;
	border-radius: 0.31em;
	border: 2px solid #ffd200;
	background:#272727;
	margin-left: -8em;
	top: 17em;
	color:#f0f0f0;
	text-align:center;
	font-size:1.5em;
	min-height: 4em;
	box-sizing: border-box;
	display:none;
	visibility:hidden;
	font-family: "RobotoRegular", sans-serif;
}
.popupmsg:before{
	position: absolute;
	left:-0.4em;
	top:-0.5em;
	font-size:2em;
	color:#ffd200;
	background:#272727;
	border-radius: 50%;
}
.loader{
	left: 0;
	top: 0;
	position: absolute;
	width: 9.81em;
	height: 4.9em;
	z-index: 5;
	display: none;
	bottom: 0;
	right: 0;
	margin: auto;
}
.loader img{
	height:100%;
}
.loader.home-loader{
	width: 5.81em;
	height: 2.9em;
}
#list-loader{
	width: 6.81em;
	height: 2.9em;
	top: auto;
	bottom: 15em;
}
./*loader{
	background-image: url(img/loader.gif);
	background-position: center center;
	background-size: 10em;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	bottom: 0;
	right: 0;
	margin: auto;
	position: absolute;
	display:none;
	z-index: 10;
}*/
.popupmsg_list{ /*?later weghalen*/
	left:380px;
	top:110px;
	border:3px solid #fce01b;
	background-color:#f0f0f0;
	position:absolute;
	display:none;
	width:300px;
	padding:4px;
	text-align:center;
	height:250px;
	padding-top:20px;
	z-index:1;
}

/* LOGIN */

.login .passwordforgotten{ margin-top:3.63em;}
.login .passwordforgotten .btn, .login .passwordforgotten .btn_hover{ margin-top:0.68em;}
.login .registerfree{ margin-top:3.63em;}
.login .registerfree .btn, .login .registerfree .btn_hover{ margin-top:0.68em; margin-bottom:2em;}
.login .error{
	color:#ffd200;
	margin-top:-1.5em;
	font-size:2em;
}
.accesscode .error{
	margin-top: 0.5em !important;
	width: 100%;
	float: left;
	position: relative !important;
	top: auto !important;
}
.login .error.code{
	margin-left:17.68em;
}
.login #password-login{ width:7.72em;}

/*.login #btn_close{ margin-left: 32.5em;}*/

.login .keyboard, .login .keyboard_small{ top:9.7em;}
.login .closebtns{ margin-top:5em;}
.accesscode .closebtns{ margin-top:13em;}

/* ORDERMOVIE */

#ordermovie .btns{ text-align:left;}
#ordermovie .btn, #ordermovie .btn_hover{ margin-bottom: 0.68em;}
#ordermovie .btn:nth-of-type(3n+3), #ordermovie .btn_hover:nth-of-type(3n+3) { margin-right:0;}
#ordermovie .pagetitle, #ordermovie .title{ font-size:1.36em; text-align:left;}
#ordermovie .info{ font-size:1em; text-align:left;}
#ordermovie .paymentinfo{ margin-bottom:0.9em;}
#ordermovie .content.longrow .btn:nth-of-type(3), #ordermovie .content.longrow .btn_hover:nth-of-type(3){ margin-right:0.68em;}
#ordermovie .content.longrow .btn:nth-of-type(4), #ordermovie .content.longrow .btn_hover:nth-of-type(4){ margin-right:0;}
#ordermovie .paymentinfo .active_payment_details {display:block;}
#ordermovie .paymentinfo .active_payment_details .title{margin-bottom: 0.8em;}
#ordermovie .paymentinfo .inactive_payment_details {display:none;}

#ordermovie .icon-psp_actiecode:before {
	font-size:3em;
}
#ordermovie .icon-psp_paysafecard:before {
	font-size:1.5em;
}
#ordermovie .icon-psp_cc:before {
	font-size:3.4em;
}
#ordermovie .icon-psp_incasso:before {
	font-size:3.4em;
}
#ordermovie .icon-psp_moviecredits:before {
	font-size:3em;
}
#ordermovie .icon-psp_moviepoints:before {
	font-size:3em;
}
#ordermovie .icon-psp_sms:before {
	font-size:3em;
}
#ordermovie .pf:before{
	font-size: 3em;
}
#ordermovie .icon-kbc{
	background-image: url("img/kbc.svg");
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 4em;
}
#ordermovie .icon-cbc{
	background-image: url("img/cbc.svg");
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 4em;
}
#ordermovie .icon-microincasso{
	background-image: url("img/microincasso.svg");
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 4em;
}
#ordermovie .icon-telefoon{
	background-image: url("img/telefoone.svg");
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 3em;
}

#ordermovie .btns .icon.btn:hover .icon-kbc{
	background-image: url("img/kbc-h.svg");
}
#ordermovie .btns .icon.btn:hover .icon-cbc{
	background-image: url("img/cbc-h.svg");
}
#ordermovie .btns .icon.btn:hover .icon-microincasso{
	background-image: url("img/microincasso-h.svg");
}
#ordermovie .btns .icon.btn:hover .icon-telefoon{
	background-image: url("img/telefoone-h.svg");
}
#psp-incasso .pf:before{
	font-size: 3em;
}
#psp-incasso .icon.btn .icon-telefoon{
	background-image: url("img/telefoone.svg");
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 3em;
}
#psp-incasso .icon.btn:hover .icon-telefoon{
	background-image: url("img/telefoone-h.svg");
}
#psp-incasso .cell2{
	margin: 0 0 1em 0;
}
#psp-incasso .icon.btn{
	font-size: 0.8em;
}

/* PSP*/

.overlay .psp .content { text-align:left;}
.psp .title{ width: auto; white-space: inherit; border-bottom: 1px solid #3b3939;}
.psp .title.small{}
.psp .price{ padding-right:1.81em;}
.psp .txt{ margin-top:2.27em; margin-bottom:1.81em;}
.psp .txt.keyboardpad{ margin-top:2.27em; margin-bottom:1.81em; padding-right:0;}
.psp .subtitle{ font-size:1.36em; margin-bottom: 0.3em;}
.psp .subtitle span{margin-right: 0.3em; vertical-align: -0.1em;}
.psp input{width:13.63em;font-size: 1em;}
.psp input:hover{border: 2px solid #ffd200;}
.psp .changepayment{font-size:1.18em; margin-bottom:0.38em;}
.psp .keyboard{ top:11.36em;}
.psp #btn_close{margin-left: 15em;}
.psp .keyboard_small{ top: 14.27em; right: 22.72em;}
.psp .confirm{ margin-bottom: 1.81em; margin-top:1em;}
.psp input{ margin-bottom:0.7em;}
.psp .error{ display:block; padding:0 0 1em;}

#psp-actioncode img{ vertical-align:top;}
#psp-paysafecard input{ width:2.72em;}
#psp-paysafecard input {
    width: 2.5em;
    margin: 0;
    display: inline-block;
    margin-right: 1em;
	vertical-align: middle;
	text-align: center;
}
#psp-paysafecard #agree_checkbox {
	width: 2em;
}
#psp-paysafecard input[type=checkbox]:checked:after {
	content: "";
	position: absolute;
	width: 1.1em;
	height: 0.4em;
	border-left: 0.5em solid;
	border-bottom: 0.5em solid;
	margin-top: 0.3em;
	margin-left: -0.8em;
  	transform: rotate(-45deg);
	color: #3f3f3f;
}
.checkbox label::after {
    content: "";
    display: inline-block;
    height: 6px;
    width: 9px;
    border-left: 2px solid;
    border-bottom: 2px solid;

    transform: rotate(-45deg);
}
#psp-moviepoints input{ width:6.63em;}
#psp-sms input{ width:6.63em;}
#psp-incasso input{
	background: #f0f0f0;
	border: 2px solid #f0f0f0;
	opacity: 0.95;
	border-radius: 0.15em;
	height: 1.8em;
	line-height: 2em;
	padding: 0 0.76em;
	font-size: 1em;
}
#psp-incasso input:focus{
	background:#003961;
	color:#fff;
	opacity:1;
}
#psp-incasso input:hover{
	border: 2px solid #ffd200;
}
#psp-incasso .steps{
	color:#ffd200;
}
#psp-incasso .steps.inactive{
	color:#fff;
}
#psp-incasso #regelafstandtabel{
	width:100%;
	margin: 2em 0 0;
}
#psp-incasso #regelafstandtabel .name,
#psp-incasso regelafstandtabel .name{
	margin: 0;
	vertical-align: top;
	width: 15em;
	position: relative;
}
#psp-incasso #regelafstandtabel .tip{
	padding: 1em 0;
}
#psp-incasso #btnPSPConfirms{
	margin: 0 0 1em 0;;
}
#psp-incasso #regelafstandtabel info{

}

#return_btn_overlay{
	pointer-events: all;
	padding: 0.07em 0.43em 0.14em;
	border: 2px solid transparent;
	cursor: pointer;
	font-size: 1.27em;
	position: absolute;
	top: 1em;
	left: 0.5em;
}
#return_btn_overlay:hover {
	border: 2px solid transparent;
	padding: 0.07em 0.43em 0.14em;
	border-radius: 0.28em;
	/*background: rgba(0,0,0,0.5);*/
	color:#ffe87f;
}
#return_btn_overlay span, #closemenu span{
	margin-right: 0.5em;
	vertical-align: top;
	width: 1.5em;
	height: 1.5em;
	border-radius: 0.07em;
	display: inline-block;
	text-align: left;
	background-image: url(img/back.svg);
	background-repeat: no-repeat;
	padding: 0 0 0 2em;
	background-size: auto 1.2em;
	height: 1.3em;
	background-position: left 0.1em;
}
#return_btn_overlay span:before{
	font-size: 1.5em;
}
#return_btn_overlay:hover span {
	background-image: url(img/back-h.svg);
}

#buymoviepoints .icon-psp_moviepoints:before{ font-size:3.5em;}
#buymoviepoints .info{ margin: 3em 0;}
#buymoviepoints .icon.btn, #buymoviepoints .icon.btn_hover{ line-height: 1.3em; height: 9.4em; vertical-align: top;}

.icon-psp_moviepoints_videoland{ background:url(../images/moviepoints_videoland.png) no-repeat center center;}
#buymoviepoints .btns .icon.btn:hover .icon-psp_moviepoints_videoland{ background:url(../images/moviepoints_videoland_hover.png) no-repeat center center;}
.icon-psp_moviepoints_actie{ background:url(../images/moviepoints_actie.png) no-repeat center center;}
#buymoviepoints .btns .icon.btn:hover .icon-psp_moviepoints_actie{ background:url(../images/moviepoints_actie_hover.png) no-repeat center center;}

@media only screen and (max-width : 768px) {
	.icon-psp_moviepoints_videoland{ background-size:80%;}
	#buymoviepoints .btns .icon.btn:hover .icon-psp_moviepoints_videoland{ background-size:80%;}
	.icon-psp_moviepoints_actie{ background-size:80%;}
	#buymoviepoints .btns .icon.btn:hover .icon-psp_moviepoints_actie{ background-size:80%;}
}

#buymoviepoints #return_btn_overlay{ font-size: 2.2em; z-index: 9;}
#ordermovie #return_btn_overlay{ font-size: 2.2em; z-index: 9;}
#mymovies #return_btn_overlay{ font-size: 2.2em; z-index: 9;}
.account #return_btn_overlay{ font-size: 2.2em; z-index: 9;}
.accesscode #return_btn_overlay{ font-size: 2.2em; z-index: 9;}
.register #return_btn_overlay{ font-size: 2.2em; z-index: 9;}

/* PLAYER */
body.play .header{
	display:none;
}
.player{
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.mv_player{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.mediaControlStyle{
	height:21.9em;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index: 10000;
	bottom: -7.81em;
	background:url(../images/playergradient1920.png) repeat-x bottom;
}
.mediaControlStyle .txt{
	position:absolute;
	bottom: 3.7em;
	left: 9.5em;
	font-size:1.63em;
}
.mediaControlStyle .txt .title{ padding-right:1.36em;}
.mediaControlStyle .play, .mediaControlStyle .pause, .mediaControlStyle .stop, .mediaControlStyle .play_hover, .mediaControlStyle .pause_hover, .mediaControlStyle .stop_hover{
	position:absolute;
	bottom:2.26em;
	left:4.65em;
	opacity: 0.75;
	font-size: 1.6em;
	width: 1em;
	text-align: center;
}
.mediaControlStyle .play.active, .mediaControlStyle .pause.active, .mediaControlStyle .stop.active, .mediaControlStyle .play_hover.active, .mediaControlStyle .pause_hover.active, .mediaControlStyle .stop_hover.active{
	color:#4a90e2;
}
/*.paused:before {
	content: "\e933";
	font-size: 1.4em;
}*/
/*.stopped:before {
	content: "\e937";
	font-size: 1.4em;
}*/
.icon-rewind, .icon-forward{
	position:absolute;
	bottom:2.8em;
	left:3.3em;
	height:1.45em;
	width:1.45em;
	opacity: 0.75;
	font-size: 1.25em;
	line-height: 1.5em !important;
}
.icon-rewind.active, .icon-forward.active{
	color:#4a90e2;
	opacity:1;
}
.icon-forward{
	left:8.45em;
}
.mediaControlStyle .tracker{
	position: absolute;
	bottom: 3.7em;
	left: 15.3em;
	width: 40em;
	border: 2px solid #f0f0f0;
	border-radius: 0.68em;
	height: 1.36em;
	background: rgba(0,0,0,0.4);
	cursor:pointer;
}
.mediaControlStyle .loaded, .mediaControlStyle .played{
	height: 1.36em;
	margin: -2px;
	border-radius: 0.68em;
	background: rgba(240,240,240,0.2);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 40em;
}
.mediaControlStyle .played{
	background: rgba(240,240,240,0.2);
}

.mediaControlStyle .current{
	position: absolute;
	border-radius: 0.83em;
	height: 1.66em;
	width: 1.66em;
	top: -0.25em;
	background:#f0f0f0;
	opacity:0.75;
	margin-left:-0.83em;
}

.mediaControlStyle .time{
	font-size:1.18em;
	bottom:3.15em;
	right:18.4em;
	position:absolute;
}
.mediaControlStyle .time .currenttime{ padding-right: 0.36em;}

.mediaControlStyle .volume{ position: absolute; bottom: 2.95em; left: 52.5em; opacity: 0.75;}
.mediaControlStyle .volumeinfo{
	position: absolute;
	bottom: 3.15em;
	right: 13em;
	font-size: 1.18em;
}
.flowplayer .fp-color {
	background-color: #ffde00;
}
.fp-playbtn:hover:before {
	color: #FFDE00
}


#playerror .txt{ margin-bottom:0.9em;}


/* KEYBOARD */
.keyboard{
	color:#101010;
	border:2px solid #838383;
	border-radius:0.45em;
	background-color: transparent;
	display:none;
	visibility:hidden;
	padding:0.9em 0.45em 0.45em 0.9em;
	text-align:center;
	z-index:1;
	width:30.63em;
	position:absolute;
	top:0;
	right: 4.09em;
}

.keyboard_small{
	color:#101010;
	border:2px solid #838383;
	border-radius:0.45em;
	background-color: transparent;
	display:none;
	visibility:hidden;
	padding:0.9em 0.45em 0.45em 0.9em;
	text-align:center;
	z-index:1;
	width:12.49em;
	position:absolute;
	top:0;
	right: 22.2em;
}
.keyboard_exp{ color:#f0f0f0; margin-bottom: 1em; display: block;}
.btnNormal {
	width: 2.69em;
	height: 2.11em;
	line-height:2.11em;
	/*color: rgb(250,250,250);*/
	text-align: center;
	background:#f0f0f0;
	float:left;
	margin:0 0.38em 0.38em 0;
	border-radius:0.3em;
	font-size:1.18em;
}
.btnNormalNum {
	width: 2.69em;
	height: 2.11em;
	line-height:2.11em !important;
	color:#f0f0f0;
	text-align: center;
	background:#676767;
	float:left;
	margin:0 0.38em 0.38em 0;
	border-radius:0.3em;
	font-size:1.18em;
}
.btnNormalMiddle {
	width: 4.23em;
	height: 2.11em;
	line-height:2.11em;
	color:#f0f0f0;
	text-align: center;
	background:#676767;
	float:left;
	margin:0 0.38em 0 0;
	border-radius:0.3em;
	font-size:1.18em;
}
.btnNormalLong, .btnNormalLong_hover {
	width: 5.75em;
	height: 2.11em;
	line-height:2.11em;
	color:#f0f0f0;
	text-align: center;
	background:#676767;
	float:left;
	margin:0 0.38em 0 0;
	border-radius:0.3em;
	font-size:1.18em;
}
.btnNormalLong_hover{
	background:#ffd200;
	color:#101010;
}
.btnNormalFocus, .btnNormal_hover, .btnNormalNum_hover {
	width: 2.69em;
	height: 2.11em;
	line-height:2.11em !important;
	text-align: center;
	float:left;
	margin:0 0.38em 0.38em 0;
	border-radius:0.3em;
	background:#ffd200;
	font-size:1.18em;
}
.btnNormalMiddle_hover {
	width: 4.23em;
	height: 2.11em;
	line-height:2.11em;
	color:#101010;
	text-align: center;
	background:#ffd200;
	float:left;
	margin:0 0.38em 0 0;
	border-radius:0.3em;
	font-size:1.18em;
}

/* OVERLAYS */
.overlay{ position:absolute; top:-7.81em; left:0; width:100%; /*background:rgba(16,16,16,0.95);*/ z-index:4; display:none; visibility:hidden; height:100%;}
/*.overlay.empty{font-size: 0.5em;}*/
#mymovies, #support_content, #genres, #ordermovie.overlay, #lockcodeoverlay.overlay{ top:0; text-align:center;}
#rating, #ext-overlay.overlay, #div_exit_overlay.overlay, #login.overlay, #sort.overlay, #account.overlay, #regform.overlay, #accesscode.overlay, #psp-incasso.overlay, #psp-moviepoints.overlay, #psp-actioncode.overlay, #psp-sms.overlay, #psp-paysafecard.overlay{ top:0;}
/*#lockcodeoverlay.overlay{ margin-top: -172px;}*/
#mymovies .btns, #support_content .btns, #myaccount .btns{ margin-bottom:6.81em;}
.overlay .content{ position:absolute; padding: 10em; width: 100%; height: 100%;}
#mymovies .content, #support_content .content, #myaccount .content, #buymoviepoints .content{ padding: 14em 10em; text-align: center;}
#reviews.overlay .content{ padding:10em; /* padding: 10em 21.81em;*/}
#rating .content{ padding: 14.09em 10em;}
#moreinfo.overlay .content{ padding: 10em 21.81em;}
#genres .content{ padding: 12em 10.09em;}
#ordermovie .content{padding: 6.36em 22.18em;}
#ordermovie .content.longrow{padding: 6.36em 14.90em;}
.psp .content{padding: 11.36em 22.18em;}
#lockcodeoverlay .content{padding: 11.36em 22.18em;}
/*#playerror .content{padding: 11.36em 22.18em; text-align: center;}*/
#sort .content{padding: 4.54em 11.36em;}
/*#account.overlay .content{ padding: 11.36em 14.54em;}*/
.register .content{ padding: 6em 10em;}
#div_exit_overlay.overlay{ text-align:center; padding-top: 9em;}
#div_exit_overlay.overlay a{ margin-top:1em;}
#div_exit_overlay.overlay a:first-of-type{ margin-right:1em; }

@media only screen and (max-width : 1500px) {
	#moreinfo.overlay .content,
	#reviews.overlay .content{
		padding: 10em 11.81em;
	}
}
@media only screen and (max-width : 1024px) {
	#moreinfo.overlay .content,
	#reviews.overlay .content{
		padding: 10em 6.81em;
	}
}
@media only screen and (max-width : 640px) {
	#moreinfo.overlay .content,
	#reviews.overlay .content{
		padding: 13em 2.81em;
	}
}
@media only screen and (max-width : 460px) {
	#moreinfo.overlay .content,
	#reviews.overlay .content{
		padding: 13em 1.81em 10em 1.81em;
	}
	#moreinfo.overlay .specs{
		width:100%;
	}
}

/* ICONS*/

@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.ttf?of0zll') format('truetype');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

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

.icon-question:before{
	content: "";
	background: url(img/question-icon.svg) no-repeat;
	width: 26px;
	height: 36px;
	position: absolute;
	transform: scale(0.7);
	left: -0.1em;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.icon-backarrow:before {content: "\e920";}
.icon-backblack:before {content: "\e921";}
.icon-checkmark:before {content: "\e922";}
.icon-contact:before {content: "\e923";}
.icon-delete:before {content: "\e924";}
.icon-downarrow:before {content: "\e925";}
.icon-faq:before {content: "\e926";}
.icon-favoriet:before {content: "\e927";}
.icon-forward:before {content: "\e928";}
.icon-forwardarrow:before {content: "\e929";}
.icon-genre_actie:before {content: "\e92a";}
.icon-genre_animatie:before {content: "\e92b";}
.icon-genre_avontuur:before {content: "\e92c";}
.icon-genre_cabaret:before {content: "\e92d";}
.icon-genre_documentaire:before {content: "\e92e";}
.icon-genre_drama:before {content: "\e92f";}
.icon-genre_erotiek:before {content: "\e930";}
.icon-genre_familie:before {content: "\e931";}
.icon-genre_fantasy:before {content: "\e932";}
.icon-genre_arthouse:before {content: "\e933";}
.icon-genre_horror:before {content: "\e934";}
.icon-genre_kids:before {content: "\e935";}
.icon-genre_klassieker:before {content: "\e936";}
.icon-genre_komedie:before {content: "\e937";}
.icon-genre_misdaad:before {content: "\e938";}
.icon-genre_musical:before {content: "\e939";}
.icon-genre_muziek:before {content: "\e93a";}
.icon-genre_mysterie:before {content: "\e93b";}
.icon-genre_nederlandstalig:before {content: "\e93c";}
.icon-genre_oorlog:before {content: "\e93d";}
.icon-genre_romantiek:before {content: "\e93e";}
.icon-genre_romkom:before {content: "\e93f";}
.icon-genre_sciencefiction:before {content: "\e940";}
.icon-genre_speelfilm:before {content: "\e941";}
.icon-genre_sport:before {content: "\e942";}
.icon-genre_thriller:before {content: "\e943";}
.icon-genre_urban:before {content: "\e944";}
.icon-genre_western:before {content: "\e945";}
.icon-info:before {content: "\e946";}
.icon-logout:before {content: "\e947";}
.icon-menuicon:before {content: "\e948";}
.icon-movie:before {content: "\e949";}
.icon-over:before {content: "\e94a";}
.icon-pause:before {content: "\e94b";}
.icon-play:before {content: "\e94c";}
.icon-preorder:before {content: "\e94d";}
.icon-preorder2:before {content: "\e94e";}
.icon-psp_actiecode:before {content: "\e94f";}
.icon-psp_cc:before {content: "\e950";}
.icon-psp_incasso:before {content: "\e951";}
.icon-psp_moviecredits:before {content: "\e952";}
.icon-psp_moviepoints:before {content: "\e953";}
.icon-psp_paysafecard:before {content: "\e954";}
.icon-psp_sms:before {content: "\e955";}
.icon-rented:before {content: "\e956";}
.icon-rented2:before {content: "\e957";}
.icon-rewind:before {content: "\e958";}
.icon-sortdown:before {content: "\e959";}
.icon-sortup:before {content: "\e95a";}
.icon-volume:before {content: "\e95b";}
.icon-volumemute:before {content: "\e95c";}
.icon-star:before {content: "\e95d";}
.icon-stop:before {content: "\e95e";}
/*.icon-terug:before {content: "\e95f";}*/
.icon-thumb:before {content: "\e960";}
.icon-uparrow:before {content: "\e961";}
.icon-watched:before {content: "\e962";}
.icon-mm:before {content: "\e963";}
.icon-share2:before {content: "\ea82";}
.icon-filtersort:before {content: "\e964";}
.icon-search2:before {content: "\e986";}
.icon-filter:before {content: "\ea5b";}
.icon-kw_drugs .path1:before {content: "\e900";color: rgb(255, 255, 255);}
.icon-kw_drugs .path2:before {content: "\e901";margin-left: -1em;color: rgb(0, 0, 0);}
.icon-kw_6 .path1:before {content: "\e902";color: rgb(255, 255, 255);}
.icon-kw_6 .path2:before {content: "\e903";margin-left: -1em;color: rgb(0, 0, 0);}
.icon-kw_9 .path1:before {content: "\e904";color: rgb(255, 255, 255);}
.icon-kw_9 .path2:before {content: "\e905";margin-left: -1em;color: rgb(0, 0, 0);}
.icon-kw_12 .path1:before {content: "\e906";color: rgb(255, 255, 255);}
.icon-kw_12 .path2:before {content: "\e907";margin-left: -1em;color: rgb(0, 0, 0);}
.icon-kw_14 .path1:before {content: "\e908";color: rgb(255, 255, 255);}
.icon-kw_14 .path2:before {content: "\e909";margin-left: -1em;color: rgb(0, 0, 0);}
.icon-kw_16 .path1:before {content: "\e90a";color: rgb(255, 255, 255);}
.icon-kw_16 .path2:before {content: "\e90b";margin-left: -1em;color: rgb(0, 0, 0);}
.icon-kw_18 .path1:before {content: "\e90c";color: rgb(255, 255, 255);}
.icon-kw_18 .path2:before {content: "\e90d";margin-left: -1em;color: rgb(0, 0, 0);}
.icon-kw_al .path1:before {content: "\e90e";color: rgb(255, 255, 255);}
.icon-kw_al .path2:before {content: "\e90f";margin-left: -1em;color: rgb(0, 0, 0);}
.icon-kw_altous .path1:before {content: "\e910";color: rgb(255, 255, 255);}
.icon-kw_altous .path2:before {content: "\e911";margin-left: -1em;color: rgb(0, 0, 0);}
.icon-kw_groftaalgebruik .path1:before {content: "\e912";color: rgb(255, 255, 255);}
.icon-kw_groftaalgebruik .path2:before {content: "\e913";margin-left: -1em;color: rgb(0, 0, 0);}
.icon-kw_discriminatie .path1:before {content: "\e914";color: rgb(255, 255, 255);}
.icon-kw_discriminatie .path2:before {content: "\e915";margin-left: -1em;color: rgb(0, 0, 0);}
.icon-kw_eng .path1:before {content: "\e916";color: rgb(255, 255, 255);}
.icon-kw_eng .path2:before {content: "\e917";margin-left: -1em;color: rgb(0, 0, 0);}
.icon-kw_nietbeschikbaar .path1:before {content: "\e918";color: rgb(255, 255, 255);}
.icon-kw_nietbeschikbaar .path2:before {content: "\e919";margin-left: -1em;color: rgb(0, 0, 0);}
.icon-kw_sex .path1:before {content: "\e91a";color: rgb(255, 255, 255);}
.icon-kw_sex .path2:before {content: "\e91b";margin-left: -1em;color: rgb(0, 0, 0);}
.icon-kw_tous .path1:before {content: "\e91c";color: rgb(255, 255, 255);}
.icon-kw_tous .path2:before {content: "\e91d";margin-left: -1em;color: rgb(0, 0, 0);}
.icon-kw_geweld .path1:before {content: "\e91e";color: rgb(255, 255, 255);}
.icon-kw_geweld .path2:before {content: "\e91f";margin-left: -1em;color: rgb(0, 0, 0);}

@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.ttf?HDHHD') format('truetype');
	font-weight: normal;
	font-style: normal;
}
[class^="aicon-"], [class*=" aicon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'FontAwesome' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

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

.aicon-privacy:before {		    content: "\f23e"; }
.aicon-systemcheck:before {		content: "\f085"; }

/*extra*/
.description {
	display: none;
}
.overlay-wrap{
	background: rgba(16,16,16,0.95);
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.overlay-wrap.gradient{
	background: #000000;
	background: -moz-linear-gradient(top,  #000000 0%, #1c1c1c 25%, #1c1c1c 75%, #000000 100%);
	background: -webkit-linear-gradient(top,  #000000 0%,#1c1c1c 25%,#1c1c1c 75%,#000000 100%);
	background: linear-gradient(to bottom,  #000000 0%,#1c1c1c 25%,#1c1c1c 75%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
}

.full-page{
	height:100%;
}
.gradient{
	background: #000000;
	background: -moz-linear-gradient(top,  #000000 0%, #1c1c1c 25%, #1c1c1c 75%, #000000 100%);
	background: -webkit-linear-gradient(top,  #000000 0%,#1c1c1c 25%,#1c1c1c 75%,#000000 100%);
	background: linear-gradient(to bottom,  #000000 0%,#1c1c1c 25%,#1c1c1c 75%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
body.popup #div_content{
	overflow:hidden;
	overflow-y: auto;
}

/*maintenance*/
.single-block{
	text-align: center;
	width: 100%;
	height:100%;
	max-height:390px;
	max-width: 590px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	padding: 15em 5px 0 5px;

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.single-block:before{
	content: "";
	background: url("img/tech-icon.svg") no-repeat;
	width:90px;
	height:90px;
	position:absolute;
	top:0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.single-block h1{
	font-family: 'RobotoRegular', sans-serif;
	margin: 0 0 0.7em 0;
	font-size:3.63em;
}
.single-block p{
	font-size:2.2em;
	font-family: 'RobotoLight', sans-serif;
	color:#cacaca;
	margin:0 0 1.05em 0;
}
@media only screen and (max-width : 1280px) {

}
@media only screen and (max-width : 1024px) {
	.single-block:before{
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		transform: scale(0.8);
	}
}
@media only screen and (max-width : 768px) {
	.single-block{
		max-height: 260px;
	}
	.single-block:before{
		-webkit-transform: scale(0.6);
		-moz-transform: scale(0.6);
		transform: scale(0.6);
	}
}

/*movie detail*/
.details{
	position:relative;
	height:100%;
	background: #232323;
}
.ios .details{height:101%;}
body.popup .details{
	overflow:hidden;
}
.details .background{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	max-width: 28em;
	opacity: 0.6;
}
@media only screen and (min-width : 1921px){
	.details .background{
		max-width: 38em;
	}
}

.details .background .bigcover_box{
	height: 100%;
	background-size:cover;
	background-repeat:no-repeat;
}
.details .detail{
	height: 100%;
	padding: 4em 8.18em 0 30.45em;
	margin: 0;
	overflow: hidden;
	overflow-y: auto;
}
@media only screen and (max-width : 1280px){
	.details .detail{
		padding: 4em 4em 0 30.45em;
	}
}

.details .detail .rating.lightbtn,
.details .detail .rating.lightbtn_hover {
	padding: 0.09em 0.1em 0.1em 0.63em;
	margin-right: 0.5em;
}
.details .detail .expiringsoon {
	display: none;
}

.details .detail #btn_rent,
.details .detail #btn_trailer {
	margin-bottom: 6em;
}
/*.details .detail #btn_rent{
    background: #ffd200;
    border: 2px solid #ffd200;
    color: #101010;
	margin-bottom: 0.68em;
}*/
.details .detail .btn.shareButton {
	line-height: 2em;
	margin-left: 0.68em;
	margin-right: 0;
}
.details .detail #review{
	padding: 0.09em 0.63em 0.1em 0.63em;
	margin-right: 1em;
}
.details .detail #category {
	margin-right: 0.3em;
}
.details .detail .specs-info #category:last-of-type {
	margin-right: 1.3em;
}
.details .detail .specs-info .specslist{ display:inline;}
.details .detail .specs-info .specslist_secondary { opacity: 0.75;}
.details .background:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 101%;
	z-index:1;
	margin:0;

	background: -moz-linear-gradient(left,  rgba(125,185,232,0) 0%, rgba(35,35,35,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(125,185,232,0) 0%,rgba(35,35,35,1) 100%);
	background: linear-gradient(to right,  rgba(125,185,232,0) 0%,rgba(35,35,35,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#232323',GradientType=1 );

}
.details .detail:after{
	position: absolute;
	bottom: -10em;
	left: 0;
	height: 10em;
	width: 100%;
	margin:0;
	z-index:-1;
	background: -moz-linear-gradient(top,  rgba(35,35,35,1) 0%, rgba(35,35,35,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(35,35,35,1) 0%,rgba(35,35,35,0) 100%);
	background: linear-gradient(to bottom,  rgba(35,35,35,1) 0%,rgba(35,35,35,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#00232323',GradientType=0 );

}
@media only screen and (max-width : 1366px) {
	.details .detail:before{
		background: -moz-linear-gradient(left,  rgba(125,185,232,0) 0%, rgba(35,35,35,1) 50%);
		background: -webkit-linear-gradient(left,  rgba(125,185,232,0) 0%,rgba(35,35,35,1) 50%);
		background: linear-gradient(to right,  rgba(125,185,232,0) 0%,rgba(35,35,35,1) 50%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#232323',GradientType=1 );
	}
}
@media only screen and (max-width : 1280px) {
	/*.details .detail #userrating{
		border:none;
	}*/
}
@media only screen and (max-width : 1130px) {
	.details #btn_trailer{
		margin: 0.68em 0 0 0;
	}
}
@media only screen and (max-width : 1024px) {
	.details a.icon-prev, .details a.icon-prev_hover{ left:1.09em;}
	.details a.icon-next, .details a.icon-next_hover{ right:1.09em;}
	.details .detail {
		/*padding: 4em 4.18em 0 30.45em;*/
	}
	.footer_btn .icon-question:before{
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		transform: scale(0.5);
	}
}
@media only screen and (max-width : 1024px) {
	.header{
		/*background:none;
		border-top: 1em solid transparent;*/
	}
	.details .background{max-width: 100%;}
	.details .background:before {
		background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(35,35,35,0.5) 35%, rgba(35,35,35,1) 70%, rgba(35,35,35,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(35,35,35,0.5) 35%,rgba(35,35,35,1) 70%,rgba(35,35,35,1) 100%);
		background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(35,35,35,0.5) 35%,rgba(35,35,35,1) 70%,rgba(35,35,35,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#101010',GradientType=0 );
	}
	.details .background .bigcover_box{
		background-size: cover;
	}
	.details .detail{
		padding: 20em 1.09em 0 1.09em;
		overflow: visible;
	}

	.details .detail:before{
		background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(35,35,35,0.5) 35%, rgba(35,35,35,1) 70%, rgba(16,16,16,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(35,35,35,0.5) 35%,rgba(35,35,35,1) 70%,rgba(16,16,16,1) 100%);
		background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(35,35,35,0.5) 35%,rgba(35,35,35,1) 70%,rgba(16,16,16,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#101010',GradientType=0 );

	}
	.details .detail #review,
	.details .detail .description{
		/*background:#1f1f1f;*/
		background:rgba(0,0,0,0.4);
	}
	.detail .directors .lightbtn,
	.detail .cast .lightbtn,
	.detail .directors .lightbtn_hover,
	.detail .cast .lightbtn_hover{
		/*background:#1e1e1e;*/
		background:rgba(0,0,0,0.4);
	}
}
@media only screen and (max-width : 640px) and (orientation : portrait) {
	.details .background .bigcover_box{
		background-size: contain;
	}
}
@media only screen and (max-width : 1024px) and (orientation : landscape) {
	.details .detail {
		padding: 10em 1.09em 0 1.09em;
	}
	.details .background .bigcover_box { height:99%}
}
@media only screen and (max-width : 500px) {
	.details .detail .specs-info .specslist{ display:block; padding-left: 0.6em; margin-top: 1em;}
}
@media only screen and (max-width : 360px) {
	.details .detail{
		padding: 20em 1.09em 0 1.09em;
	}
}
@media only screen and (max-width : 320px) {
	.details .btn, .details .btn_hover {
		margin-right: 0.38em;
	}
	.detail .directors, .detail .cast {
		padding: 0 0 0 7em;
	}
}


/*list films*/
body.list .header{
	height:8em;
}
.infinite{
	padding:4em 0;
}
.infinite .info{
	width:100%;
}
.infinite .info .pagetitle{
	padding:0 0 0 0.6em;
	float: left;
}
.infinite .info .position{
	padding: 0 0.8em 0 0;
	float: right;
}
.infinite .filterpos  {
	padding:0 1em;
	margin: 0 0 1em 0;
	border: none;
	position:relative;
	z-index:5;
	height: 100%;
}
.infinite .filterpos .orders,
.infinite .filterpos .filters{
	float:none;
	display:inline-block;
	font-family: "RobotoLight", sans-serif;
	margin: 0 0 0.5em 0;
	position:relative;
	padding:0 0 0 3.2em;
	vertical-align: top;
}
.infinite .filterpos .orders {z-index:10;}
.infinite .filterpos .orders > span,
.infinite .filterpos .filters > span{
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0.5em;
}
.infinite .filterpos .dropdown{
	margin:0.4em 1em 0 1em;
	padding:0;
	list-style:none;
	display: inline-block;
	position:relative;
	width: 8em;
}
.infinite .filterpos .dropdown > li{
	cursor:pointer;
	border: 2px solid #323130;
	padding: 0.09em 0.54em 0.18em;
	border-radius: 0.36em;
	background: #1e1e1e;
}

.infinite .filterpos .dropdown > li .current {
	display:inline-block;
	padding:0 25px 0 0;
	position:relative;
	z-index: 1;
	width: 100%;
}
.infinite .filterpos .dropdown > li .current .fa{
	font-size: 0.7em;
	position: absolute;
	right: 0;
	top: 0.5em;
}
.infinite .filterpos .dropdown > li  > ul{
	margin: 0;
	padding: 1.8em 0 0 0;
	list-style: none;
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	background: #1e1e1e;
	border: 2px solid #323130;
	border-radius: 0.36em;
	height: 0;
	overflow: hidden;

	-webkit-transition: height 0.5s linear;
	-moz-transition: height 0.5s linear;
	transition: height 0.5s linear;
}
.infinite .filterpos .dropdown > li:hover > ul{
	border: 2px solid #ffd200;
}
.infinite .filterpos .dropdown > li:hover .current{
	color:#ffd200;
}
.infinite .filterpos .dropdown > li  > ul > li{
	padding: 0 0.54em 0;
	font-size: 1.2em;
	line-height:2.4em;
}
.infinite .filterpos .dropdown > li  > ul > li:hover{
	color:#ffd200;
	cursor:pointer;
}
.infinite .filterpos .dropdown > li  > ul > li a{
	display:inline-block;
	width:100%;
}
.infinite .filterpos .dropdown > li  > ul > li a:hover{
	color:#ffd200;
}
.infinite .filterpos .item{
	border: 2px solid #323130;
	padding:0.09em 1.8em 0.18em 0.54em;
	border-radius: 0.36em;
	background: #1e1e1e;
	display:inline-block;
	margin:0.4em 0 0 0.4em;
	position:relative;
	vertical-align: text-bottom;
}
.infinite .filterpos .item > span:not(.icon_kw):not(.stars){
	position: absolute;
	right: 0.3em;
	top: 0.3em;
}
.infinite .filterpos .item > .icon_kw{
	padding: 0.13em 0 0.18em 0;
	display: inline-block;
	vertical-align: top;
}
.infinite .filterpos .item  .icon-delete{
	display: none;
	font-size: 0.6em;
	right: 0.8em !important;
	top: 0.9em !important;
}
.infinite .filterpos .item:hover .icon-delete{
	display:inline-block;
}
.infinite .filterpos .item:hover .icon-checkmark{
	display:none;
}
.infinite .filterpos .item.add{
	padding:0.09em 0.54em 0.18em 0.54em;
}
.infinite .filterpos .item.add:hover{
	color:#ffd200;
}
.infinite .filterpos .item a{
	padding: 0.09em 0.54em 0.18em;
	display: inline-block;
}
.infinite .filterpos .item:not(.add) a{
	margin:0 0 0 10px;
	display:inline;
}
.infinite .filterpos .item:nth-child(1){
	margin-left:1em;
}
.infinite .slider{
	width:100%;
	padding:0 1em;
	height:auto;
	text-align:left;
}
.infinite .slider .listitem{
	display: block;
	float:left;
	padding: 0 0.26em 0.52em 0.26em;
	border: none;
	margin: 0;
	width: 10%;
    box-sizing: border-box;
}
@media only screen and (max-width : 1600px) {
	.infinite .slider .listitem{
		width: 12.5%;
	}
}
@media only screen and (max-width : 1280px) {
	.infinite .slider .listitem{
		width: 14.28%;
	}
}
@media only screen and (max-width : 1024px) {
	.infinite .slider .listitem{
		width: 20%;
	}
}
@media only screen and (max-width : 630px) {
	.infinite .slider .listitem{
		width: 25%;
	}
}
@media only screen and (max-width : 480px) {
	.infinite .slider .listitem{
		width: 33.33%;
	}
}


.infinite .filterpos .item .stars{}
.infinite .filterpos .item .stars .icon-star.active {
	color: #fed100;
}

.infinite .filterpos .item .stars .icon-star {
	font-size: 0.96em;
	width: 0.52em;
	overflow: hidden;
	display: inline-block;
	line-height: 1.4em;
}
.infinite .filterpos .item .stars .icon-star:nth-of-type(even):before {
	margin-left: -0.53em;
}
.infinite .filterpos .item .stars .icon-star:nth-of-type(even) {
	margin-right: 0.2em;
}

@media only screen and (max-width : 640px) {
	.infinite .slider{text-align:center;}
}




#sort .sort .filters .focusup:hover,
#sort .sort .filters .focusdown:hover{
	opacity:1;
}
#sort .sort .pagetitle {
	font-size: 2.6em;
	color: #fff;
}
#sort #chosen_options .lightbtn {
	border: 2px solid #323130;
	padding:0.09em 1.8em 0.18em 0.54em;
	border-radius: 0.36em;
	background: #1e1e1e;
	display:inline-block;
	margin-left:0.4em;
	position:relative;
	height:auto;
	height: auto;
	font-size: 1.7em;
}
#sort #chosen_options .lightbtn > span{
	position: absolute;
	right: 0.3em;
	top: 0.3em;
}
#sort #chosen_options .lightbtn > span.stars{
	position:relative;
	display: inline-block;
	padding: 0 0 0.6em 0;
}
#sort #chosen_options .lightbtn > span.icon_kw{
	position:relative;
	display: inline-block;
	padding: 0 0 0.4em 0;
}
#sort #chosen_options .sortoption .icon-checkmark{
	display:none;
}
#sort #chosen_options .lightbtn  .icon-delete{
	display: none;
	font-size: 0.6em;
	right: 0.5em;
	top: 0.9em;
}
#sort #chosen_options .lightbtn  .icon-sort3,
#sort #chosen_options .lightbtn  .icon-sort4,
#sort #chosen_options .lightbtn  .icon-kw{
	font-size: 0.6em;
	right: 0.9em;
	top: 0.5em;
	font-size:1em;
}
#sort #chosen_options .lightbtn:hover .icon-delete{
	display:inline-block;
}
#sort #chosen_options .lightbtn:hover .icon-checkmark,
#sort #chosen_options .lightbtn:hover .icon-sort3,
#sort #chosen_options .lightbtn:hover .icon-sort4,
#sort #chosen_options .lightbtn:hover .icon-kw{
	display:none;
}
#sort .sort .selected .blocktitle {
	font-size: 2em;
	margin: 3.5em 0 2em 0;
}
#sort .sort .selected .results {
	font-size: 1.8em;
}
#sort .sort .filters .btn, .sort .filters .btn_hover {
	height: 2.7em;
	line-height: 2.6em;
	font-size: 1.7em;
}
#sort .sort #filtercat_jaar .btn:hover,
#sort .sort #filtercat_taal .btn:hover,
#sort .sort #filtercat_kijkwijzer .btn:hover,
#sort .sort #filtercat_rating .btn:hover{
	border: 2px solid #ffd200 !important;
	background: rgba(0,0,0,0.4) !important;
	color: #fff;
}
#sort .sort .filters .btn .icon_kw{
	line-height: 1.4em;
	font-size: 1.8em;
}
#sort .leftpanel .item.btn{
	font-size: 2em;
}
#sort .leftpanel .btn-middle:hover{
	border: 2px solid #4a90e2;
	background: rgba(0,0,0,0.4);
	color:#fff;
}
#sort .rightpanel #filtercat_jaar,
#sort .rightpanel #filtercat_taal,
#sort .rightpanel #filtercat_kijkwijzer,
#sort .rightpanel #filtercat_rating{
	width: 100%;
	text-align: center;
}

#sort .sort .filters .btn.btn-age{
	height: 4.2em;
	line-height: 3em;
	font-size: 2.37em;
}
#sort .sort .filters .btn.btn-age .icon_kw {
	line-height: 2.3em;
	font-size: 1.8em;
}
#sort .closebtns{ margin-bottom:2em; margin-top:6em;}
@media only screen and (max-width : 820px) {
	#sort .sort .filters #filtercat_rating .btn {
		height: 3em;
		font-size: 1.5em;
	}
}
@media only screen and (max-width : 600px) {
	#sort .sort .filters #filtercat_rating .btn {
		height: 3.4em;
		font-size: 1.3em;
	}
}
@media only screen and (max-width : 540px) {
	#sort .content {
		padding: 4.54em 3.36em;
	}
	#sort .sort .leftpanel,
	#sort .sort .rightpanel	{
		width:100%;
		margin:0;
		height:auto;
		float:none;
	}
	#sort .sort .rightpanel{
		margin:3em 0 0 0;
	}
	#sort .sort #sorting_container,
	#sort .sort #filters_container{
		height:auto;
	}
	#sort .closebtns {
		margin-top: 10em;
	}
	#sort .closebtns a{
		margin: 0.5em;
	}
	.ext-overlay .btn-footer,
	.ext-overlay .btn-footer:hover{
		padding: 0 2em;
	}
}
@media only screen and (max-width : 390px) {
	#sort .sort .filters #filtercat_rating .btn {
		height: 3em;
		font-size: 1.5em;
		width: 40%;
		margin: 0.56em;
	}
}
@media only screen and (max-width : 540px) {
	#sort .sort .filters .leftpanel .item.btn{ height: 2.7em; line-height: 2.6em; font-size:2em;}
	#sort .sort .filters .btn, .sort .filters .btn_hover{font-size:2em; overflow: hidden; text-overflow: ellipsis;}
}

/*login*/
.login .content{
	position:relative;
	padding:10em 10em 0 10em;
	max-width: 100em;
	margin: 0 auto;
}
.login .pagetitle{
	font-size: 3.2em;
	margin-bottom: 1.5em;
}
.login:not(.accesscode) .content .txt{
	font-size: 2.2em;
}
.login .input-group{
	display:inline-block;
	vertical-align:top;
	position:relative;
	padding: 0 0 4em 0;
	margin: 0 3em 0 0;
}
@media only screen and (max-width : 640px) {
	.login .input-group{
		display:block;
		padding: 0 0 2em 0;
	}
}
.login .input-group label{
	position:absolute;
	font-size: 2.2em;
	color: #ffd200;
	display: block;
	bottom:0;
	left:0;
	white-space: pre;
	font-family: "RobotoRegular", sans-serif;
}
.login input{
	background: #f0f0f0;
	border: 2px solid #f0f0f0;
	opacity: 0.95;
	border-radius: .5em;
	height: 2em;
	line-height: 2em;
	padding: 0 0.5em;
	font-size: 2.2em;
	margin: 0;
	display: inline-block;
}
.login input:hover{
	border: 2px solid #ffd200;
}
.login input:focus{
	background:#003961;
	color:#fff;
	opacity:1;
}
.login .passwordforgotten,
.login .registerfree{
	display: block;
	padding: 0 10em;
	margin: 6em auto 0 auto;
	max-width: 100em;
}
.login .passwordforgotten span,
.login .registerfree span{
	font-size: 2.2em;
}
.login .closebtns {
	text-align: center;
	width: 100%;
	padding: 0;
	margin: 4em 0;
	display: block;
}
@media only screen and (max-width : 640px) {
	.login .content{
		padding: 8em 5em 0 5em;
	}
	.login .error{
		/*position: absolute;*/
		margin: 0;
		/*top: 10em;*/
	}
	.login #imgLogin{
		margin: 0 0 1em 0;
	}
	.login .passwordforgotten.input-group,
	.login .registerfree.input-group{
		padding: 0 5em;
	}
	.login .passwordforgotten span, .login .registerfree span {
		/*font-size: 3.2em;*/
	}
	.login .closebtns.input-group{
		margin: 10em 0;
		padding: 0;
	}


	.ext-overlay .login .btn-footer,
	.ext-overlay .login .btn-footer:hover{
		/*font-size: 3.2em;*/
		margin-bottom: 2em;
	}
}

/*accesscode*/
.accesscode #sendemailaddress{
	margin:0 0 0 1em;
	float:left;
}
.accesscode .txt{
	text-align: center;
}
.accesscode .txt .description{
	text-align: left;
	font-size:2.2em;
	margin:0 0 1em 0;
	display:block;
}
.accesscode .txt p{
	text-align: left;
	font-size: 1.5em;
	margin: 0 0 0.5em 0;
}
.accesscode .info{
	font-size: 2.2em;
	width: 100%;
	float: left;
	margin: 0.5em 0 0;
}
.accesscode input{
	float:left;
}

@media only screen and (max-width : 380px) {
	.accesscode input{
		width:100%;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.accesscode #sendemailaddress{
		margin:2em 0 0 0;
	}
}

/*registration*/
.register .content{
	position:relative;
	padding:10em 10em 0 10em;
	max-width: 100em;
	margin: 0 auto;
}
.register .pagetitle{
	font-size: 3.2em;
	margin-bottom: 1.5em;
}
.register .form-group{
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0 0 3em 0;
}
.register input{
	background: #f0f0f0;
	border: 2px solid #f0f0f0;
	opacity: 0.95;
	border-radius: .5em;
	height: 2em;
	line-height: 2em;
	padding: 0 0.5em;
	font-size: 2.2em;
	margin: 0 1em 0 0;
	display: inline-block;
}
.register input:hover{
	border: 2px solid #ffd200;
}
.register input:focus{
	background:#003961;
	color:#fff;
	opacity:1;
}
.register .logindata{
	margin: 3em 0;
}
.register .login span{
	font-size: 2.2em;
}
.register .gender {
	height: 2.4em;
	margin-top: 2em;
	font-size: 1.2em;
	line-height: 1.2em;
}
.register .gender .radio_txt{
	float: left;
	margin: 0 2em 0 0em;
	padding-top: 0.4em;
	font-size: 1.5em;
}
.register .newsletter {
	margin: 2em 0 0 0;
	font-size: 1.1em;
	line-height: 1.1em;
	float: left;
	width: 100%;
}
.register .newsletter span{font-size: 1.7em;}
.register #div_succesmsg{
	font-size:2.2em;
}
.register .registerbtn {
	position: relative;
	margin: 2.5em 0 5em 0;
	font-size: 1em;
	line-height: 1em;
	float: left;
	width:100%;
}
.register .login {
	margin-top: 3em;
	float: left;
	width: 100%;
}
.register .error {
	line-height: 2em;
	font-size: 1.8em;
	width: 100%;
	position: absolute;
	z-index: 5;
	/*bottom: -4.8em;*/
	left: 0;
	/*white-space: pre;*/
}

@media only screen and (max-width : 640px) {
	.register .content{
		padding: 8em 5em 0 5em;
	}
	.register .names,
	.register .logindata{
		height:auto;
	}
	.register .names input,
	.register .logindata #emailaddress{
		width:25em;
	}
	.register .logindata #passcode {
		width: 15.6em;
	}
	.register  input{

	}
	.register .error{
		position: relative;
		bottom: auto;
		white-space: inherit;
	}
	.register .form-group{
		margin:0;
		width:100%;
	}
	.register .names {
		margin: 2em 0 0 0;
	}
	.register .logindata{
		margin:0;
	}
	.register .closebtns {
		text-align: center;
		margin-top: 6em;
	}

	.ext-overlay .register .btn-footer,
	.ext-overlay .register .btn-footer:hover {
		font-size: 2.2em;
	}
}
@media only screen and (max-width : 417px) {
	.register .names input,
	.register .logindata #emailaddress,
	.register .logindata #passcode{
		width:100% !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}


.ext-overlay .btn-footer{
	border: 2px solid #f0f0f0;
	background: rgba(0,0,0,0.4);
	height: 2.2em;
	line-height: 2em;
	text-align: center;
	text-decoration: none;
	border-radius: 0.31em;
	display: inline-block;
	padding: 0 2em;
	cursor: pointer;
	font-size: 2.2em;
	min-width: 8.9em;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ext-overlay .btn-footer:hover{
	background: #ffd200;
	border: 2px solid #ffd200;
}
.overlay .exit-overlay{
	color: #101010;
	font-size: 2.5em;
	position: fixed;
	right: 0.5em;
	top: 0.5em;
	background: #fff;
	width: 1em;
	height: 1em;
	border-radius: 0.5em;
	line-height: 0.99em;
	text-align: center;
	z-index: 5;
}
.overlay.ext-overlay .exit-overlay{
	color: #101010;
	font-size: 5em;
	position: absolute;
	right: 0.5em;
	top: 0.5em;
	background: #fff;
	width: 1em;
	height: 1em;
	border-radius: 0.5em;
	line-height: 0.99em;
	text-align: center;
	z-index: 5;
}
.ext-overlay .exit-overlay:hover,
.overlay .exit-overlay:hover{
	background: #ffd200;
	color:#fff;
}

/*home sliders*/
.carroussel-slider {
	display: block;
	width: calc(100% - 10em);
	margin: 0 auto;
	overflow: hidden;
	height:11.05em;
	text-align:center;
}
@media only screen and (max-width : 506px) {
	.lower_sec a.icon-prev,
	.lower_sec a.icon-next {display: none;}
	.carroussel-slider{width: 100%;}
	.listitem:nth-of-type(2) {
		margin-right: 0;
		padding-right: 0;
	}
}

.carroussel-line{
	overflow: hidden;
	height:11em;
	position:relative;
}
.carroussel-hide-bottom{ position: absolute; bottom:0; height:0.05em; background:#101010; width:100%; z-index:99;}

.listitem {
	border: none;
	display: inline-block;
	padding:0 0.4em;
	vertical-align: top;
    background: #101010;
	/*height: 11em;
	width: 8.35em;*/
}
.listitem.noitem{
	display:none;
}
.listitem a img,
.listitem a:hover img{
	height: auto;
    width: 100%;
    background: #101010;
	/*height:100%;
	width:auto !important;*/
}
.carroussel-slider .listitem a img,
.carroussel-slider .listitem a:hover img{
	height:100%;
	width:auto !important;
}
.carroussel-slider .listitem a{
	height:11em;
}
/*.lower_sec a.icon-prev{
	position: absolute;
	left: 2em;
	top: 50%;
	margin-top: -0.3em;
}
.lower_sec a.icon-next{
	position: absolute;
	right: 2em;
	top: 50%;
	margin-top: -0.3em;
}*/
.list .info{
	width: 100%;
	clear: both;
	float: left;
}
.lower_sec .list .info .listtitle {
	margin: 0 0 0.5em 0;
	text-align: center;
}
.lower_sec .list .info .position {
	margin:0 0 0.5em 0;
	text-align: center;
	float:none;
	font-size: 0.8em;
}
.lower_sec .list .info ul.position {
	list-style: none;
	padding: 1em 0;
}
.lower_sec .list .info ul.position li {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-left: 8px;
	background-color: #cccccc;
}
.lower_sec .list .info ul.position li.current {
	background-color: #ffde00;
}
.lower_sec .list .info ul.position li:nth-last-child(3) {
	opacity: 0.75;
}
.lower_sec .list .info ul.position li:nth-last-child(2) {
	opacity: 0.5;
}
.lower_sec .list .info ul.position li:last-child {
	opacity: 0.25;
}
.btn-back{
	color: #fff;
	font-family: "RobotoRegular", sans-serif;
	position: absolute;
	top: 0.8em;
	left: 0.8em;
	display: block;
	background-image: url(img/back-btn.svg);
	z-index: 15;
	background-repeat: no-repeat;
	padding: 0 0 0 1.8em;
	background-size: contain;
	height: 1.5em;
}
.btn-back:hover{
	color:#FFDE00;
	background-image: url(img/back-h-btn.svg);
}

body.play .is-splash.flowplayer .fp-ui,
body.play .is-paused.flowplayer .fp-ui {
	/*background: url(img/play-yellow.svg) center no-repeat;
	background-size: 7%;*/
}

/*support*/
#support_btns .icon.btn{
	/*width: 11.54em;
	height: 8.38em;*/
	font-size: 2.18em;
	margin: 0 1em 1em 0;
	/*padding: 0;*/
}
@media only screen and (max-width : 480px) {
	#support_btns .icon.btn{
		width: 45%;
		margin: 0 2% 4% 2%;
		box-sizing: border-box;
		white-space: nowrap;
		overflow: hidden;
 	   	text-overflow: ellipsis;
	}
}

/*account*/
#myaccount .btns .icon.btn,
#mymovies .btns .icon.btn,
#buymoviepoints .btns .icon.btn{
	width: 11.54em;
	height: 8.38em;
	font-size: 2.18em;
	margin: 0 1em 1em 0;
	padding: 0;
}
#buymoviepoints .btns .icon.btn{
	width: 13.54em;
}

/*rating*/
#rating .title{
	font-size: 3.2em;
	margin-bottom: 1.5em;
}
#rating .desc{
	font-size: 2.2em;
}

@media only screen and (max-width : 640px) {
	#rating .content {
		padding: 11.09em 5em;
	}
	#rating .content .stars .icon-star{
		font-size: 4.72em;
	}
	#rating .title.fulltxt{
		white-space: normal;
	}
}


/*#rating .stars > a:hover,
#rating .stars > a:hover ~ a {
	color: #f0f0f0;
	opacity: 0.4;
}
#rating .stars > a:hover:before,
#rating .stars > a:hover ~ a:before {
	color: #ffd200;
}*/

/*account detail*/
.account .content{
	max-width: 100em;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.account .pagetitle{
	font-size: 3.2em;
	margin-bottom: 1.5em;
}
.account .whois{
	font-size:2em;
}
.account .whois .left,
.account .whois .middle,
.account .whois .right{
	width: 100% !important;
	vertical-align: top;
	float: none;
	margin: 0 0 1em 0;
	height: auto;
}
.account .whois .title {
	border-bottom: 1px solid #7b7b7b;
	margin-bottom: 0.5em;
	height: 1.5em;
	font-size: 1em;
	line-height: 1.5em !important;
	width: 100% !important;
	background: #232323;
	float: left !important;
	padding: 0 0.5em;
}
.account .whois .row{
	width: 100% !important;
	padding: 0 2em 0 0.5em !important;
	text-align: right;
}
.account .whois .row span{
	display: inline-block;
	vertical-align: top;
	float: left;
}
@media only screen and (max-width : 640px) {
	.account .content{
		padding: 10em 5em;
	}
}

#reviews.overlay .rating {
	margin-bottom: 0.45em;
}
#reviews.overlay .rating .icon-star {
	float:left;
}

/*ordermovie*/
#ordermovie .content {
	padding: 6.36em 22.18em;
	max-width: 140em;
	left:0;
	right:0;
	margin: 0 auto;
}
#ordermovie .pagetitle{
	font-size: 3.2em;
	text-align: left;
	margin-bottom: 1.5em;
}
#ordermovie .title {
	font-size: 3em;
	text-align: left;
	margin-bottom: 0.5em;
}
#ordermovie .info {
	font-size: 2em;
}
#ordermovie .btns {
	text-align: center;
}
#ordermovie .btns .icon.btn{
	width: 11.54em;
	height: 8.38em;
	font-size: 2.18em;
	margin: 0 1em 1em 0;
	padding: 0;
}

@media only screen and (max-width : 640px) {
	#ordermovie .content {padding:10em 5em;}
	#ordermovie .btns .icon.btn{
		width: 31%;
		margin: 0 2% 2% 0;
		padding: 0;
	}
	#ordermovie .btns .icon.btn:nth-of-type(3n+3){ margin-right:0;}
}
@media only screen and (max-width : 480px) {
	#ordermovie .btns .icon.btn{
		width: 47%;
		margin: 0 2% 2% 0;
		padding: 0;
	}
	#ordermovie .btns .icon.btn:nth-of-type(3n+3){ margin-right:2%;}
	#ordermovie .btns .icon.btn:nth-of-type(2n+2){ margin-right:0;}
}

/*aaction code*/
.psp .content {
	padding: 8.36em 12.18em;
	font-size: 1.8em;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.psp .content .psp-wrap{
	max-width:50em;
	margin: 0 auto;
}
@media only screen and (max-width : 640px) {
	.psp .content {padding:6.36em 5em;}
}
@media only screen and (max-width: 480px){
	.psp .content {
		padding: 6.36em 2.1em;
	}
}

#pspredirectoverlay .content{
	padding: 6.36em 10.18em;
	font-size: 2.2em;
	max-width: 60em;
	left: 0;
	right: 0;
	margin: 0 auto;
}

/*lockcode*/
#lockcodeoverlay .content {
	padding: 6.36em 10.18em;
	font-size: 2.2em;
	max-width: 60em;
	left: 0;
	right: 0;
	margin: 0 auto;
}
@media only screen and (max-width : 640px) {
	#lockcodeoverlay .content {padding:6.36em 5em;}
}
@media only screen and (max-width: 480px){
	#lockcodeoverlay .content {padding: 6.36em 2.1em;}
	#lockcodeoverlay #lockcodesubmit{margin: 1em 0 0 0;}
}

/*support*/
@media only screen and (max-width : 1024px) {
	#support_content .content {
		padding: 14em 5em;
	}
}

.sup-wrap{
	margin: 0 auto;
	padding: 4em 1em 3em 1em;
	color: #cacaca;
	font-family: "RobotoLight", sans-serif;
}
.ios .sup-wrap{
	height:101%;
}

.sup-wrap h1{
	margin: 0 0 1em 0;
	font-size: 1.4em;
	font-weight: normal;
	color:#fff;
	font-family: "RobotoRegular", sans-serif;
}
.sup-wrap h2{
	margin: 1em 0;
	font-size: 1.1em;
	font-weight: normal;
	color:#fff;
	font-family: "RobotoRegular", sans-serif;
}
.sup-wrap .desc{
	font-size: 0.9em;
	padding: 0 0 1em 0;
}
.sup-wrap .desc p{
	margin: 0.5em 0;
}
.sup-wrap .desc a{
	color:#FFDE00;
}
.sup-wrap .desc a:hover{
	text-decoration: underline;
}

.sup-wrap .desc ul{

}
.sup-wrap .desc ul li{

}
.sup-wrap .desc ul li span{

}

/*systemcheck*/
.content-wrap{
	padding: 6em 4em 3em 4em;
}
.ios .content-wrap{
	height:101%;
}
.content-wrap h1{
	margin: 0 0 1em 0;
	font-size: 1.4em;
	font-weight: normal;
}
.content-wrap .check-lists{
	width:100%;
	/*padding: 0 2.3em;*/
}
.content-wrap .check-lists #btnBottom{
	padding: 0 3.5em;
}
.content-wrap .check-lists .check-items{
	width:100%;
	padding: 3em 0;
}
.content-wrap .check-lists .check-items .item{
	display: inline-block;
	vertical-align: bottom;
	border: 2px solid #f0f0f0;
	border-radius: 0.36em;
	width: 10.5em;
	height: 7.3em;
	background: #1d1d1d;
	text-align: center;
	margin: 0 1.5em 1.5em 0;
	cursor:default;
}
.content-wrap .check-lists .check-items .item:hover{

}
.content-wrap .check-lists .check-items .item .tp{
	margin: 2.2em 0 0 0;
}
.content-wrap .check-lists .check-items .item .inf{
	color:#fbde16;
}
.content-wrap .check-lists .check-items .item .notok{
	color:#ab0202;
	margin:0;
}
.content-wrap .check-lists .check-items .item .ok{
	color:#fbde16;
	margin:0;
}
#checkvar_kbps img{max-width: 100%; max-height: 3em;}

@media only screen and (max-width : 1024px) {
	.content-wrap{
		padding: 6em 2em 3em 2em;
	}
}
@media only screen and (max-width : 768px) {
	.content-wrap{
		padding: 6em 1em 3em 1em;
	}
	.content-wrap .check-lists .check-items{
		text-align: center;
	}
}
@media only screen and (max-width: 640px){
	.content-wrap .check-lists .check-items .item {
		display: block;
		float:left;
		width: 23.5%;
		margin: 0 2% 2% 0;
		box-sizing:border-box;
	}
	.content-wrap .check-lists .check-items .item:nth-of-type(4n+4) {
		margin: 0 0 2% 0;
	}
}
@media only screen and (max-width: 420px){
	.content-wrap .check-lists .check-items .item {
		display: block;
		float:left;
		width: 48.5%;
		margin: 0 2% 2% 0;
		box-sizing:border-box;
	}
	.content-wrap .check-lists .check-items .item:nth-of-type(4n+4) {
		margin: 0 2% 2% 0;
	}
	.content-wrap .check-lists .check-items .item:nth-of-type(2n+2) {
		margin: 0 0 2% 0;
	}
}

/*contact*/
.contacts{
	color: #cacaca;
}
.contacts h1{color:#fff;}
.contacts select{
	background: #1e1e1e;
	border: 2px solid #323130;
	border-radius: 0.3em;
	height: 2em;
	line-height: 1em;
	padding: 0 0.5em;
	font-size: 1em;
	margin: 0 0 1em 0;
	display: inline-block;
	width:25em;
	color:#cacaca;

	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
}
.contacts select::-ms-expand {
	display: none;
}
.contacts input[type="text"],
.contacts input[type="email"],
.contacts input[type="password"]{
	background: #1e1e1e;
	border: 2px solid #323130;
	border-radius: 0.3em;
	height: 2em;
	line-height: 1em;
	padding: 0 0.5em;
	font-size: 1em;
	margin: 0 0 1em 0;
	display: inline-block;
	width:20em;
	color:#cacaca;
}
.contacts input[type="submit"]{
	color: #fff;
	width: 10em;
	height: 2.5em;
	font-size: 1em;
	border-radius: 0.5em;
}
.contacts input[type="submit"]:hover{
	color:#101010;
}
.contacts textarea{
	background: #1e1e1e;
	border: 2px solid #323130;
	border-radius: 0.3em;
	height: 2em;
	line-height: 1em;
	padding: 0 0.5em;
	font-size: 1em;
	margin: 0 0 1em 0;
	display: inline-block;
	width:30em;
	min-height: 10em;
	color:#cacaca;
	resize:none;
	overflow: auto;
}
.contacts .disappearrow > td{
	vertical-align: top;
	width: 10em;
	position: relative;
}
.contacts .disappearrow > td:nth-child(2){
	display: inline;
}
.contacts .disappearrow .fa{
	position: absolute;
	top: 0.5em;
	right: 1em;
}
@-moz-document url-prefix() {
	.contacts .disappearrow .fa {
		top: 0.2em;
	}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.contacts .disappearrow .fa {
		top: 0.2em;
	}
}
.contacts #invulinfo td{padding: 1em 0 0 0;}
.contacts .contact-info tr td{
	padding:0.5em 0 0 0;
}

@media only screen and (max-width : 420px) {
	.contacts .disappearrow > td{/*display: none;*/ display:block;margin-bottom: 0.5em;}
	.contacts select,
	.contacts input[type="text"],
	.contacts input[type="email"],
	.contacts input[type="password"],
	.contacts textarea{

	}
}

/*problem*/
.problem{
	color:#cacaca;
}
.problem h1{
	display:inline-block;
	vertical-align: top;
	color:#fff;
}
.problem .search-block{
	float:right;
	margin: 0.2em 0 0 0;
}
.problem .search-block input[type="text"]{
	background: #fff;
	border: 2px solid #f0f0f0;
	border-radius: 0.3em;
	height: 1.5em;
	line-height: 1em;
	padding: 0 0.5em;
	font-size: 1em;
	margin: 0 0.5em 0 0;
	display: inline-block;
	width: 10em;
}
.problem .search-block input[type="text"]:focus{
	background:#003961;
	color:#fff;
	opacity:1;
}
.problem .search-block input[type="text"]:hover{
	border: 2px solid #FFDE00;
}
.problem .search-block input[type="submit"] {
	color: #fff;
	width: 6em;
	height: 1.7em;
	font-size: 1em;
	border-radius: 0.36em;
	line-height: 1em;
}
.problem .search-block input[type="submit"]:hover{
	color:#101010;
}
.problem .info{
	padding:0 0 0 2em;
	margin: 0 0 0.5em 0;
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 1.4em;
}
.problem .info.l1{background-image: url("img/ic-prob-1.png");margin: 1em 0 0.5em 0;}
.problem .info.l2{background-image: url("img/ic-prob-2.png");}

.problem .problem-lists {
	width: 100%;
	padding: 0 2.3em;
	font-family: "RobotoLight", sans-serif;
}
.problem .problem-lists .problem-items {
	width: 100%;
	padding: 2em 0 0;
}
.problem .problem-lists .problem-items .item {
	display: inline-block;
	vertical-align: bottom;
	border: 2px solid #fff;
	border-radius: 0.36em;
	width: 10.5em;
	height: 7.3em;
	background: #111111;
	text-align: center;
	margin: 0 1.5em 1.5em 0;
	background-position: center 1.5em;
	background-repeat: no-repeat;
	position: relative;
	color:#fff;
}
.problem .problem-lists .problem-items .item p{
	display: inline-block;
	vertical-align: top;
	position: absolute;
	width:100%;
	text-align: center;
	bottom:0.8em;
	left:0;
	margin:0;
}
.problem .problem-lists .problem-items .item.windows,
.problem .problem-lists .problem-items .item.type-110{
	background-image: url("img/icon-windows.png");
}
.problem .problem-lists .problem-items .item.apple,
.problem .problem-lists .problem-items .item.type-120,
.problem .problem-lists .problem-items .item.type-201,
.problem .problem-lists .problem-items .item.type-221{
	background-image: url("img/icon-apple.png");
	background-position: center 1em;
}
.problem .problem-lists .problem-items .item.samsung,
.problem .problem-lists .problem-items .item.type-130{
	background-image: url("img/icon-samsung.png");
	background-position: center 2em;
}
.problem .problem-lists .problem-items .item.android,
.problem .problem-lists .problem-items .item.type-140{
	background-image: url("img/icon-android.png");
}
.problem .problem-lists .problem-items .item.philips,
.problem .problem-lists .problem-items .item.type-203{
	background-image: url("img/icon-philips.png");
	background-position: center 2.3em;
}
.problem .problem-lists .problem-items .item.humax,
.problem .problem-lists .problem-items .item.type-231{
	background-image: url("img/icon-humax.png");
	background-position: center 2.3em;
}
.problem .problem-lists .problem-items .item.android,
.problem .problem-lists .problem-items .item.type-200,
.problem .problem-lists .problem-items .item.type-219{
	background-image: url("img/icon-android.png");
	background-position: center 1em;
}

.problem .problem-lists .problem-items .item:hover {
	background-color: #ffd200;
	border-color:#ffd200;
	color:#111111;
}
.problem .problem-lists .problem-items .item.windows:hover,
.problem .problem-lists .problem-items .item.type-110:hover{background-image: url("img/icon-windows-h.png");}

.problem .problem-lists .problem-items .item.apple:hover,
.problem .problem-lists .problem-items .item.type-120:hover,
.problem .problem-lists .problem-items .item.type-201:hover,
.problem .problem-lists .problem-items .item.type-221:hover{background-image: url("img/icon-apple-h.png");}

.problem .problem-lists .problem-items .item.samsung:hover,
.problem .problem-lists .problem-items .item.type-130:hover{background-image: url("img/icon-samsung-h.png");}

.problem .problem-lists .problem-items .item.android:hover,
.problem .problem-lists .problem-items .item.type-140:hover{background-image: url("img/icon-android-h.png");}

.problem .problem-lists .problem-items .item.philips:hover,
.problem .problem-lists .problem-items .item.type-203:hover{background-image: url("img/icon-philips-h.png");}

.problem .problem-lists .problem-items .item.humax:hover,
.problem .problem-lists .problem-items .item.type-231:hover{background-image: url("img/icon-humax-h.png");}

.problem .problem-lists .problem-items .item.android:hover,
.problem .problem-lists .problem-items .item.type-200:hover,
.problem .problem-lists .problem-items .item.type-219:hover{background-image: url("img/icon-android-h.png");}

.problem .problem-lists .problem-items .item.active.windows,
.problem .problem-lists .problem-items .item.active.type-110{
	background-image: url("img/icon-windows-h.png");
	background-color: #ffd200;
	border-color:#ffd200;
	color:#111111;
}

.problem .problem-lists .problem-items .item.active.apple,
.problem .problem-lists .problem-items .item.active.type-120,
.problem .problem-lists .problem-items .item.active.type-201,
.problem .problem-lists .problem-items .item.active.type-221{
	background-image: url("img/icon-apple-h.png");
	background-color: #ffd200;
	border-color:#ffd200;
	color:#111111;
}

.problem .problem-lists .problem-items .item.active.samsung,
.problem .problem-lists .problem-items .item.active.type-130{
	background-image: url("img/icon-samsung-h.png");
	background-color: #ffd200;
	border-color:#ffd200;
	color:#111111;
}

.problem .problem-lists .problem-items .item.active.android,
.problem .problem-lists .problem-items .item.active.type-140{
	background-image: url("img/icon-android-h.png");
	background-color: #ffd200;
	border-color:#ffd200;
	color:#111111;
}

.problem .problem-lists .problem-items .item.active.philips,
.problem .problem-lists .problem-items .item.active.type-203{
	background-image: url("img/icon-philips-h.png");
	background-color: #ffd200;
	border-color:#ffd200;
	color:#111111;
}

.problem .problem-lists .problem-items .item.active.humax,
.problem .problem-lists .problem-items .item.active.type-231{
	background-image: url("img/icon-humax-h.png");
	background-color: #ffd200;
	border-color:#ffd200;
	color:#111111;
}

.problem .faq-cats h4{
	color:#cacaca;
	font-weight: normal;
	margin:2em 0 0.5em 0;
}
.problem .faq-cats h4 .faqsection{
	font-size: 1.2em;
}
.problem .faq-cats h4 .toonmeer{
	text-decoration: underline;
	float:right;
}
.problem .faq-cats ul{
	padding:0 0 0 1em;
	margin:0;
}
.problem .klantenservice_questions .q-link{
	cursor:pointer;
	padding: 0 0.5em;
	line-height: 1.7em;
}
.problem .klantenservice_questions .q-link:hover:not(.active){
	border-bottom: 1px solid #737373;
}
.problem .klantenservice_questions .q-link.active{
	border-bottom: 1px solid #737373;
	background: #252525;
}
.problem .klantenservice_answers{
	max-width: 50em;
	overflow: hidden;
	margin: 0.5em 0;
	height:0;
	padding: 0 0.5em;
	font-size: 0.9em;

	-webkit-transition:all 0.214s linear;
	-moz-transition:all 0.214s linear;
	transition:all 0.214s linear;
}

.problem .klantenservice_answers img{
	max-width: 100%;
	height: auto;
}
.problem .klantenservice_answers .list {
	margin-bottom: 1em;
}
.problem .klantenservice_answers table tr td:nth-of-type(1){ padding-right: 1em;}
.problem .klantenservice_answers table tr td{ padding-bottom: 1em;}
.topfaqs { display: inline-table;}

@media only screen and (max-width : 940px) {
	.problem .problem-lists .problem-items .item.windows,
	.problem .problem-lists .problem-items .item.type-110{
		background-size: 2.5em;
	}
	.problem .problem-lists .problem-items .item.apple,
	.problem .problem-lists .problem-items .item.type-120,
	.problem .problem-lists .problem-items .item.type-201,
	.problem .problem-lists .problem-items .item.type-221{
		background-size: 2.5em;
	}
	.problem .problem-lists .problem-items .item.android,
	.problem .problem-lists .problem-items .item.type-140{
		background-size: 2.5em;
	}

	.problem .problem-lists .problem-items .item.philips,
	.problem .problem-lists .problem-items .item.type-203{
		background-size: 6.5em;
	}

	.problem .problem-lists .problem-items .item.humax,
	.problem .problem-lists .problem-items .item.type-231{
		background-size: 6.5em;
	}

	.problem .problem-lists .problem-items .item.android,
	.problem .problem-lists .problem-items .item.type-200,
	.problem .problem-lists .problem-items .item.type-219{
		background-size: 2.5em;
	}
}
@media only screen and (max-width : 640px) {
	.problem .problem-lists{
		padding:0 1em;
	}

	.problem .problem-lists .problem-items .item.samsung,
	.problem .problem-lists .problem-items .item.type-130{
		background-size: 6.5em;
	}
}
@media only screen and (max-width : 580px) {
	.problem .search-block {
		float: none;
		width: 100%;
		margin-bottom:2em;
	}
}
@media only screen and (max-width : 480px) {
	.problem .faq-cats h4 a {
		float: left !important;
		clear: both;
	}
	.problem .faq-cats ul {
		display: block;
		width: 100%;
		float: left;
		margin: 1em 0;
	}
}
@media only screen and (max-width : 420px) {
	.problem .search-block input[type="submit"]{
		margin: 1em 0;
	}

	.problem .problem-lists .problem-items {
		text-align: center;
	}
	.problem .problem-lists .problem-items .item {
		width: 47%;
		margin: 0 2% 2% 0;
		box-sizing: border-box;
	}
}
@media only screen and (max-width : 320px) {

}

/*search*/
.search .content{
	padding: 6em 1em 5em;
}
.search .search-form{

}
.search .search-form input{
	height: 1.5em;
	line-height:1.5em;
	float:left;
}

.search .search-form input:focus{
	background:#003961;
	color:#fff;
	opacity:1;
}
.search .search-form input:hover{
	border: 2px solid #ffd200;
}
.search .search-form #btnSearch{
	float:left;
	height: 2em;
	line-height: 1.9em;
}
@media only screen and (max-width : 480px) {
	.search .search-form input{
		width: 100%; box-sizing: border-box; margin-bottom:1em; line-height: 2em; height: 2em;
	}
	.search .search-form #btnSearch{ width:100%;}
}

/* ogone */
#psp-ogone .psp .txt{ margin-top:0;}
.header.ogone-header{
	height: 6em;
}

.ogone-wrap{
	position: relative;
	margin: 0 auto;
	max-width: 40em;
	font-size: 1.27em;
	padding: 0 1em 0 1em;
}
.ogone-wrap td:first-of-type{ padding-right:1em;}
.ogone-wrap td:first-of-type.ncollogoc{ padding-right:0;}
.ogone-wrap #iDealTbl tr:last-of-type td{ padding-right:0;}
.ogone-wrap .ncoltable2 tr:last-of-type td{ padding-right:0;}

.ogone-wrap input[type='text'] {
    background: #f0f0f0;
    border: 2px solid #f0f0f0;
    opacity: 0.95;
    border-radius: 0.15em;
    height: 1.8em;
    line-height: 2em;
    padding: 0 0.76em;
    font-size: 1em;
	width: 10em;
}
.ogone-wrap h1{
	font-weight: normal;
	font-size: 1.5em;
	margin: 0;
}

.ogone-wrap .ncoltable1 {
	margin: 1em 0;
	font-size: 1.2em;
	width:100%;
}
.ogone-wrap .ncoltable1 h3{ color:#FFDE00; font-size:0.9em; font-weight:normal; margin:0 0;}
.ogone-wrap  .ncoltable2 {
	margin: 1em 0;
	font-size: 1.23em;
	width:100%;
	border-bottom: 1px solid #3b3939;
}
.ogone-wrap .ncoltable3 {
	margin: 1em 0;
	font-size: 1.23em;
	width: 100%;
}
.ogone-wrap .ncoltable3  a.bottom{
	margin: 0 0.5em;
	text-decoration:underline;
	/*color:#FFDE00;*/
}
.ogone-wrap .ncoltable3  a.bottom:hover{
	text-decoration:none;
}
.ogone-wrap .ncoltxtc {
	padding: 0 0 0.5em 0;
}
.ogone-wrap .ncoltxtr select {
	background: url(https://www.moviemaxonline.eu/images/dropdown.gif) no-repeat center right 0.5em #1e1e1e ;
	border: 2px solid #323130;
	border-radius: 0.3em;
	height: 3em;
	line-height: 3em;
	padding: 0 0.5em;
	font-size: 0.7em;
	margin: 0;
	display: inline-block;
	width: 12em;
	color: #cacaca;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
}

#iDealTbl input.ncol {
	border: 2px solid #f0f0f0;
	background: rgba(0,0,0,0.4);
	height: 2em;
	text-align: center;
	text-decoration: none;
	border-radius: 0.31em;
	display: inline-block;
	padding: 0 1em;
	cursor: pointer;
	box-sizing: border-box;
	font-family: 'RobotoRegular', sans-serif;
	margin: 1em 0;
	width: 8em;
	font-size: 0.8em;
	font-weight: normal;
	text-transform: none;
	color:#fff;
}
#ncol_cancel{
	border: 2px solid #f0f0f0;
	background: rgba(0,0,0,0.4);
	height: 2em;
	text-align: center;
	text-decoration: none;
	border-radius: 0.31em;
	display: inline-block;
	padding: 0 1em;
	cursor: pointer;
	box-sizing: border-box;
	font-family: 'RobotoRegular', sans-serif;
	margin: 1em 0;
	width: 8em;
	font-size: 1em;
	font-weight: normal;
	text-transform: none;
	color:#fff;
}
#submit3{
	border: 2px solid #f0f0f0;
	background: rgba(0,0,0,0.4);
	height: 2em;
	text-align: center;
	text-decoration: none;
	border-radius: 0.31em;
	display: inline-block;
	padding: 0 1em;
	cursor: pointer;
	box-sizing: border-box;
	font-family: 'RobotoRegular', sans-serif;
	margin: 1em 0;
	width: 16em;
	font-size: 1em;
	font-weight: normal;
	text-transform: none;
	color:#fff;
}

#iDealTbl input.ncol:hover,
#ncol_cancel:hover, #submit3:hover{
	background: #FFDE00;
	border: 2px solid #FFDE00;
	color:#101010;

}
.ogone-wrap .ncolinput select {
	background: url(https://www.moviemaxonline.eu/images/dropdown.gif) no-repeat center right 0.5em #1e1e1e ;
	border: 2px solid #323130;
	border-radius: 0.3em;
	height: 3em;
	line-height: 3em;
	padding: 0 0.5em;
	font-size: 0.7em;
	margin: 0;
	display: inline-block;
	width: 8em;
	color: #cacaca;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
	margin-bottom:0.4em;
}
.ogone-wrap .ncolinput select:first-of-type{ width:7em;}
.ogone-wrap .ncolinput select:first-of-type{ margin-right:0.5em;}
.ogone-wrap .ncolinput select:nth-of-type(2){ margin-left:0.5em;}
.psp .ogone-wrap input{ margin-bottom:0.3em;}

#ie_cc > tbody > tr:nth-child(1) > td:nth-child(1){display:none;}
#ie_cc > tbody > tr:nth-child(1) > td:nth-child(2){width:100%;}
#ie_cc > tbody > tr:nth-child(1) > td:nth-child(3){display:none;}
#NCOLPP{ margin-bottom:1em;}
.midncol{ font-size:0.7em;}
#iDealTbl .ncoltxtl{ text-align:center !important}
#psp-ogone .title { text-align:center;}
#psp-ogone .title span { padding-right: 0.3em; vertical-align: -0.1em;}

.icon.btn.overlay_button {
	font-size: 2em;
}

/* Action page */
.theme_image {
	background: url("../images/actions/spareribexpress.jpg") no-repeat left top;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.overlay_gradient {
	background: -moz-linear-gradient(top, rgba(16,16,16,0.2) 0%, rgba(16,16,16,1) 100%);
    background: -webkit-linear-gradient(top, rgba(16,16,16,0.2) 0%,rgba(16,16,16,1) 100%);
    background: linear-gradient(to bottom, rgba(16,16,16,0.2) 0%,rgba(16,16,16,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc101010', endColorstr='#101010',GradientType=0 );
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.theme_content {
	padding-top: 10%;
	position: relative;
}
.theme_title {
	font-size: 1.63em;
  	margin-bottom: 1.25em;
  	width: 100%;
  	text-align: center;
}
.theme_text {
	font-family: 'RobotoLight', sans-serif;
    margin-bottom: 2.05em;
    width:100%;
    text-align: center;
}
.theme_covers {
	text-align: center;
}
.theme_covers .cover {
	display: inline-block;
 	 width: 9em;
  	height: auto;
  	margin-right: 0.61em;
  	margin-bottom: 0.61em;
}
@media only screen and (max-width : 1725px) {
	.theme_covers .cover {
		width: 8em;
	}
}
@media only screen and (max-width : 1550px) {
	.theme_covers .cover {
		width: 7em;
	}
}
@media only screen and (max-width : 1375px) {
	.theme_covers .cover {
		width: 6em;
	}
}
@media only screen and (max-width : 1200px) {
	.theme_covers .cover {
		width: 12em;
	}
}
@media only screen and (max-width : 384px) {
		.theme_covers .cover {
			width: 9em;
		}
}
@media only screen and (max-width : 732px) and (orientation : landscape) {
	.theme_covers .cover {
		width: 10em;
	}
}

.title_btn { display: inline-block; border-bottom: 2px solid white;}
.title_btn:hover { border-bottom: 2px solid #ffd200; animation: border 0.5s 1 both; }
.btn:hover .btn_img { filter:invert(100%); }
.overlay_button.icon.btn.focusable { position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 7.38em; margin: 0 1% 1% 0; padding: 0 0.5em; }
.overlay_button.icon.btn.focusable .btn_img { margin-top:1.5em; }
.overlay_button.icon.btn.focusable span {
	line-height: inherit;
}

@media only screen and (max-width: 480px) {
	.overlay_button.icon.btn.focusable {
		margin: 0 2% 2% 0;
		width: 47%;
	}
}

/* Theme page */

/* Styling for the editorial part */
#div_content > div:first-of-type {
	height: 100vh;
	width: 90%;
	margin: 0 auto;
	margin-top: 4em;
}

#div_content > div:first-of-type .background {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 0;
	z-index: -1;
	width: 100%;
	height: auto;
	overflow: hidden;
	left: auto;
	transform: none;
}
#div_content > div:first-of-type .theme_overlay_gradient {
	height: 102%;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	background: -moz-linear-gradient(top, rgba(16,16,16,1) 0%, rgba(8,8,8,0.5) 50%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(16,16,16,1) 0%,rgba(8,8,8,0.5) 50%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(16,16,16,1) 0%,rgba(8,8,8,0.5) 50%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

/* ------------------------------ */
.theme_container {
	width: 100%;
	min-height: 100vh;
	height: fit-content;
	padding: 5% 0;
}
.theme_image {
	position: relative;
	background: url("/images/themes/piratesofthecaribbean.jpg") no-repeat left top;
	background-size: cover;
	width: 100%;
	min-height: 100vh;
	height: fit-content;
	padding: 5% 0;
}
.theme_overlay_gradient {
	background: -moz-linear-gradient(top, rgba(16,16,16,0.2) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(16,16,16,0.2) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(16,16,16,0.2) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc101010', endColorstr='#101010',GradientType=0 );
	height: 101%;
	width: 100%;
	position: absolute;
	bottom: 0;
}
.theme_content {
	width: 90%;
	margin: 0 auto;
	padding-top: 5%;
	padding-bottom: 3%;
	position: relative;
}
.theme_title {
	font-size: 1.63em;
	margin-bottom: 1.25em;
	width: 100%;
	text-align: center;
}
.theme_text {
	font-family: 'RobotoLight', sans-serif;
	margin-bottom: 2.05em;
	margin: 0 auto;
	width:100%;
	max-width: 1200px;
	text-align: center;
}
.theme_covers {
	text-align: center;
	padding: 1em 0;
}
.theme_covers .cover {
	display: inline-block;
	width: 9em;
	height: auto;
	margin-right: 0.61em;
	margin-bottom: 0.61em;
}
@media only screen and (max-width : 1725px) {
	.theme_covers .cover {
	width: 8em;
	}
}
@media only screen and (max-width : 1550px) {
	.theme_covers .cover {
	width: 7em;
	}
}
@media only screen and (max-width : 1375px) {
	.theme_covers .cover {
		width: 6em;
	}
}
@media only screen and (max-width : 1200px) {
	.theme_covers .cover {
		width: 10em;
	}
}
@media only screen and (max-width : 384px) {
	.theme_covers .cover {
		width: 9em;
	}
}
@media only screen and (max-width : 732px) and (orientation : landscape) {
	.theme_covers .cover {
		width: 10em;
	}
}

.theme_movie {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
}

.theme_movie .theme_overlay_gradient {
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.theme_movie-item {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 90%;
	height: 100%;
	padding: 5% 0;
}
.theme_movie_cover {
	margin-right: 3em;
}
.theme_movie_cover img {
	border: 3px solid transparent;
}
.theme_movie_cover img:hover {
	animation: coverimg 1s 1 both;
	border: 3px solid #ffd200;
}
.theme_movie_content .title h1 {
	font-size: 1.63em;
	font-weight: normal;
	margin-bottom: 0.4em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.theme_movie_content .title .icon_kw {
	float: right;
	margin-right: 0.32em;
	margin-top: 0.36em;
}
.theme_movie_content .title .year {
	float: right;
	line-height: 1.72em;
	padding-left: 0.86em;
	padding-right: 0.1em;
}
.theme_movie_content .rating {
	margin-right: 1.5em;
}
/*.theme_movie_content .rating .icon-star {*/
	/*margin-right: -0.5em;*/
/*}*/
.theme_movie_content .rating .icon-star:nth-of-type(even) {
	margin-right: -0.25em;
}
.theme_movie_content .specs .rating .icon-star.active {
	color: #fed100;
}

.theme_movie_content .specs .specs-info {
	display: inline-block;
	margin: 0 -4px 0 0;
	margin-bottom: 0.4em;
}
.theme_movie_content .specs .specs-info span {
	margin: 0 1.5em 0.5em 0;
	display: inline-block;
}

.theme_movie_content .btn {
	margin: 1.5em 0;
}
.theme_movie_content #btn_trailer {
	margin-left: 0.68em;
}
.theme_movie_content .info .author {
	font-weight: bold;
}

@media only screen and (max-width : 1280px) {
	.theme_movie_cover {
		display: none;
	}

	.theme_movie-item {
		padding: 5% 0;
	}
}
@media only screen and (max-width : 1600px) {
	#div_content > div:first-of-type .background {
		width: auto;
		height: 100%;
		overflow: hidden;
		left: auto;
		transform: none;
	}
	#div_content > div:first-of-type .theme_overlay_gradient {
		height: 100%;
	}
}
@media only screen and (orientation: landscape) {
	#div_content > div:first-of-type .background {
		left: 0 !important;
		transform: none;
		width: 100%;
	}
}
@media only screen and (max-width : 767px) {
	.theme_movie-item {
		display: block;
		padding: 10% 0;
	}
}

.one, .two, .three {
	display: block;
	width: 5px;
	height: 5px;
	margin: 0 0 3px 6px;
	margin-left: 50%;
	transform: translateX(-50%) rotate(45deg);

	border-right: 2px solid white;
	border-bottom: 2px solid white;
}

.one {
	margin-top: 15px;
}

.one, .two, .three {
	-webkit-animation: mouse-scroll 1s infinite;
	-moz-animation: mouse-scroll 1s infinite;
}

.one {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-webkit-animation-direction: alternate;
}

.two {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-webkit-animation-direction: alternate;
}

.three {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-webkit-animation-direction: alternate;
}

.mouse {
	position: fixed;
	height: 21px;
	width: 14px;
	border-radius: 10px;
	border: 2px solid white;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	bottom: 40px;
}

.wheel {
	height: 5px;
	width: 2px;
	display: block;
	margin: 5px auto;
	background: white;
	position: relative;
}

.wheel
{
	-webkit-animation: mouse-wheel 1.2s ease infinite;
	-moz-animation: mouse-wheel 1.2s ease infinite;
}

@-webkit-keyframes mouse-wheel
{
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(6px);
		-ms-transform: translateY(6px);
		transform: translateY(6px);
	}
}

@-moz-keyframes mouse-wheel
{
	0% { top: 1px; }
	50% { top: 2px; }
	100% { top: 3px;}
}

@-webkit-keyframes mouse-scroll {

	0%   { opacity: 0;}
	50%  { opacity: .5;}
	100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

	0%   { opacity: 0; }
	50%  { opacity: .5; }
	100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

	0%   { opacity: 0; }
	50%  { opacity: .5; }
	100% { opacity: 1; }
}
@keyframes mouse-scroll {

	0%   { opacity: 0; }
	50%  { opacity: .5; }
	100% { opacity: 1; }
}

.closing div {
	margin: 1em 0;
}

.closing .trailer_position {
	padding-top:5% !important;
}

.closing .videoland_logo{
	margin: 0 1em;
	width: 16em;
}

.closing .mejane_logo {
	margin: 0 1em;
	width: 14em;
}