@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');



@keyframes waves {
0% {background-size: cover 200%;background-position: left top;}
50% {background-size: cover 450%;background-position: right top;}
100% {background-size: cover 200%;background-position: left top;}
}
 

body,
#divMain {
background-color: #312f43!important;
background-image: url(palads_bg_waves.png), linear-gradient(to bottom,#312f43,#292733)!important;
background-repeat: no-repeat!important;
animation: waves 45s ease infinite!important;
}

body.order_movie_ticket { /* pick your seats inside the movie theater */
    background-color: #312f43!important;
}



/* height */

#divMain header {
	height: 80px !important;
}

.mainnav .navbar-toggler {
	height: 80px !important;
}

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

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

.filmpage .sticky-top {
    top: 79px;
}



/* --------------- MAIN NAV --------------- */


.mainnav {
	color: #fff;
	background-color: #292733 !important;
	padding: 0 !important;
}

.mainnav .container-fluid {
	padding: 0 7px !important;
}

.mainnav .navbar-brand, .mainnav .nav-link {
    color: #fff;
    padding-left: 14px !important;
    padding-right: 0 !important;
}


.mainnav .nav-link:hover,
.mainnav .dropdown-item:hover,
.mainnav .navbar-brand:active,
.mainnav .nav-link:active,
.mainnav .dropdown-item:active,
.mainnav .navbar-brand:focus,
.mainnav .nav-link:focus,
.mainnav .dropdown-item:focus {
    color: #fff;
    background-color: #312f43;
}

.mainnav .somenav {
	/*filter: invert(100%) !important;
    -webkit-filter: invert(100%) !important;*/
}



/* logo */


.mainnav a.navbar-brand,
.mainnav a.navbar-brand:hover,
.mainnav a.navbar-brand:active,
.mainnav a.navbar-brand:focus {
	background-image: url('logo/phoenixLogo.png') !important;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	color: transparent;
	height: 55px !important;
	padding: 0 !important;
    -webkit-filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.6));
            filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.6));
}




/* burger + search */

.mainnav .navbar-toggler .icon-bar {
	background-color: #fff !important;
}

.mainnav .navbar-toggler svg path[style="fill: #fff"] {
  fill: #fff !important;
}

.mainnav #navbarSearch form input[name="searchTopOnHeader"].form-control {
	width: 100% !important;
	max-width: 820px !important;
	height: calc(3.25rem) !important;
	margin-top: 20px !important;
	box-shadow: none !important;
	background-color: #eee !important;
	border: 1px solid #666 !important;
    color: #000 !important;
}

.mainnav #navbarSearch > form {
    text-align: center !important;
}

.mainnav #navbarSearch ul.results {
    text-align: center !important;
}

.mainnav #navbarSearch ul.results li h2 {
    padding-bottom: 16px;
}

/* --- serach result button --- */
.mainnav #navbarSearch ul.results li a {
	font-weight: 500;
    float: none !important;
}

.mainnav .noresults {
	text-align: center;
	padding-top: 30px;
}






/* --------------- HERO --------------- */

.heroH,
.heroP {
	font-weight: 300 !important;
}

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

.heroP {
	background-color: rgba(92,92,92,0.6) !important;
}


/* --------------- BUTTONS --------------- */


.btn_next,
.ticketamount button,
.mainnav #navbarSearch ul.results li a,
.button1,
.btn-filmtime {
  transition: 0.3s all cubic-bezier(0.87, -0.41, 0.19, 1.44);
  background:
    radial-gradient(circle,transparent 7px,#f8e0a0 8px) left  calc(150% + -1px) top 50%,
    radial-gradient(circle,transparent 7px,#f8e0a0 8px) right calc(150% + -1px) top 50% !important;
  background-size:150% 200% !important;
  background-repeat:no-repeat !important;

  -webkit-filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.2));
  
  color: #111 !important;
  border: none !important;
  outline: none !important;
  padding: 6px 12px !important;
  white-space: normal !important;
  line-height: 1.1em !important;
}


