/* complete custom */
@font-face {
	font-family: 'ITCAvantGardePro-XLt';
	src: url('/assets/fonts/itcavantgardeproxlt.eot');
	src: url('/assets/fonts/itcavantgardeproxlt.eot?#iefix') format('embedded-opentype'),
		url('/assets/fonts/itcavantgardeproxlt.woff') format('woff'),
		url('/assets/fonts/itcavantgardeproxlt.ttf') format('truetype'),
		url('/assets/fonts/itcavantgardeproxlt.svg#itcavantgardeproxlt') format('svg');
	font-weight: normal;
	font-style: normal;
}
	
		
@font-face {
	font-family: 'ITCAvantGardePro-Bold';
	src: url('/assets/fonts/itcavantgardeprobold.eot');
	src: url('/assets/fonts/itcavantgardeprobold.eot?#iefix') format('embedded-opentype'),
		url('/assets/fonts/itcavantgardeprobold.woff') format('woff'),
		url('/assets/fonts/itcavantgardeprobold.ttf') format('truetype'),
		url('/assets/fonts/itcavantgardeprobold.svg#itcavantgardeprobold') format('svg');
	font-weight: normal;
	font-style: normal;
}
		
		
@font-face {
	font-family: 'ITCAvantGardePro-Demi';
	src: url('/assets/fonts/itcavantgardeprodemi.eot');
	src: url('/assets/fonts/itcavantgardeprodemi.eot?#iefix') format('embedded-opentype'),
		url('/assets/fonts/itcavantgardeprodemi.woff') format('woff'),
		url('/assets/fonts/itcavantgardeprodemi.ttf') format('truetype'),
		url('/assets/fonts/itcavantgardeprodemi.svg#itcavantgardeprodemi') format('svg');
    font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ITCAvantGardePro-Md';
	src: url('/assets/fonts/itcavantgardepromd.eot');
	src: url('/assets/fonts/itcavantgardepromd.eot?#iefix') format('embedded-opentype'),
		url('/assets/fonts/itcavantgardepromd.woff') format('woff'),
		url('/assets/fonts/itcavantgardepromd.ttf') format('truetype'),
		url('/assets/fonts/itcavantgardepromd.svg#itcavantgardepromd') format('svg');
	font-weight: normal;
	font-style: normal;
}

		
@font-face {
	font-family: 'melbournebold';
        src: url('/assets/fonts/melbourne_bold_basic-webfont.eot');
        src: url('/assets/fonts/melbourne_bold_basic-webfont.eot?#iefix') format('embedded-opentype'),
            url('/assets/fonts/melbourne_bold_basic-webfont.woff') format('woff'),
            url('/assets/fonts/melbourne_bold_basic-webfont.ttf') format('truetype'),
            url('/assets/fonts/melbourne_bold_basic-webfont.svg#melbournebold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'melbournelight';
    src: url('/assets/fonts/melbourne_light_basic-webfont.eot');
    src: url('/assets/fonts/melbourne_light_basic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/melbourne_light_basic-webfont.woff') format('woff'),
         url('/assets/fonts/melbourne_light_basic-webfont.ttf') format('truetype'),
         url('/assets/fonts/melbourne_light_basic-webfont.svg#melbournelight') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'melbourneregular';
    src: url('/assets/fonts/melbourne_regular_basic-webfont.eot');
    src: url('/assets/fonts/melbourne_regular_basic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/melbourne_regular_basic-webfont.woff') format('woff'),
         url('/assets/fonts/melbourne_regular_basic-webfont.ttf') format('truetype'),
         url('/assets/fonts/melbourne_regular_basic-webfont.svg#melbourneregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html { 

    position: relative;
    min-height: 100%;
}

html, body {
    margin: 0px;
    padding: 0px;
    font-family: Arial, 'Open Sans', sans-serif;
    /*font: 100% Arial, Helvetica, sans-serif;*/
    line-height: normal;
    font-size: 14px;
	font-weight: normal;
}

img{
	transition: all 1s ease-out;
	opacity: 0;
}
#tinymce img{
    opacity: 1;
}
.imgloader{
    display: inline-block;
	background: #ccc;
	transition: all 1s ease-out;
	/* box-shadow: inset 0px 0px 0px 2px #999; */
}
.imgloader.loaded{
	background: transparent;
	/* box-shadow: inset 0px 0px 0px 2px #999; */
}
img.loaded, .fancybox-image, .fancybox-spaceball{
	
	opacity: 1;
}

#squareslider img.rsImg {
    max-width: 100%;
}

.grecaptcha-badge { visibility: hidden; }

.container-fluid, .container {
    max-width: 970px;
}

.spacer {
    height: 206px;
}

.appshow {
    display: none;
}

.searchwrapper {
    border-radius: 0 0 8px 8px;
    right: 175px!important;
    height: 35px!important;
    max-width: 40px!important;
}

.searchwrapper.active {
    max-width: 999px!important;
}

.searchwrapper>div input {
    margin-top: 5px!important;
}

.searchwrapper>.fa {
    font-size: 24px!important;
}

#register .customcheckbox input[type="checkbox"] {
    margin: 0 20px 20px 0;
}

#register .checkboxlabel {
    padding-left: 0;
}

#kiesuwbank input[type="submit"]{
	color: #fff;
    padding: 0 35px 0 10px;
    line-height: 50px;
    position: relative;
    border: 0 none;
    display: inline-block;
    background: #f47521 url(/assets/gfx/chevron_right_white.png) no-repeat;
    background-size: 16px auto;
    background-position: top 8px right 10px;
    text-decoration: none!important;
    transition: all 0.4s;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 120%;
    margin-top: 10px;
    -moz-appearance: none;
