@charset "UTF-8";
/* CSS Document */
@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: #F06858;
	min-width: 1100px;
	margin: 0 auto;
	font-family: Barmenoroman, Verdana, Geneva, sans-serif;
}

.font-one {
	font-family: Barmenoroman, Verdana, Geneva, sans-serif;
}
.font-two {
	font-family: Arial, Helvetica, sans-serif;
}
.font-three {
	font-family: "Permanent Marker", cursive;
}

h1 {
	font-size: 30px;
	color: #000000;
	font-weight: 400;
}
h2 {
	font-size: 25px;
	font-weight: 400;
}
h3 {
	font-size: 20px;
	font-weight: 400;
}
h4 {
	font-size: 18px;
	font-weight: 400;
}
h5 {
	font-size: 16px;
	font-weight: 400;
}
h6 {
	font-size: 15px;
	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: 1px 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: #000000;
}



/* ================ LINKS ================ */
a {
	color: #ED564B;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}



/* ================ MARGIN & PADDING ================ */
.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 {
	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-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: #222222;
}
.text-color-dark-one {
	color: #444444;
}
.text-color-common {
	color: #777777;
}
.text-color-light-one {
	color: #999999;
}
.text-color-light-two {
	color: #CCCCCC;
}
.text-color-black {
	color: #000000;
}
.text-color-white {
	color: #FFFFFF;
}
.text-color-white-light-one {
	color: rgba(255,255,255,0.7);
}
.text-color-white-light-two {
	color: rgba(255,255,255,0.5);
}
.text-color-yellow {
	color: #FFE545;
}
.text-color-orange {
	color: #ED564B;
}
.text-color-red {
	/*color: #CC3300;*/
	color: rgba(237,86,75,0.7);
}
.text-color-red-dark-one {
    color: #6D1D39;
}

.text-size-up-six {
	font-size: 40px;
}
.text-size-up-five {
	font-size: 30px;
}
.text-size-up-four {
	font-size: 25px;
}
.text-size-up-three {
	font-size: 20px;
}
.text-size-up-two {
	font-size: 18px;
}
.text-size-up-one {
	font-size: 16px;
}
.text-size-common {
	font-size: 15px;
}
.text-size-down-one {
	font-size: 13px;
}
.text-size-down-two {
	font-size: 11px;
}
.text-size-down-three, .text-copy {
	font-size: 10px;
}

.text-line-height-up-four { /* For text size 25px */
	line-height: 30px;
}
.text-line-height-up-three { /* For text size 20px */
	line-height: 25px;
}
.text-line-height-up-two { /* For text size 18px */
	line-height: 23px;
}
.text-line-height-common { /* For text size 15px */
	line-height: 22px;
}
.text-line-height-down-one { /* For text size 13px */
	line-height: 18px;
}
.text-line-height-down-two { /* For text size 11px */
	line-height: 15px;
}

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

.set-text-resize {
	position: absolute;
	top: -12px;
	right: 0;
}
.block-text-resize, .block-media-print {
	display: inline-block;
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	margin-left: 5px;
}
.block-text-resize > a, .block-media-print > a {
	float: left;
	width: 22px;
	height: 22px;
	line-height: 23px;
	text-align: center;
	text-decoration: none;
	color: #BBBBBB;
}
a#text_size_down {
	border-right: 1px solid #DDDDDD;
}



