@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: "Poppins";
    src: url(fonts/Poppins-Thin.ttf) format("ttf");
    font-weight: 100; /* Thin weight */
}

@font-face {
    font-family: "Poppins";
    src: url(fonts/Poppins-Light.ttf) format("ttf");
    font-weight: 300; /* Light weight */
}

@font-face {
    font-family: "Poppins";
    src: url(fonts/Poppins-Regular.ttf) format("ttf");
    font-weight: 400; /* Regular weight */
}

@font-face {
    font-family: "Poppins";
    src: url(fonts/Poppins-Italic.ttf) format("ttf");
    font-style: italic;
    font-weight: 400; /* Regular weight */
}

@font-face {
    font-family: "Poppins";
    src: url(fonts/Poppins-Bold.ttf) format("ttf");
    font-weight: 700; /* Bold weight */
}

@font-face {
    font-family: "Poppins";
    src: url(fonts/Poppins-Extrabold.ttf) format("ttf");
    font-weight: 800; /* Extra Bold weight */
}

/* @font-face {
    font-family: 'Barmenoroman';
    src: url('../font/barmeno-webfont.eot');
    src: url('../font/barmeno-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/barmeno-webfont.woff2') format('woff2'),
         url('../font/barmeno-webfont.woff') format('woff'),
         url('../font/barmeno-webfont.ttf') format('truetype'),
         url('../font/barmeno-webfont.svg#barmenoroman') format('svg');
    font-weight: normal;
    font-style: normal;
} */

body {
	background: #333333;   /* REVAMP - CSS CHANGED FROM #F06858*/
	width: 640px;
	margin: 0 auto;
	/* font-family: Barmenoroman, Verdana, Geneva, sans-serif; */   /* REVAMP - FONT CHANGE TO POPPINS BELOW */
	font-family: "Poppins", Arial, Helvetica, sans-serif;
}

.font-one {
	/* font-family: Barmenoroman, Verdana, Geneva, sans-serif; */  /* REVAMP - FONT CHANGE TO POPPINS BELOW */
	font-family: "Poppins", Arial, Helvetica, sans-serif;
}
.font-two {
	font-family: Arial, Helvetica, sans-serif;
}
.font-three {
	font-family: "Permanent Marker", cursive;
}

h1 {
	font-size: 40px;    /* REVAMP - Change from 48 px*/
	color: #FFFFFF;     /* REVAMP - COLOR CHANGE FROM #000000*/
	font-weight: bold;    /* REVAMP - CHANGE FROM font-weight: 400; */
	line-height: 46px;
}
h2 {
	font-size: 48px;
	font-weight: 400;
}
h3 {
	font-size: 45px;
	font-weight: 400;
}
h4 {
	font-size: 40px;
	font-weight: 400;
}
h5 {
	font-size: 36px;
	font-weight: 400;
}
h6 {
	font-size: 32px;
	font-weight: 400;
}



/* ================ RESET ================ */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
.clear {
	clear: both;
}
* {
	outline: none !important;
}



/* ================ MISCELLANEOUS ================ */
.divider {
	background: #EEEEEE;
	/*padding: 8px 14px;*/
	padding: 0;
	margin: 20px 0 10px 0;
	height: 1px;
}
.highlight {
    background-color: #FFFF00;
}
.border-bottom {
	border-bottom: 2px solid #DDDDDD;
}
.float-right {
	display: inline-block;
	float: right;
}
.hide {
	display: none !important;
}
.invert-x {
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
}
.pointer { /* Upwards */
	position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(34, 34, 34, 0.9);
}
strong {
	color: #FFFFFF;      /* REVAMP - CHANGED FROM #000000*/
}
.position-fixed {
	position: fixed !important;
}
.z-index-0 {
	z-index: 0 !important;
}

.noscroll { 
    overflow: hidden; 
}

/*-- ADD THIS --*/
.at-share-tbx-element .at-share-btn {
	margin: 25px 55px 0 0 !important;
}
.at-icon-wrapper, .at-icon {
	width: 70px !important;
	height: 70px !important;
}



/* ================ LINKS ================ */
a {
	color: orange;     /* REVAMP - COLOR CHANGE FROM #ED564B */
	text-decoration: none;
}
a.a-orange {
	color: orange !important;      /* REVAMP - Newly added*/
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: none;
}



/* ================ MARGIN & PADDING ================ */
.margin-top-up-three {
	margin-top: 50px;
}
.margin-top-up-two {
	margin-top: 30px;
}
.margin-top-up-one {
	margin-top: 25px;
}
.margin-top {
	margin-top: 20px;
}
.margin-top-down-one {
	margin-top: 15px;
}
.margin-top-down-two {
	margin-top: 10px;
}
.margin-top-down-three {
	margin-top: 5px;
}

.margin-bottom-up-two { /* Index Page */
	margin-bottom: 70px !important;
}
.margin-bottom-up-one {
	margin-bottom: 50px;
}
.margin-bottom {
	margin-bottom: 30px;
}
.margin-bottom-down-one {
	margin-bottom: 20px;
}
.margin-bottom-down-two {
	margin-bottom: 10px;
}
.margin-bottom-down-three {
	margin-bottom: 5px;
}

.margin-right { /* Home Page: ad-square */
	margin-right: 36px !important;
}
.margin-left { /* Details Page: reviews */
	margin-left: 8px;
}

.padding-bottom { /* Search Page: search inputs, Blog Gallery Details Page: show more */
	padding-bottom: 30px;
}
.padding-bottom-down-one { /* Register Page: side, Gallery Details Page and Settings Page: show more */
	padding-bottom: 10px;
}
.padding-bottom-down-two { /* Blog Listing Page: show more */
	padding-bottom: 6px;
}



/* ================ TEXT STYLES ================ */
.text-color-dark-two {
	color: #BBBBBB;   /* REVAMP - INVERT COLOR FROM #222222 */
}
.text-color-dark-one {
	color: #DDDDDD;   /* REVAMP - INVERT COLOR FROM #444444 */
}
.text-color-common {
	color: #999999;   /* REVAMP - INVERT COLOR FROM #777777 */
}
.text-color-light-one {
	color: #666666;   /* REVAMP - INVERT COLOR FROM #999999 */
}
.text-color-light-two {
	color: #444444;   /* REVAMP - INVERT COLOR FROM #CCCCCC */
}
.text-color-black {
	color: #FFFFFF;   /* REVAMP - INVERT COLOR FROM #000000 */
}
.text-color-real-black{
	color: #000000;   /* REVAMP - ADDED FOR BLACK TEXT */
}
.text-color-white {
	color: #FFFFFF;
}
.text-color-white-light-one {
	color: rgba(255,255,255,0.7);   /* REVAMP - INVERT COLOR FROM rgba(255,255,255,0.7) */
}
.text-color-white-light-two {
	color: rgba(255,255,255,0.5);   /* REVAMP - INVERT COLOR FROM rgba(255,255,255,0.5) */
}
.text-color-yellow {
	color: #FFE545;
}
.text-color-orange {
	color: orange;   /* REVAMP - CHANGE FROM #ED564B */
}
.text-color-red {
	color: #ff4000;
	/* color: rgba(237,86,75,0.7); */
}
.text-color-red-dark-one {
    color: #b20000;
}

.text-size-up-six {
	font-size: 56px;
}
.text-size-up-five {
	font-size: 52px;
}
.text-size-up-four {
	font-size: 48px;
}
.text-size-up-three {
	font-size: 45px;
}
.text-size-up-two {
	font-size: 40px;
}
.text-size-up-one {
	font-size: 36px;
}
.text-size-common {
	font-size: 30px;
}
.text-size-down-one {
	font-size: 25px;
	-webkit-text-size-adjust: none; /* Prevent iOS from resizing text */
	max-height: 999999px; /* Prevent Android Chrome from resizing text */
}
.text-size-down-two {
	font-size: 20px;
	-webkit-text-size-adjust: none; /* Prevent iOS from resizing text */
	max-height: 999999px; /* Prevent Android Chrome from resizing text */
}
.text-size-down-three, .text-copy {
	font-size: 15px;
	-webkit-text-size-adjust: none; /* Prevent iOS from resizing text */
	max-height: 999999px; /* Prevent Android Chrome from resizing text */
}