.btn_next:hover,
.ticketamount button:hover,
.mainnav #navbarSearch ul.results li a:hover,
.button1:hover,
.btn-filmtime:hover {
  background:
    radial-gradient(circle,transparent 7px,#eed18a 8px) left  calc(150% + -10px) top 50%,
    radial-gradient(circle,transparent 12px,#eed18a 13px) right calc(150% + -1px) top 50% !important;
  background-size:150% 200% !important;
  background-repeat:no-repeat !important;	
  border: none !important;
  outline: none !important;
  padding: 6px 12px !important;
}


.btn_next:before,
.ticketamount button:before,
.button1:before,
.btn-filmtime:before {
	border-top: 1px solid #fff !important;
	content: '';
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 8px;
}

.btn_next:after,
.ticketamount button:after,
.button1:after,
.btn-filmtime:after {
	border-top: 1px solid #fff !important;
	content: '';
	position: relative;
	float: left;
	width: 100%;
	margin-top: 8px;
}




/* --------------- BUTTON / btn-filmtime.sal --------------- */

.btn-filmtime.sal {
  background:
    radial-gradient(circle,transparent 7px,#f8e0a0 8px) left  calc(150% + -10px) top 50%,
    radial-gradient(circle,transparent 7px,#f8e0a0 8px) right calc(150% + -1px) top 50% !important;
  background-size:150% 200% !important;
  background-repeat:no-repeat !important;
}

.btn-filmtime.sal:hover {
  background:
    radial-gradient(circle,transparent 7px,#eed18a 8px) left  calc(150% + -10px) top 50%,
    radial-gradient(circle,transparent 12px,#eed18a 13px) right calc(150% + -1px) top 50% !important;
  background-size:150% 200% !important;
  background-repeat:no-repeat !important;
}

.btn-filmtime.sal span {
	color: #fff;
    text-align: center;
    height: 15px;
    font-size: 9px;
	line-height: 12px;
    transform: rotate(-90deg) translate(-33px,-12px);
    transform-origin: top left;
    background-color: #484848;
    padding: 1 0 0 0 !important;
    width: 49px !important;
	z-index: 1000 !important;
	position: fixed;
}
.btn-filmtime.sal:hover span {
	opacity: 1 !important;
}

@supports (-webkit-overflow-scrolling: touch) {
.btn-filmtime.sal span {
    transform: rotate(-90deg) translate(-42px,-12px);
	position: absolute;
}
}

/*
.btn-filmtime.sal span {
	color: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%) !important;
	bottom: 0%;
    display: inline-block;
    height: auto;
    font-size: 0.6rem;
    background-color: #484848;
	text-align: center;
    padding: none;
	marging: 0 auto;
	z-index: 1000;
}

.btn-filmtime.sal:hover span {
	opacity: 1 !important;
}
*/

.specialeventtxt {
    display: none !important;
}


/* --------------- BUTTONS / specials --------------- */


.button1 {
  padding: 6px 20px !important;
}
.button1:hover {
  padding: 6px 20px !important;
}
.button1:before,
.ticketamount button:before {
	margin-bottom: 6px;
}
.button1:after,
.ticketamount button:after {
	margin-top: 6px;
}




.features .button1 {
  padding: 6px 14px !important;
}
.features .button1:hover {
  padding: 6px 14px !important;
}
.features .button1:before,
.ticketamount button:before {
	margin-bottom: 4px;
}
.features .button1:after,
.ticketamount button:after {
	margin-top: 4px;
}



.btn_next {
  padding: 8px 14px !important;
}
.btn_next:hover {
  padding: 8px 14px !important;
}
.btn_next:before,
.ticketamount button:before {
	margin-bottom: 5px;
}
.btn_next:after,
.ticketamount button:after {
	margin-top: 5px;
}



.ticketamount button {
  -webkit-filter: none;
  filter: none;
  padding: 6px 0 !important;
}
.ticketamount button:hover {
  padding: 6px 0 !important;
}


#gobackorder:hover {
   background-color: #c88851 !important;
}






/* secondary */

.btn-film_readmore,
.dateselecter .nav-link,
.btn-newsletter {
	color: #fff !important;
	background-color: transparent !important;
	border: none !important;
	border-bottom: 2px solid #535163 !important;
	background-image: url('../gfx/2x/arrow_r.png');
	background-repeat: no-repeat;
	background-size: 0px 0px, auto 100% !important;
	background-position: right 50px center, top right !important;
	transition: 0.3s all cubic-bezier(0.87, -0.41, 0.19, 1.44);
}

.btn-film_readmore:hover,
.dateselecter .nav-link:hover,
.btn-newsletter:hover {
	padding-right: 30px;
	background-size: 8px 13px !important;
	background-position: right 15px center !important;
}

.nav-scroller.dateselecter .active {
	border-radius: 3px;
	color: white !important;
	background-color: #2e8848 !important;
	border: 0px solid white !important;
	background-image: url('img/btn_bg.png');
	background-repeat: no-repeat;
	background-size: auto 100% !important;
	background-position: top right !important; 
}




.btn-film_readmore:focus,
.btn-film_readmore:active,
.btn-film_readmore:active:focus,
.btn-film_readmore:visited,
.dateselecter .nav-link:focus,
.dateselecter .nav-link:active,
.dateselecter .nav-link:active:focus,
.dateselecter .nav-link:visited,
.btn-newsletter:focus,
.btn-newsletter:active,
.btn-newsletter:active:focus,
.btn-newsletter:visited {
  outline: none !important;
  box-shadow: none !important;
}








/* --------------- DASHBOARD --------------- */



#dashboard {
	background-color: #312f43 !important;
	margin: 0 auto 20px auto !important;
	width: 100% !important;
    max-width: none !important;
}


/* dashOne - horizontal text menu width slider func. */

#dashOne.nav-scroller {
	height: 2.6rem !important;
}

#dashOne nav a {
    color: #fff !important;
}



/* dashTwo - Film, Kategori, Visning */
	
#dashTwo .filmSelectList,
#dashTwo .categorySelectList,
#dashTwo .versionSelectList,
#dashTwo .viewSelectList {
	padding: 10px 7px !important;
	background-color: #292733 !important;
	color: #fff !important;	
}


/* film */
#dashTwo #filmSelectList #shortcutsfilm .thelinks div {
	margin-top: 8px;
    border-top: 4px #312f43 solid !important;
}
#dashTwo #filmSelectList #shortcutsfilm .thelinks div:hover {
    border-top: 4px #f8e0a0 solid !important;
}


