/* MovieHouse special development elements*/
.logo embed {
	width: 400px;
	max-width: 50%;
}
/*body::after {
	display: block;
	position: absolute;
	top: 40px;
	left: 40px;
	background: rgba(255,255,255,0.6);
	padding: 20px;
	z-index: 9999;
	content: "sm";
}*/

.btn_ordermodal.btn_help {
	margin-left: 128px;
}

@media (max-width: 768px) {
	
	.btn_ordermodal.btn_help {
		display: none;
	}
	
	#helpModal .pointer {
		left: 24%;
		display: none !important;
		opacity: 0;
	}
	
	#helpModal.intro {
		display: none !important;
		opacity: 0;
	}
	
}

.checkpri label {
	font-weight: bold;
	font-size: 1rem;
}

.checksec label {
	font-weight: normal;
	font-size: 0.8rem;
	opacity: 0.8;
}

#of6 .voucher_holder .formwrap, #of6 .bkd_holder .formwrap {
	background-color: transparent;
}

.filmpage {
	padding: 0 15px;
}

.filmpage .synopsis {
	color: #333;
}

.filmpage .poster {
    background-position: top 353px left 190px;
    background-size: 60%;
}

.filmpage .times {
		padding: 20px 15px;
		border-bottom: 2px solid #1e1a6b;
	}

.filmpage #dateSelectList .swipearrows .swipearrow {
	right: 0px;
}

.dateseperator {
	padding-left: 15px;
}

.filmpage .helptxt {
	margin-left: 0px !important;
}

@media (min-width: 768px) {
	.filmpage {
		padding: 0 30px;
	}
	
	.filmpage .times {
		padding: 20px 30px;
	}
}

@media (min-width: 768px) {

	.filmpage > .row:first-child::before {
		position: absolute;
		content: " ";
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(255,255,255,0.0);
	}
}

.filmpage .datesarrows {
    z-index: 1009 !important;
    margin: 0 0px;
}

.filmpage .times .timestype {
	padding: 4px 0px;
}

#dashboard {
	background-color: rgba(255, 255, 255, 0.8) !important;
	padding: 10px 15px !important;
}

@media (min-width: 768px) {
	#dashboard {
		background-color: rgba(0,0,0,0.9);
	}
}

#dashboard #dashOne nav a {
	color: #333333;
	white-space: nowrap;
}

#dashboard #dashOne nav {
	flex-wrap: nowrap;
	height: 45px;
}


#dashboard #dashTwo ul li a, #dashboard #dashThree ul li a {
	background-color: #0D244D;
}

#dashboard #dashTwo ul li a:hover, #dashboard #dashThree ul li a:hover {
	background-color: rgba(#0D244D, 0.8);
}

#filmSelectList div#shortcutsfilm .thelinks div span {
	color: #333;
}

.filmpage .row:last-child {
	background-color: rgba(0,0,0,0.90);
}

.filmpage .row {
	margin-right: 0px;
	margin-left: 0px;
}

#dashboard::before {
	position: absolute;
	display: block;
	content: " ";
	height: 100%;

}

#dashboard:before:before {
	position: relative;
	display: block;
	content: "heste ";
	margin-right: 30px;
	height: 100%;
	width: 100%;
}

#dashTwo, #dashThree {
	
}

#dashboard #dashThree ul li {
	width: 49%;
}

#dashboard #dashThree ul li:first-child {
	margin-right: 0px;
}


#dateSelectList div#shortcutsdate .thelinks div, #dashboard #dashThree .dateBackward, #dashboard #dashThree .dateForward {
	background: #0D244D;
}

#dateSelectList div#shortcutsdate .thelinks div:hover {
	background: #0D244D;
}

#dashboard #dashThree ul li a.active, #dashboard #dashTwo ul li a.active {
	color: #fff;
	background: #0D244D;
}

#dateSelectList div#shortcutsdate .thelinks div.active {
	background-color: #BA0000; 
}

#filmSelectList div#shortcutsfilm .thelinks div:hover {
	border-top: 4px #1e1a6b solid;
}