.text-line-height-up-four { /* For text size 48px */
	line-height: 60px;
}
.text-line-height-up-three { /* For text size 45px */
	line-height: 55px;
}
.text-line-height-up-two { /* For text size 40px */
	line-height: 50px;
}
.text-line-height-up-one { /* For text size 36px */
	line-height: 47px;
}
.text-line-height-common { /* For text size 32px */
	line-height: 43px;
}
.text-line-height-down-one { /* For text size 26px */
	line-height: 36px;
}
.text-line-height-down-two { /* For text size 20px */
	line-height: 30px;
}
.text-line-height-down-three { /* For text size 15px */
	line-height: 22px;
}

.text-smooth {
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}
.text-center {
	text-align: center;
}
.text-justify {
	text-align: justify;
}
.text-right {
	text-align: right !important;
}
.text-left {
	text-align: left !important;
}
.text-italic {
	font-style: italic;
}
.text-upper {
	text-transform: uppercase;
}
.text-none {
	text-transform: none;
}

.text-bold{
	font-weight: bold;
}


/* ================ HEADER ================ */
.wrapper-header {
	width: 640px;
	text-align: center;
	position: relative;
	top: 0;
	background: #000000;  /* REVAMP - COLOR CHANGE FROM #F06858 */
	overflow: hidden;
}

/*-- MENU BUTTON --*/
.section-navigation-menu {
	position: absolute;
	left: 30px;
	top: 5px;
	z-index: 3; /* Position above navigation overlay */
}
.set-navigation-menu {
	height: 25px;     		/* REVAMP - REMOVED */
	padding: 20px 0px;     /* REVAMP - ADDED */
    margin: 0px;    		/* REVAMP - ADDED */
}
.block-navigation-menu {
	display: inline-block;
	width: 25px;
	height: 1px;
	background: #FFFFFF;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
#header_menu_one.rotate-right, #menu_one.rotate-right {
	-ms-transform: translate(4px,3px) rotate(45deg);
    -webkit-transform: translate(4px,3px) rotate(45deg);
    transform: translate(4px,3px) rotate(45deg);
}
#header_menu_two.rotate-left, #menu_two.rotate-left {
	-ms-transform: translate(-3px,3px) rotate(-45deg);
    -webkit-transform: translate(-3px,3px) rotate(-45deg);
    transform: translate(-3px,3px) rotate(-45deg);
}
#header_menu_three.rotate-left, #menu_three.rotate-left {
	-ms-transform: translate(4px,-4px) rotate(-45deg);
    -webkit-transform: translate(4px,-4px) rotate(-45deg);
    transform: translate(4px,-4px) rotate(-45deg);
}
#header_menu_four.rotate-right, #menu_four.rotate-right {
	-ms-transform: translate(-3px,-4px) rotate(45deg);
    -webkit-transform: translate(-3px,-4px) rotate(45deg);
    transform: translate(-3px,-4px) rotate(45deg);
}

/*-- LOGO --*/
.section-logo {
	display: inline-block;
	width: 220px;
	padding: 25px 0;
	vertical-align: middle;
}
.block-logo {
	display: block;
	width: 220px;
}

/*-- SHOWTIMES (SMALL) --*/
.section-showtime-small {
	background: #121212;    				/* REVAMP - CHANGED FROM #ED564B */
	border-top: 1px solid #444444;    		/* REVAMP - CHANGED FROM #FF3300 */
	border-bottom: 1px solid #444444;  	/* REVAMP - CHANGED FROM #FF3300 */
	padding: 30px 0;
}
.block-showtime-small-title {
	padding-bottom: 30px;
}
.block-showtime-small {
	background: #121212;    /* REVAMP - CHANGED FROM #ED564B */
	padding: 0 30px;
}