/* kategori */
#dashTwo #categorySelectList #shortcutscat .thelinks {
    /*background-color: transparent !important;*/
    background-color: #292733 !important;
}
#dashTwo #categorySelectList #shortcutscat .thelinks div span {
    background-color: #fff !important;
	color: #000 !important;
}
#dashTwo #categorySelectList #shortcutscat .thelinks div span:hover {
    background-color: #f8e0a0 !important;
}
#dashTwo #categorySelectList #shortcutscat .thelinks div.active span {
    background-color: #c88851 !important;
	color: #fff !important;
}


/* version */
#dashTwo #versionSelectList #shortcutscat .thelinks {
    /*background-color: transparent !important;*/
    background-color: #292733 !important;
}
#dashTwo #versionSelectList #shortcutscat .thelinks div span {
    background-color: #fff !important;
	color: #000 !important;
}
#dashTwo #versionSelectList #shortcutscat .thelinks div span:hover {
    background-color: #f8e0a0 !important;
}
#dashTwo #versionSelectList #shortcutscat .thelinks div.active span {
    background-color: #c88851 !important;
	color: #fff !important;
}


/* visning */
#shortcutsview {
    background-color: #292733 !important;
}
#dashTwo #viewSelectList #shortcutsview .showtype a {
	background-color: #000 !important;
	filter: invert(100%);
    -webkit-filter: invert(100%);
}
#dashTwo #viewSelectList #shortcutsview .showtype a:hover {
	background-color: #f8e0a0 !important;
	filter: invert(0%);
    -webkit-filter: invert(0%);
}
#dashTwo #viewSelectList #shortcutsview .showtype a.shown {
	background-color: #c88851 !important;
	filter: invert(0%);
    -webkit-filter: invert(0%);
}

#shortcutsview


/* dashThree - date selector */

#dashThree {
    padding-bottom: 10px !important;
}

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

#dashThree .dateBackward,
#dashThree .dateForward {
    background-color: #292733 !important;
	padding: 18px 12px 14px 12px !important;
}