.companyFooter .contact {
	visibility: collapse;
	height: 0px;
}

#dashboard #dashTwo ul li:first-child {
    margin-right: 0px;
}

.filmpage #dashboard #dashTwo ul li:nth-child(2) {
	margin-left: 4px;
}

.filmpage #dashboard {
    background-color: rgba(255, 255, 255, 1) !important;
    padding: 10px 15px !important;
    margin: 0 0px;
}

@media (min-width: 768px) {
	.filmpage #dashboard {
    padding: 10px 30px !important;
	margin: 0 40px;
}
}

.mainnav a.navbar-brand, .mainnav a.navbar-brand:hover, .mainnav a.navbar-brand:active, .mainnav a.navbar-brand:focus {
    color: transparent;
	background-color: transparent;
	background-image: url("logo/logo.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	max-width: 50%;
	overflow: hidden;
}

.hero {
	background-color: transparent !important;
	margin-left: auto;
	margin-right: auto;
}



.heroWrap, .carousel-inner {
	width: 100% !important;

}

.carousel-control-prev, .carousel-control-next {
	width: 15% !important;
	bottom: 0px !important;
}

.filter, .shortcuts_holder {
	margin-left: 15px;
	margin-right: 15px;
	width: auto;	
}

.filter .dropdown-item, .filter .nav-link {
	color: #1e1a6b;
}


.filter .dropdown-item:hover, .filter .nav-link:hover {
	color: #ffffff;
}

.dropdown-menu {
	background-color: rgba(0,0,0,0.95) !important;
}

#shortcuts {
	background: #1e1a6b !important;
}

.shortcuts_holder #shortcuts .thelinks a:hover {
	background: #EBC9B3 !important;
}

.nav-up, .nav-down {
	top: 0px;
}

.dateup {
	top: 55px !important;
}

.heroH {
	background-color: rgba(30,26,107,0.8);
	color: #ffffff;
	right: 0px;
}

.heroH.size1 {
	font-size: 30px;
}
.heroH.size2 {
   font-size: 24px;
}
.heroH.size3 {
	font-size: 18px;
}
.heroH.size4 {
	font-size: 12px;
}
.heroH.size5 {
	font-size: 10px;
}

.artikel, main.contact, main.userarea, main.filmpage .row:last-child, .filmtainer .vertical .col-12, .filmtainer .vertical .col-12 .title {
	color: #333;
	background-color: rgba(255, 255, 255, 0.8);
}

@media (min-width: 768px) {
main.filmpage .row:last-child {
	margin: 0px;
	}
	
	.colorbox {
		margin: 0px !important;
	}
}
	
}
.filmtrailer, .filmfacts{
	margin: 15px !important;
	width: auto;
	max-width: 100vw;
}

.artikel a, main.contact a, main.userarea a {
	color: #1e1a6b;
	text-decoration: none;
}

.footer a {
	color: #1e1a6b;
}

.artikel a:hover, main.contact a:hover, main.userarea a:hover {
	color: #0f0d34;
	text-decoration: underline;
}

.filmtainer .vertical .col-12 .title::before, .artikel .vertical .col-12 .title::before, .featuredMovies .vertical .col-12 .title::before {
	
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 92%, #000);
    background: linear-gradient(to right, rgba(0,0,0,0) 92%, #000);
	}

.colorbox {
	background-color: rgba(0,0,0,0.60);
}

.colorbox .color {
	background-color: rgba(0,0,0,0.40);
}

.hero {
	padding-right:15px;
	padding-left: 15px;
	width: auto !important;
}


.container-fluid.hero {
	margin-right: 15px;
	margin-left: 15px;
}

@media (min-width: 576px) {
	.hero {
		max-width: 100%;
		height: 28vw;
	}
	
	.heroWrap {
		height: 280px;
	}
	
	body::after {
		//content: "min 576";
	}
	
	.filmpageHero {
		background-size: contain !important;
	}

}


@media (min-width: 768px) {
	.hero {
		max-width: 100%;
		height: 28vw;
	}
	
	.heroWrap, .carousel-inner {
		height: 28vw;
	}
	
	.container-fluid.hero {
	margin-right: auto;
	margin-left: auto;
}
	
	body::after {
		//content: "min 768";
	}
	
	#shortcuts.d-md-none {
		display: block !important;
	}
	
	.shortcuts_holder {
		height: 40px !important;
	}
	
	.topshortcut {
		display: none !important;
	}
	
}