/*-- SEARCH (SMALL) --*/
.section-search-small {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
.section-search-small .fa-search {
	border: 0;
	background: #000000;   /* REVAMP - COLOR CHANGE FROM #F06858 */
	padding: 30px 20px;
	z-index: 1;
	position: relative;
}
.block-search-small {
	background: #000000;   /* REVAMP - COLOR CHANGE FROM #F06858 */
	border: 0;
	border-radius: 0;
	height: 57px;
	width: 545px;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
	position: absolute;
	left: 640px;
	padding-top: 22px;
}
.block-search-small.expand {
	left: -560px;
}
.block-search-small:focus {
	color: #FFFFFF !important;
}
.block-search-small::-webkit-input-placeholder {
	color: rgba(255,255,255,0.5);
	font-style: italic;
}
.block-search-small:-moz-placeholder {
	color: rgba(255,255,255,0.5);
	font-style: italic;
}
.block-search-small::-moz-placeholder {
	color: rgba(255,255,255,0.5);
	font-style: italic;
}
.block-search-small:-ms-input-placeholder {
	color: rgba(255,255,255,0.5);
	font-style: italic;
}



/* ================ NAVIGATION OVERLAY ================ */
.container-navigation-overlay {
	background: rgba(0,0,0,0.95);
	position: fixed;
	top: -150%;
	width: 640px;
	height: 100%;
	z-index: 3; /* Position above ads and showtimes filter options */
	transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
	overflow-y: scroll !important;
	-webkit-overflow-scrolling: touch; /* For iOS smooth scrolling */
}
.container-navigation-overlay.slide {
	top: 0;
}

/*-- EXTRA PLACEMENT --*/
.section-header-extra {
	display: inline-block;
	width: 150px;
	margin-left: 6px;
	vertical-align: middle;
}

/*-- SOCIAL MEDIA --*/
.section-social-media {
	padding: 60px 0 50px;
	text-align: center;
	border-bottom: 1px solid rgba(200,200,200,0.2);
}
.section-social-media a {
	display: inline-block;
	margin: 0 10px;
}

/*-- NAVIGATION --*/
.section-navigation {
	border-bottom: 1px solid rgba(200,200,200,0.2);
	padding: 70px 0;
}
.set-navigation { /* Main navigation, sub navigation */
	position: relative; /* Necessary for positioning arrow, "logout" */
}
/*-- Main Navigation --*/
.block-navigation-main {
	padding: 20px 40px;       /* REVAMP - CHANGED FROM padding: 30px; */
}
.block-navigation-main-right {
	position: absolute;
	right: 30px;
}
/*-- Sub Navigation --*/
.block-navigation-sub {
    background: rgba(30,30,30,0.6);
    padding: 15px 30px;
	z-index: 1;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.block-navigation-sub a {
	display: block;
	padding: 15px;
}

/*-- BOX OFFICE --*/
.section-home-box-office {
	padding-top: 50px;
	text-align: center;
}
.section-home-box-office .set-listing-grid {
	margin: 0;
}
.block-home-box-office-title {
	/* margin-bottom: 30px; */     /* REVAMP - REMOVED */
}
.block-box-office-tab { /* Tab styles */
	display: inline-block;
	padding: 8px 0;
	color: #F06858;
}
.block-box-office-tab-selected { /* Change tab styles when selected */
	color: #666666;
}
input[type=radio] {
    position: absolute;
    right: 300%; /* Adjust to hide radio button */
}
.block-box-office-tab-content { /* Hide unselected tab content */
    display: none;
}
input:checked + div.block-box-office-tab-content { /* Show selected tab content */
    display: block;
	width: 625px;
}
.block-home-box-office-date {
    margin: 30px 0 20px;
    text-align: center;
	font-style: italic;
}
.set-home-box-office-ranking { /* Ranking, title */
    padding-left: 30px;
	text-align: left;
}
.block-home-box-office-ranking {
	display: inline-block;
	text-align: center;
	width: 30px;
    margin: 10px 0;
	vertical-align: top;
}
.block-home-box-office-movie {
	display: inline-block;
	width: 525px;
    text-align: left;
    vertical-align: top;
    margin: 10px 0 10px 10px;
}



/* ================ BODY ================ */
.wrapper-body {
	background: #000000;    /* REVAMP - CHANGED FROM #FFFFFF */   
	padding-bottom: 70px;
	width: 640px;
	margin: 0 auto;
}

.section-notification-important {
	background: #FFDC73;
	text-align: center;
	padding: 10px;
	border-top: 30px solid #FFFFFF;
	margin: 0 30px 30px;
	display: none;
}
.section-notification-important.detail {
	margin-bottom: 0;
}
.block-back-to-previous {
	padding: 30px;
}
.skin-placement {
	padding: 30px;
	display: none;
}
.skin-placement.detail {
	padding-top: 0;
}

/*-- MAIN CONTENT --*/
.container-main {
	display: inline-block;
	width: 580px;
	padding: 0 30px;
}
.section-notification-main {
	border-left: 4px solid #ED564B;
	margin-bottom: 30px;
	padding: 15px 20px;
}
.block-back-to-top {
    display: none;
	color: rgba(255,255,255,0.7);
	position: fixed;
    bottom: 35px;
    right: 25px;
	background: rgba(34,34,34,0.7);
	padding: 8px 14px;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	z-index: 2; /* Place above dropdown arrow */
}



/* ================ HOME PAGE ================ */
/*-- FEATURED ARTICLE--*/
.section-home-feature {
	/* background: #EEEEEE; */    /* REVAMP - REMOVED */
	margin-bottom: 3px;
	text-align: center;
}
.block-home-feature-image {
	background-size: cover;
	background-position: center;
	position: relative;
	width: 640px;
	height: 324px;
}
.set-home-feature { /* Title, date, content */
	padding: 30px;
}
.block-home-feature {
	margin-top: 30px;
}

/*-- BLOG POST SLIDER --*/
.set-home-blog { /* Image, grey box */
	float: left;
	background: #111111;      /* REVAMP - CHANGED FROM #EEEEEE */
	width: 185px;
	position: relative; /* Necessary for positioning "date" */
}
.block-home-blog-image {
	background-size: cover;
	background-position: center;
	position: relative;
	width: 185px;
	height: 128px;
}
.set-home-blog-post { /* Grey box */
	height: 150px;
	position: relative; /* Necessary for positioning "more" */
	text-align: center;
	padding: 15px;
}
.block-home-blog-post-all {
	border: 2px dashed #CCCCCC;
	padding: 10px 0;
	margin: 130px 30px 0;
	text-align: center;
}
/*----- Refer to CSS for Details Page: grey box -----*/

.section-ad-horizontal {
	background: #F5F5F5;
	position: relative;
	z-index: 1; /* In case of rich media ads */
	width: 560px;
	height: 80px;
	margin: 70px auto 0;
}

/*-- NOW SHOWING/COMING SOON --*/
.block-home-movie-all {
	border: 2px dashed #CCCCCC;
	padding: 10px 0;
	margin: 100px 30px 0;
	text-align: center;
}
/*----- Refer to CSS for Listing Page -----*/

/*-- REVIEWS, EVENTS --*/
.section-home-review, .section-home-event {
	position: relative; /* Necessary for positioning "more" */
	width: 580px;
	border: 2px solid rgba(180,180,180,0.5);
	margin: 0 10px 70px;
	padding: 30px 20px;
	text-align: center;
}
.block-home-review-title {
	margin: 50px 0 20px;
}
.block-home-event-title {
	display: inline-block;
	width: 120px;
	text-align: left;
	vertical-align: top;
}
.block-home-event-detail {
	display: inline-block;
	width: 450px;
	text-align: left;
	vertical-align: top;
}
.block-home-event-more {
    margin-top: 50px;
}

/*-- VIDEO/TRAILER --*/
.section-home-video {
	padding: 0 30px;
	margin-bottom: 70px;
}

/*-- CONTEST --*/
.set-home-contest { /* Contest title, details, more */
	display: inline-block;
	vertical-align: top;
	position: relative; /* Necessary for positioning "more" */
	background: #111111;      /* REVAMP - CHANGED FROM #EEEEEE */
	width: 240px;
	/* height: 180px; */      /* REVAMP - REMOVE SET HEIGHT */
	text-align: center;
	padding: 30px 15px 15px;
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
}
.block-home-contest-title {
	margin-bottom: 10px;
}
.block-home-contest-more {
	/* position: absolute; */      /* REVAMP - REMOVE ABSOLUTE*/
	bottom: 15px;
	left: 0;
	right: 0;
}
.block-home-contest-all {
	border: 2px dashed #CCCCCC;
	padding: 10px 0;
	margin: 80px 70px 0;
	text-align: center;
}

/*-- GALLERY --*/
.section-home-gallery {
	background: rgba(0,0,0,0.85) !important;
    padding: 30px 0 15px !important;
}
.set-home-gallery { /* Image, title */
	display: inline-block;
	width: 214px;
	min-height: 311px;     /* REVAMP - CHANGED FROM height: 311px; */
	vertical-align: top;
}
.block-home-gallery-image {
	background-size: cover;
	background-position: center;
	position: relative;
	width: 214px;
	height: 161px;
}
.block-home-gallery {
	padding: 15px;
	text-align: center;
}
.block-home-gallery-all {
	border: 2px dashed #CCCCCC;
	padding: 10px 0;
	margin: 60px 50px 0;
	text-align: center;
}

.section-ad-square {
	display: inline-block;
	position: relative;
	z-index: 1; /* In case of rich media ads */
	width: 300px;
	height: 300px;
	margin: 70px 160px 0;
	background: #F5F5F5;
}
.section-ad-square a img {
	width: 300px !important;
}



/* ================ SHOWTIMES PAGE ================ */
.section-showtime-select {
	background: #1A1A1A;      /* REVAMP - CHANGED FROM background: #333333; */
	width: 640px;
	margin-left: -30px;
	margin-top: 20px;    		/* REVAMP - CHANGED FROM margin-top: 50px; */
}
.block-showtime-select-movie {
	display: inline-block;
	width: 275px;
	padding: 30px 0 0 30px;
}
.block-showtime-select-cinema {
	display: inline-block;
	width: 275px;
	padding-left: 20px;
}

.set-select { /* Select date, sub-filters */
	background: #1A1A1A;      /* REVAMP - CHANGED FROM background: #333333; */
	width: 580px;
	position: relative; /* Necessary for positioning filters */
	padding: 30px;
	margin-left: -30px;
}

.set-select-detail { /* Select date, sub-filters */
	background: #1A1A1A;      /* REVAMP - CHANGED FROM background: #333333; */
	width: 640px;
	position: relative; /* Necessary for positioning filters */
	padding: 30px;
}
.block-select-date-range {
	display: inline-block;
	width: 497px;
	margin: 0 25px 0 0;
	border-right: 2px dashed #555555;
}
.block-select-date {
	display: inline-block;
	width: 150px;
	padding: 8px 0;
	text-align: center;
	border: 2px solid #444444;
	border-radius: 5px;
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	text-transform: uppercase;
}
.block-select-date.disabled > div {
	color: #999999;
}
.block-select-date.selected {
	border: 2px solid #FFFFFF;   /* REVAMP - CHANGED FROM border: 2px solid #ED564B; */
}

.section-showtime-filter {
	position: absolute;
	top: 160px;
	left: 30px;
	width: 520px;
    background: rgba(34,34,34,0.95);
    padding: 10px 30px 0 30px;
	border-radius: 3px;
	z-index: 2; /* Position above movie/cinema header */
}
.section-showtime-filter-content {
	height: 450px;
	overflow-y: scroll;
}
.set-showtime-filter {
	border-bottom: 2px solid #444444;
	padding: 40px 0;
}
.set-showtime-filter:first-of-type {
	padding-top: 20px;
}
.set-showtime-filter:last-of-type {
	border: 0;
}
.set-showtime-filter-option {
	display: inline-block;
	width: 500px;
}
.set-showtime-filter-all > input[type=checkbox], .set-showtime-filter-option > input[type=checkbox] {
	display: inline-block;
	vertical-align: top;
	margin-top: 40px;
}
.block-showtime-filter-all, .block-showtime-filter-time, .block-showtime-filter-format, .block-showtime-filter-ticket-type {
	display: inline-block;
	margin: 30px 0 0 5px;
	vertical-align: top;
}

.section-showtime-apply { /* Shared with Search Page */
	border-top: 2px solid #555555;
	padding: 20px 0;
	margin-top: 10px;
	text-align: center;
	position: relative;
}
.block-showtime-apply {
	position: absolute;
	top: 20px;
	text-align: left;
}

.section-showtime-movie {
	background: rgba(0,0,0,0.95);   	/* REVAMP - CHANGED FROM  background: rgba(250,250,250,0.95); */
	/* border-bottom: 1px solid #DDDDDD; */    /* REVAMP - Removed  */
	/* border-top: 1px solid #DDDDDD; */       /* REVAMP - Removed  */
	padding: 15px 0px;    					 /* REVAMP - CHANGED FROM  padding: 15px 30px;*/
	position: relative;
	margin-bottom: -1px;
	/* margin-left: -30px;*/				/* REVAMP - CHANGED FROM  */
	width: 580px;
}
.set-showtime-keyart {
	display: inline-block;
	position: relative;
	width: 100px;
	height: 148px;
	vertical-align: bottom;
}
.set-showtime-keyart:before {
	display: flex;
	justify-content: center; /* Align horizontal */
	align-items: center; /* Align vertical */
	content: attr(data-attr);
	position: absolute;
	background: #333333;
	width: 80px;
	height: 100%;
	z-index: 0;
	color: #FFFFFF;
	font-size: 13px;
	text-align: center; /* For multiple lines */
	padding: 0 10px;
}
.block-showtime-keyart {
	display: inline-block;
	vertical-align: bottom;
	position: relative;
	z-index: 1; /* Position above .set-showtime-keyart:before */
}
.set-showtime-detail-movie, .set-showtime-detail-cinema {
	display: inline-table;
	width: 465px;
	height: 148px;
	margin-left: 15px;
	position: relative;
	z-index: 1;
}
.set-showtime-detail-cinema {
	width: 415px;
}
.block-showtime-detail {
	display: table-cell;
	vertical-align: middle;
	width: 395px;
}

/* RAVAMP - NEWLY ADDED */
.section-showtime-movie-nav{
    color: orange;
	padding-top:15px;
	font-size:18px;
    width:580px;

}
.section-showtime-movie-nav a{
    color: orange;
    text-decoration: none;
    cursor: pointer;
}
.margin-right-nav{    	/* REVAMP - NEWLY ADDED */
	/*margin-right: 10px;*/
}

/* RAVAMP - END OF NEWLY ADDED */

.set-showtime-row {
	/* padding-left: 25px; */          		/* RAVAMP - REMOVE */
	margin-top: 20px;         				/* RAVAMP - CHANGE FROM margin-top: 50px; */
	/* border-left: 5px solid #ED564B; */   /* RAVAMP - REMOVE */
	  			    /* RAVAMP - NEWLY ADDED */
}
.set-showtime-row-line {
	border-top: 2px solid orange;
    padding-top: 30px;   
}

.set-exhibitor-block{         /* RAVAMP - NEWLY ADDED */
	background: #FFF;
    padding: 5px 0;
    text-align: center;
    margin-bottom: 15px;
	margin-top:10px;
    line-height: 32px;
}
.mid-page-anchor {/* RAVAMP - NEWLY ADDED to jump to achor set at mid page */
                  position: absolute;
  transform: translateY(-55vh);
  visibility:hidden;
}
.set-showtime-row-last{
	padding-bottom:20px;
	border-bottom: None !important;
}
.section-showtime-header {
	/* background: rgba(255,255,255,0.9);  */         /* RAVAMP - REMOVE */
	/* border-bottom: 2px dashed rgba(255,255,255,0.2);;  */         /* REVAMP - CHANGED FROM 2px dashed #DDDDDD - REMOVED */
	padding-bottom: 15px;          /* RAVAMP - CHANGE FROM margin-top: 50px; */
	position: relative; /* Necessary for positioning extra */
	padding-right: 20px; 			/* RAVAMP - ADDED */
}
.set-showtime-header-extra {
	position: absolute;
	right: 0;
	top: 0;
}
.set-showtime-detail-extra {
	position: absolute;
	right: 0;
	top: 50px;
}
.block-showtime-header-distance { /* Currently not in use */
	display: none;
	/*display: inline-block;*/
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	padding: 6px 8px 5px;
	vertical-align: middle;
}
.block-showtime-header-favourite {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}
.section-showtime-row {
	margin-top: 10px;     /* REVAMP - CHANGED FROM margin-top: 30px; */
}

.set-showtime-midnight {
	display: inline-block;
	position: relative;
}
.block-showtime-midnight {
	position: absolute;
	top: -15px;
	right: 0;
	background: rgba(237,86,75,0.8);
	font-size: 12px;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	color: #FFFFFF;
}

.section-showtime-session-stats {
	border-top: 2px solid #DDDDDD;
	padding-top: 10px;
	position: relative;
}



/* ================ (MOVIE) LISTING PAGE ================ */
/*----- Shared with Event Listing Page -----*/
.set-listing-list { /* List item */
	background: #FFFFFF;
	position: relative; /* Necessary for positioning extra, tags, exclusive */
	border-bottom: 1px solid rgba(200,200,200,0.2);
	padding: 15px 0;
	width: 610px;
	padding-left: 30px;
	margin-left: -30px;
}
.set-listing-list:nth-child(2n) {
	background: #F9F9F9;
}
.set-listing-list-header {
	padding: 20px 0 10px;
	background: rgba(255,255,255,0.9);
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	width: 610px;
	margin-left: -30px;
	padding-left: 30px;
}
.set-listing-list-header > div {
	padding: 0 10px 0 0;
}
.set-listing-list-header > .block-listing-list-opening-date, .set-listing-list-header > .block-listing-list-rating {
	padding: 0;
}

.block-listing-list-movie-title {
	display: inline-block;
	float: left; /* For spacing issue */
	width: 360px;
	padding: 25px 10px 25px 0;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #444444;
}
.block-listing-list-director {
	display: none;
	float: left; /* For spacing issue */
	width: 120px;
	padding: 30px 10px 25px 0;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #777777;
}
.block-listing-list-cast {
	display: none;
	float: left; /* For spacing issue */
	width: 190px;
	padding: 30px 10px 25px 0;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #777777;
}
.block-listing-list-rating {
	display: inline-block;
	float: left; /* For spacing issue */
	width: 80px;
	padding: 30px 0 25px;
	overflow: hidden;
}
.block-listing-list-opening-date {
	display: inline-block;
	width: 130px;
	padding: 30px 0 25px;
	overflow: hidden;
	text-align: right;
}

.set-listing-list-extra { /* Hidden div in list */
	position: absolute;
	z-index: -1; /* Hide div below list */
	top: 0;
	left: 0;
	width: 50px;
	height: 78px;
	padding-left: 10px;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
.set-listing-list-extra.slide {
	left: -50px;
}
.block-listing-list-extra-one {
	background: #222222;
	width: 31px;
	height: 31px;
	line-height: 34px;
	border-radius: 50%;
	text-align: center;
	margin-top: 5px;
	padding-left: 1px;
}
.block-listing-list-extra-two {
	background: #222222;
	width: 31px;
	height: 31px;
	line-height: 33px;
	border-radius: 50%;
	text-align: center;
	margin-top: 6px;
	padding-left: 1px;
}

.set-listing-list-tag { /* Sneaks, advance sales, exclusive */
	position: absolute;
	top: 0;
	left: 30px;
	margin-top: 15px;
}
.block-listing-list-tag-orange, .block-listing-list-tag-yellow, .block-listing-list-exclusive {
	display: inline-block;
	background: rgba(221,221,221,0.35);
	margin-right: 5px;
	text-align: center;
	position: relative; /* Necessary for positioning :after */
	text-transform: uppercase;
	font-style: italic;
}

.section-listing-grid {
	width: 600px; /* Allow overflow; margin-right affected by mixitup */
}

.set-listing-grid-tag { /* Sneaks, advance sales */
	position: absolute;
	top: 0;
	right: -6px;
}
.block-listing-grid-tag-orange, .block-listing-grid-tag-red {
	background: orange;       /* REVAMP - CHANGED FROM background: #ED564B; */
	padding: 3px 10px;
	margin-top: 8px;
	text-align: center;
	position: relative; /* Necessary for positioning :after */
	text-transform: uppercase;
}
.block-listing-grid-tag-red {   /* REVAMP - CHANGED FROM block-listing-grid-tag-yellow */
	background: red;      /* REVAMP - CHANGED FROM #FFE545 */
}
.block-listing-grid-tag-orange:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	bottom: -10px;
	position: absolute;
	background: transparent;
	z-index: -2; /* Position below .set-listing-grid:before */
	right: 0;
	left: auto;
	border-top: 10px solid #be5b54;
	border-right: 10px solid transparent;
}
.block-listing-grid-tag-yellow:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	bottom: -10px;
	position: absolute;
	background: transparent;
	z-index: -2; /* Position below .set-listing-grid:before */
	right: 0;
	left: auto;
	border-top: 10px solid #d9c654;
	border-right: 10px solid transparent;
}

.block-listing-grid-exclusive {
	position: absolute;
	bottom: 5px;
	background: rgba(250,250,250,0.9);
	text-transform: uppercase;
	width: 156px;
	text-align: center;
	padding: 5px;
	margin: 0 5px;
	border: 1px solid #CCCCCC;
}

/*----- Shared with Home Page: now showing/coming soon, Settings Page -----*/
.set-listing-grid { /* Keyart, overlay */
	display: inline-block;
	margin: 21px 19px 50px 0;
	z-index: 0; /* Allow extra div to be clickable */
	vertical-align: top;
}
.block-listing-grid-keyart {
	position: relative;
	width: 278px;        /* REVAMP - CHANGED FROM width: 178px; */
	height: 409px;       /* REVAMP - CHANGED FROM height: 262px; */
}
.block-listing-grid-keyart:before {	
	display: flex;
	justify-content: center; /* Align horizontal */
	align-items: center; /* Align vertical */
	content: attr(data-attr);
	position: absolute;
	background: #333333;
	width: 218px;  		/* REVAMP - CHANGED FROM width: 118px; */
	height: 409px;      /* REVAMP - CHANGED FROM height: 262px; */
	z-index: -1; /* Position below keyart, above grid-tag:after */
	color: #FFFFFF;
	font-size: 16px;
	text-align: center; /* For multiple lines */
	padding: 0 30px;
}
.block-listing-grid-overlay {
	position: relative;
	width: 248px; 		/* REVAMP - CHANGED FROM width: 148px; */
	/* height: 195px; */   /* REVAMP - REMOVED */
	text-align: center;
	padding: 15px 15px 0 15px;
}
.block-listing-grid-movie-title, .block-listing-grid-opening-date {
	margin-bottom: 10px;
}
.block-listing-grid-action {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	}

.set-listing-filter { /* Filter bar */
	display: none;
	position: fixed;
	bottom: 30px;
	width: 640px;
	margin-left: -30px;
	z-index: 2;
	text-align: center;
}
.section-listing-filter {
	display: inline-block;
	background: rgba(0,0,0,0.8);
    border-radius: 3px;
	box-shadow: 0 0 5px 1px rgba(255,255,255,0.5);
}
.block-listing-filter {
	display: inline-block;
	position: relative;
	text-align: center;
	padding: 10px 30px;
}
.section-listing-filter-option {
	position: absolute;
	bottom: 60px;
	left: 25px;
	padding-bottom: 10px;
}
.block-listing-filter-option {
	position: relative;
    background: rgba(0,0,0,0.8);
    margin: 0 auto;
	height: auto;
	padding: 10px 18px 8px 18px;
	text-align: left;
	border-radius: 5px;
}
.block-listing-filter-reset {
    display: inline-block;
	border-left: 1px dashed #666666;
	padding: 5px 30px 15px;
}
.set-listing-period {
	margin: 0 0 50px;
}
.set-listing-film-festival {
	margin-bottom: 50px;
}



/* ================ (MOVIE) DETAILS PAGE ================ */
.section-detail { /* Shared with Contest Details Page, Blog Details Page: comments, other news, Settings Page */
}
.block-detail-dvd {
	width: 282px;
}

/*-- SIDEBAR --*/
.container-detail-sidebar {
	display: inline-block;
	width: 580px;
	padding: 0 30px;
}
.set-detail-keyart {
	position: relative;
	height: 856px;
}
.set-detail-keyart:before {
	display: flex;
	justify-content: center; /* Align horizontal */
	align-items: center; /* Align vertical */
	content: attr(data-attr);
	position: absolute;
	background: #333333;
	width: 520px;
	height: 100%;
	z-index: 0;
	color: #FFFFFF;
	font-size: 32px;
	text-align: center; /* For multiple lines */
	padding: 0 30px;
}
.block-detail-keyart {
	display: block;
	width: 580px;
	height: 856px;
	position: relative;
	z-index: 1; /* Position above .set-detail-keyart:before */
}
.set-detail-sidebar-one {
	padding: 30px;
	text-align: center;
	/*background: #222222; currently removed as only favourite is displayed*/
}
.section-favourite a {
	display: inline-block;
	padding-bottom: 5px;
}
.section-share { /* Shared with Blog Details Page, Contest Details Page, Blog Gallery Details Page */
	/* background: #FFFFFF; */    /* REVAMP - REMOVED */
	padding-top: 20px;    /* REVAMP - CHANGED FROM 30px */
	text-align: center;
}

/*-- MOVIE DETAILS --*/
.block-rating-orange {
	border: 2px solid #FF9042;
	padding: 2px 4px 1px 4px;
	margin-right: 4px;
	color: #FF9042;
}
.block-rating-green {
	border: 2px solid #5FC45E;
	padding: 2px 4px 1px 4px;
	margin-right: 4px;
	color: #5FC45E;
}

/*-- MOVIE REVIEWS --*/
.block-movie-review {
	padding: 10px 0 5px;
	quotes: "\201C""\201D""\2018""\2019";
}
.block-movie-review:before {
	color: #CCCCCC;
	content: open-quote;
	font-size: 4em;
	line-height: 0.01em;
	margin-right: 3px;
	vertical-align: -0.43em;
}
.block-movie-review:after {
	position: relative;
	top: 10px;
	left: 3px;
	color: #CCCCCC;
	content: close-quote;
	font-size: 4em;
	line-height: 0.01em;
	vertical-align: -0.43em;
}

/*-- MOVIE TRAILERS/VIDEOS; shared with Home Page --*/
.set-video {
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.block-video-title {
	width: 281px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*-- MOVIE SHOWTIMES --*/
.block-movie-showtime-format {
	display: inline-block;
	margin: 15px 0 10px;
}

/*-- "EVERYTHING ELSE" --*/
.set-movie-goodie { /* Grey box */
	display: inline-block;
	vertical-align: top;
	position: relative; /* Necessary for positioning "more" */
	background: #222222;      /* REVAMP - CHANGED FROM #EEEEEE */
	width: 252px;
	height: 225px;
	text-align: center;
	padding: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
}
a:nth-of-type(2n) .set-movie-goodie {
	margin-right: 0;
}
.block-movie-goodie-type {
	text-align: center;
	margin: 5px 0 0 0;
}
/*----- Shared with Home Page: blog post slider ------*/
.block-box-more {
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
}

/*-- MOVIE RECOMMENDATIONS --*/
.set-movie-recommendation {
	display: inline-block;
	margin: 0 10px 10px 0;
	vertical-align: top;
}
a:nth-of-type(4n) .set-movie-recommendation {
	margin-right: 0;
}
.set-movie-recommendation-keyart {
	display: inline-block;
	position: relative;
	width: 137px;
	height: 202px;
}
.set-movie-recommendation-keyart:before {
	display: flex;
	justify-content: center; /* Align horizontal */
	align-items: center; /* Align vertical */
	content: attr(data-attr);
	position: absolute;
	background: #333333;
	width: 107px;
	height: 100%;
	z-index: 0;
	color: #FFFFFF;
	font-size: 16px;
	text-align: center; /* For multiple lines */
	padding: 0 15px;
}
.block-movie-recommendation-keyart {
	position: relative;
	z-index: 1; /* Position above .set-movie-recommendation:before */
}
.block-movie-recommendation-movie-title {
	width: 137px;
	vertical-align: top;
	text-align: center;
}



/* ================ BLOG LISTING PAGE ================ */
.container-blog-category{       /* REVAMP - NEW CLASS ADDED TO REPLACE .container-main */
	display: inline-block;
    width:0 calc(100% - 40px);
    padding: 0px 20px;
}
.set-blog-category {
	display: inline-block;
}
.block-blog-category-all {
	border: 2px dashed orange;    /* REVAMP - CHANGED FROM border: 2px dashed #CCCCCC; */
	padding: 3px 8px 3px 6px;
	border-radius: 5px;
}
.blog-category-option{
	color: orange;
}
.section-blog-category {
	position: absolute;
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	z-index: 2;
}
.block-blog-category {
	display: block;
	padding: 5px 30px 5px 15px;
}
.section-blog-listing-top {
	height: 350px;
	padding-bottom: 25px;
	position: relative; /* Necessary for positioning play icon */
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
}

.section-blog-listing {
	width: 100%; /* Allow overflow */     /* REVAMP - CHANGED FROM width: 592px; */
}

.block-clip {
	position: absolute;
	top: -13px;
	left: 5px;
	z-index: 1;
}

.set-blog-listing-tag {
	position: absolute;
	top: 0;
	right: -6px;
}
.block-blog-listing-tag-orange, .block-blog-listing-tag-yellow {
	position: relative; /* Necessary for positioning :after */
	background: #ED564B;
	padding: 1px 10px 0;
	margin-top: 8px;
	text-align: center;
}
.block-blog-listing-tag-orange {
	background: #ED564B;
}
.block-blog-listing-tag-yellow {
	background: #FFE545;
}
.block-blog-listing-tag-orange:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	bottom: -10px;
	position: absolute;
	background: transparent;
	z-index: -1;
	right: 0;
	left: auto;
	border-top: 10px solid #be5b54;
	border-right: 10px solid transparent;
}
.block-blog-listing-tag-yellow:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	bottom: -10px;
	position: absolute;
	background: transparent;
	z-index: -1;
	right: 0;
	left: auto;
	border-top: 10px solid #d9c654;
	border-right: 10px solid transparent;
}

.set-blog-listing-grid { /* Image, blog title, date; shared with Blog Details Page */
	display: inline-block;
	background: #1A1A1A;        /* REVAMP - CHANGED FROM width: 580px; */
	width: 282px;
	height: 460px;
	margin-right: 14px;
	margin-bottom: 15px;
	vertical-align: top;
	position: relative; /* Necessary for positioning "featured/members", date, play icon */
	border-bottom: 4px solid #313131;    /* REVAMP - CHANGED FROM border-bottom: 4px solid #CCCCCC; */
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
}
.set-blog-listing-grid-two {
	width: 100%;    		/* REVAMP - CHANGED FROM width: 580px; */
	height: auto;     		/* REVAMP - ADDED TO ALLOW AUTO HEIGHT */
}
.set-blog-listing-grid-three {
	width: 640px;
	margin-left: -30px;
}
.set-blog-listing-grid a, .set-blog-listing-content-three a, .set-blog-listing-top-content a {
	text-decoration: none;
}

.block-blog-listing-video {
	width: 100%;
	position: absolute;
	top: 15px;
	left: 15px;
}
.block-blog-listing-image, .block-blog-listing-image-two, .block-blog-listing-image-three, .block-blog-listing-top-image {
	background-size: cover;
	background-position: center;
	position: relative;
	width: 100%;
	height: 240px;
}
.block-blog-listing-image-two {
	height: 280px;
}
.block-blog-listing-image-three {
	height: 460px;
}
.block-blog-listing-top-image {
	height: 350px;
}

.block-blog-listing-dvd-background {
	background-image:url('../siteimage/back-dvd.png');
	background-size: cover;
	background-position: center;
	position: relative;
	width: 100%;
	height: 240px;
}
.block-blog-listing-dvd {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	box-shadow: 0 0 5px rgba(0,0,0,0.8);
	height: 210px;
	margin: 11px auto;
}

.block-blog-listing-gallery {
	position: absolute;
	width: 100%;
	height: 240px;
	line-height: 240px;
	background: rgba(237,86,75,0.7);
	text-align: center;
}
.block-blog-listing-gallery-two {
	position: absolute;
	width: 100%;
	height: 280px;
	line-height: 280px;
	background: rgba(237,86,75,0.7);
	text-align: center;
}
.block-blog-listing-gallery-three {
	position: absolute;
	width: 100%;
	height: 460px;
	line-height: 280px;
	background: rgba(237,86,75,0.7);
	text-align: center;
}

.set-blog-listing-content-three, .set-blog-listing-top-content { /* Type, title, date */
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 180px;
	position: absolute; /* Necessary for positioning date */
	bottom: 0;
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
}
.block-blog-listing-type {
	margin: 5px 0 0 15px;
	text-transform: uppercase;
}
.block-blog-listing-title {
	padding: 0 15px;
}
.block-blog-listing-date {
	/* position: absolute;
	bottom: 10px;
	left: 15px; */      		/* REVAMP - REMOVED AND REPLACED WITH BELOW */
	padding-left:15px;     		/* REVAMP - PADDING ADDED */
	padding-bottom: 10px;  		/* REVAMP - PADDING ADDED */
}

.block-blog-listing-sponsored {
	position: absolute;
	bottom: 8px;
	right: 15px;
	color: #000;
}

.set-blog-listing-quote {
	display: inline-block;
	border: 2px solid rgba(180,180,180,0.5);
	width: 278px;
	height: 460px;
	margin-right: 14px;
	margin-bottom: 15px;
	vertical-align: top;
	position: relative; /* Necessary for positioning quotes */
}
.block-blog-listing-open-quote {
	position: absolute;
	top: 0;
	left: 10px;
	font-family: georgia;
	font-size: 140px;
	color: rgba(180,180,180,0.15);
}
.block-blog-listing-quote {
	position: relative;
	z-index: 1;
	padding: 40px 25px 0;
	line-height: 32px;
}
.block-blog-listing-source {
	position: absolute;
	bottom: 14px;
	right: 0;
	padding: 5px 15px 0;
}

.set-blog-listing-placeholder {
	display: inline-table;
	width: 280px;
	height: 464px;
	margin-right: 14px;
	margin-bottom: 15px;
	vertical-align: top;
	text-align: center;
}
.ribbon {
	font-size: 20px !important;
	width: 50%;
	position: relative;
	background: #ba89b6;
	color: #FFFFFF;
	text-align: center;
	padding: 0 20px;
	margin: 0 auto;
}
.ribbon:before, .ribbon:after {
	content: "";
	position: absolute;
	display: block;
	bottom: -12px;
	border: 12px solid #986794;
	z-index: -1;
}
.ribbon:before {
	left: -24px;
	border-right-width: 24px;
	border-left-color: transparent;
}
.ribbon:after {
	right: -24px;
	border-left-width: 24px;
	border-right-color: transparent;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
	content: "";
	position: absolute;
	display: block;
	border-style: solid;
	border-color: #804f7c transparent transparent transparent;
	bottom: -12px;
}
.ribbon .ribbon-content:before {
	left: 0;
	border-width: 12px 0 0 12px;
}
.ribbon .ribbon-content:after {
	right: 0;
	border-width: 12px 12px 0 0;
}
.block-blog-listing-placeholder {
	display: table-cell;
	padding: 0 20px;
	vertical-align: middle;
}

.block-show-more {
	text-align: center;
	margin-top: 50px;
	width: 100%;   		/* REVAMP - CHANGED FROM width: 580px;*/
}

.section-toggle-view {
	display: none;
	position: fixed;
	bottom: 0px;
	width: 640px;
	background: rgba(0,0,0,0.8);
	z-index: 2;
}
.block-toggle-view {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 14px 10px 14px 10px;
	text-align: center;
}



/* ================ BLOG DETAILS PAGE ================ */
.section-blog-detail {
	border-bottom: 2px solid #DDDDDD;
	padding-bottom: 30px;    /* REVAMP - CHANGED FROM padding-bottom: 70px; */
}
.section-blog-detail table {
	border-color: #F5F5F5;
	border-spacing: 0;
}
.section-blog-detail td, .section-blog-detail th {
	padding: 10px;
}
blockquote {
	clear: both;
	border-left: 6px solid #ED564B;
	padding: 12px 25px 12px 30px;
	margin: 20px 0 20px 20px;
	background: #F5F5F5;
	font-style: italic;
	color: #444444;
}
.block-tag {
	display: inline-block;
	padding: 5px 15px;
	background: orange;   			/* REVAMP -CHANGED FROM #ED564B */
    border: 1px solid rgb(255, 128, 0);			/* REVAMP -CHANGED FROM #FF3300 */
	border-radius: 5px;
	margin-right: 15px;
	margin-bottom: 15px;
}

.section-blog-navigation {
	position: relative;
	width: 580px;
	height: 85px;
	padding: 20px 0;
}
.set-blog-navigation-left {
	position: absolute;
	left: 0;
	width: 290px;
	height: 85px;
	border-right: 1px solid rgba(221, 221, 221, 0.8);
}
.set-blog-navigation-right {
	position: absolute;
	right: 0;
}
.block-blog-navigation-left, .block-blog-navigation-right  {
	display: table-cell;
	vertical-align: middle;
}
.block-blog-navigation-right {
	text-align: right;
}
.block-blog-navigation-title {
	width: 280px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#blog_comment {
	padding-top: 70px;
}

#blog_other_news {
	padding-bottom: 0;
}
/*----- Refer to CSS for Details Page -----*/