#dashThree ul li a {
	background-color: transparent !important;
	background-image: linear-gradient(#292733,transparent);
	color: #fff !important;
	font-weight: 400 !important;
}
#dashThree ul li a.active {
    color: #f8e0a0 !important;
}

#dashThree #dateSelectList #shortcutsdate .thelinks div {
    background-color: #292733 !important;
}
#dashThree #dateSelectList #shortcutsdate .thelinks div:hover,
#dashThree #dateSelectList #shortcutsdate .thelinks div:hover > span {
	color: #111 !important;
    background-color: #f8e0a0 !important;
}
#dashThree #dateSelectList #shortcutsdate .thelinks div.active,
#dashThree #dateSelectList #shortcutsdate .thelinks div.active:hover > span {
	color: #fff !important;
	background-color: #c88851 !important;
}
#dashThree #dateSelectList .swipearrows .swipearrow {
    background-color: #c88851 !important;
}
#dashThree #dateSelectList .swipearrows .swipearrow.swipeInactive {
    background-color: #fff !important;
}









/* ------ BOX STYLES ------ */

.filmpage,
.filmpage .synopsis,
.boxstyleA,
.times,
.colorbox,
.colorbox .color span,
.colorboxTimes {
	color: #fff !important;
	box-shadow: none !important;
}

.boxstyleA,
.times,
.colorbox,
.colorboxTimes {
	padding: 0px;
	background-color: transparent !important;
}

.boxstyleA h5 {
	font-size: 1.8em;
	line-height: 1.7em;
	margin-bottom: 12px;
	/*color: #7e7c8d !important;*/
	color: #c88851 !important;
	font-family: 'Anton', sans-serif;
	background: -webkit-linear-gradient(#f8e0a0, #c88851);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.boxstyleB {
	border-radius: 5px;
	-webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, .2); 
	box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, .2);
}


.filmLink.item-poster-link img {
	-webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, .4); 
	box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, .4);
}



.times { /* container with date */
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.dateseperator { /* date header */
	font-size: 1.8em;
	line-height: 1.7em;
	margin-bottom: 12px;
	color: #7e7c8d !important;
	font-family: 'Anton', sans-serif;
}

.timestype { /* movie title under date header */
	background-color: transparent !important;
}



.colorboxTimes { /* container with category labels */
	margin-top: 25px !important;
	padding-left: 16px !important;
	padding-right: 16px !important;
}
.colorboxTimes .colorbox {
	border-radius: 0 !important;
	background-color: transparent !important;
    box-shadow: none !important;
}
.colorbox {
	padding-left: 16px !important;
}
.colorbox .color { /* category label */
    -webkit-box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, .2); 
	box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, .2);
}




.filmpage .synopsis { /* text about the movie */
	font-weight: 100 !important;
}

.filmpage .synopsis h1 {
	font-size: 2.8rem !important;
	margin-bottom: 12px !important;
	font-weight: 100 !important;
}





.filmfacts { /* movie details shown under youtube trailer */
	-webkit-box-shadow: inset 0 0 40rem rgba(0,0,0,.4) !important;
	box-shadow: inset 0 0 40rem rgba(0,0,0,.4) !important;
    background-color: #fff !important;
}
.filmfacts h5 {
	font-size: 1.6rem;
	margin-bottom: 12px;
	font-weight: 100;
	color: #333 !important;
}



/* FILMTAINER - mobile view only */


.filmtainer .vertical .col-12 .dropdown, .artikel .vertical .col-12 .dropdown, .featuredMovies .vertical .col-12 .dropdown {
    background-color: #292733 !important;
	right: 15px !important;
}

.filmtainer .vertical .ver_film, .artikel .vertical .ver_film, .featuredMovies .vertical .ver_film {
    border-bottom: none !important;
}

.filmtainer .vertical .ver_film, .artikel .vertical .ver_film, .featuredMovies .vertical .ver_wrap {
	-webkit-box-shadow: inset 2px 2px 4px -2px rgba(0, 0, 0, .2); 
	box-shadow: inset 2px 2px 4px -2px rgba(0, 0, 0, .2);
	margin-right: 15px !important;
}