/* ================ HEADER ================ */
.wrapper-header, .wrapper-header-small {
	background: #F06858;
	width: 100%;
}
.wrapper-header-small {
	position: fixed;
	top: -58px;
	background: rgba(240, 104, 88, 1);
	border-bottom: 1px solid rgba(237, 86, 75, 0.5);
	z-index: 3; /* Keep header above showtimes overlay */
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.wrapper-header-small.show {
	top: 0;
}
.section-header, .section-header-small {
	width: 980px;
	margin: 0 auto;
	position: relative;
	padding: 0 60px;
}

/*-- LOGO --*/
.section-logo {
	display: inline-block;
	width: 181px;
	padding: 7px 0;
	vertical-align: middle;
}
.block-logo {
	display: block;
	width: 181px;
}
.section-logo-small {
	display: inline-block;
	width: 110px;
	padding: 5px 0;
	vertical-align: middle;
}
.block-logo-small {
	display: block;
	width: 110px;
}

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

/*-- SOCIAL MEDIA --*/
.section-social-media {
	display: inline-block;
	vertical-align: middle;
	width: 140px;
	margin-left: 10px;
}
.section-social-media a {
	opacity: 0.7;
}
.section-social-media a:hover {
	opacity: 1;
}

/*-- NAVIGATION --*/
.section-navigation, .section-navigation-small {
	display: inline-block;
	float: right;
}
.set-navigation { /* Main navigation, sub navigation */
	display: inline-block;
	position: relative; /* Necessary for positioning sub navigation */
	transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
.set-navigation:hover > a > div {
	background: #ED564B;
	color: #FFFFFF;
}
/*-- Main Navigation --*/
.block-navigation-main, .block-navigation-main-small {
	display: inline-block;
	position: relative;
	padding: 20px 14px;
}
.block-navigation-main-small {
	padding: 10px;
}
.block-navigation-main:hover, .block-navigation-main-small:hover {
	background: #ED564B;
	color: #FFFFFF;
}
/*-- Sub Navigation --*/
.block-navigation-sub, .block-navigation-sub-small {
    display: block;
    position: absolute;
    top: 59px;
    background: #ED564B;
    width: 170px;
    text-align: left;
    padding: 6px 0 10px;
	z-index: 1;
}
.block-navigation-sub-small {
	top: 38px;
	left: -80px;
	width: 150px;
    padding: 5px;
	text-align: right;
}
.block-navigation-sub a, .block-navigation-sub-small a {
	display: inline-block;
	padding: 5px 15px;
	text-decoration: none;
}
.block-navigation-sub-small a {
	padding: 5px;
}
.block-navigation-sub a:hover, .block-navigation-sub-small a:hover {
	color: #FFFFFF;
}



/* ================ BODY ================ */
.wrapper-body {
	background: #FFFFFF;
	padding: 30px 0 50px;
}
.section-body {
	width: 980px;
	margin: 0 auto;
}
/*.container-full {
	margin-bottom: 30px;
}*/
.section-notification-important {
	background: #FFDC73;
	text-align: center;
	padding: 10px;
	margin-bottom: 30px;
}

/*-- MAIN CONTENT --*/
.container-main {
	position: relative;
	display: inline-block;
	width: 560px;
	margin-right: 26px;
	vertical-align: top;
}
.container-main-two {
	position: relative;
	display: inline-block;
	width: 790px;
	margin-right: 26px;
	vertical-align: top;
}
.section-notification-main {
	border-left: 4px solid #ED564B;
	margin-bottom: 25px;
	padding: 15px 20px;
	line-height: 20px;
}
.block-back-to-top {
    display: none;
	color: rgba(255,255,255,0.7);
	position: fixed;
    bottom: 45px;
    right: 25px;
	cursor: pointer;
	background: rgba(34,34,34,0.7);
	padding: 14px 18px;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	z-index: 2; /* Position above ads */
}
.block-back-to-top:hover {
	color: rgba(255,255,255,1);
	background: rgba(34,34,34,1);
}



/* ================ HOME PAGE: RIGHT COLUMN ================ */
.container-home-right {
	display: inline-block;
	position: relative;
	width: 390px;
	vertical-align: top;
}

/*-- SEARCH --*/
.section-home-search {
	position: relative;
	height: 39px;
	border-bottom: 1px solid #ED564B;
	margin-bottom: 10px;
}
.block-home-search {
	border: 0;
	font-style: italic;
	height: 37px;
	vertical-align: top;
	width: 80%;
	background: none;
}

/*-- SHOWTIMES --*/
.section-home-showtime {
	background: #ED564B;
	margin-top: 15px;
	padding: 15px;
	border: 1px solid #FF3300;
}



/* ================ HOME PAGE: SIDEBAR ================ */
.container-sidebar {
	display: inline-block;
	width: 200px;
	margin-right: 26px;
	vertical-align: top;
}

/*-- BOX OFFICE --*/
.section-home-box-office {
	background: #EEEEEE;
	margin-bottom: 20px;
	padding-bottom: 10px;
	text-align: center;
}
.block-home-box-office-title {
	padding-top: 15px;
}
.block-home-box-office-date {
	margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #FFFFFF;
    text-align: center;
    font-style: italic;
}
.block-home-box-office-keyart {
	margin-top: 10px;
	width: 170px;
}
.set-home-box-office-ranking { /* Ranking, title */
    margin-top: 10px;
}
.block-home-box-office-ranking {
	display: inline-block;
    width: 20px;
    text-align: left;
    margin: 0 5px 5px 15px;
    font-style: italic;
    vertical-align: top;
}
.block-home-box-office-movie {
	display: inline-block;
    width: 145px;
    text-align: left;
    vertical-align: top;
    margin: 0 15px 5px 0;
}

/*-- CONTEST --*/
.section-home-contest {
	background: #EEEEEE;
	padding: 15px 0;
	text-align: center;
}
.block-home-contest-image {
	margin: 10px 0;
	background-size: cover;
	background-position: center;
	position: relative;
	width: 200px;
	height: 100px;
}
.set-home-contest { /* Contest title, details, more */
	margin: 0 10px;
}
.block-home-contest-title {
	margin-bottom: 5px;
}

/*-- POLL --*/
.section-home-poll {
	background: #ED564B;
    margin-bottom: 20px;
    text-align: center;
    padding: 15px 0;
}
.block-home-poll-question {
	padding: 10px 10px 15px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.set-home-poll-option { /* List of poll options */
	margin: 15px 0 8px;
	text-align: left;
}
.set-home-poll-option td {
	padding: 0 0 5px 30px;
}
.set-home-poll-option input {
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
}
.set-home-poll-option label {
	display: -moz-inline-box;
	display: inline-block;
	width: 110px;
	text-align: left;
	margin-left: 5px;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 18px;
}
.block-home-poll-result {
	position: absolute;
    background: rgba(34,34,34,0.9);
    text-align: left;
	margin: 0 auto;
	width: 150px;
	height: auto;
	bottom: 22px;
	left: 5px;
	padding: 14px 20px 20px 20px;
	border-radius: 5px;
}
.block-home-poll-result-bar {
	position: relative;
	margin: 5px 0 15px;
	width: 100%;
	background: #333333;
	height: 2px;
	border-radius: 3px;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.block-home-poll-result-fill {
	height: 2px;
	width: 0px;
	background: #ED564B;
	border-radius: 3px;
}

.section-ad-square {
	background: #F5F5F5;
	position: relative;
	z-index: 1; /* In case of rich media ads */
	height: 200px;
	margin-bottom: 20px;
}



/* ================ HOME PAGE: MAIN CONTENT ================ */
/*-- FEATURED ARTICLE--*/
.section-home-feature {
	background: #EEEEEE;
	margin-bottom: 2px;
}
.block-home-feature-image {
	background-size: cover;
	background-position: center;
	position: relative;
	width: 560px;
	height: 283px;
}
.set-home-feature { /* Title, date, content */
	padding: 20px;
}
.set-home-feature > a:hover {
	text-decoration: none;
}
.block-home-feature {
	margin-top: 10px;
}

/*-- BLOG POST SLIDER --*/
.section-home-blog {
	margin: 0 16px 5px 17px;
}
.set-home-blog { /* Image, grey box */
	float: left;
	background: #EEEEEE;
	margin-right: 2px;
	vertical-align: top;
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
}
.set-home-blog:nth-of-type(4n) {
	margin-right: 0;
}
.set-home-blog a:hover {
	text-decoration: none;
}
.block-home-blog-image {
	background-size: cover;
	background-position: center;
	position: relative;
	width: 130px;
	height: 90px;
}
.set-home-blog-post { /* Grey box */
	width: 110px;
	height: 96px;
	position: relative; /* Necessary for positioning "more" */
	text-align: center;
	padding: 10px;
}
/*----- Refer to CSS for Details Page: grey box -----*/

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

/*-- NOW SHOWING/COMING SOON --*/
.section-home-movie {
	margin-bottom: 30px;
}
.set-home-movie {
	width: 564px; /* Allow overflow */
}
/*----- Refer to CSS for Listing Page -----*/

/*-- REVIEWS, EVENTS --*/
.section-home-review, .section-home-event {
	display: inline-block;
	position: relative; /* Necessary for positioning "more" */
	width: 200px;
	height: 318px;
	border: 1px solid rgba(180,180,180,0.2);
	margin-bottom: 30px;
	padding-top: 15px;
	vertical-align: top;
	text-align: center;
}
.section-home-review {
	width: 345px;
	margin-right: 7px;
}
.set-home-review, .set-home-event { /* Reviews, events */
	margin-top: 5px;
	padding: 0 15px;
	text-align: left;
}
.block-home-review-title {
	display: inline-block;
	width: 70px;
	margin-right: 11px;
	vertical-align: top;
}
.block-home-review-detail {
	display: inline-block;
	width: 230px;
	vertical-align: top;
}
.block-home-event-title {
	display: inline-block;
	width: 40px;
	margin-right: 11px;
	vertical-align: top;
}
.block-home-event-detail {
	display: inline-block;
	width: 115px;
	vertical-align: top;
}
.block-home-event-more {
    position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
}

/*-- GALLERY --*/
.section-home-gallery {
	background: rgba(0,0,0,0.85);
    text-align: center;
    padding: 16px 0 22px 0;
	overflow: hidden;
}
.set-home-gallery-rotate {
	padding: 40px 0 55px;
	margin-top: 10px;
	background: url('../siteimage/back-filmstrip.png') center center repeat-x;
	-ms-transform: rotate(-0.8deg); /* IE 9 */
    -webkit-transform: rotate(-0.8deg); /* Chrome, Safari, Opera */
    transform: rotate(-0.8deg);
}
.set-home-gallery-slider {
	width: 718px;
	height: 220px;
	margin-left: -160px;
}
.set-home-gallery { /* Image, title */
	display: inline-block;
	width: 215px;
	text-align: left;
	vertical-align: top;
	margin: 15px 0 0 0;
}
.block-home-gallery-image {
    border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background-size: cover;
	background-position: center;
	position: relative;
	width: 214px;
	height: 161px;
}
.block-home-gallery {
	margin-top: 5px;
}
a:hover .block-home-gallery {
	color: #FFFFFF;
}



/* ================ SHOWTIMES PAGE ================ */
.section-showtime-select {
	background: #333333;
}
.block-showtime-select-movie {
	display: inline-block;
	width: 358px;
	padding: 15px 20px 0 25px;
}
.block-showtime-select-cinema {
	display: inline-block;
	width: 358px;
}

.set-select { /* Select date, sub-filters */
	background: #333333;
	width: 740px;
	position: relative; /* Necessary for positioning filters */
	padding: 15px 25px;
}
.block-select-date-range {
	display: inline-block;
	width: 635px;
	margin: 0 30px;
	border-right: 1px dashed #555555;
}
.block-select-date {
	display: inline-block;
	width: 100px;
	padding: 8px 0;
	text-align: center;
	border: 1px solid #444444;
	border-radius: 5px;
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	text-transform: uppercase;
}
.block-select-date.disabled:hover {
	border: 1px solid #444444;
	cursor: help;
}
.block-select-date.disabled > div {
	color: #999999;
}
.block-select-date.selected, .block-select-date.selected:hover {
	border: 1px solid #ED564B;
	cursor: default;
}
.block-select-date:hover {
    border: 1px solid #ED564B;
    cursor: pointer;
}

.section-showtime-filter {
	position: absolute;
	top: 95px;
	left: 0;
	width: 730px;
    background: rgba(34,34,34,0.9);
    padding: 10px 30px 0 30px;
	border-radius: 3px;
	z-index: 2; /* Position above movie/cinema header */
}
.section-showtime-filter-content {
	height: 258px;
	overflow-y: scroll;
}
.set-showtime-filter {
	border-bottom: 1px solid #444444;
	padding: 20px 0;
}
.set-showtime-filter:first-of-type {
	padding-top: 10px;
}
.set-showtime-filter:last-of-type {
	border: 0;
}
.set-showtime-filter-all {
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
}
.set-showtime-filter-option {
	display: inline-block;
	width: 606px;
}
.set-showtime-filter-all > input[type=checkbox], .set-showtime-filter-option > input[type=checkbox] {
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
}
.block-showtime-filter-all, .block-showtime-filter-time, .block-showtime-filter-format, .block-showtime-filter-ticket-type {
	display: inline-block;
	margin: 10px 0 0 3px;
	vertical-align: top;
}
.block-showtime-filter-time {
	width: 176px;
}
.block-showtime-filter-format {
	width: 70px;
}
.block-showtime-filter-ticket-type {
	width: 172px;
}
.set-showtime-filter-all > input[type=checkbox][disabled] + label, .set-showtime-filter-option > input[type=checkbox][disabled] + label {
    color: #777777;
}

.section-showtime-apply { /* Shared with Search Page */
	border-top: 1px 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(250,250,250,0.95);
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	padding: 15px 0;
	position: relative;
	margin-bottom: -1px;
}
.set-showtime-keyart {
	display: inline-block;
	position: relative;
	width: 61px;
	height: 90px;
	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: 100%;
	height: 100%;
	z-index: 0;
	color: #FFFFFF;
	font-size: 9px;
	text-align: center; /* For multiple lines */
}
.block-showtime-keyart {
    width:61px;
	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: 715px;
	height: 90px;
	margin-left: 10px;
	position: relative;
	z-index: 1;
}
.set-showtime-detail-cinema {
	width: 686px;
}
.block-showtime-detail {
	display: table-cell;
	vertical-align: middle;
}

.set-showtime-row {
	padding-left: 20px;
	margin-top: 35px;
	border-left: 3px solid #ED564B;
}
.section-showtime-header {
	background: rgba(255,255,255,0.9);
	border-bottom: 1px dashed #DDDDDD;
	padding-bottom: 15px;
	margin-bottom: 20px;
	position: relative; /* Necessary for positioning extra */
}
.set-showtime-header-extra {
	position: absolute;
	right: 0;
	top: 0;
}
.set-showtime-detail-extra {
	position: absolute;
	right: 15px;
	top: 35px;
}
.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;
}
.block-showtime-header-favourite > a {
	cursor: pointer;
}
.section-showtime-row {
	margin-top: 10px;
}

.section-showtime-session-stats {
	border-top: 1px solid #DDDDDD;
	padding-top: 5px;
}



/* ================ (MOVIE) LISTING PAGE ================ */
.block-film-festival { /* Shared with Index Page */
	position: absolute;
	top: -10px;
	background: #FFFFCB;
	box-shadow: 1px 1px 5px #999;
	padding: 3px 4px;
	z-index: 1; /* Necessary for placing above toggle view button */
	white-space: nowrap; /* Prevent long titles from flowing to next line */
}

/*----- 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);
}
.set-listing-list:hover {
	background: #F9F9F9;
}
.set-listing-list-header {
	padding: 20px 0 10px;
	background: rgba(255,255,255,0.9);
	border-bottom: 1px solid #DDDDDD;
}
.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: 340px;
	padding: 25px 10px 25px 0;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #444444;
}
.block-movie-title-full {
	position: absolute;
	top: 25px;
	background: #F9F9F9;
	box-shadow: 2px 2px 2px #CCCCCC;
}
.block-listing-list-director {
	display: inline-block;
	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: inline-block;
	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: 40px;
	padding: 30px 0 25px;
	overflow: hidden;
}
.block-listing-list-opening-date {
	display: inline-block;
	width: 70px;
	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: 0;
	margin-top: 5px;
}
.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: 815px; /* Allow overflow; margin-right affected by mixitup */
}
.set-listing-grid-extra { /* Hidden div in grid */
	position: absolute;
	z-index: -2; /* Hide div below keyart and set-listing-grid:before */
	bottom: 0;
	left: 0;
	width: 22px;
	height: 56px;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
.set-listing-grid-extra.slide {
	left: -22px;
}
.block-listing-grid-extra-one {
	background: #222222;
	width: 20px;
	height: 20px;
	line-height: 24px;
	border-radius: 50%;
	text-align: center;
	margin-top: 5px;
	padding-left: 1px;
}
.block-listing-grid-extra-two {
	background: #222222;
	width: 20px;
	height: 20px;
	line-height: 23px;
	border-radius: 50%;
	text-align: center;
	margin-top: 6px;
	padding-left: 1px;
}

.set-listing-grid-tag { /* Sneaks, advance sales */
	position: absolute;
	top: 0;
	right: -6px;
}
.block-listing-grid-tag-orange, .block-listing-grid-tag-yellow {
	background: #ED564B;
	padding: 3px 10px;
	margin-top: 8px;
	text-align: center;
	position: relative; /* Necessary for positioning :after */
	text-transform: uppercase;
}
.block-listing-grid-tag-yellow {
	background: #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: 0;
	background: rgba(250,250,250,0.9);
	text-transform: uppercase;
	width: 115px;
	text-align: center;
	padding: 5px;
	margin: 5px;
	border: 1px solid #CCCCCC;
}

/*----- Shared with Home Page: now showing/coming soon, Settings Page -----*/
.set-listing-grid { /* Keyart, overlay */
	display: inline-block;
	position: relative; /* Necessary for positioning overlay */
	margin: 21px 26px 0 0;
	width: 137px;
	height: 202px;
	z-index: 0; /* Allow extra div to be clickable */
	vertical-align: top;
}
.set-listing-grid:before {	
	display: flex;
	justify-content: center; /* Align horizontal */
	align-items: center; /* Align vertical */
	content: attr(data-attr);
	position: absolute;
	background: #333333;
	width: 77px;
	height: 100%;
	z-index: -1; /* Position below keyart, overlay, above grid-tag:after */
	color: #FFFFFF;
	font-size: 13px;
	text-align: center; /* For multiple lines */
	padding: 0 30px;
}
.block-listing-grid-overlay {
	display: none;
}
.set-listing-grid:hover .block-listing-grid-overlay {
	display: inline-block;
	background: #222222;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1; /* Fix for IE9 */
}
.block-listing-grid-overlay > a {
	text-decoration: none;
}
.set-listing-grid-movie { /* (In overlay) Movie title, movie rating */
	text-align: center;
	width: 100%;
	height: 100%;
}
.block-listing-grid-movie-title {
	padding: 15px 15px 10px;
}
.block-listing-grid-opening-date {
	margin-bottom: 10px;
}
.block-listing-grid-rating {
	padding: 0 15px;
}
.block-listing-grid-action {
	position: absolute;
	bottom: 15px;
	padding: 0 15px;
	left: 0;
	right: 0;
	text-align: center;
}
.block-listing-grid-action > a {
	cursor: pointer;
}

.set-listing-filter { /* Filter bar */
	position: fixed;
	bottom: 45px;
	width: 980px;
	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 15px;
	cursor: pointer;
}
.block-listing-filter:hover > a {
	color: #ED564B;
	text-decoration: none;
}
.section-listing-filter-option {
	position: absolute;
	bottom: 38px;
	left: 5px;
	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: 10px 15px;
	cursor: pointer;
}
.set-listing-period, .set-listing-film-festival {
	margin: 30px 0 10px;
}
.block-listing-period {
	width: 150px;
}



/* ================ (MOVIE) DETAILS PAGE ================ */
.set-main-detail { /* Sidebar, main content */
	display: inline-block;
	position: relative; /* Necessary for positioning #jsticky_stopper */
}

.section-detail { /* Shared with Contest Details Page, Blog Details Page: comments, other news, Settings Page */
	position: relative; /* Necesssary for positioning anchor links */
	padding: 25px 0 40px; /* 40 = 25 + 15 (.set-information padding) */
}
.block-detail-anchor {
	position: absolute;
	top: -45px;
}

/*-- SIDEBAR --*/
.container-detail-sidebar {
	display: inline-block;
	width: 200px;
	margin-right: 26px;
}
.set-detail-keyart {
	position: relative;
	height: 295px;
	margin-bottom: 1px;
}
.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: 140px;
	height: 100%;
	z-index: 0;
	color: #FFFFFF;
	font-size: 13px;
	text-align: center; /* For multiple lines */
	padding: 0 30px;
}
.block-detail-keyart {
	display: block;
	width: 200px;
	position: relative;
	z-index: 1; /* Position above .set-detail-keyart:before */
}
.set-detail-sidebar-one {
	padding: 15px;
	text-align: center;
	/*background: #222222; currently removed as only favourite is displayed*/
}
.section-favourite a {
	display: inline-block;
	padding-bottom: 5px;
	cursor: pointer;
}
.set-detail-sidebar-two {
	background: #FFFFFF;
	padding-top: 2px;
}
.section-jump, .section-member-option {
	padding: 15px 0 20px;
	margin: 6px 0 15px;
	border-bottom: 1px solid #DDDDDD;
	background: #FFFFFF;
	text-align: center;
}
.section-member-option {
	height: 19px;
	margin-top: 2px;
	overflow: hidden;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	cursor: pointer;
}
.section-member-option.expand {
	height: 82px;
}
.block-member-option {
	padding: 15px 0 0;
}
.section-share { /* Shared with Blog Details Page, Contest Details Page, Blog Gallery Details Page */
	background: #FFFFFF;
	padding-top: 20px;
}

/*-- MOVIE DETAILS --*/
.block-rating-orange {
	border: 1px solid #FF9042;
	padding: 2px 4px 1px 4px;
	margin-right: 4px;
	color: #FF9042;
}
.block-rating-green {
	border: 1px 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 SHOWTIMES --*/
.block-movie-showtime-dropdown {
	width: 214px;
}
.block-movie-showtime-format {
	margin: 5px 0;
}

/*-- "EVERYTHING ELSE" --*/
.set-movie-goodie { /* Grey box */
	display: inline-block;
	vertical-align: top;
	position: relative; /* Necessary for positioning "more" */
	background: #EEEEEE;
	width: 120px;
	height: 110px;
	text-align: center;
	padding: 15px 10px;
	margin-bottom: 5px;
	margin-right: 4px;
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
}
.set-movie-goodie:hover, .set-home-blog:hover { 
	background: #222222;
}
.block-movie-goodie-type {
	text-align: center;
	margin: 5px 0 8px 0;
}
/*----- Shared with Home Page: blog post slider ------*/
a:hover .block-box-title {
	color: #FFFFFF;
}
.block-box-more {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
}

/*-- MOVIE RECOMMENDATIONS --*/
.set-movie-recommendation { /* Keyart, overlay */
	display: inline-block;
	position: relative; /* Necessary for positioning overlay */
	margin: 0 4px 4px 0;
	width: 104px;
	height: 154px;
	vertical-align: top;
}
a:nth-of-type(4n) .set-movie-recommendation {
	margin-right: 0;
}
.set-movie-recommendation:before {
	display: flex;
	justify-content: center; /* Align horizontal */
	align-items: center; /* Align vertical */
	content: attr(data-attr);
	position: absolute;
	background: #333333;
	width: 74px;
	height: 100%;
	z-index: 0;
	color: #FFFFFF;
	font-size: 13px;
	text-align: center; /* For multiple lines */
	padding: 0 15px;
}
.block-movie-recommendation-keyart {
	width: 104px;
	position: relative;
	z-index: 1; /* Position above .set-movie-recommendation:before */
}
.block-movie-recommendation-overlay {
	display: none;
}
.set-movie-recommendation:hover .block-movie-recommendation-overlay {
	display: inline-block;
	background: #222222;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1; /* Fix for IE9 */
}
.block-movie-recommendation-movie-title {
	vertical-align: top;
	padding: 25px 10px 0;
	text-align: center;
}



/* ================ BLOG LISTING PAGE ================ */
.set-blog-category {
	display: inline-block;
}
.block-blog-category-all {
	border: 1px dashed #CCCCCC;
	padding: 3px 8px 3px 6px;
	border-radius: 5px;
	cursor: pointer;
}
.section-blog-category {
	position: absolute;
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	z-index: 2;
}
.block-blog-category {
	display: block;
	padding: 5px 30px 5px 10px;
}
.block-blog-category:hover {
	color: #444444;
	background: #EEEEEE;
	text-decoration: none;
}
.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: 806px; /* Allow overflow */
}

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

.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;
	cursor: help;
}
.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: #EEEEEE;
	width: 186px;
	height: 330px;
	margin-right: 15px;
	margin-bottom: 15px;
	vertical-align: top;
	position: relative; /* Necessary for positioning "featured/members", date, play icon */
	border-bottom: 4px solid #CCCCCC;
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
}
.set-blog-listing-grid-two {
	width: 387px;
}
.set-blog-listing-grid-three {
	width: 588px;
}
.set-blog-listing-grid:hover {
	background: #222222;
	border-bottom: 4px solid #ED564B;
}
.set-blog-listing-grid:hover .block-blog-listing-title, .set-blog-listing-grid:hover .block-blog-listing-sponsored {
	color: #FFFFFF;
}
.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: 10px;
	left: 10px;
}
.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: 150px;
}
.block-blog-listing-image-two {
	height: 195px;
}
.block-blog-listing-image-three {
	height: 330px;
}
.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: 195px;
	/*opacity:0.7;*/
}
.block-blog-listing-dvd {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	box-shadow: 0 0 5px rgba(0,0,0,0.8);
	height: 174px;
	margin: 11px auto;
}

