/* 2022-12-19 margin-right aan radio input */
/* 2022-09-26 toplinkssocial */
/* 2022-05-12 openstaande betaldingen controle  */
/* 2021-12-20 aanpassing border in main article table td, vanwege bevestiging na webshop */
/* 2021-12-07 nightshift */
/* 2021-11-15 fontweight 300 verwijderd + clearfix 1px height + styling popup fancybox bg */
/* 2021-11-08 outline bij focus inputvelden verwijderd */
/* 2021-09-27 imgloader display inline gemaakt ipv inline-block */
/* 2021-09-13 inputvelden alleen lijn onder */
/* 2021-09-07 label normale font-weight */
/* 2021-08-25 cookiemelding isInIframe display none */
/* 2021-08-23 winkelwagentrigger aantal items */
/* 2021-06-21 styling select oepsiepagina */
/* 2021-05-10 loader iets hoger in iframe/pop-up
/* 2021-04-19 menustyling */
/* 14-01-2021 #toonqrcode .icons verbergen ivm nieuwe volgorde eticket */
/* 04-01-2021 nav ul li a:link, nav ul li a:visited, nav li.sectionheader > span */
/* 05-10-2020 .counterimg vaste breedte */
/* 22-09-2020 tinymcs geen opacity 0 op img */
/* 22-09-2020 fix fancybox icm nw lazyload */
/* 19-08-2020 nieuw kijkwijzer font, dus 14 en 18 niet meer zelf */
/* versie 17-06-2020 app styling */
/* versie 10-06-2020 table styling fix */
/* versie 20-05-2020 kleine fix formulier */
/* versie 29-04-2020 reCaptcha badge hidden */
/* versie 26-02-2020 .spacer ook ruimte voor iphone x meegeven */
/* versie 22-01-2020 kijkwijzers 14 en 18 */
/* versie 11-12-2019 fix reserveer popup ipad */
/* versie 27-11-2019 close kruis
/* versie 18-10-2019 appversionwrap */
/* versie 06-09-2019 buttons winkelwagen styles */
/* versie 21-08-2019 winkelwagen titelrij */
/* versie 24-07-2019 elogo display none */
/* versie 24-07-2019 fix fancybox op ipad */
/* versie 17-04-2019 fix button hover */
/* versie 20-02-2019 header afbeeldingen hoogte meegeven voor lazy load*/
/* versie 24-09-2018 filterbox verbergen voor ie en font aanpassing*/
/* versie 01-08-2018 loader gif popup iets hoger */
/* versie 18-07-2018 percentage hoogte Homeslider en dynamische footeruitklap */
/*last update: 08-06-2018, header safe inset iphone-x*/
/*last update: 07-03-2018, wachtwoord vergeten verstuurknop*/
/*last update: 21-02-2018, spacer height*/
/*last update: 17-01-2018, dymanic font*/
/*last update: 11-01-2018, iframe max width fix*/
/*last update: 07-01-2018, fancybox tbv afbeeldingen fix*/
/*last update: 04-01-2018, scroll fix android*/
html { 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  min-height: 100%;
  position: relative;
  margin: 0;
  font-size: 100%;

}
img{
	transition: all 0.5s;
	opacity: 0;
}

textarea:focus, input:focus, *:focus {
    outline: none;
}
html.reservering-betalen .error{
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid red;
    
}
#tinymce img{
    opacity: 1;
}

#toonqrcode {
    padding: 15px;
    background: #fff;
}

.isInIframe .cc-window {
    display: none!important;
}

.imgloader{
    /*display: inline-block;*/
    display: inline;
	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;
}

label {
    font-weight: inherit;
}

.afrekenen .cc-revoke.cc-bottom.cc-left.cc-animate {
	display: none!important;
}

.topbuttons .loginsubmit {
    line-height: 20px;
    padding: 8px 50px 8px 20px;
}

input, button, select, textarea {
    border-radius: 0;
}