-webkit-appearance: none;
}

.fancybox-bg.popup{
    opacity: 1;
    z-index: 1000;
}
#reserveerpopup{
	position: absolute;
	left: 50%;
	margin-left: -250px;
	top: 50%;
	margin-top: -30px;
	right: 0;
	bottom: 0;
	border: 0;
    width: 500px;
    height: 60px;
    z-index: 99999;
	transition: all 250ms ease-in-out;
}
@media only screen and (max-width: 500px) {
	#reserveerpopup{
		width: 100%;
		left: 0;
		margin-left: 0px;
	}
}	


.fancybox-iframe.popup{

}
.fancybox-iframe, #slider, #reserveerpopup{
	background: url(https://www.citycinema.nl/assets/gfx/loader.gif) no-repeat 50% 40% #fff;
        background-size: 50px auto;
}

.fancybox-is-open .fancybox-bg {
	opacity: .95;
}

.fancybox-enabled body, .fancybox-enabled-image body{
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: hidden !important;
	/*height: 2540px !important;*/
	max-height: 100% !important;
}
.fancybox-enabled-image body{
    height: 540px !important;
}
.fancybox-slide--iframe .fancybox-close-small{
	top: -50px;
	right: -50px;
	transform: scale(1.3);
}
.touchevents .fancybox-container{
	   position: absolute !important;
	   right: 0 !important;
	   bottom: 0 !important;
	   width: auto;
	   height: 2000px !important;
	}
.touchevents.fancybox-enabled-image .fancybox-container,
.fancybox-enabled-image .fancybox-container{
    height: 100% !important;
}
.touchevents .fancybox-iframe.popup{
	   height: 2000px !important;
	}
.touchevents.fancybox-enabled, .touchevents .fancybox-enabled{
    overflow: visible !important;
}	
.table_auditorium_wrapper td {padding: 0 !important;}
.auditorium_row, .zibheader {color: black;}
#seatpickerwrapper {position: absolute; background: white; bottom: 0;}
.control .button {width: 35px; line-height: 35px;}

body {
  /* Margin bottom by footer height */
    /*margin-bottom: 206px;*/
	background-size: cover; 
	background-position: center 93px; 
	background-attachment: fixed;
}

h1, h2 {
	font-size: 155%;
}

/*h2 {
	font-size: 135%;
}*/

h3 {
	font-size: 120%;
}

/*.button, input[type="submit"], button {
	color: #f47521;
    padding: 0 35px 0 10px;
	line-height: 50px;
	position: relative;
    display: inline-block;
	background: #d9d8d9;
    text-decoration: none!important;
	transition: all 0.4s;
	text-transform: uppercase;
    font-weight: 400;
    font-size: 120%;
	float: right;
}*/

/*
.button, input[type="submit"], button, a.button:link, a.button:visited {
	color: #fff;
    padding: 0 35px 0 10px;
    line-height: 50px;
    position: relative;
    border: 0 none;
    display: inline-block;
    background: #f47521 url(/assets/gfx/chevron_right_white.png) no-repeat;
    background-size: 16px auto;
    background-position: top 14px right 10px;
    text-decoration: none!important;
    transition: all 0.4s;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 120%;
    margin-top: 10px;
}*/

.button:hover, input[type="submit"]:hover, button:hover, a.button:hover {
    background-position: top 14px right 6px;
}

#annuleermelding .button {
	float: none;
	margin-top: 15px;
}

.button i {
	position: absolute;
	top: 14px;
	right: 8px;
	transition: all 0.4s;
}



.button:hover i {
	right: 4px;
}


.nopadding {
    padding: 0!important;
}

.clear {
    clear: both;
}

.home main {
	padding-top: 0;
}

h1, h2, h3, h4, p {
	margin: 0 0 20px;
}

h2.under {
	margin-top: -10px;
}

article p:last-child, aside p:last-child {
	margin-bottom: 0;
}

article iframe, aside iframe {
    max-width: 100%;
}

img {
	border: 0 none;
}

main img {
	max-width: 100%;
	height: auto;
}

a {
	outline: none;
}

a:link, a:visited {
	color:#f47521;
}

a:hover, a:active, a:focus {
	text-decoration: none;
}

a[href^=tel]{
    color:inherit;
    text-decoration:none;
}

textarea {
    resize: vertical;
}

.wide {
    display: block;
}

.mob {
	display: none;
}

.center {
text-align: center;
}

img.links {
    float: left;
    margin: 4px 20px 4px 0;

}

img.rechts {
    float: right;
    margin: 4px 0 4px 20px;

}

/* start menu */
nav.wide {
    text-align: right;
    bottom: 0;
    display: block;
    opacity: 1;
    transition: all 0.4s;
}

nav.mob {
    opacity: 1;
}

nav.wide.active{
	margin-left: 100px;
}
nav ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

nav ul li {
	position: relative;
	display: inline-block;
	margin-right: 22px;
}

nav ul li a:link, nav ul li a:visited, nav li.sectionheader {
	line-height: 95px;
	text-decoration: none;
	color: #000;
	font-family: 'melbournebold';
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 300;
    display: block;
}

nav ul li a.parent {
	/*cursor: default;*/
}

nav li.sectionheader { 
	display: inline-block;
	cursor: default;
}