.block-blog-listing-gallery {
	position: absolute;
	width: 100%;
	height: 150px;
	line-height: 150px;
	background: rgba(237,86,75,0.7);
	text-align: center;
}
.block-blog-listing-gallery-two {
	position: absolute;
	width: 100%;
	height: 195px;
	line-height: 195px;
	background: rgba(237,86,75,0.7);
	text-align: center;
}
.block-blog-listing-gallery-three {
	position: absolute;
	width: 100%;
	height: 308px;
	line-height: 195px;
	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: 113px;
	position: absolute; /* Necessary for positioning date */
	bottom: 0;
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
}
.set-blog-listing-grid-three:hover .set-blog-listing-content-three, .section-blog-listing-top .bxslider-slider:hover .set-blog-listing-top-content {
	background: #222222;
}
.block-blog-listing-type {
	margin: 10px 0 0 15px;
	text-transform: uppercase;
}
.block-blog-listing-type a:hover {
	text-decoration: underline;
}
.block-blog-listing-title {
	padding: 3px 15px 0 15px;
}
.block-blog-listing-date {
	position: absolute;
	bottom: 10px;
	left: 15px;
}

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

.set-blog-listing-quote {
	display: inline-block;
	border: 1px solid rgba(180,180,180,0.2);
	width: 184px;
	height: 332px;
	margin-right: 15px;
	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;
}
.block-blog-listing-source {
	position: absolute;
	bottom: 14px;
	right: 0;
	padding: 5px 15px 0;
}

