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


/* MovieHouse special development elements*/
.logo embed {
	width: 400px;
	max-width: 50%;
}

body::after {
	display: none; /*set to block for showing window sizes*/
	position: absolute;
	top: 40px;
	left: 40px;
	background: rgba(255,255,255,0.6);
	padding: 20px;
	z-index: 9999;
	content: "sm";
}


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

.heroWrap {
	/*width: 100% !important;*/
	/*padding: 0 30px !important;*/
}

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

.filmtimes .col-6:nth-child(2n+1) {
    //padding-left: 0px;
    //padding-right: 15px;
}



#dashboard {
	background-color: transparent;
	 background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.8) 50%, rgba(0,0,0,255,0) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); 
}

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

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

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

#dashboard #dashTwo ul li a, #dashboard #dashThree ul li a, #dashboard #dashThree .dateBackward, #dashboard #dashThree .dateForward {
	background-color: #fff; /*ffb72b;*/
	color: #000;
}

#dashboard #dashTwo ul li a:hover, #dashboard #dashThree ul li a:hover, #dashboard #dashThree .dateBackward:hover, #dashboard #dashThree .dateForward:hover {
	background-color: #ffa800; /* ffa800; */
	color: #000000;
}

#dashboard #dashTwo ul li a.active, #dashboard #dashThree ul li a.active {
	color: #ffa800;
}

#dashboard #dashTwo ul li a.active:hover, #dashboard #dashThree ul li a.active:hover {
	color: #000000;
}

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

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

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

#dateSelectList div#shortcutsdate .thelinks div.active * {
	color: #000000;
}


/*film-version-item   active */

.thelinks div.active span {
	background-color: #ffa800 !important;
	color: #000000 !important;
}

#dashboard i {
	border: solid #000000;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
	border-width: 0 3px 3px 0;
}

#dateSelectList .swipearrows .swipearrow {
	background-color: #888888;
}

#dateSelectList .swipearrows .swipearrow:hover {
	background-color: #eee;
}

.artikel a {
 color: #ffb72b;	
}

.filmpagedates .times {
	padding: 15px 50px 15px 50px;
}

.filmpagedates .times .helptxt {
	margin: 0px;
	margin-bottom: 0px;
}

.filmpagedates br {
	line-height: 5px;
}

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

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

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


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

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

#shortcuts {
	background: #e2b191 !important;
}

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

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

.dateup {
	top: 55px !important;
}

.heroH {
	background-color: rgba(34,0,1,0.8);
	color: #ffffff;
	right: 0px;
}

@media (min-width: 768px) {
	.heroH {
	right: auto;
    }
}

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

button, .ofclose, .phnx_input-field, #gobackorder, .modal-dialog button.btn, .feature, .filmpage .times {
    border-radius: 3px;
}

.artikel, main.contact, main.userarea, .filmtainer .vertical .col-12, .filmtainer .vertical .col-12 .title {
	background: rgba(0,0,0,0.85);
	color: rgba(255,255,255,1);
}

main.filmpage .row:last-child {
	background: transparent;
	color: rgba(255,255,255,1);
}

.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 .color {
	background-color: rgba(0,0,0,0.40);
}

.filmpage .synopsis {
	color: rgba(255,255,255,1);
}

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

}

@media (min-width: 576px) and (max-width: 768px) {	
	.carousel-item {
		height: auto !important;
	}
}


@media (min-width: 768px) {
	.hero {
		max-width: 100%;
		height: 29vw;
	}
	
	.heroWrap, .carousel-inner {
		height: 29vw;
	}
	
	.filmpageHero {
		margin-top: 77px !important;
		height: 29vw;
	}
	
	.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: 295px;
		padding: 0 0px;
	}
	
	.filmtrailer .videoWrap {
		padding-bottom: 500px;
		max-width: 960px;
		margin: auto;
	}
	
	.heroWrap, .carousel-inner {
		height: 295px;
	}
	
	.filmpageHero {
		margin-top: 77px !important;
		padding: auto;
		height: 295px;
	}
	
	.filmpage .dateselecter {
	margin-left: 40px !important; /*add to main css*/
	margin-right: 40px !important; /*add to main css*/
	}
	
	.shortcuts_holder {
		height: 0px !important;
	}
	
	.topshortcut {
		display: flex !important;
	}
	
}


@media (min-width: 1200px) {
	.hero {
		max-width: 1140px;
		height: 350px;
	}

	.filmtrailer .videoWrap {
		padding-bottom: 700px;
		max-width: 1140px;
		margin: auto;
	}
	
	.heroWrap, .carousel-inner {
		height: 351px;
	}
	
	body::after {
		content: "min 1200";
	}
}



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

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