nav>ul>li a:hover, nav ul li a:active {
    color: #f47521;
}

nav ul li.active>a:link, nav ul li.active>a:visited {
	font-weight: 500;
	color: #f47521;
}

nav ul li ul {
	max-height: 0;
	opacity: 0;
	position: absolute;
	width: 200px;
	top: 60px;
	background-color: #FFF;
	padding: 0;
	overflow: hidden;
	left: 0px;
	text-align: left;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.75);
	transition: all 0.3s;
}

nav ul li ul.active {
	max-height: 999px;
	opacity: 0.9;
	padding: 10px 0;
}

nav ul li ul li {
              float: none;
display: block;
margin-left: 0;
}

nav ul li ul li a:link, nav ul li ul li a:visited {
color: #f47521;
height: auto;
padding: 5px 10px;
}

nav ul li ul li a:hover, nav ul li ul li a:active {
}

.lavalamp-object {
    border-bottom: 5px solid #f47521;
top: 0!important;
}
/* eind menu */

#logo {
    width: 329px;
    margin-top: 25px;
	margin-left: 30px;
	padding-top: 0px;
	position: absolute;
	transition: all 0.4s;
}
#logo.active{
	width: 100px;
}
#logo img {
    width: 100%;
    height: auto;
	transition: all 0.4s;
}

header {
	position: fixed;
	width: 100%;
	background: linear-gradient(#FFFFFF 50%, #F7F7F7 50%);
	height: 95px;
	z-index: 120;
}

section#filmcaroussel{
	background: #fff;
	border-top: 10px solid #f47521;
	padding: 30px 0 30px;
}

section.header .wrapper.headerbottom{height: 300px;
	/*version 2 fix (agenda/trailers swap)*/
	height: auto;
	}


	header .second{
		background: #f47521;
		height: 60px;
	}
	header .first{
		background: #000;
		height: 33px;
		padding-top: 3px;
	}

#pagetop {
float: right;
text-align: right;
display: block;
opacity: 1;
}

#pagetop #toplinks {
padding: 0px;
background: #000; 
display: inline-block;
line-height: 25px;
font-size: 75%;
}

#toplinks a:link, #toplinks a:visited {
color: #fff;
text-transform: uppercase;
transition: all 0.4s;
display: inline-block;
padding-left: 8px;
margin-left: 15px;
text-decoration: none;
}

#toplinks a:hover, #toplinks a:active {
color: #f47521;
}

#toplinks .fa {
    margin-right: 3px;
}

#pagetop #tel {
color: #fff;
font-size: 100%;
margin-top: 20px;
}

#headerslides{
	position: relative;
	height: 600px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}


/* slider */
/*
section#slider {
margin-top: 90px;
}
*/


/* snel reserveren */
	select {
	    padding:3px;
		padding-left: 0px;
		padding-right: 28px;
	    margin: 0;
	    -webkit-border-radius:0px;
	    -moz-border-radius:0px;
	    border-radius:0px;
	    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #f47521 inset;
	    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #f47521 inset;
	    box-shadow: 0 3px 0 #ccc, 0 -1px #f47521 inset;
	    -webkit-box-shadow: 0 0px 0 #ccc, 0 -1px #f47521 inset;
	    -moz-box-shadow: 0 0px 0 #ccc, 0 -1px #f47521 inset;
	    box-shadow: 0 0px 0 #ccc, 0 -1px #f47521 inset;
	    background: rgba(0,0,0,0.8);
		background: url('//cdn.cinelink.nl/gfx/chevron_down_grey.png') no-repeat 98% 50%;
		background-size: 16px;
	    color:#444;
	    border:none;
	    outline:none;
	    display: inline-block;
	    -webkit-appearance:none;
	    -moz-appearance:none;
	    appearance:none;
	    cursor:pointer;
		font-size: 75%;
		
	}
	select.hide{display: none;}
	/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	    select {padding-right:28px}
	}


.reserveer{
	padding: 20px;
background: #f47521;
	margin-bottom: 20px;
display: inline-block;
}

.reserveerwrap .reserveer {
	width: 100%;
margin-bottom: 0;
}

.reserveer h3 {
	color: #fff;
	font-size: 110%;
	text-transform: uppercase;
}

.newsitems {
	margin-top: 80px;
}

/*footer {
  	position: absolute;
	z-index: 999;
  	bottom: 30px;
  	width: 100%;
  	max-height: 75px;
	background: #000;
	font-size: 110%;
	transition: all 0.4s;
	padding-top: 10px;
}

footer.active {
	max-height:1000px;
}

.footertrigger {
	display: inline-block;
	padding: 0 20px;
	line-height: 40px;
	top: -40px;
	margin-left: 15px;
	color: #fff;
	font-size: 80%;
	position: absolute;
	background: #000;
	cursor: pointer;
}

footer ul {
	margin: 0;
	padding: 0;
	max-height: 40px;
	overflow: hidden;
	list-style-type: none;
	transition: all 0.4s;
	margin-bottom: 20px;
}

footer.active ul {
	max-height: 1000px;
}



footer ul > li {
	line-height: 60px;
	color: #fff;
	font-weight: 400;
}

footer ul li ul li {
	line-height: normal;
	font-weight: 300;
	font-size: 75%;
}

footer ul li ul {
	max-height: 9999px;
	margin-top: 20px;
}

footer ul li a:link, footer ul li a:visited {
	color: #fff;
}*/