.set-blog-listing-placeholder {
	display: inline-table;
	width: 186px;
	height: 334px;
	margin-right: 15px;
	margin-bottom: 15px;
	vertical-align: top;
	text-align: center;
}
.ribbon {
	font-size: 11px !important;
	width: 55%;
	line-height: 25px;
	position: relative;
	background: #BA89B6;
	color: #FFFFFF;
	text-align: center;
	margin: 0 auto;
}
.ribbon:before, .ribbon:after {
	content: "";
	position: absolute;
	display: block;
	bottom: -10px;
	border: 10px solid #986794;
	z-index: -1;
}
.ribbon:before {
	left: -20px;
	border-right-width: 20px;
	border-left-color: transparent;
}
.ribbon:after {
	right: -20px;
	border-left-width: 20px;
	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: -10px;
}
.ribbon .ribbon-content:before {
	left: 0;
	border-width: 10px 0 0 10px;
}
.ribbon .ribbon-content:after {
	right: 0;
	border-width: 10px 10px 0 0;
}
.block-blog-listing-placeholder {
	display: table-cell;
	padding: 0 20px;
	vertical-align: middle;
}

.block-show-more {
	text-align: center;
	margin-top: 10px;
}

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



/* ================ BLOG DETAILS PAGE ================ */
.section-blog-detail {
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 70px;
}
.section-blog-detail table {
	border-color: #F5F5F5;
	border-spacing: 0;
}
.section-blog-detail td, .section-blog-detail th {
	padding: 5px;
}
blockquote {
	clear: both;
	border-left: 4px solid #ED564B;
	padding: 12px 25px 12px 25px;
	margin: 20px 0 20px 20px;
	background: #F5F5F5;
	font-style: italic;
	color: #444444;
}
.block-tag {
	display: inline-block;
	padding: 2px 8px;
	background: #ED564B;
    border: 1px solid #FF3300;
	border-radius: 5px;
	margin-right: 4px;
	margin-bottom: 4px;
}
.block-tag:hover {
	text-decoration: none;
}

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