input[type="text"], input[type="email"], input[type="password"], input[type="tel"] {
    border: 0 none;
    border-bottom: 1px solid #ccc;
    background: none;
    height: 40px;
}

input[type="radio"], input[type="checkbox"] {
    margin-right: 10px;
}

.grecaptcha-badge { visibility: hidden; }

article .contactform {
    margin: 0;
}

#toplinks a.toplinkssocial:link, #toplinks a.toplinkssocial:visited {
    width: 22px;
    display: inline-block;
    height: 22px;
    margin-left: 7px;
    line-height: 22px;
    font-size: 18px;
    position: relative;
    top: 1px;
    padding: 0;
    text-align: center;
    color: #fff;
}

#toplinks a.toplinkssocial.mob {
    display: none;
}

#toplinks .toplinkssocial .fa {
    margin: 0;
}

#toplinks a.toplinkssocial:hover, #toplinks a.toplinkssocial:active {
    color: #eee;
}

.appversionwrap{
  text-align: right;
  padding-right: 10px;
  padding-bottom: 10px;
  font-size: 11px;
   color: #fff;
}
.e-logo {
    display: none!important;
}

.fancybox-container{
   position: fixed!important;
   z-index:9999;
}

html.home2017, html.home {
    height: 100%;
    position: relative;
}

html, body {
    margin: 0px;
    padding: 0px;
    font-family: "Open Sans", sans-serif;
    line-height: normal;
    font-size: 22px;
	font-weight: 300;
}

.appshow {
    display: none;
}

.spacer {
    height: 90px;
    height: calc(90px + env(safe-area-inset-top));
}

.popup21 .fancybox-is-open .fancybox-bg {
    opacity: 1;
    background: #fff;
}


.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.skopein.nl/assets/gfx/loader.gif) no-repeat 50% 15% #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;
	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);
}

.popup21 .fancybox-slide--iframe .fancybox-close-small {
    right: 0;
}

.popup21 .fancybox-slide--iframe .fancybox-close-small:after  {
    color: #000;
}

.popup21 .fancybox-slide--iframe .fancybox-close-small:hover:after {
    color: #ccc;
}

.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;
}

body.home {
    margin-bottom: 0!important;
    height: 100%;
}

h1 {
	font-size: 155%;
}

h2 {
	font-size: 135%;
}

h3 {
	font-size: 120%;
}

/*.button, input[type="submit"], button {
	color: #C59D5F;
    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;
}*/

#winkelwagenoverzicht .title {
    padding: 0 15px;
    background: #C59D5F;
}

.winkelwagentrigger {
    position: relative;
}

.winkelwagentrigger span {
    position: absolute;
    right: -4px;
    top: -7px;
    background: #C59D5F;
    color: #fff;
    width: 18px;
    border-radius: 50%;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-family: arial;
    font-size: 12px;
}

.button, input[type="submit"], input[type="button"], 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: #C59D5F url(/assets/gfx/chevron_right_white.png) no-repeat;
    background-size: 16px auto;
    background-position: top 50% right 10px;
    text-decoration: none!important;
    transition: all 0.4s;
    /*text-transform: uppercase;*/
    font-weight: 400;
    font-size: 120%;
    margin-top: 10px;
	/*float: right;*/
	-webkit-appearance: none;
border-radius: 0;
}

.button:hover, input[type="submit"]:hover, button:hover, a.button:hover {
    background-position: top 50% right 6px;
    color: #fff;
}
#sisowsubmit{
margin-bottom: 20px;
}
#annuleermelding .button {
	float: none;
	margin-top: 15px;
}

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

.totijden.button i {
    top: 16px;
    transition: all 0.4s;
}

.nopadding {
    padding: 0!important;
}

.clear {
    clear: both;
}
/*
.clearfix {
    height: 1px;
}
*/

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.close {
    background: #C59D5F;
    color: #fff;
    width: 28px;
    height: 28px;
    line-height: 23px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    opacity: 1;
    font-family: arial;
}