#bottom {
	/*position: absolute;
	width: 100%;
	bottom: 0;*/
	font-size: 60%;
	line-height: 40px;
	color: #fff;
	text-align: center;
	color: #adadad;
	font-size: 12px;
}

#bottom ul {
	margin: 0;
	padding: 0;
	display: inline;
}

#bottom ul li{
	position: relative;
	display: inline-block;
	margin-left: 30px;
}

#bottom ul li:first-child {
	margin-left: 0;
}

#bottom ul li a:link, #bottom ul li a:visited, #bottom a:link, #bottom a:visited {
	color: inherit;
	line-height: 30px;
}

.copy {
	float: right;
}

#slider {
	position: relative;
}

.headerblock {
	margin-bottom: 30px;
}

#content .container {
	background: #fff;
	padding: 30px 15px;
	margin-top: 30px;
}

.back {
	display: inline-block;
	float: right;
}

.back a:link, .back a:visited {
	color: #f47521;
    padding: 0 10px 0 35px;
	line-height: 50px;
	position: relative;
    display: inline-block;
	background: #d9d8d9;
    text-decoration: none!important;
	transition: all 0.4s;
	text-transform: uppercase;
    font-weight: bold;
    font-size: 120%;
	float: right;
}

.back a i {
	position: absolute;
	top: 14px;
	left: 12px;
	transition: all 0.4s;
}

.back a:hover i {
	left: 8px;
}

#nightshift {
	/*display: inline-block;*/
        display: none;
        opacity: 1;
	line-height: 30px;
	font-size: 75%;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.4s;
}

#nightshift:hover {
	color: #f47521;
}

#nightshift.active {
	color: #f47521;
}

.gallery .img{
	margin: 0 !important;
}
.gallery .img a{
	padding: 0 !important;
	border: 0 !important;
}
ul.thumbs{
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.thumbs li{
	margin-bottom: 0px;
	margin-top: 10px;
	margin-left: 10px;
	display: inline-block;
}
ul.thumbs li img{
	width: 213px;
}
.gallery ul.thumbs li img{
	width: 226px;
}
.overzichtfilms .overzicht {
	display: inline-block;
	margin-left: 15px;
}
.kijkwijzer, .kijkwijzer li{
list-style: none !important;
}

#wmlivechatbox {
	z-index: 99999!important;
}

#overzicht-home {
    background: #fff;
    padding-bottom: 50px;
}

#overzicht-home #verder-films {
    width: auto;
    height: 28px;
    background: #000000;
    bottom: 0px;
    display: block;
    color: #ffffff;
    right: 25px;
    padding: 6px;
    position: absolute;
    font: normal 14px 'melbournebold';
    text-decoration: none;
    text-transform: uppercase;
}

#overzicht-home h2 {
    color: #f47521;
    text-transform: uppercase;
    font: normal 36px 'melbournebold';
    margin: 0 0 18px 0;
    width: 453px;
    border-bottom: 1px dotted #939393;
    padding: 6px 12px 0 12px;
}

#overzicht-home > p {
    color: #000000;
    text-transform: uppercase;
    font: normal 14px 'melbournebold';
    display: block;
    float: left;
    width: 465px;
    border-top: 1px solid #dadada;
    padding: 7px 0 1px 12px;
    text-decoration: none;
    cursor: pointer;
    margin: 0;
}

#overzicht-home p:nth-child(2n+1) {
    background: #eee;
}

#overzicht-home a {
    color: #000000;
    text-transform: uppercase;
    font: normal 14px 'melbournebold';
    display: block;
    float: left;
    width: 465px;
    border-top: 1px solid #dadada;
    padding: 5px 0 5px 12px;
    text-decoration: none;
    cursor: pointer;
}

#overzicht-home .show_trigger {
    display: inline-block;
    padding: 3px 0 5px 0;
    width: auto;
    border-top: 0;
}


element.style {
}
body.luxorreuver #logger p, body.luxorreuver #logger p a, body.luxorreuver #overzicht-home a.time, body.luxorreuver table.overzicht tr td p.vandaag a, body.luxorreuver form.contactform .submit, body.luxorreuver .main-color-back h3.zwart, body.luxorreuver #bios-info form p {
    color: #fff;
}

body.luxorreuver #logger, body.luxorreuver #overzicht-home a.time, body.luxorreuver #overzicht-home #verder-films:hover, body.luxorreuver #verder-bios:hover, body.luxorreuver table.overzicht tr td p.vandaag {
    background: #f47521;
}

#overzicht-home a.time {
    display: inline-block;
    background: #f47521;
    padding: 2px 10px 1px 10px;
    border-radius: 10px;
    float: right;
    margin-right: 10px;
    margin-top: -1px;
    margin-bottom: 2px;
    font-family: 'Arial', sans-serif;
    font-size: 13px;
    color: #fff;
    text-transform: none;
    width: auto;
}

body.luxorreuver #logger, body.luxorreuver #overzicht-home a.time, body.luxorreuver #overzicht-home #verder-films:hover, body.luxorreuver #verder-bios:hover, body.luxorreuver table.overzicht tr td p.vandaag {
    background: #f47521;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 4px;
    padding-right: 4px;
}


.homeblocks {
    margin-top: 40px;
    margin-bottom: 8px;
}

.homeblocks img {
    width: 100%;
    height: auto;
}

.home #b1 {
    background-image: url(/assets/gfx/1-2-citycinema.png);
    background-size: 100% auto;
    margin: 0 7px 7px 0;
}