#blog_comment {
	padding-top: 50px;
}

#blog_other_news {
	width: 804px; /* Allow overflow */
	padding-top: 40px;
	z-index: 0;
}
/*----- Refer to CSS for Details Page -----*/



/* ================ CONTEST DETAILS PAGE ================ */
.block-contest-trailer {
    float: left;
	margin: 17px 17px 0 0;
}
.set-contest-keyart {
	display: inline-block;
	position: relative;
	width: 213px;
	height: 315px;
	margin-top: 17px;
}
.set-contest-keyart:before {
	display: flex;
	justify-content: center; /* Align horizontal */
	align-items: center; /* Align vertical */
	content: attr(data-attr);
	position: absolute;
	background: #333333;
	width: 153px;
	height: 100%;
	z-index: 0;
	color: #FFFFFF;
	font-size: 13px;
	text-align: center; /* For multiple lines */
	padding: 0 30px;
}
.block-contest-keyart {
	height: 315px;
	position: relative;
	z-index: 1;
}
.section-sponsor {
    padding: 20px 0 10px 0;
	font-style: italic;
}
.block-logo-sponsor {
	margin: 5px 10px 0 0;
	max-height: 35px;
	vertical-align: middle;
}

#divAdditionalNotes strong{
	color: #000000;
}
/*----- Refer to CSS for Details Page -----*/