main.ticketflow {
	height: auto !important;
	background-color: rgba(0,0,0,0.85) !important;
}


	




/* ENDING */


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

a .button1:active, a .button1:visited, a .button1:focus, a .button1 {
	color: #000 !important; 
}

/* Primary buttons */
.btn-filmtime, .btn_next, .ticketamount button {
  background-color: #ffb72b !important;
  color: #000000 !important;
  border: 0px solid rgba(255,255,255,1) !important;
}

.btn-filmtime.inactive {
  background-color: rgb(23 21 21 / 15%) !important;
  color: rgba(255,255,255,0.5) !important;
}
/* //////////////////////////// /*


/* Secondary buttons */
.btn-film_readmore, .dateselecter .nav-link {
  background-color: rgba(0, 0, 0, 0.01) !important;
  color: #ffffff !important; /* ffb72b */
  border: 2px solid rgba(0, 0, 0, 0.1) !important;
}

.btn-film_readmore:hover, .dateselecter .nav-link:hover, .btn-newsletter:hover {
  background-color: rgba(0,0,0,0.0) !important;
  border: 2px solid #ffffff !important; /* #ffb72b */
}


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


.filmfacts {
	background-color: rgba(0,0,0,0.60) !important;
	border-bottom: 1px  solid rgba(0,0,0,1) !important;
	color: #ffffff !important;
}

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

.filmpage .times {
	background-color: #ffffff;
}

.times * {
	color: #333;
}

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

.dateseperator {
  color: #ec2d37 !important;
}

#filmSelectList .swipearrows .swipearrow {
	background-color: rgba(255,255,255,0.75)
}

#filmSelectList .swipearrows .swipearrow:hover {
	background-color: #fff;
}

#dashboard, .filmpage #dashboard {
	background: rgba(0,0,0,0.50);
	background-color: transparent;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.8) 50%, rgba(0,0,0,255,0.1) 100%);
	background: linear-gradient(180deg,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

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

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

.dropdown-item-cat.active span{
	background-color: #ffa800 !important;
	color: #000000 !important;
}

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

.timeonside .sidebytimes h5 {
	color: #ffffff !important;
}

.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/phoenixLogo.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	max-width: 50%;
	/*height: 10px;*/
	/*border: 1px green solid;*/
	overflow: hidden;
}

.mainnav a.navbar-brand:before {
	
}


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

.filter .nav-link {
  color: #e2b191 !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: #e2b191 !important;
}

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

/* //////////////////////////// */

/* FILM LIST */
.boxstyleA {
  background-color: rgba(0,0,0,0.85) !important;
  
}

.boxstyleA h5 {
	color: #ffffff;
}

.timeonside {
	background-color: rgba(0,0,0,0.0) !important;
}

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

.footer ul li a {
	color: #ffffff;
}
.footer ul li a:hover {
	color: #ffb72b;
}

.companyFooter {
  background-color: rgba(5, 0, 0, 1) !important;
}

.ver_type span.cat {
	color: rgba(0,0,0,0.85) !important;
}

.carousel.hero {
	//margin-top: 90px !important;
}



.checkpri label {
	font-weight: bold;
}

.checksec label {
	font-weight: normal !important;
	font-size: 0.8em !important;
}

body::after{
  content:"";
  position:fixed; /* stretch a fixed position to the whole screen */
  top:0;
  display: block;
  height:100%; /* fix for mobile browser address bar appearing disappearing */
  width: 100%;
  left:0; 
  right:0;
  z-index:-1; /* needed to keep in the background */
  background: url(TopImageSubstitutes/img/seatsbg_m.jpg) top center;
  -webkit-background-size: 300px auto;
  -moz-background-size: 300px auto;
  -o-background-size: 300px auto;
  background-size: 300px auto;
  background-attachment:scroll;
}

body {
	overflow-x: visible !important;
}

	
@media only screen and (min-width: 768px) {
	body::after {
		background: url(TopImageSubstitutes/img/seatsbg_d.jpg) top center;
		background-attachment:fixed;
		position: fixed;
	}
}



#dateSelectList div#shortcutsdate .thelinks div#Movieday_all {
	padding: 10px 20px 10px 26px !important;
	width: auto !important;
	font-size: 26px !important;
}

#dateSelectList div#shortcutsdate .thelinks div#Movieday_all span{
	font-size: 1em !important;
	line-height: 1em !important;
}

#dateSelectList div#shortcutsdate .thelinks div#Movieday_all span:last-child{
	font-size: 1em !important;
	line-height: 1em !important;
}



.filmpage .datesarrows {
	margin:0px;
}

.filmpage #dashboard {
	padding: 10px !important;	
}

* {
    -webkit-text-size-adjust: none;
}