.home .eerste:hover {
    background: url(/assets/gfx/luxorreuver-citycinema.jpg) no-repeat!important;
    background-size: 100% auto!important;
}

.home #b2 {
    background-image: url(/assets/gfx/1-2-citycinema.png);
    background-size: 100% auto;
    margin: 0 0px 7px 0;
}

.home .tweede:hover {
    background: url(/assets/gfx/Scene.jpg) no-repeat!important;
    background-size: 100% auto!important;
}

.b {
    float: left;
    width: 100%;
    height: 233px;
    overflow: hidden;
    background-size: 100% auto;
}

.b h4 {
    color: #ffffff;
    font: normal 14px 'melbourneregular';
}

.b h3 {
    color: #ffffff;
    font: normal 28px 'melbournebold';
    text-transform: uppercase;
}

.b h2 {
    color: #ffffff;
    font: normal 28px 'melbournebold';
    text-transform: uppercase;
    margin: 20px 0 0 15px;
}

.b p {
    color: #ffffff;
    font: normal 14px 'Arial';
    margin: 10px 0 0 15px;
}

.b a:link, .b a:visited {
    color: inherit;
}

#introtekst {
    background: #ffffff;
    margin: 0 20px 0 0px;
    position: relative;
    height: 350px;
    overflow: hidden;
}

#verder-bios {
    background: #000000;
    display: block;
    color: #ffffff;
    margin: 324px 0 0 50px;
    padding: 6px;
    position: absolute;
    font: normal 13px 'melbournebold';
    text-decoration: none;
    text-transform: uppercase;
}

body.luxorreuver #verder-bios {
    margin-left: 6px;
}

#introtekst h2 {
    color: #f47521;
    text-transform: uppercase;
    font: normal 24px 'melbourneregular';
    width: 453px;
    border-bottom: 1px dotted #939393;
    margin: 10px 0 15px 0;
    padding: 6px 12px 4px 12px;
}

#introtekst h2 span {
    font: normal 24px 'melbournebold';
}

#introtekst p {
    font: normal 14px 'Helvetica';
    padding: 0 12px 0 12px;
}

#news-home {
    background: #ffffff;
    margin: 0 0px 0 0px;
    /*height: 340px;*/
    position: relative;
    overflow: hidden;
}

#news-home h2 {
    color: #f47521;
    text-transform: uppercase;
    font: normal 24px 'melbourneregular';
    margin: 0 0 18px 0;
    width: 453px;
    border-bottom: 1px dotted #939393;
    margin: 10px 0 0 0;
    padding: 6px 12px 5px 12px;
}

#footer {
    background: #242424;
    margin-top: 50px;
    padding-bottom: 20px;
}

#homepicfooter {
    display: inline-block;
    margin: 4px 0 0 22px;
    float: left;
}

#footer a:link, #footer a:visited {
    color: inherit;
}

#footer #footer-boven {
    display: block;
    height: 37px;
    border-bottom: 1px solid #454545;
    border-left: 1px solid #454545;
    margin: 0 0 0 59px;
}

#footer #footer-boven p {
    color: #adadad;
    font: normal 11px 'Helvetica';
    margin: 0 0 0 20px;
    padding-top: 11px;
}

#footer #footer-boven p a {
    color: #adadad;
    text-decoration: none;
}

#footer-left {
    margin: 40px 20px 0 50px;
}

#footer h3 {
    color: #ffffff;
    font: normal 12px 'melbourneregular';
    text-transform: uppercase;
    margin-bottom: 10px;
}

#footer-left p {
    color: #adadad;
    font: normal 11px 'Helvetica';
}

#footer-left form {
    margin-bottom: 20px;
}

#footer-left form input.submit {
    color: #fafafa;
    float: left;
    width: 148px;
    margin: 30px 0 0 0px;
    padding: 0px;
    border: none;
    background: none;
    font: normal 12px 'melbournebold';
    text-transform: uppercase;
    text-align: left;
    cursor: pointer;
}

#footer-left form input {
    color: #474747;
    border: none;
    border-bottom: 1px solid #454545;
    background: none;
    width: 100%;
    font: normal 48px 'Helvetica';
}

#footer-right {
    margin: 40px 0 0 0px;
}

#footer-right p {
    color: #adadad;
    font: normal 11px 'Helvetica';
}

#footer-contact-right table tr td {
    color: #adadad;
    font: normal 11px 'Helvetica';
    padding: 0 0 0 0;
}

#socialfooter {
    position: relative;
    top: 0;
    left: 4px;
}

#content article {
    background: #fff;
    padding: 20px;
    /*min-height: 300px;*/
}

#content article:first-child {
    margin-bottom: 8px;
}

#content h1, h2.extraarticle {
    color: #f47521;
    text-transform: uppercase;
    font: normal 36px 'melbournebold';
    margin: -20px -20px 20px -20px;
    padding: 12px 12px 0 12px;
    border-bottom: 1px dotted #939393;
}

.naarboven {
    color: #f47521;
    font: normal 18px 'melbournebold';
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    margin: 20px -12px 0 -12px;
    padding: 12px 12px 0 12px;
    border-top: 1px dotted #939393;
    cursor: pointer;
}

body.luxorreuver .main-color-back {
    background: #f47521!important;
}

.b h3 {
    color: #ffffff;
    font: normal 28px 'melbournebold';
    text-transform: uppercase;
    margin: 10px 0 0 15px;
}