/* ================ EVENT LISTING PAGE ================ */
.block-event-list-one {
	display: inline-block;
	width: 120px;
	margin-right: 5px;
	padding: 30px 0 25px;
	vertical-align: top;
}
.block-event-list-two {
	display: inline-block;
	width: 660px;
	padding: 30px 0 25px;
	vertical-align: top;
}
/*----- Refer to CSS for Listing Page -----*/



/* ================ SEARCH PAGE ================ */
.section-search-big {
    height: 39px;
    border-bottom: 1px solid #ED564B;
    margin-bottom: 8px;
}
.block-search-big {
    border: 0;
    font-style: italic;
    height: 37px;
	background: none;
    vertical-align: top;
	width: 94%;
	margin-right: 5px;
}
.block-search-big:focus, .block-search-small:focus, .block-home-search:focus {
	font-style: normal;
	color: #000;
}
.block-search-term {
    display: inline-block;
	width: 70%;
    cursor: pointer;
	float: left;
}
.set-search-advanced {
	float: right;
}
.block-search-reset {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}
.block-search-option {
	display: inline-block;
	vertical-align: top;
    cursor: pointer;
	text-align: right;
}
.section-search-filter {
	position: absolute;
	top: 75px;
	width: 730px;
	background: rgba(34,34,34,0.9);
	padding: 10px 30px 0 30px;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	z-index: 2; /* Position above search header */
}
/* When search filter section is too long */
/*.section-search-filter-content {
	height: 258px;
	overflow-y: scroll;
}*/
.set-search-filter {
	border-bottom: 1px solid #444444;
	padding: 20px 0;
}
.set-search-filter:last-of-type {
	border: 0;
}
.block-match {
	display: inline-block;
	border: 1px dashed #555555;
	padding: 3px 5px;
	border-radius: 3px;
	cursor: pointer;
}
.set-search-filter-option {
	display: inline-block;
	width: 605px;
}
.set-search-filter-option > input[type=radio] {
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
}
.block-search-filter-movie, .block-search-filter-everything {
	display: inline-block;
	margin: 10px 0 0 3px;
	vertical-align: top;
}
.block-search-filter-movie, .block-search-filter-everything {
	width: 55px;
}