.home main {
	padding-top: 0;
	padding-bottom: 65px;
}

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

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

main article table td {
    vertical-align: top;
    border: 1px solid grey;
}

main article #invoice table td {
    border: 0 none;   
}

main article table.registration_input_table td {
    border: 0 none;
    position: relative;
}

main article .detailtijden table td {
    border: 0 none;
}

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

article #invoice p:last-child {
    margin-bottom: 20px;
}

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

img {
	border: 0 none;
}

main img {
	max-width: 100%;
	height: auto;
}
main .headerblock.col-md-12 img.loaded{
   /* height: 304px;*/
}
main .headerblock.col-md-12 img.loaded, .isApp main .headerblock.col-md-12 img{
    height: auto;
}
a {
	outline: none;
}

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

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

.isApp *:focus {
    outline: none;
}

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

textarea {
    resize: vertical;
}

.wide {
    display: block;
}

.mob, .button.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 {
width: calc(100% - 328px);
text-align: right;
bottom: 0;
display: block;
opacity: 1;
margin-left: 323px;
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-left: 20px;
}

nav ul li.app {
    display: none;
}

nav ul li a:link, nav ul li a:visited, nav li.sectionheader > span {
	height: 60px;
	font-size: 95%;
	text-decoration: none;
	color: #333;
	font-weight: 400;
display: block;
padding-left: 10px;
padding-top: 20px;
padding-right: 10px;
}

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

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

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

	
}

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

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 {
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 #7c5d31;
top: 0!important;
}
/* eind menu */

#logo {
    width: 303px;
	margin-top: 38px;
	margin-left: 15px;
	padding-top: 0px;
	position: absolute;
	transition: all 0.4s;
}
#logo.active{
	width: 100px;
}
#logo .imgloader{
	background: transparent;
}

#logo img {
    max-width: 100%;
    height: auto;
    max-height: 50px;
	transition: all 0.4s;
}

#logo img.loaded {
    max-height: 500px;
}

header {
	position: fixed;
	width: 100%;
	background: #1a181c;
	height: 90px;
	z-index: 120;
	padding-top: env(safe-area-inset-top);
}/*iphone x hack*/
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 
        header {
            background: #fefefe;
        }
}

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

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


	header .second{
		background: #C59D5F;
		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;
transition: all 0.4s;
display: inline-block;
padding-left: 8px;
margin-left: 15px;
text-decoration: none;
}

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

#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;
		padding: 3px 28px 3px 10px;
	    margin: 0;
	    -webkit-border-radius:0px;
	    -moz-border-radius:0px;
	    border-radius:0px;
	    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #C59D5F inset;
	    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #C59D5F inset;
	    box-shadow: 0 3px 0 #ccc, 0 -1px #C59D5F inset;
	    -webkit-box-shadow: 0 0px 0 #ccc, 0 -1px #C59D5F inset;
	    -moz-box-shadow: 0 0px 0 #ccc, 0 -1px #C59D5F inset;
	    box-shadow: 0 0px 0 #ccc, 0 -1px #C59D5F 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}
	}

select#Buckaroobank {
    width: 100%;
    height: 40px;
}


.reserveer{
	padding: 20px;
background: #C59D5F;
	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;
}

.home footer {
    position: relative;
    bottom: 0;
}

.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;
	height: auto;
}



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

footer ul > li p {
    line-height: normal;
}

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;
	background: #C59D5F;
	font-size: 60%;
	color: #fff;
}

.home #bottom, .home2017 #bottom {
    position: relative;
}

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

#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: #C59D5F;
    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;
}

#contrastshift {
	display: inline-block;
    opacity: 1;
	line-height: 25px;
	padding-top: 2px;
	font-size: 22px;
	color: #fff;
	cursor: pointer;
	transition: all 0.4s;
}

#contrastshift .ci {

}

#contrastshift.active .ci {
    transform: scaleX(-1);
}

