/* MovieHouse special development elements*/
.button1, .modal-dialog button.btn{transition:unset;}

.ticketflow {
    margin-top: 0px;
}





.ticketflow .screen-seatslegend div img {
    display: none !important;
}

.topHolder-screen-image {
    background-image: url(/Assets/hellerup/icons/screen.png);
    background-size: 45vw;
    background-repeat: no-repeat;
    height: 11vw !important;
    background-position: bottom center;
}

@media (max-width: 950px) {
	.topHolder-screen-image {
	    background-size: 72vw;
	}
}
@media (min-width: 1450px) {
	.topHolder-screen-image {
		background-size: 30vw;
	}
}







/* graphics on the cinema selector */

#cinemaSelect {
	/*width: 160px;*/
}

a#dropdownMenuLink {
	color: transparent !important;
	background-image: url('logo/phoenixLogo.png') !important;
	background-position: center;
	height: 62px;
	/*width: 260px;*/
}

a#dropdownMenuLink:after {
	display: none;
}

#cinemaSelect a {
    background-image: url('icons/icon-57x57.png');
    color: #fff;
}






.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";
}*/

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

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

.filmpage > .row:first-child::before {
	position: absolute;
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	
}

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

#divMain #dashboard {
	//margin-top: 75px;
}

.upcomming_movies #dashboard {
	top: 75px;
}


#dashboard.sticky-top {
	top: 75px;
}

#dashboard.dashboardDown.sticky-top {
	top: 75px;
}

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

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

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

.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 a.active, #dashboard #dashTwo ul li a.active {
	color: #fff;
}

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

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



#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(0, 0, 0, 0.85) !important;
    padding: 10px 15px !important;
    margin: 0 0px;
}

@media (min-width: 768px) {
	.filmpage #dashboard {
    padding: 10px 35px !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/phoenixLogo.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	max-width: 50%;
	overflow: hidden;
	padding-top: 1.0rem;
	padding-bottom: 1.0rem;
	width: 260px;
}



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

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



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


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

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

#shortcuts {
	background: #ca2029 !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;
}

.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: #ffffff;
	background-color: rgba(0, 0, 0, 0.85);
	@media (min-width: 768px) {
		background-color: rgba(0, 0, 0, 0.85);
		
	}
}


.filmtrailer, .filmfacts{
	margin: 15px !important;
	width: auto;
	max-width: 100vw;
}

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

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


.filmtainer, .artikel, .featuredMovies {
	margin: 0px auto;
}

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

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

.hero {
	width: auto !important;
}



.mainnav {
  background-color: #111111 !important;
}

#divMain {
	background-color: transparent !important;

}


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


body {
  background-color: #2b0802 !important;
  
  background-position: center top;
  background-repeat: no-repeat;
  
  background-attachment: fixed;
}