/* ================ CONTEST DETAILS PAGE ================ */
.block-contest-trailer {
    float: left;
	margin: 30px 31px 0 0;
}
.set-contest-keyart {
	display: inline-block;
	position: relative;
	width: 153px;
	height: 223px;
	margin-top: 30px;
}
.set-contest-keyart:before {
	display: flex;
	justify-content: center; /* Align horizontal */
	align-items: center; /* Align vertical */
	content: attr(data-attr);
	position: absolute;
	/* removed on 28052025 causing a black bar on the side background: #333333; */
	width: 133px;
	height: 100%;
	z-index: 0;
	color: #FFFFFF;
	font-size: 13px;
	text-align: center; /* For multiple lines */
	padding: 0 10px;
}
.block-contest-keyart {
	height: 223px;
	position: relative;
	z-index: 1;
}
.section-sponsor {
	font-style: italic;
}
.block-logo-sponsor {
	margin: 10px 15px 0 0;
	max-height: 50px;
	vertical-align: middle;
}
/*----- Refer to CSS for Details Page -----*/



/* ================ EVENTS LISTING PAGE ================ */
.block-event-list-one {
	display: inline-block;
	width: 170px;
	margin-right: 10px;
	padding: 30px 0 25px;
	vertical-align: top;
}
.block-event-list-two {
	display: inline-block;
	width: 400px;
	padding: 30px 0 25px;
	vertical-align: top;
}
.block-event-information {
	display: inline-block;
	width: 365px;
	vertical-align: top;
	margin-left: 5px;
}
/*----- Refer to CSS for Listing Page -----*/