.filmtainer .vertical .col-12 {
	background-color: transparent !important;
}

.filmtainer .vertical .col-12.active, .filmtainer .vertical .col-12 .p-0 {
	background-color: transparent !important;
}



.filmtainer .vertical .col-12 .title::before {
background: none !important;
}

.filmtainer .vertical .col-12 .title {
	color: #fff !important;
}

.filmtainer .vertical .col-12.active .ver_open .ver_type span.cat {
	background-color: transparent !important;
	color: #fff !important;
	border-bottom: none !important;
	padding: 5px 15px !important;
}


.filmtainer .vertical .col-12 .times span {
	background-color: #c88851 !important;
	color: #fff !important;
}

.filmtainer .vertical .col-12 .times span strong {
	color: #fff !important;
}

.filmtainer .horizontal .hor_type span.cat, .artikel .horizontal .hor_type span.cat, .featuredMovies .horizontal .hor_type span.cat {
   background: none !important;
}



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





/* ------ ARTIKEL / CMS SIDERNE ------ */

.artikel {
	color: #fff !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.artikel h1 {
	font-size: 2.4em;
	line-height: 1.4em;
	margin-bottom: 12px;
	color: #c88851 !important;
	font-family: 'Anton', sans-serif;
	background: -webkit-linear-gradient(#f8e0a0, #c88851);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.artikel a:link,
.artikel a:visited,
.artikel a:hover,
.artikel a:active {
	font-weight: bold;
	color: #f8e0a0 !important;
}





/* ------ FOOTER ------ */



.footer {
	-webkit-box-shadow: inset 0 0 40rem rgba(0,0,0,.4) !important;
	box-shadow: inset 0 0 40rem rgba(0,0,0,.4) !important;
	background-color: #8d785e !important;
}

.footer h5 {
	font-size: 1.8em;
	line-height: 1.7em;
	margin-bottom: 12px;
	color: #c88851 !important;
	font-family: 'Anton', sans-serif;
	background: -webkit-linear-gradient(#f8e0a0, #c88851);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.footer a:link,
.footer a:visited,
.footer a:active {
	color: #fff !important;
}

.footer a:hover {
	color: #f8e0a0 !important;
}





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

.companyFooter .logo {
-webkit-filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.6));
        filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.6));
}

.companyFooter a {
	display: block;
}

.companyFooter .some a {
	display: inline-block;
}
.companyFooter .some a:hover {
	opacity: .5;
}

.companyFooter a .phone {
	font-size: 1.8rem !important;
	font-weight: 100 !important;
	padding: 0 20px 0 45px !important;
}

.footer .text-muted {
	color: rgba(255,255,255,.7) !important;
}

.footer .text-muted a:link,
.footer .text-muted a:visited,
.footer .text-muted a:active {
	color: rgba(255,255,255,.7) !important;
}

.footer .text-muted a:hover {
	color: #fff !important;
}

.footer .paymentIcons img {
	margin: 20px 2px;
}




.footer.text-center.text-muted.small.text-lowercase {
	box-shadow: none !important;
	background-color: transparent !important;
}

footer text-center text-muted small text-lowercase




/* ------ KONTAKT link fra #dashOne ------ */


main.contact {
	-webkit-box-shadow: inset 0 0 40rem rgba(0,0,0,.4) !important;
	box-shadow: inset 0 0 40rem rgba(0,0,0,.4) !important;
    background-color: #fff !important;
    padding-top: 50px !important;
	color: #111 !important;
}

main.contact h1 {
	font-size: 1.8em !important;
	line-height: 1.2em !important;
	margin-bottom: 6px !important;
	color: #312f43 !important;
	font-family: 'Anton', sans-serif;
}

main.contact h5 {
	font-size: 1.2em !important;
	line-height: 1.2em !important;
	margin-top: 10px !important;
	color: #312f43 !important;
	font-family: 'Anton', sans-serif;
}

main.contact a:link,
main.contact a:visited,
main.contact a:active {
	color: #111 !important;
}

main.contact a:hover {
	color: #666 !important;
}
.validateWebCoupon .of2-validate-coupon-webcode{
  padding: 1px 12px !important;
}