body.luxorreuver #b2 {
    background-image: url(/assets/gfx/1-2-citycinema.png);
}

body.luxorreuver #b2.tweede {
    background-image: url(/assets/gfx/1-1-citycinema.png);
}

#submenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#submenu ul li {
    /*height: 88px;*/
    border-bottom: 1px solid #dadada;
    position: relative;
    display: block;
    padding: 10px 64px 10px 20px;
    margin-left: -12px;
    margin-right: -12px;
}

#submenu ul li:last-child {
    border-bottom: 0 none;
}

#submenu h3 {
    color: #000000;
    font: bold 14px 'Helvetica';
    text-transform: uppercase;
    margin: 0 0 8px 0;
}

#submenu p {
    color: #000000;
    font: normal 14px 'Helvetica';
    width: 370px;
}

img.newsitem-arrow {
    position: absolute;
    top: 15px;
    right: 15px;
}

aside #squaresliderwrap {
    margin-bottom: 8px;
}

aside {
    padding-right: 0!important;
}

.maps {
    margin-top: 8px;
}

#logger {
    position: fixed;
    right: 20px;
    top: 95px;
    height: 35px;
    background: #f47521;
    padding: 10px 10px 10px 10px;
    -moz-border-radius: 8px;
    border-radius: 0 0 8px 8px;
    z-index: 99;
}

#logger p {
    color: #fff;
    font: normal 12px 'Arial';
    margin: 0px;
}

.menutrigger {
    display: none;
}

aside.col-sm-6 {
    padding: 0;
}

.filmdetailpage aside.col-sm-6 {
    padding-left: 4px;
    padding-right: 4px;
}

.counterimg{
    width: 43px;
}
/* Stylesheet: cinestyles Modified On 2022-08-22 10:43:28 */
@media only screen and (max-width: 1589px) {
	
    #logo {
        width: 240px;
        margin-left: 20px;
        margin-top: 30px;
    }
    
    nav ul li a:link, nav ul li a:visited, nav li.sectionheader {
        font-size: 16px;
    }

}
/* Stylesheet: r1200 Modified On 2018-09-12 13:26:19 */
@media only screen and (max-width: 1199px) {
	
	#logo {
        width: 175px;
        margin-left: 10px;
        margin-top: 34px;
	}
	
	.searchwrapper {
        width: 50%!important;
        top: 95px!important;
    }
	
	nav ul li a:link, nav ul li a:visited, nav li.sectionheader {
	    font-size: 15px;
	}
	
	nav ul li {
	    margin-right: 10px;
	}

	
	#newsletter #nms_name {
		margin-bottom: 10px;
	}
	
	.corner {
	    border-top: 48px solid #8b2112;
        border-right: 48px solid transparent;
	}

}
/* Stylesheet: r960 Modified On 2020-03-25 16:38:52 */
@media only screen and (min-width: 992px) {
    


}
/* Stylesheet: hovers Modified On 2017-12-13 12:19:57 */
@media only screen and (max-width: 991px) {
	
	.container-fluid {
	    padding-left: 30px;
	    padding-right: 30px;
	}
	
	nav, nav.wide {
	    display: none;
	    width: 100%;
	    background: #f47521;
	    top:0;
	    overflow: auto;
	    z-index: 10;
	    margin-top: 0;
	    position: absolute;
	    top: 95px;
	    z-index: 100;
	}
	
	nav ul li.active>a:link, nav ul li.active>a:visited {
	    color: #fff;
	}

	nav ul {
	    padding: 15px 0;
	    text-align: left;
	    display: block;
	    list-style-type: none;
	}

	nav > ul {
	    margin-bottom: 0;
		width: 750px;
		margin: 0 auto;
	}

	nav ul li {
	    display: block;
		width: calc(100% - 40px);
	}

	nav ul li a:link, nav ul li a:visited, nav ul li.sectionheader {
	    text-decoration: none;
	    display: block;
		width: 100%;
	    height: auto;
		color: #fff;
	    padding: 15px 15px;
	    font-size: 110%;
	    line-height: 22px;
	    border-bottom: 1px solid #f47521;
	}
	
	nav ul li.sectionheader { 
		width: calc(100% - 40px);
		padding: 0;
		border-bottom: 0 none;
	}
	
	nav ul > li.sectionheader > span {
		padding: 15px 15px;
		display: block;
		border-bottom: 1px solid #f47521;
	}
	
	nav a.parent, nav li.sectionheader > span {
		background: url('https://www.citycinema.nl/assets/gfx/chevron_down_grey.png') no-repeat 98% 50%;
		background-size: 20px;
	}
	
	nav.mob a.parent.activeitem, nav.mob li.sectionheader > span.activeitem  {
		background: url('https://www.citycinema.nl/assets/gfx/chevron_up_grey.png') no-repeat 98% 50%;
		background-size: 20px;
	}

	nav.mob ul li ul {
	    position: relative;
		width: 100%;
		top: 0;
		background-color: transparent;
	    padding: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow:    none;
		box-shadow:         none;
	    opacity: 1;
	    transition: all 1s;
	}
	
	nav ul li ul.active {
		padding: 0;
	}
	
	/*nav ul li.menuactive ul {
		max-height: 999px;
		opacity: 0.9;
		padding: 10px 0;
	}*/

	nav.wide ul li:hover ul {
	    padding-bottom: 0;
	}

	nav ul li ul li {
	    padding: 0;
		width: 100%;
	}

	nav ul li ul li a:link, nav ul li ul li a:visited {
	color: #fff;
	padding: 15px 30px;
	}

	.menutrigger {
	display: block;
	position: absolute;
	top: 23px;
	right: 15px;
	width: 80px;
	height: 52px;
	cursor: pointer;
	z-index: 20;
	text-align: right;
	line-height: 52px;
	text-transform: uppercase;
	font-family: 'melbournebold';
	font-size: 18px;
	}

	.menutrigger span { position: absolute; left: 7px; top: 24px; }

	.menutrigger span, .menutrigger span:before, .menutrigger span:after {
	  cursor: pointer;
	  border-radius: 1px;
	  height: 3px;
	  width: 25px;
	  background: #000;
	  position: absolute;
	  display: block;
	  content: '';
	transition: all 500ms ease-in-out;
	}
	.menutrigger span:before {
	  top: -6px;
	}
	.menutrigger span:after {
	  bottom: -6px; 
	}



	.menutrigger.active span {
	  background-color: transparent;
	}
	.menutrigger.active span:before, .menutrigger.active span:after {
	  top: 0;
	}
	.menutrigger.active span:before {
	  transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	}
	.menutrigger.active span:after {
	  transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	}
	
	footer ul > li, footer ul li ul li {
		font-size: 80%;
	}
    

	#seatpicker{
		width: 100%;
		height: calc(100% - 30px);
		top: 0;
		left: 0;
		margin-left: 0px;
	}
	.close-thik{
		left: auto;
		margin-left: auto;
		right:20px;
		top: 40px;
		margin-top: 0;
		z-index: 33999993;
	}
	
	.scroll nav ul li ul {
	    top: 0;
	}
	
	img.rsImg {
        max-width: none;
        margin-left: 0!important;
        width: 100%!important;
    }
    
    #overzicht-home > p {
        width: 100%;
    }
    
    .corner {
        border-top: 40px solid #8b2112;
        border-right: 36px solid transparent;
    }
    
    #overzicht-home #verder-films {
        right: auto;
        left: 4px;
    }
    
    #introtekst {
        margin-right: 0!important;
    }
    
    #introtekst h2 {
        width: 100%;
    }
    
    footer, #footer {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    #footer-left {
        margin: 10px 20px 0 0px;
    }
    
    #footer-right {
        margin: 20px 0 0 0px;
    }
    
    #socialfooter {
        top: 0;
    }
    
    .b {
        margin-bottom: 8px;
    }
    
    #submenu ul li {
           
    }
    
    #submenu p {
        width: 100%;
    }
    
    #content h1 {
        font-size: 30px;
    }
    
    .spacer {
        height: 165px;
    }
    
    article iframe, aside iframe {
        width: 100%;
    }
    
    #introtekst {
        height: auto;
        padding-bottom: 20px;
    }
    
    #verder-bios {
        margin: 0;
        bottom: 0;
    }
    
    #overzicht-home h2, #news-home h2 {
        width: 100%;
        font-size: 30px;
    }
	
}