@media (min-width: 992px) { 
	.hero {
		max-width: 960px;
		height: 276px;
		padding: 0 0px;
	}
	
	.heroWrap, .carousel-inner {
		height: 276px;
	}
	
	body::after {
		//content: "min 992";
		
	}
	
	.filter, .filmpageHero {
		width: 960px;
		
		margin-left: auto;
		margin-right: auto;
	}
	.filmpage .dateselecter {
	margin-left: 30px !important; //add to main css
	margin-right: 30px !important; //add to main css
	}
	
	.shortcuts_holder {
		height: 0px !important;
	}
	
	.topshortcut {
		display: flex !important;
	}
	
}


@media (min-width: 1200px) {
	.hero {
		max-width: 1140px;
		height: 332px;
	}
	
	.heroWrap, .carousel-inner {
		height: 332px;
	}
	
	
	.filter, .filmpageHero {
		width: 1140px;
	}
	
	body::after {
		//content: "min 1200";
	}
}



.mainnav {
  background-color: #0D244D !important;
	//position: fixed !important;
	//width: 100vw !important;
}

#divMain {
    //background: #240204;
	background-color: transparent !important;

}


html{
    height:100%;
    min-height:100%;
}
body{
    min-height:100%;
}


body {
	  background-color: #1e1a6b !important;
	  background-image: url("TopImageSubstitutes/img/bg_mobile.jpg") !important;
	  background-position: center top;
	  background-repeat: no-repeat;
	  -webkit-background-size: contain;
	  -moz-background-size: contain;
	  -o-background-size: contain;
	  background-size: contain;
	  background-attachment: fixed;
	}

@media (min-width: 768px) {
	body {
	  background-image: url("TopImageSubstitutes/img/bg_desktop.jpg") !important;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  background-attachment: fixed;
	}
}


/* ENDING */


.button1 {
  background-color: #1e1a6b !important;
  border: 2px solid transparent !important
}

/* Primary buttons */
.btn-filmtime {
  background-color: #1e1a6b !important;
  color: #ffffff !important;
  border: 0px solid rgba(255,255,255,1) !important;
}

.btn-filmtime:hover {
	background-color: #3c3798 !important;
}

.btn-filmtime.inactive {
  background-color: rgba(255,255,255,0.15) !important;
  color: rgba(255,255,255,0.5) !important;
}

/* Secondary buttons */
.btn-film_readmore, .dateselecter .nav-link, .results a {
  background-color: rgba(255, 255, 255, 1) !important;
  color: #1e1a6b !important;
  border: 2px solid transparent !important;
}

.btn-film_readmore:hover, .dateselecter .nav-link:hover, .btn-newsletter:hover {
  
  border: 2px solid #fff !important;
	border-bottom: 2px #1e1a6b solid !important;
}


.nav-scroller.dateselecter .active {
  background-color: #1e1a6b !important;
  border: 0px solid rgba(255,255,255,1) !important;
	
}

.nav-scroller.dateselecter .active .day, .nav-scroller.dateselecter .active .date, .nav-scroller.dateselecter .active .month, .nav-scroller.dateselecter .active .alldays, .nav-scroller.dateselecter .active:hover .day, .nav-scroller.dateselecter .active:hover .date, .nav-scroller.dateselecter .active:hover .month, .nav-scroller.dateselecter .active:hover .alldays {
	color: #fff !important;
}

/* Tertiary buttons */
.btn-newsletter {
  color: #ffffff !important;
  background-color: transparent !important;
  border: 2px solid transparent !important;
}

.filmpage .times {
  background-color: rgba(255, 255, 255, 1) !important;
	color: #333;
}

.timestype {
  background-color: transparent !important;
}

.dateseperator {
  color: #1e1a6b !important;
}