.section-search-header {
	padding: 20px 0;
	background: rgba(250,250,250,0.95);
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	margin-top: 20px;
}
.section-search-result {
	padding: 25px 0;
}
.set-search-result { /* Search result row */
	margin-bottom: 40px;
}

.block-search-nil {
	text-align: center;
	border-top: 1px solid rgba(200,200,200,0.2);
	margin-top: 20px;
	padding-top: 10px;
}



/* ================ SETTINGS PAGE ================ */
.section-settings-stats {
	background: #333333;
    padding: 20px 30px;
    margin-bottom: 50px;
	height: 79px;
}
.block-settings-stats-slider {
	display: inline-block;
	width: 520px;
	height: 79px;
	overflow-y: hidden;
	/*border-right: 1px dashed #444444;*/
}
.block-settings-stats-static {
	display: inline-block;
	width: 100px;
	padding: 8px 0;
	text-align: center;
	border: 1px solid rgba(85,85,85,0.3);
	border-radius: 5px;
	cursor: default;
}
.block-settings-stats {
	display: inline-block;
	width: 100px;
	padding: 8px 0;
	text-align: center;
	border: 1px solid #444;
	border-radius: 5px;
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	/*cursor: pointer;*/
}
.block-settings-stats:hover {
	border: 1px solid #ED564B;
}
.block-settings-stats.back {
	height: 52px;
	padding-top: 17px;
}
.block-settings-stats.back:hover > div:first-of-type {
	color: #ED564B;
}
.block-settings-stats-result {
	display: table;
	float: right;
	height: 79px;
}
.block-settings-stats-status {
	display: table-cell;
	vertical-align: middle;
	text-transform: uppercase;
	text-align: right;
}

.section-find-out-more {
	width:100%;
	max-height: 17px;
	overflow: hidden;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
.section-find-out-more.expand {
	max-height: 300px;
}
.block-find-out-more-link:hover {
	text-decoration: underline;
	cursor: pointer;
}
.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: 12px;
	right: 0;
}

.block-settings-list-one {
	display: inline-block;
	width: 120px;
	margin-right: 5px;
	padding: 30px 0 25px;
	vertical-align: top;
}
.block-settings-list-two {
	display: inline-block;
	width: 660px;
	padding: 30px 0 25px;
	vertical-align: top;
}
/*----- Refer to CSS for Listing Page, Details Page -----*/



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



/* ================ PR PAGE ================ */
.block-press-release {
	margin: 15px 0;
}
.block-press-release-date {
	display: inline-block;
	width: 100px;
	margin-right: 15px;
	vertical-align: top;
}
.block-press-release-content {
	display: inline-block;
	width: 440px;
}
.section-pr-contacts {
	background: #EEEEEE;
	/*border: 1px solid #EEEEEE;*/
	padding: 20px;
	text-align: center;
}
.block-pr-contacts {
	margin-top: 15px;
}
.section-pr-resource {
	margin-top: 30px;
	background: #F06858;
	padding: 20px;
	text-align: center;
}
.block-pr-resource {
	margin-top: 15px;
}
.block-pr-image {
	display: inline-block;
	border: 1px solid rgba(255,255,255,0.2);
	padding: 5px;
	margin: 10px 5px 0 0;
}
.block-pr-image:nth-of-type(3n) {
	margin-right: 0;
}
.block-pr-image img {
	width: 98px;
}


/* ================ TABS ================ */
/*-- DETAILS PAGE; shared with Home Page, Listing Page, Contest Details Page, Gallery Details Page --*/
.block-tab {
	display: inline-block;
	padding: 10px 20px !important;
	color: #ED564B;
	margin-bottom: -1px;
	border: 1px solid transparent !important;
	text-transform: uppercase;
}
.block-tab-selected {
	display: inline-block;
	padding: 10px 20px !important;
	color: #444444;
	margin-bottom: -1px;
	border-top: 1px solid #DDDDDD !important;
	border-left: 1px solid #DDDDDD !important;
	border-right: 1px solid #DDDDDD !important;
	border-bottom: 1px solid #FFFFFF !important;
	text-transform: uppercase;
}
a.block-tab:hover, a.block-tab-selected:hover {
	text-decoration: none;
}

/*-- 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) */
	position: relative;
	padding: 15px 0 0 0;
}
.block-title, .block-detail { 
	display: inline-block;
	vertical-align: top;
	position: relative; /* Necessary for positioning .form-check */
}
.block-extra {
	font-style: italic;
	margin-top: 5px;
}

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