/* Stylesheet: r768 Modified On 2018-05-30 16:39:48 */
@media only screen and (max-width: 767px) {
    
.container-fluid {
    padding-left: 20px;
    padding-right: 20px;
}

.searchwrapper {
    position: relative!important;
    top: 0!important;
    right: auto!important;
    width: 100%!important;
	/*width: calc(100% - 20px)!important;
    top: 58px!important;
    right: 10px!important;*/

}

.searchwrapper.active>div input {
	    max-width: 100%!important;
	}
	
body {
	margin: 0;
}

header {
    height: 58px;
}

/*header.activemenu {
	position: fixed;
    width: 100%;
    background: #1a181c;
    height: auto;
    z-index: 120;
    top: 0;
    left: 0;
    right: 0;
    overflow-y: scroll;
    bottom: 0;
}*/

.container, #content .container {
	padding-left: 0;
	padding-right: 0;
        margin-top: 0;
}
    
.wide {
    display: none;
}
    
.mob {
    display: block;
}
	
nav.mob {
	display: none;
	opacity: 1;
    top: 58px;
}

nav > ul {
	width: auto;
}

nav ul li a:link, nav ul li a:visited, nav ul li.sectionheader {
    padding: 5px 10px;
}

.menutrigger {
    top: 4px;
    right: 8px;
}

#toplinks span {
	display: none;
}

#logo {
    width: 150px;
    margin-top: 18px;
    margin-left: 8px;
}

#pagetop #toplinks {
	font-size: 105%;
}

#toplinks a:link, #toplinks a:visited {
	margin-left: 3px;
}

footer {
	position: relative;
	margin-top: 30px;
	max-height: 9999px;
    bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
	z-index: 10;
}

#footer {
    margin-top: 20px;
}

footer ul {
	max-height: 9999px;
}

section#filmcaroussel {
	padding: 15px 0 15px;
}
    
.footertrigger {
    display: none;
}
    
footer ul li ul {
    margin: 0 0 10px 0;
}
    
footer ul > li {
    line-height: 50px;
}
    
#bottom {
    position: relative;
    padding: 5px 0;
}
    
#bottom .col-md-12 {
    padding: 0;
}

#bottom ul li, #bottom ul li:first-child {
    margin-left: 0;
    margin: 0;
}
    
.copy {
    position: absolute;
    top: -43px;
    right: 15px;
    z-index: 999;
}
    