/* FILTER */
.showtype .show_vertical, .showtype .show_horizontal, .showtype .show_sidebyside, .showtype .show_timeonside {
  background-color: transparent !important;
}

.showtype .shown {
  background-color: #1e1a6b !important;
}


.timeonside {
	background-color: transparent !important;
}

@media (min-width: 768px) {
	.timeonside {
		background-color: rgba(255,255,255,0.80) !important;
	}
}

.filter .navbar-toggler p {
  color: #ffffff !important;
}


.filter {
  background-color: rgba(12, 1, 1, 1) !important;
}

.filter .nav-link {
  color: #1e1a6b !important;
}

.filtertxt {
  background-color: rgba(12, 1, 1, 0.6) !important;
}



/* DATE SELECTER */
.nav-scroller.dateselecter {
  background-color: rgba(12, 1, 1, 0.9) !important;
}

.nav-scroller.dateselecter .nav-link.programended {
  background-image: none !important;
}

.nav-scroller.dateselecter .nav-link.programended:hover {
  background-image: none !important;
  background-color: transparent !important;
  border: 2px transparent solid !important;
}


.modal-dialog {
  background-color: #1e1a6b !important;
}

#videoModal .modal-dialog {
  background-color: transparent !important;
}

/* FILM LIST */
.boxstyleA h5 {
  color: #1e1a6b !important;
}

@media (min-width: 768px) {
	.sidebytimes {
		background-color: transparent !important;
	}
}

.footer {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.footer h5 {
	color: #1e1a6b;
}

.footer ul li a {
	color: #1e1a6b;
}

.footer ul li a:hover {
	color: #0f0d34;
}

.companyFooter {
  
	background-color: #0D244D !important;
}

.boxstyleB {
	background-color: #ffffff;
	color: #1e1a6b;
}

.dark .ticketamount button, .tfn3 .btn_next, .orderfooter .btn_next, .btn_reduce {
	background-color: #1e1a6b;
}

.dark .ticketamount button:hover, .tfn3 .btn_next:hover, .orderfooter .btn_next:hover, .btn_reduce:hover {
	background-color: #3c3798 !important;
}

.ticketflow .screen {
	background-image: url('icons/screen.png');
	background-position: center;
	background-size: 70vw;
	background-repeat: no-repeat;
}

@media (min-width: 768px) {
	.ticketflow .screen {
		background-size: 50vw;
	}
}

@media (min-width: 992px) {
	.ticketflow .screen {
		background-size: 550px;
	}
}

.ticketflow {
	padding-top: 0px !important;
}

.ticketflow .screen div{
	opacity: 0.0;
}

.ticketflow .screen {
	height: 0px !important;
}

.ticketflow .seatings {
	padding-bottom: 0px !important;
}

.ticketflow .filminfobar {
	padding-top: 130px !important;
}

#HallDetailsClassic {
	max-height: 250px !important;
	//border: green solid 2px;
}


.ticketflow .row:nth-child(6), .ticketflow .row:nth-child(5), .ticketflow .row:nth-child(7) {
	//background-color: rgba(0,0,0,0.9); 
}

.ticketflow .row:nth-child(6){
	height: 0px !important;
}

.container.ticketflow {
	background-color: rgba(0,0,0,.70) ;
}

#orderflow #ofwrap .orderflowstep .orderflowcontent, #thebag {
	background-color: #111;
	color: #fff;
}

#orderflow #ofwrap .orderflowstep .orderflowcontent hr, #thebag hr {
	border-top: 1px solid rgba(255,255,255,0.1);
}

#orderflow #ofwrap .orderflowstep .orderflowcontent #select_billet_0 {
	border: 1px rgba(255,255,255,0.10) solid;

}


.orderflowcontent .smalltxt {
	color: #ffffff;
}

.obs.smalltxt {
	color: rgba(0,0,0,0.70) !important;
}


#orderflow .modal-title {
	color: rgba(0,0,0,0.70);
}

.footer .dropdown-menu{
background: rgb(237 230 233) !important;
}

.features .featureContent:first-of-type .header  {
    color: white;
}