/* ================ SEARCH PAGE ================ */
.section-search-big {
    height: 60px;
    border-bottom: 1px solid #ED564B;
	margin-top: 20px;
}
.block-search-big {
    border: 0;
    font-style: italic;
    height: 45px;
    vertical-align: top;
    width: 90%;
	margin-right: 5px;
	background: none;
	padding: 10px 0;
}
.block-search-big:focus, .block-search-small:focus, .block-home-search:focus {
	font-style: normal;
	color: #000;
}

.section-search-header {
	padding: 30px;
	background: rgba(250,250,250,0.95);
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	margin-top: 60px;
	margin-left: -30px;
	width: 580px;
}
.section-search-result {
	padding-top: 50px;
}
.set-search-result { /* Search result row */
	margin-bottom: 50px;
}



/* ================ REGISTER PAGE ================ */
ul.set-register-checkbox > li {
	list-style-type: none;
	margin-bottom: 30px;
	margin-left: -42px;
}
ul.set-register-checkbox > li input[type=checkbox] {
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	margin-top: 11px;
}
ul.set-register-checkbox > li label {
	display: -moz-inline-box;
	display: inline-block;
	width: 540px;
	margin-left: 5px;
	vertical-align: top;
}



/* ================ SETTINGS PAGE ================ */
.section-settings-stats {
	background: #333333;
    padding: 20px;
	height: 93px;
}
.block-settings-stats-slider {
	display: inline-block;
	width: 350px;
	height: 95px;
	overflow-y: hidden;
	/*border-right: 1px dashed #444444;*/
}
.block-settings-stats-static {
	display: inline-block;
	width: 120px;
	padding: 8px 0;
	text-align: center;
	border: 2px solid rgba(85,85,85,0.5);
	border-radius: 5px;
}
.block-settings-stats {
	display: inline-block;
	width: 120px;
	padding: 8px 0;
	text-align: center;
	border: 2px solid #444;
	border-radius: 5px;
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
}
.block-settings-stats-result {
	display: table;
	float: right;
	height: 93px;	
}
.block-settings-stats-status {
	display: table-cell;
	vertical-align: middle;
	text-transform: uppercase;
	text-align: right;
}