.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;
}

#pagetop #toplinks .fa-shopping-cart {
    font-size: 18px;
}

/* toon qrcode */
#toonqrcode .icons{
    display: none;
}
#toonqrcode .icons a {
    display: block;
    position: relative;
    max-width: 400px;
    text-align: left;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-bottom: 6px;
    padding: 0 10px;
}

#toonqrcode .icons a .fa {
    color: #000;
}

#toonqrcode .icons a img {
    width: 22px;
    position: relative;
    left: -4px;
}

#toonqrcode .icons a .icon {
    width: 25px;
    display: inline-block;
}

#toonqrcode .icons a .fa-chevron-right {
    position: absolute;
    right: 10px;
    margin-top: -9px;
    top: 50%;
    transition: all 0.3s;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ styles */
  #filter-box{
    display: none !important;
  }
}
.counterimg{
    width: 43px;
}
/* Stylesheet: cinestyles Modified On 2023-11-08 11:59:26 */
@media only screen and (max-width: 1589px) {
	
	nav ul li a:link, nav ul li a:visited, nav li.sectionheader {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	nav ul li {
	    margin-left: 10px;
	}

}
/* Stylesheet: r1200 Modified On 2017-12-13 12:19:57 */
@media only screen and (min-width: 992px) {
    
    nav ul li ul li a:hover, nav ul li ul li a:active, .scroll nav ul li ul li a:hover, .scroll nav ul li ul li a:active {
        color: #b5b5b5!important;
    }
    
    #toonqrcode .icons a:hover .fa-chevron-right {
        right: 7px;
    }
    
    .button:hover i {
        right: 4px;
    }
    
    .button.totijden:hover i {
        right: 8px;
        top: 20px;
    }

}
/* Stylesheet: hovers Modified On 2022-11-14 13:04:16 */
/* 2021-05-17 stylingfix mobiel menu */
@media only screen and (max-width: 991px) {
	

	
	footer ul > li, footer ul li ul li {
		font-size: 80%;
	}
	
	nav > ul {
	    padding-bottom: 60px;
	}
    
    aside {
        margin-top: 30px;
    }
	#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;
	}
	

	
}

/* Stylesheet: r768 Modified On 2021-06-01 07:55:51 */
/* 2023-01-09 font kleiner op mobiel */
/* 2022-12-19 header.activemenu .first, header.activemenu.scroll .first */
/* 2022-09-26 socialtoplinks */
/* 2022-03-16 text-align mobiel menu vanuit settings */
/* 2022-02-07 fix menutrigger mobiel na open menu en scroll */
/* 2021-12-07 nightshift */
/* 2021-10-11 main min-height */
/* 2021-05-17 styling fix */
/* 2021-04-19 styling */
/* 2021-04-14 toon aantal items in winkelwagen op mobiel */
/* 2020-11-02 cookieflapje recht ipv links */
/* versie 09-09-2020 fix snelreserveren op mobiel */
/* versie 07-07-2020 app styling again */
/* versie 24-06-2020 app styling */
/* versie 10-06-2020 tablewrap op mobiel */
/* versie 03-06-2020 cookiemeldingfix */
/* versie 11-03-2020 styling fixtoplinks */
/* versie 26-02-2020 header.activemenu, header.activemenu.scroll wit ivm iphonex */
/* versie 12-02-2020 fancybox mobiel fix */
/* versie 27-11-2019 tooncode op mobiel fix */
/* versie 06-11-2019 zoeken op mobiel in menu */
/* versie 25-09-2019 balk filmcarousel weg  + fix mobiele header scroll */