#bottom ul li a:link, #bottom ul li a:visited, #bottom a:link, #bottom a:visited {
    line-height: 25px;
}
	
	.zibheader,
	.AuditoriumInformationWrapper,
	.legenda_blok{
	    line-height: 15px;
	    font-size: 60%;
	}
	.table_auditorium_wrapper td{padding: 0;}
	.table_auditorium_wrapper td div{line-height: 0;}
	#seatpicker{height: auto; bottom: 0; top: 0;}
	.auditorium_seat_number{display: none;}
	.auditorium_seat_img{
	    filter: Alpha(Opacity=100);
	    opacity: 1;
	}
	.fancybox-container{
	   position: absolute !important;
	   right: 0 !important;
	   bottom: 0 !important;
	   width: auto;
	   height: auto;
	}
	.fancybox-iframe.popup{
	   transform: scale(1);
	}
	.fancybox-slide--iframe .fancybox-close-small{
		right: 0; 
		top: 0;
    	position: fixed;
		transform: scale(1);
	}
		
	.fancybox-slide--iframe .fancybox-content{
		max-width: 100% ;
		max-height: 100%;
		max-height: 100%;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		
		height: 100%;
		padding: 0;
		width: 100% !important;
		margin:0;
	}
	
	#logger {
	    right: auto;
	    left: 50%;
	    margin-left: -75px;
	    top: 58px;
	}
	
	#content h1, h2.extraarticle, #overzicht-home h2, #news-home h2 {
	    font-size: 22px;
	}
	
	.spacer {
	    height: 120px;
	}

	.homeblocks {
	    margin-top: 10px;
	}
	
	.homeblocks > div:first-child {
	    margin-bottom: 10px;
	}
	
	.b {
	    float: none;
	    display: block;
	}
	
	#introtekst {
	    margin-bottom: 10px;
	    height: auto;
	}
	
	.corner {
    border-top: 40px solid #8b2112;
    border-right: 47px solid transparent;
	}
	
	.home #squaresliderwrap {
	    display: none;
	}
	
	.b h3, .b h2 {
	    font-size: 23px;
	}
	
	#footer-left {
        margin: 10px 10px 0 0px;
    }
    
    #footer-left form input {
        font-size: 30px;
    }
	
}



@media only screen and (max-device-width : 450px),only screen and (max-width : 450px) {
	.auditorium_seat_img{
		width: 90%;
	}
	.auditorium_seat_number{
		font-size: 50%;
	}
}
/* Stylesheet: r300 Modified On 2021-06-01 09:32:29 */
/* 2023-03-13 extra icons *//* 2022-06-02 sub en earcatch ook als kijkwijzers *//* 2022-04-22 cc ad *//* 2022-03-07 ccxl icon *//* 2021-12-09 toevoeging contract-icon *//* 2021-11-09 toevoeging settings en chevrons */@font-face {font-family: 'cine-icons';src: url('/assets/fonts/cine-icons.woff2?v=14') format('woff2'),url('/assets/fonts/cine-icons.woff?v=14') format('woff'),url('/assets/fonts/cine-icons.ttf?v=14') format('truetype');font-weight: normal;font-style: normal;}.ci{display: inline-block;font: normal normal normal 14px/1 cine-icons;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-bottom: 5px;}.kw.kw-subcatch,.kw.kw-earcatch{font-family: cine-icons;}.ci-clapper:before{content: "k";}.ci-3d:before{content: "l";}.ci-food:before{content: "q";}.ci-ad:before{content: "p";}.ci-stage:before{content: "r";}.ci-star:before{content: "i";}.ci-ccxl:before{content: "x";}.ci-settings:before{content: "R";}.ci-chevron-left:before{content: "U";}.ci-chevron-right:before{content: "V";}.ci-chevron-up:before{content: "W";}.ci-chevron-down:before{content: "X";}.ci-alle_leeftijden:before{content: "1";}.ci-6:before, .kw-6_jaar:before, .kw-mg6:before{content: "2";}.ci-9:before, .kw-9_jaar:before{content: "3";}.ci-12:before, .kw-12_jaar:before{content: "4";}.ci-14:before, .kw-14_jaar:before{content: "5";}.ci-16:before, .kw-16_jaar:before{content: "6";}.ci-18:before, .kw-18_jaar:before{content: "7";}.ci-geweld:before{content: "g";}.ci-angst:before,.ci-eng:before {content: "a";}.ci-seks:before {content: "s";}.ci-discriminatie:before {content: "d";}.ci-drugs:before {content: "h";}.ci-grof_taalgebruik:before,.ci-grof:before,.ci-fxckin_rock_roll:before,.ci-fxckin_rockroll:before,.ci-grof_taal_gebruik:before {content: "t";}.ci-contrast:before {content: "*";}.ci-AD:before, .kw-earcatch:before {content: "y";}.ci-AD, .ci-CC, .ci-LowStimulus{width: 32px;font-size: 30px;}.ci-CC{padding-right: 22px;}.kw-subcatch{padding-right: 28px;}.ci-CC:before, .kw-subcatch:before {content: "|";}.ci-LowStimulus:before {content: "}";}.ci-times:before {content: "B";}.ci-info:before {content: "C";}.ci-infool:before {content: "w";}.ci-minus:before {content: "E";}.ci-play:before {content: "F";}.ci-playol:before {content: "_";}.ci-plus:before {content: "I";}.ci-arrowleft:before {content: "u";}.ci-arrowright:before {content: "v";}
/* Stylesheet: cine-icons Modified On 2023-11-27 12:55:10 */