.section-find-out-more {
	width:100%;
	max-height: 25px;
	overflow: hidden;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.section-find-out-more.expand {
	max-height: 350px;
}
.block-find-out-more {
    padding: 8px 20px;
    background: rgba(255,255,255,1);
}
.block-find-out-more-content {
	width: 790px;
	height: 12px;
	border-top: 1px solid rgba(221, 221, 221, 0.45);
	background: rgb(255,255,255);/* Old browsers */
	background: -moz-linear-gradient(top,  rgba(221,221,221,0.2) 0%, rgba(255,255,255,0.8) 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,0.2)), color-stop(100%,rgba(255,255,255,0.8)));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(221,221,221,0.2) 0%,rgba(255,255,255,0.8) 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(221,221,221,0.2) 0%,rgba(255,255,255,0.8) 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(221,221,221,0.2) 0%,rgba(255,255,255,0.8) 100%);/* IE10+ */
	background: linear-gradient(to bottom,  rgba(221,221,221,0.2) 0%,rgba(255,255,255,0.8) 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#FFFFFF',GradientType=0);/* IE6-9 */
}

.section-reveal {
	position: absolute;
	right: 30px;
	top: 45px;
	width: 140px;
	background: rgba(34,34,34,0.9);
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	text-align: center;
}
.block-reveal-pointer {
	position: absolute;
    bottom: 15px;
    left: -7px;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent; 
	border-right: 7px solid rgba(34,34,34,0.9);
}