body:before {
	position: fixed;
	display: block;
	width: 100vw;
	height: 100vh;
	content: " ";
	z-index: -1;
	background-image: url("TopImageSubstitutes/img/bg_mobile.jpg") !important;
	-webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

@media (min-width: 768px) {
	
	body:before {
		display: none;
	}
	
	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: #ca2029 !important;
  border: 2px solid #ca2029 !important
}

/* Primary buttons */
.btn-filmtime {
  background-color: #ca2029 !important;
  color: #ffffff !important;
  border: 0px solid rgba(255,255,255,1) !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(0, 0, 0, 0.5) !important;
  color: #fff !important;
  border: 2px solid transparent !important;
}

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


.nav-scroller.dateselecter .active {
  background-color: #ca2029 !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, .filmpage #dashboard, .colorbox {
  background-color: rgba(0, 0, 0, 0.0) !important;
}

.timestype {
  background-color: transparent !important;
	padding: 0px 0px !important;
	margin-bottom: 5px !important;
	margin-top: 5px !important;
}

.filmtainer {
	background-color: rgba(0, 0, 0, 0.85);
}

.filmtainer .row {
	margin-bottom: 0px;
}

.features {
	margin-bottom: 0px;
	padding-bottom: 15px;
}



.filmtrailer {
	margin: auto !important;
}

.filmfacts {
	margin-left: auto !important;
	margin-right: auto !important;
	background-color: rgba(0, 0, 0, 0.85);
	color: #fff;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.filmfacts .col-md-6 {
	padding: 0 30px;
}

.dateseperator {
  color: #ec2d37 !important;
}

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

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

.film-wrap-item {
	padding-right: 0px;
	padding-left: 0px;
}

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


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


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

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

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

.synopsis {
	width: 100% !important;
	margin: auto !important;
	padding: 30px !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: #ca2029 !important;
}

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

/* FILM LIST */
.boxstyleA {
  background-color: transparent !important;
  /*border-left: 2px solid rgba(0, 0, 0, 0.2);*/
}

@media (max-width: 768px) {
	.features > div {
		padding-left: 0px;
		padding-right: 0px;
	}
}

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

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

.footer ul li a {
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid transparent;
	transition: .4s ease all;
}

.footer ul li a:hover {
	border-bottom: 1px solid #fff;
	transition: .4s ease all;
}

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

.boxstyleB {
	background-color: #000000;
	color: #ffffff;
}

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

.dark .ticketamount button:hover, .tfn3 .btn_next:hover, .orderfooter .btn_next:hover, .btn_reduce:hover {
	background-color: #ff0918 !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 .screen div{
	opacity: 0.0;
}

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

#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;
	color: #070303;
	background-color: white !important;
}

#orderflow #ofwrap .orderflowstep .obs {
	color: #000;
}

/* MAKE IT WIDTH MARGINS START */


body::after {
	position: fixed;
	display: none; //block;
	background-color: white;
	color: black;
	padding 6px 10px;
	content: "minimum";
	z-index: 9999;
	bottom: 30px;
	right: 30px;
}

.container-fluid {
	padding-right: 30px !important;
	padding-left: 30px !important;	
}

.container-fluid.body-content, #ticketmaster .container-fluid {
	padding-right: 0px !important;
	padding-left: 0px !important;	
}



.timeonside > div {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

header, header.sticky-top {
	margin-left: -30px;
	position: fixed;
	width: 100%;
}

.order_movie_ticket #divMain.container-fluid.phnx-ticketflow-content {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.order_movie_ticket header, .order_movie_ticket header.sticky-top {
	margin-left: 0px;
}

.order_movie_ticket #timeleft {
	margin-left: 0px;
}

#ticketmaster .ticketflownavi {
    padding: 20px 15px;
}

.footer .companyFooter .logo embed {
    max-width: 50vw;
    max-height: 150px;
}


@media (min-width: 576px) {
	
	
	body::after {
		content: "min 576";
	}
	
	.filmpageHero {
		background-size: contain !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;
	}
	
	.heroWrap, .carousel-inner {
		height: 295px;
	}
	
	.filmpageHero {
		margin-top: 77px !important;
		padding: auto;
		height: 295px;
	}
	
	body::after {
		content: "min 992";	
	}
	
	
	
	.filter, .filmpageHero, footer {
		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;
	}
	
}
.filmpage .row:last-child, main.filmpage .row:last-child, main.filmpage .row {
	background-color: transparent !important;
	margin-left: -15px !important;
	margin-right: -15px !important;
	border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

main.filmpage .row.colorbox {
	margin-left: 25px !important;
	margin-right: 25px !important;
	width: auto;
}



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


.upcomming_movies .body-content {
	padding-top: 85px !important;
}

.upcomming_movies #dashboard.sticky-top {
	
}

.upcomming_movies #dashboard.sticky-top.dashboardDown {
	
}

.upcomming_movies #dashboard.sticky-top.dashboardUp {
	
}


/* MAKE IT WIDTH MARGINS END */

#cinemaSelect .dropdown-toggle::after {
  	color: white;
	font-size: 14px;
	z-index: 999;
	position: absolute;
	display: inline-block;
	border-top-width: 0.5em;
	border-right-width: 0.5em;
	border-left-width: 0.5em;
	right: -20px;
        top: 23px;
}
.colorbox .color.black::before ,.btn-filmtime.sal.black span {
    background-color: yellow !important;
}