@media only screen and (max-width: 767px) {
	
    html, body {
        font-size: 16px;
        line-height: 22px;
    }
    
    body {
    	margin: 0!important;
    }
    
    .button, input[type="submit"], input[type="button"], button, a.button:link, a.button:visited {
        font-size: 100%;
        background-size: 12px;
    }
    
    nav, nav.wide {
        /*top: 40px;*/
        top: 0;
        min-height: 100%;
    }
    
    #contrastshift {
        line-height: 28px;
    }
    
    /*
    .android body, .ios body  {
        margin-bottom: 50px!important;
    }
    */
    
    .android body.home, .ios body.home, .isApp body.home {
        height: auto;
        padding-bottom: 27px!important;
    }
    
    .cc-revoke.cc-bottom.cc-left{display: block!important}
    
    .cc-revoke.cc-left {
        left: auto;
        right: 15px;
    }
    
    .isApp .home #newsletter .nms_subscribe {
        margin-bottom: 15px;
    }
    
    .isApp .topbuttons {
        margin-top: 0;
    }
    
    #tooncode table {
        width: 100%!important;
    }
    
    .activemenu body {
        height: 1px;
        overflow: hidden;
    }
    
    .home main {
    	padding-bottom: 0;
    }
    
    header.activemenu, header.activemenu.scroll {
    	position: fixed;
        width: 100%;
        background: #fff;
        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;
    }
    
    nav > ul {
    	width: auto;
    	padding-top: 0;
    }
    
    nav ul {
        padding-top: 0;
    }
    
    .activemenu .menutrigger, .activemenu .menutrigger.scroll {
        top: -40px;
    }
    
    .menutrigger.scroll {
        top: 0;
    }
    
    #toplinks span {
    	display: none;
    }
    #toplinks .winkelwagentrigger span{
        display: inline;
    }
    
    #toplinks a.toplinkssocial.mob {
        display: inline-block;
    }
    
    #logo {
    	width: 220px;
    	padding-top: 6px;
    	z-index: 99;
    }
    
    #pagetop #toplinks {
    	font-size: 105%;
    }
    
    #toplinks a:link, #toplinks a:visited {
    	margin-left: 3px;
    }
    
    #toplinks a:first-child:link, #toplinks a:first-child:visited {
        margin-left: 0;
        padding-left: 0;
    }
    
    main {
        min-height: 500px;
    }
    
    footer {
    	position: relative;
    	margin-top: 20px;
    	max-height: 9999px;
        bottom: 0;
    	z-index: 10;
    }
    
    footer ul {
    	max-height: 9999px;
    }
    
    .tablewrap {
        width: 100%;
        overflow-x: scroll;
    }
    
    section#filmcaroussel {
    	padding: 0 0 15px;
    	border-top: 0 none;
    }
        
    .footertrigger {
        display: none;
    }
    
    header.activemenu .first, header.activemenu.scroll .first {
        height: 40px!important;
    }
        
    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 15px;
    }
        
    .copy {
        position: absolute;
        top: -30px;
        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;
	}

	/* search in menu op mobiel */
	
	header > .searchwrapper {
	    display: none;
	}
	
	nav .searchwrapper {
	    position: relative;
	}
	
	nav .searchwrapper, nav .searchwrapper > div {
	    max-width: 800px;
	}
	
	nav>ul {
	    padding-top: 5px;
	}
	
	.ui-widget-content.ui-autocomplete {
	    z-index: 999;
	}
	
	nav.mob ul li a:link, nav.mob ul li a:visited, nav.mob ul li.sectionheader > span, .scroll nav.mob ul li a:link, .scroll nav.mob ul li a:visited, .scroll nav.mob ul li.sectionheader > span, nav.mob ul li.active>a:link, nav.mob ul li.active>a:visited, .scroll nav.mob ul li.active>a:link, .scroll nav.mob ul li.active>a:visited, nav.mob ul > li.sectionheader > span, nav.mob ul > li.parent a:link, nav.mob ul > li.parent a:visited, .scroll nav.mob ul > li.sectionheader > span, .scroll nav.mob ul > li.parent a:link, .scroll nav.mob ul > li.parent a:visited {
    text-align: center;
}
	
	
}



@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 2023-11-08 11:59:54 */
/* 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-08 12:00:41 */