.set-settings-right {
	position: absolute;
	top: -4px;
	right: 0;
}

.block-settings-list-one {
	display: inline-block;
	width: 170px;
	margin-right: 10px;
	padding: 30px 0 25px;
	vertical-align: top;
}
.block-settings-list-two {
	display: inline-block;
	width: 400px;
	padding: 30px 0 25px;
	vertical-align: top;
}

.block-settings-cinema-dropdown {
	width: 180px;
	margin-right: 15px;
}
.block-settings-cinema-dropdown:nth-of-type(3) {
	margin-right: 0;
}
/*----- Refer to CSS for Listing Page, Details Page -----*/



/* ================ TERMS PAGE ================ */
.section-terms {
    padding-top: 50px;
}



/* ================ TABS ================ */
/*-- DETAILS PAGE; shared with Home Page, Listing Page, Contest Details Page, Gallery Details Page --*/
.section-tab {
	margin: 35px 0;
	text-align: center;
}
.block-tab {
	display: inline-block;
	padding: 8px 15px !important;
	color: #ED564B;
	border: 1px solid transparent !important;
	text-transform: uppercase;
	border-radius: 5px;
	margin: 15px 5px;
}
.block-tab-selected {
	display: inline-block;
	padding: 8px 15px !important;
	color: #444444;
	border: 1px solid #444444 !important;
	text-transform: uppercase;
	border-radius: 5px;
	margin: 15px 5px;
}

/*-- HOME PAGE --*/
.section-tab-small {
	display: inline-block;
	margin: 0 auto;
}
.block-tab-small {
	color: #ED564B;
	font-size: 13px;
}
.block-tab-small:after {
	content: "\2022";
	margin: 0 8px;
	color: #999999;
}
li:last-of-type .block-tab-small:after {
	display: none;
}
.block-tab-small.selected {
	color: #777777;
}



/* ================ INFORMATION TABLE (DEFAULT IN DETAILS PAGE) ================ */
.set-information { /* Title (left), details (right) */

}
.block-section-title {
	padding: 50px 0;
}
.block-title, .block-detail {
	position: relative; /* Necessary for positioning .form-check */
	margin-bottom: 5px;
}
.block-detail {
	margin-bottom: 50px;
}
.block-extra {
	display: inline-block;
	font-style: italic;
}

.block-label {
	display: inline-block;
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
	border-radius: 5px;
	width: 181px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin: 0 15px 15px 0;
	text-transform: uppercase;
}
.block-label:nth-of-type(3n) {
	margin-right: 0;
}
.block-label-two {
	display: inline-block;
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
	border-radius: 5px;
	padding: 0 15px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin: 0 15px 15px 0;
	text-transform: uppercase;
}



/* ================ BUTTONS ================ */
/*-- HEADER --*/
.block-button-member {
	padding: 20px 40px;       /* REVAMP - CHANGED FROM padding: 30px;  */
}
#header_lblMemberLogin a {
	display: inline-block;
	padding-right: 300px;
}
.block-button-showtime-small {
	position: absolute;
	top: 0;
	right: 75px;
	padding: 25px 15px;         /* REVAMP - CHANGED FROM padding: 32px 15px;  */
}

/*-- SHOWTIMES PAGE: FILTER --*/
.block-button-showtime-filter {
	display: inline-block;
	position: relative;
	vertical-align:top;
	width: 45px;
	height: 83px;
	line-height: 85px;
	border: 2px solid #444444;
	border-radius: 5px;
	text-align: center;
}
.block-button-showtime-filter.selected {
	color: #ED564B;
}

