/* Global CSS */

	body, html { width: 100%; height: 100%; margin: 0px; padding: 0px; background-color: #000000; }

	[data-slide] .fullImg { /* defaulted to fullscreen*/
		width: 100%;
		height: 100%;
		display: block;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		z-index: 0;
	}
	[data-slide] .fullImg[data-size='cover'] {
		background-size: cover;
	}
	[data-slide] .fullImg[data-size='scaled'] {
		background-size: contain;	
	}
	
	[data-slide] .content {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	[data-slide] .content .col {
		float: left;
		height: 100%;
		box-sizing: border-box;
	}
	[data-slide] .content .col.w50 {
		width: 50%;	
	}
	[data-slide] .content .col.p50 {
		padding: 50px;	
	}
	
/* Video Slide */
	[data-slide='mp4'] video {
		width: 100%;
		height: 100%;
		position: fixed;
		display: block;
	}
	
/* Showtimes Slide */
	[data-slide='showtimes'] {
		background-color: #34383c;
		color: white;
	}
	[data-slide='showtimes'] video {
		opacity: .2;
		width: 106%;
		height: 100%;
	}
	[data-slide='showtimes'] .blue_bar {
		background-color: #006ea8;
		position: absolute;
		left: 0px;
		right: 0px;
		padding: 20px;
		bottom: 0px;
	}
	[data-slide='showtimes'] .blue_bar .logo {
		float: right;
		height: 50px;
	}
	[data-slide='showtimes'] .blue_bar .clock {
		font-family: 'avenir';
		font-size: 45px;
		display: block;
		position: absolute;
		left: 20px;
		top: 20px;
	}
	[data-slide='showtimes'] h1 {
		background-color: #006ea8;
		font-family: 'futura';
		padding: 20px 50px 20px 50px;
		position: absolute;
		top: 50px;
		font-size: 50px;
		margin: 0px;
	}
	[data-slide='showtimes'] .listings {
		position: absolute;
		top: 200px;
		left: 50px;
		right: 50px;
		bottom: 100px;
		text-transform: uppercase;
	}
	[data-slide='showtimes'] table {
		margin: 0px auto;
		font-family: 'futura';
		width: 100%;
		font-size: 40px;
	}
	[data-slide='showtimes'] table tr {
		opacity: 0;
		display:none;
	}
	[data-slide='showtimes'] table tr td {
		padding-bottom: 50px;
		position: relative;
	}
	[data-slide='showtimes'] table .time, [data-slide='showtimes'] table .screen, [data-slide='showtimes'] table .cert { width: 10px; padding-right: 60px; }
	[data-slide='showtimes'] table .screen span {
		background-color: #5d6063;
		width: 120px;
		display: block;
		text-align: center;
		border-radius: 3px;
	}
	
	[data-slide='showtimes'] table .cert span {
		border-radius: 100%;
		width: 50px; 
		height: 50px; 
		line-height: 50px;
		font-size: 20px;
		border: 5px white solid;
		text-align: center;
		display: block;
	}
	
	[data-slide='showtimes'] table .cert .triangle { 
		border-radius: 0px;
		border: none;
		background-image: url('/template/triangle.png');
		background-size: contain;
		background-position: center top;
		background-repeat: no-repeat;
		padding-top: 5px;
		bottom: -5px;
		
		position: relative;
		width: 60px; 
		height: 60px; 
		line-height: 60px;
		font-size: 16px;
	}
	
	[data-slide='showtimes'] table .notice {
		position: absolute;
		background-color: #ff8500;
		right: 0px;
		top: 0px;
		white-space: nowrap;
		text-align: center;
		z-index: 10;
		display: block;
		border-radius: 3px;
		text-transform: uppercase;
		line-height: 57px;
		font-size: 30px;
		padding: 2px 15px 0px;
		display: none;
		opacity: 1;
	}
	
/* Logo Slide */
	[data-slide='clock'] .content {
		width: 100%;
		height: 100%;
		position: fixed;
		display: block;
		
		text-align: center;
		font-family: 'avenir';
		font-size: 30px;
		color: white;
		text-shadow: 0px 0px 10px rgba(53, 57, 61, 0.5);
	}
	[data-slide='clock'] .logo {
		display: block;
		margin:150px auto 0px;
		width: 50%;
		padding-bottom: 50px;
	}
	
/* Notice Slide */
	[data-slide='notice'] .notice {
		font-family: 'avenir';
		font-size: 70px;
		display: block;
		margin: 0px auto;
		position: absolute;
		color: white;
		text-align: center;
		padding: 100px 50px 50px;
		text-transform: uppercase;
		width: 100%;
		box-sizing: border-box;
		text-shadow: 0px 0px 10px rgba(53, 57, 61, 0.5);
	}
	[data-slide='notice'] .notice.medium {
		font-size: 90px;
	}
	[data-slide='notice'] .notice.large {
		font-size: 110px;
	}
	[data-slide='notice'] .notice i {
		font-style: normal;
		font-weight: bold;
		background-color: #0e6fa6;
		padding: 10px 20px;
		color: white;
		border-radius: 3px;
		letter-spacing: 1px;
		position: relative;
		text-shadow: none;
	}
	
/* Price List */
	[data-slide='pricelist'] {
		background-color: white;
	}
	[data-slide='pricelist'] .title {
		background-color: #0e6fa6;
		padding: 6px 12px;
		color: white;
		display: inline-block;
		margin: 0px;
		font-family: 'futura';
		letter-spacing: 1px;
	    font-size: 60px;
	    position: relative;
	}
	[data-slide='pricelist'] i {
		font-style: normal;
		font-weight: bold;
		font-size: 50%;
		background-color: #0e6fa6;
		padding: 3px;
		color: white;
		border-radius: 3px;
		letter-spacing: 1px;
		top: -4px;
		position: relative;
	}
	[data-slide='pricelist'] .footnote {
		font-family: 'avenir';
		font-weight: lighter;
		color: #5b6167;
		font-size: 20px;
		position: relative;
		opacity: 0;
		animation: fadein 2s 2s 1 forwards;
		bottom: -20px;
		clear: both;
	}
	
	[data-slide='pricelist'][data-layout='v1_two_products_right'] .group {
		float: left;
		clear: both;
		padding: 100px 0px 0px 100px;
	}
	[data-slide='pricelist'][data-layout='v1_two_products_right'] ul {
		margin: 0px;
		padding: 0px;
		padding-top: 50px;
		list-style: none;
		font-family: 'avenir';
		color: #34383c;
		padding-bottom: 10px;
	}
	[data-slide='pricelist'][data-layout='v1_two_products_right'] ul li {
		float: left;
		font-size: 60px;
		padding-right: 50px;
		opacity: 0;
	}
	[data-slide='pricelist'][data-layout='v1_two_products_right'] ul span {
		display: block;
		font-size: 25px;
	}
	[data-slide='pricelist'][data-layout='v1_two_products_right'] .product-right {
		position: absolute;
		right: 50px;
		bottom: 50px;
		z-index: 0;
		max-width: 60%;
		max-height: 95%;
	}
	
	[data-slide='pricelist'][data-layout='v1_single_product_left'] .group {
		float: right;
		clear: both;
		padding: 100px 100px 0px 0px;
	}
	[data-slide='pricelist'][data-layout='v1_single_product_left'] ul {
		margin: 0px;
		padding: 0px;
		padding-top: 50px;
		list-style: none;
		font-family: 'avenir';
		color: #34383c;
		padding-bottom: 10px;
	}
	[data-slide='pricelist'][data-layout='v1_single_product_left'] ul li {
		float: left;
		font-size: 60px;
		padding-right: 50px;
		opacity: 0;
	}
	[data-slide='pricelist'][data-layout='v1_single_product_left'] ul span {
		display: block;
		font-size: 25px;
	}
	[data-slide='pricelist'][data-layout='v1_single_product_left'] .product-right {
		position: absolute;
		left: 0px;
		bottom: 0px;
		z-index: 0;
		max-width: 60%;
		max-height: 95%;
	}
	
	[data-slide='pricelist'][data-layout='v1_product_list'] .product-right {
		float: right;
		width: 50%;
		padding: 100px 100px 25px;
		box-sizing: border-box;
	}
	[data-slide='pricelist'][data-layout='v1_product_list'] .product-right.smallimg {
		width: 35%;
	}
	[data-slide='pricelist'][data-layout='v1_product_list'] .group {
		float: left;
		width: 50%;
		padding: 100px;
		box-sizing: border-box;
	}
	[data-slide='pricelist'][data-layout='v1_product_list_onerow'] .group {
		float: left;
		width: 100%;
		padding: 100px;
		box-sizing: border-box;
	}
	[data-slide='pricelist'][data-layout='v1_product_list'] ul, [data-slide='pricelist'][data-layout='v1_product_list_onerow'] ul {
		margin: 0px;
		padding: 0px;
		padding-top: 20px;
		list-style: none;
		font-family: 'avenir';
		color: #34383c;
		padding-bottom: 10px;
	}
	[data-slide='pricelist'][data-layout='v1_product_list'] ul li, [data-slide='pricelist'][data-layout='v1_product_list_onerow'] ul li {
		float: left;
		font-size: 43px;
		padding-right: 50px;
		white-space: nowrap;
		opacity: 0;
		width: 100%;
		text-align: right;
		font-weight: bold;
	}
	[data-slide='pricelist'][data-layout='v1_product_list'] ul span, [data-slide='pricelist'][data-layout='v1_product_list_onerow'] ul span {
		display: block;
		float: left;
		text-align: left;
		font-weight: 300;
	}
	
	/* Added 10th Feb 2020 */
	[data-slide='pricelist'][data-layout='v1_product_list_left'] .group {
		float: right;
		width: 50%;
		padding: 100px;
		box-sizing: border-box;
	}
	[data-slide='pricelist'][data-layout='v1_product_list_left'] ul, [data-slide='pricelist'][data-layout='v1_product_list_left'] ul {
		margin: 0px;
		padding: 0px;
		padding-top: 20px;
		list-style: none;
		font-family: 'avenir';
		color: #34383c;
		padding-bottom: 10px;
	}
	[data-slide='pricelist'][data-layout='v1_product_list_left'] ul li, [data-slide='pricelist'][data-layout='v1_product_list_left'] ul li {
		float: left;
		font-size: 43px;
		padding-right: 50px;
		white-space: nowrap;
		opacity: 0;
		width: 100%;
		text-align: right;
		font-weight: bold;
	}
	[data-slide='pricelist'][data-layout='v1_product_list_left'] ul span, [data-slide='pricelist'][data-layout='v1_product_list_left'] ul span {
		display: block;
		float: left;
		text-align: left;
		font-weight: 300;
	}
	

/* Standard Animations */
	.reveal-text, .reveal-text::after {
	    animation-delay: 1s;
	    animation-iteration-count: 1;
	    animation-duration: 800ms;
	    animation-fill-mode: both;
	    animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
	}
	.reveal-text {
		animation-name: reveal-text;
	    white-space: nowrap;
	    cursor: default
	}
	.reveal-text::after {
	    content: "";
	    position: absolute;
	    z-index: 999;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background-color: #0e6fa6;
	    transform: scaleX(0);
	    transform-origin: 0 50%;
	    pointer-events: none;
	    animation-name: revealer-text;
	}
	@keyframes reveal-text {
	    from { clip-path: inset(0 100% 0 0); }
	    to { clip-path: inset(0 0 0 0); }
	}
	@keyframes revealer-text {
	    0%, 50% { transform-origin: 0 50%; }
	    60%, 100% { transform-origin: 100% 50%; }
	    60% { transform: scaleX(1); }
	    100% { transform: scaleX(0); }
	}
	
	[data-slide='pricelist'] ul li:nth-child(1) { animation: fadein 2s 1.5s 1 forwards; }
	[data-slide='pricelist'] ul li:nth-child(2) { animation: fadein 2s 1.75s 1 forwards; }
	[data-slide='pricelist'] ul li:nth-child(3) { animation: fadein 2s 2s 1 forwards; }
	[data-slide='pricelist'] ul li:nth-child(4) { animation: fadein 2s 2.25s 1 forwards; }
	[data-slide='pricelist'] ul li:nth-child(5) { animation: fadein 2s 2.5s 1 forwards; }
	[data-slide='pricelist'] ul li:nth-child(6) { animation: fadein 2s 2.75s 1 forwards; }
	[data-slide='pricelist'] ul li:nth-child(7) { animation: fadein 2s 3s 1 forwards; }
	[data-slide='pricelist'] ul li:nth-child(8) { animation: fadein 2s 3.25s 1 forwards; }
	[data-slide='pricelist'] ul li:nth-child(9) { animation: fadein 2s 3.5s 1 forwards; }
	[data-slide='pricelist'] ul li:nth-child(10) { animation: fadein 2s 3.75s 1 forwards; }
	[data-slide='pricelist'] ul li:nth-child(11) { animation: fadein 2s 4s 1 forwards; }
	@keyframes fadein {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}
	
	[data-slide='showtimes'] table .notice.active { display:block; animation: flasher 4s linear infinite; }
	[data-slide='showtimes'] table .notice.soldout { background-color: #d43e3a; animation: none !important; }
	@keyframes flasher { 
		10% { opacity: 0; } 
		40% { opacity: 0; }
		50% { opacity: 1; }
	}
	
	[data-slide='showtimes'] table tr:nth-child(1) { animation: fadein 2s 1.5s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(2) { animation: fadein 2s 1.75s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(3) { animation: fadein 2s 2s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(4) { animation: fadein 2s 2.25s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(5) { animation: fadein 2s 2.5s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(6) { animation: fadein 2s 2.75s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(7) { animation: fadein 2s 3s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(8) { animation: fadein 2s 3.25s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(9) { animation: fadein 2s 3.5s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(10) { animation: fadein 2s 3.75s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(11) { animation: fadein 2s 4s 1 forwards; }	
	[data-slide='showtimes'] table tr:nth-child(12) { animation: fadein 2s 4.25s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(13) { animation: fadein 2s 4.5s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(14) { animation: fadein 2s 4.75s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(15) { animation: fadein 2s 5s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(16) { animation: fadein 2s 5.25s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(17) { animation: fadein 2s 5.5s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(18) { animation: fadein 2s 5.75s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(19) { animation: fadein 2s 6s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(20) { animation: fadein 2s 6.25s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(21) { animation: fadein 2s 6.5s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(22) { animation: fadein 2s 6.75s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(23) { animation: fadein 2s 6s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(24) { animation: fadein 2s 6.25s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(25) { animation: fadein 2s 6.5s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(26) { animation: fadein 2s 6.75s 1 forwards; }
	[data-slide='showtimes'] table tr:nth-child(27) { animation: fadein 2s 7s 1 forwards; }