/* ================ BUTTONS ================ */
/*-- HEADER --*/
.block-button-member {
	display: inline-block;
	padding: 20px 14px;
	transition: all 0.4s ease ;
	-webkit-transition: all 0.4s ease;
	max-width: 120px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	vertical-align: top;
	text-transform: uppercase;
}
.block-button-member-small {
	display: inline-block;
	padding: 10px;
	transition: all 0.4s ease ;
	-webkit-transition: all 0.4s ease;
	max-width: 150px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	vertical-align: top;
	text-transform: uppercase;
}
.block-button-member:hover, .block-button-member-small:hover {
	background: #FFE545;
	color: #333333;
}
.block-button-logout {
	display: inline-block;
	padding: 20px 0 20px 8px;
	transition: all 0.4s ease ;
	-webkit-transition: all 0.4s ease;
	color: rgba(0,0,0,0.3);
}
.block-button-logout-small {
	display: inline-block;
	padding: 10px 0 10px 10px;
	transition: all 0.4s ease ;
	-webkit-transition: all 0.4s ease;
	color: rgba(0,0,0,0.3);
}
.block-button-logout:hover, .block-button-logout-small:hover {
	color: #FFE545;
}

/*-- SHOWTIMES PAGE: FILTER --*/
.block-button-showtime-filter {
	display: inline-block;
	position: relative;
	right: 16px;
	vertical-align:top;
	width: 22px;
	height: 49px;
	line-height: 49px;
	border: 1px solid #444444;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
}
.block-button-showtime-filter:hover {
	border: 1px solid #ED564B;
}
.block-button-showtime-filter.selected {
	color: #ED564B;
}

/*-- LISTING PAGE: SORT BY LIST/GRID --*/
.block-button-listing-sort {
	display: inline-block;
	background: #EEEEEE;
	position: absolute;
	right: 0;
	top: 0;
	width: 31px;
	height: 30px;
	text-align: center;
	line-height: 33px;
	cursor: pointer;
	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: 3px;
	margin: 0 6px 6px 0;
	font-size: 14px;
	color: #FFFFFF;
	width: 62px;
	padding: 3px 0 2px;
	line-height: 22px;
}
.block-button-showtime-over {
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
	color: #CCCCCC;
}
.block-button-showtime:hover {
	background: #8FC0A3;
	border: 1px solid #8FC0A3;
	color: #006600;
}



/* ================ FORM ================ */
.set-form { /* Label, input */
	display: inline-block;
	padding-bottom: 25px;
}
.form-label {
	display: block;
	margin-bottom: 5px;
}
.form-input {
	width: 320px;
	height: 25px;
	border: 1px solid #DDDDDD;
	padding: 4px 10px;
}
.form-input-small {
	width: 145px;
	height: 25px;
	border: 1px solid #AAAAAA;
}
.form-input-message {
	border: 1px solid #DDDDDD;
    padding: 8px 10px 8px 10px;
}
.form-submit {
	display: inline-block;
	background: #FFE545;
	padding: 8px 20px;
	border-radius: 3px;
	border: 1px solid #FBDF31;
	margin: 0 auto 3px;
	cursor: pointer;
}
.form-submit:hover, .form-submit-showtime-small:hover {
	background: #FCEC88;
}
.form-submit-orange {
    display: block;
    background: #ED564B;
	border: 1px solid #FF3300;
    padding: 6px 14px;
    border-radius: 3px;
	cursor: pointer;
}
.form-submit-orange:hover {
	background: #F06858;
}
.form-error {
	border: 1px solid rgba(237,86,75,0.3);
}
.form-check {
    position: absolute;
    left: 320px;
    top: 10px;
    color: #379F79;
}
.form-loading {
	display: inline-block;
}
input:-webkit-autofill { /* Remove pale yellow background */
	-webkit-box-shadow: 0 0 0 1000px white inset;
}

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

/*-- SEARCH PAGE --*/
.form-submit-search-big {
    background: none;
    padding: 0;
    border: 0;
	cursor: pointer;
}
.form-submit-search-big:hover {
	text-decoration: none;
}

/*-- AD COLUMN --*/
.form-submit-search-small { /* Shared with Home Page: search */
	position: absolute;
	right: 0;
	background: none;
	border: 0;
	padding: 10px 0;
	cursor: pointer;
}
.form-submit-search-small:hover {
	text-decoration: none;
}
.form-submit-showtime-small { /* Shared with Home Page: showtimes; hover effect same as default */
	display: block;
	background: #FFE545;
	width: 100%;
	padding: 8px 10px;
	border-radius: 3px;
	border: 1px solid #FBDF31;
	margin: 5px 0;
	cursor: pointer;
}



/* ================ AD COLUMN ================ */
.container-ad {
	display: inline-block;
	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;
	margin-bottom: 5px;
}
.block-ad-title {
	display: inline-block;
	margin: 0 18px 15px;
}

/*-- SEARCH (SMALL) --*/
.section-search-small {
	position: relative; /* Necessary for positioning search icon */
	height: 39px;
	border-bottom: 1px solid #ED564B;
	margin-bottom: 20px;
}
.block-search-small {
	border: 0;
	font-style: italic;
	height: 37px;
	vertical-align: top;
	width: 85%;
	background: none;
}
/*------ Refer to CSS for Search Page -----*/

/*-- SHOWTIMES (SMALL) --*/
.section-showtime-small {
	background: #ED564B;
	margin-bottom: 30px;
	border: 1px solid #FF3300;
}
.block-showtime-small-title {
	padding: 10px;
}
.block-showtime-small {
	padding: 0 10px 10px;
}
.block-showtime-small .chosen-select {
	width: 100%;
}
.block-showtime-small .chosen-container {
	margin-bottom: 8px;
}



/* ================ FOOTER ================ */
.wrapper-footer {
	width: 100%;
}
.section-footer {
	width: 980px;
	margin: 0 auto;
	text-align: center;
}

.section-about {
	padding: 60px 40px 30px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.block-about-title {
	margin: 15px 0;
}
.block-about-appstore, .block-about-googleplay  {
	display: inline-block;
	margin: 25px 15px;
}

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

.section-copyright {
	padding: 15px 0 60px;
}
.block-copyright {
	display: inline-block;
	margin-right: 15px;
}