/*-- LISTING PAGE: SORT BY LIST/GRID --*/
.block-button-listing-sort {
	display: inline-block;
	width: 580px;
	text-align: center;
	margin: 35px 0 50px;
	border-top: 3px dashed #DDDDDD;
	border-bottom: 3px dashed #DDDDDD;
	padding: 20px 0;
	/*background: #EEEEEE;
	width: 56px;
	height: 55px;
	line-height: 58px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	padding-left: 1px;*/
}
.block-button-listing-sort > i {
	color: #BBBBBB;
}

/*-- DETAILS PAGE: SHOWTIMES, SHOWTIMES PAGE --*/
.block-button-showtime, .block-button-showtime-over {
	display: inline-block;
	background: #379F79;
	border: 1px solid #009933;
	text-align: center;
	border-radius: 5px;
	margin: 0 15px 20px 0;
	font-size: 28px;
	font-weight: bold;
	color: #FFFFFF;
	width: 126px;
	line-height: 40px;
	padding: 3px 0 2px;
}
.block-button-showtime-over {
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
	color: #CCCCCC;
}



/* ================ FORM ================ */
.set-form { /* Label, input */
	display: inline-block;
	padding-bottom: 25px;
}
.form-label {
	display: block;
	margin-bottom: 5px;
}
.form-input {
	width: 560px;
	height: 40px;
	border: 1px solid #DDDDDD;
	padding: 10px;
	-webkit-appearance: none; /* Fix for iOS Safari box-shadow */
}
.form-input-small {
	width: 145px;
	height: 25px;
	border: 1px solid #AAAAAA;
}
.form-input-message {
	width: 560px;
    border: 2px solid #676767; 	/* REVAMP - UPDATED FROM border: 2px solid #DDDDDD; */
    padding: 8px 10px 8px 10px;
    background: #333333;			/* REVAMP - ADDED */
    border-radius: 15px;			/* REVAMP - ADDED */
}
/*.form-dropdown {
	width: 100%;
	margin-bottom: 15px;
}*/
.form-submit {
	display: block;
	background: #FFE545;
	width: 100%;
	padding: 15px 0;
	border-radius: 5px;
	border: 0;
	-webkit-appearance: none;
}
.form-submit-orange {
	display: block;	
	color: #000000;						/* REVAMP - ADDED */
	font-weight: bold;						 /* REVAMP - ADDED */
	background: orange;					/* REVAMP -CHANGED FROM #ED564B */
	width: 100%;
	border: 1px solid rgb(255, 128, 0);	/* REVAMP -CHANGED FROM #FF3300 */
	padding: 15px 0;
	border-radius: 5px;
	-webkit-appearance: none;
}
.form-error {
	border: 1px solid rgba(237,86,75,0.5);
}
.form-check {
	position: absolute;
	right: 15px;
	top: 16px;
	color: #379F79;
}
.form-loading {
	margin-top: 30px;
	text-align: center;
}
input:-webkit-autofill { /* Remove pale yellow background */
	-webkit-box-shadow: 0 0 0 1000px white inset;
}

/*-- HEADER --*/
.form-submit-search-small {
	float: right;
	background: #F06858;
	padding: 10px 8px;
	border: 0;
	margin-top: -3px;
}
.form-submit-showtime-small { /* Hover effect same as default */
	display: block;
	background: orange;   /* REVAMP - CHANGED FROM #FFE545 */
	width: 100%;
	padding: 15px 10px;
	border-radius: 5px;
	border: 0;
	margin: 30px 0 15px;   /* REVAMP - CHANGED FROM 50px 0 15px; */
	-webkit-appearance: none;
}

/*-- SHOWTIMES PAGE (shared with Search Page) --*/
.form-submit-apply {
	background: none;
	border: 2px solid #FFFFFF;
	border-radius: 3px;
	padding: 6px 12px;
	text-transform: uppercase;
}

.filter-div-format-tickettype{      
        border-bottom: 2px dashed rgba(255,255,255,0.3);    /* REVAMP - NEWLY ADDED */
    }
.section-showtime-row .filter-div-format-tickettype:last-child{
        border-bottom: None;    /* REVAMP - NEWLY ADDED */
    }
/*-- SEARCH PAGE --*/
.form-submit-search-big {
    background: none;
    padding: 0;
    border: 0;
}

/*-- DROPDOWN --*/
.form-dropdown {
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: 60px; /* Same as height in .field-dropdown-select */
	width: 540px; /* Adjust width of dropdown bar */
	background: #FFFFFF;
	padding-right: 40px;
    border-radius: 15px;      /* REVAMP - ADDED BORDER RADIUS*/
	border: 1px solid #CCCCCC;
}
.form-dropdown:after {
	content: '';
	position: absolute;
	z-index: 2;
	top: 28px;
	right: 15px;
	width: 0;
	height: 0;
	border: 10px dashed;
	border-color: orange transparent; /* Arrow color */    /* REVAMP - CHANGED FROM #ED564B transparent;*/
	pointer-events: none;
	border-top-style: solid;
	border-bottom: none;
}
.form-dropdown-select {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 6px 8px 6px 10px;
	height: 60px; /* Same as height in .field-dropdown */
	line-height: 43px; /* Adjust according to font-size */
	font-size: 32px;
	color: #000000;
	background: #F2F2F2; /* Fallback for IE 8 */
    background: rgba(0, 0, 0, 0) !important; /* "transparent" doesn't work with Opera */
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: window;
}
.form-dropdown-select:focus { /* Styles for when selecting options */
	z-index: 3;
	width: 100%; /* Adjust width back - dropdown arrow hidden with increased width */
	color: #000000;
	outline: 2px solid #49AFF2;
	outline: 2px solid -webkit-focus-ring-color;
	outline-offset: -2px;
}
.form-dropdown-select > option { /* Styles for options (only visible in moz) */
	margin: 3px;
	padding: 6px 8px;
	text-shadow: none;
	background: #F2F2F2;
	border-radius: 3px;
	cursor: pointer;
}
/*-- Fix for IE 8 putting the arrows behind the select element. --*/
.lt-ie9 .form-dropdown {
    z-index: 1;
}
.lt-ie9 .form-dropdown-select {
    z-index: -1;
}
.lt-ie9 .form-dropdown-select:focus {
    z-index: 3;
}
@-moz-document url-prefix() { /* Fix for moz adding padding where it shouldn't. */
    .form-dropdown-select {
    	padding-left: 6px;
	}
}


/* ================ AD COLUMN ================ */
.container-ad {
	display: none;
	width: 160px;
	vertical-align: top;
}
.section-ad-small {
	background: #F5F5F5;
	position: relative;
	z-index: 1; /* In case of rich media ads */
	height: 80px;
	margin-bottom: 20px;
}
.section-ad-small:last-of-type {
	margin-bottom: 0;
}
.section-ad-vertical {
	background: #F5F5F5;
	position: relative;
	z-index: 1; /* In case of rich media ads */
	height: 600px;
	margin-bottom: 20px;
}
.section-ad-square-small {
	background: #F5F5F5;
	position: relative;
	z-index: 1; /* In case of rich media ads */
	height: 160px;
	margin-bottom: 20px;
}
.block-ad-border {
	display: inline-block;
	width: 50px;
	height: 1px;
	background: #DDDDDD;
	border-top: 9px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
}
.block-ad-title {
	display: inline-block;
	margin: 0 18px 15px;
}



/* ================ FOOTER ================ */
.wrapper-footer {
	background-color: #000000;  /* REVAMP - NEWLY ADDED CSS */     
	width: 100%;
}
.section-footer {
	width: 640px;
	margin: 0 auto;
	text-align: center;
}

.section-about {
	padding: 30px 40px 30px;
	/* border-bottom: 1px solid rgba(255,255,255,0.2); */   /* REVAMP - Removed */
	background-color: #1A1A1A;  /* REVAMP - NEWLY ADDED CSS */   

}
.block-about-title {
	margin: 15px 0;
}
.block-about-appstore, .block-about-googleplay  {
	display: inline-block;
	margin: 25px 15px;
}

.section-hire {
	padding: 90px 40px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.section-copyright {
	padding: 15px 0 60px;
}
.block-copyright {
	margin-top: 15px;
}


/* REVAMP - NEWLY ADDED FOOTER SOCIAL */
.social-media {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 15px; /* Margin below the social media links */
	margin-top:20px;
}

.social-media span {
    /* font-size: 16px; */
	margin-left: 20px;
    margin-right: 10px; /* Space between text and icons */
    /* font-weight: bold; */
}

.social-media a {
    color: white;
    text-decoration: none;
}

.social-media a:hover {
    color: orange; /* Hover color */
}
/* REVAMP - END OF NEWLY ADDED FOOTER SOCIAL */