@import url(reset.css);
@import url(/assets/shared/css/shop.css);

@font-face {
  font-family: 'icons';
  src: url('../fonts/fontawesome-webfont.eot');
  src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/fontawesome-webfont.woff') format('woff'),
	   url('../fonts/fontawesome-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Fix for font issues in Chrome */
body {
    -webkit-animation-duration: 0.1s;
	-webkit-animation-name: fontfix;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0.1s; }
@-webkit-keyframes fontfix{ from { opacity: 1; } to { opacity: 1; } }

/* Helpers */

.text-center {
	text-align: center;
}


/* Modal */

.modal {
	display: none;
    position: fixed;
    top: 2vh;
    left: 2vh;
    bottom: 2vh;
    right: 2vh;
    overflow-y: auto;
    z-index: 9999;
    opacity: 1;
    background-color: #fff;
}
.modal-inner {
	padding: 10%;
	padding-bottom: 0;
}
a.modal-close {
	display: block;
	font-size: 4em;
	position: absolute;
	top: 20px;
	right: 20px;
	line-height: 1;
}
@media screen and (max-width: 768px) {

	.modal-inner {
		padding: 20px;
	}

}

/*-------------------------------------------------------
	Where To Watch
-------------------------------------------------------*/

.ButtonPopup-wrapper {
  position: relative;
  overflow: visible;
  display: inline-block;
}
div.ButtonPopup {
	display: none;
    left: -150%;
	width: 400%;
	position: absolute;
    bottom: 100%;
    margin-bottom: 13px;
}
div.ButtonPopup .arrow {
  border: 6px solid transparent;
  bottom: -12px;
  position: absolute;
  left: 50%;
  margin-left: -6px;
}
ul.ButtonPopup-list {
	width: 100%;
	margin: 0;
	padding: 20px;
	text-align: center;
}
ul.ButtonPopup-list li {
	display: inline-block;
	width: 30%;
}
ul.ButtonPopup-list li img {
	vertical-align: middle;
    max-width: 100%;
    max-height: 40px;
}
ul.ButtonPopup-list li a:hover {
	text-decoration: none;
}
ul.ButtonPopup-list {
	width: 100%;
	margin: 0;
	padding: 20px;
	text-align: center;
}
ul.ButtonPopup-list li {
	display: inline-block;
	width: 30%;
}
ul.ButtonPopup-list li img {
	vertical-align: middle;
    max-width: 95px;
    max-height: 40px;
}
ul.ButtonPopup-list li a:hover {
	text-decoration: none;
} 

.watchModule-list ul.watch-platforms {
	list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.watchModule-list ul.watch-platforms li {
    width: 17%;
    margin: 1%;
  	position: relative;
    display: inline-block;
    text-align: center;
    max-width: 100%;
    vertical-align: top;
}
.watchModule-list ul.watch-platforms li img {
    max-width: 100%;
	max-height: 30px;
}
.watchModule-ButtonModal-modal .modal-inner {
	padding: 0;
}
.watchModule-ButtonModal-modal .row {
	padding: 0;
}
.watchModule-ButtonModal-modal .watch-platforms-wrapper, .watchModule-ButtonModal-modal .watch-screenings-wrapper {
	clear: both;
    margin: 15vh 6vw 20px 6vw;
}

/* Watch Screenings Generic */
.watch-screenings-wrapper h3 small {
	float: right;
}

.watch-screenings-wrapper ul, .watch-platforms-wrapper ul  {
	list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
.watchModule-ButtonModal-modal ul.watch-platforms li {
    width: 31%;
    margin: 0 1% 1% 0;
    position: relative;
    display: inline-block;
    text-align: center;
    max-width: 100%;
    vertical-align: top;
    border: 1px solid rgba(125,125,125,0.4);
    background-color: rgba(125,125,125,0.2);
	transition-duration: 500ms;
	-webkit-transition-duration: 500ms;
}
.watchModule-ButtonModal-modal ul.watch-platforms li:hover {
	opacity: 0.7;
}
.watchModule-ButtonModal-modal ul.watch-platforms li a {
    width: 100%;
	display: block;
    padding: 2em;
}
.watchModule-ButtonModal-modal ul.watch-platforms li img {
    max-width: 100%;
	max-height: 30px;
}
.watch-screenings-wrapper .tabs ul {
    text-align: left;
    margin: 10px 0 20px 0;
}
.watch-screenings-wrapper .tabs ul li {
    text-align: center;
    width: 19%;
    margin: 0;
    padding: 0;
  	position: relative;
    display: inline-block;
    text-align: center;
    max-width: 100%;
    vertical-align: top;
    background-color: rgba(125,125,125,0.2);
}
.watch-screenings-wrapper .tabs li a {
	text-decoration: none;
	border: none;
	border-bottom: 2px solid rgba(125,125,125,0.2);
	display: block;
	min-height: 30px;
	transition-duration: 500ms;
	-webkit-transition-duration: 500ms;
}
.watch-screenings-wrapper .tabs li a:hover {
	border-bottom: 2px solid;
}
.watch-screenings-wrapper .tabs li.active a {
	border-bottom: 2px solid;
}
.watch-screenings-wrapper .tabs li.disabled a {
	cursor: default;
	text-decoration: none;
	opacity: 0.5;
}
.watch-screenings-wrapper .tabs li.disabled a:hover {
	border-bottom: 2px solid rgba(125,125,125,0);
}
.watch-screenings-wrapper .tabs li a span {
    display: block;
    font-size: 1em;
    text-transform: uppercase;
	padding-top: 9px;
}
.watch-screenings-wrapper .tabs li a strong {
    display: block;
    font-size: 1.6em;
    padding-bottom: 9px;
}


/* Navigation */

.nav ul ul {
	display: none;
	}
	
	.nav ul li.mobileNav { /*Hidden icon for smaller screens */
		display: none;
	}
	
	.nav li {
		position: relative;
		text-align: left;
		}
		
	.nav li ul {
		position: absolute;
		top: 100%;
		left:-0.25em;
		z-index: 1;
		/*width: 200%;*/
		margin:0;
		padding:0;
		min-width: 190px;
		}
		
		.nav li ul li ul {
			width: 100%;
			top: 0;
			left: 190px;
		}
		
		.nav li ul li {
			padding: 0;
			margin: 0;
			display: block;
			line-height: normal;
			top:0;
			}
			
			.nav li ul li a {
				padding: 0.5em;
				}
		
	.nav li:hover > ul,
	.nav li:hover ul li:hover ul
		{
		display: block;
		}

	.nav form#navSearch input {
	    display:inline-block;
	    margin:0;
		}
	.nav form#navSearch input[type=text] {
	    border-radius: 4px 0 0 4px;
	    width: 105px;
	    border-right: none !important;
		}
	.nav form#navSearch input[type=submit] {
	    border-radius: 0 4px 4px 0;
		}

/* Columns */

.col2 {
	width: 48%;
	display: inline-block;
	clear:none !important;
	margin-right: 2%;
	}
	
.col3 {
	width: 30%;
	display: inline-block;
	clear:none !important;
	margin-right: 3%;
	}
	
.col6 {
	width: 15%;
	display: inline-block;
	margin-right: 1%;
	clear: none !important;
	}

/* Forms */

legend {
	font-weight: bold;
	font-size: 1.4em;
	margin-bottom: 1em;
	}
	
label {
	line-height: 1;
	}
label.error {
	color: red;
}

input, button, textarea {
	padding: 0.5em;
	vertical-align: baseline;
	border-radius: 4px;
	}
	
	[type=text],
	[type=password],
	textarea {
		width: 190px;
		}
		
	select {
		max-width: 175px;
		}
		
		.date select, .date input { min-width: 0; width: auto;}
	
	textarea {
		vertical-align: top;
		min-height: 3em;
		}

span.required {
	color: #f00 !important;
}

.label-left label {
	width: 150px;
	display: inline-block;
	text-align: right;
	padding-right: 10px;
	margin: 0.5em 0 0.5em -160px;
	}

.label-left {
	padding-left: 160px;
	clear: both;
	position: relative;
	}

.label-top,
.sidebar .label-left {
	padding-left: 0;
	clear: both;
	}

.label-top label,
.sidebar .label-left label {
	width: 100%;
	display: block;
	margin: 0.5em 0;
	text-align: left;
	}

.label-right { position: relative; }
.label-right label {
	margin-left: 165px;
	}
.label-right input {
	position: absolute;
	left: 160px;
	top: 0.3em;
	margin-left: -2em;
	}

.joined-left, button.joined-left {
	-webkit-border-radius: 6px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 6px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-radius: 6px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.joined-right, button.joined-right {
	-webkit-border-radius: 6px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius: 6px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-radius: 6px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
/* Mailing Forms */

body#Home form.signup .label-left, body#Home form#subForm .label-left, body#Home form#mc-embedded-subscribe-form .label-left{
	padding: 0;	
	}
	
body#Home form.signup p, body#Home form#subForm p, body#Home form#mc-embedded-subscribe-form p {
	display: inline-block;
	}

body#Home form#subForm .label-left input {
	float: left;
	}

body#Home form.signup label, body#Home form#subForm label, body#Home form#mc-embedded-subscribe-form label {
	width: auto;
	display: block;
	text-align: left;
	margin: 0.5em 0;
	}
body#Home form.signup button, body#Home form#mc-embedded-subscribe-form button {
	margin-top: 2.4em;
	}
	
body#Home form#subForm button {
	margin-top: 0;
	}
	
/* Buttons */

a.button, .button, button, a.redirectButton {
	padding: 0.65em 0.5em;
	display: inline-block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	height: auto;
	vertical-align: bottom;
	border: none;
	text-decoration: none !important;
	transition-duration: 100ms;
	-webkit-transition-duration: 100ms;
	}
	
	a.button:hover, a.redirectButton:hover {
		text-decoration: none;
		opacity: 0.7;
		}
	
	.checkoutWrapper {
		max-width: 340px;
		padding: 20px;
		margin: 0 auto 0 auto;
		text-align: center;
		border: 1px solid rgba(200,200,200,0.3);
		background-color: rgba(200,200,200,0.1);
		border-radius: 6px;
	}
		.checkoutWrapper hr {
			margin: 20px -20px 20px -20px;
			color: rgba(200,200,200,0.3);
			}
		
		.checkoutWrapper form {
			width: 100%;
			}
			
		.checkoutWrapper form input {
			margin-bottom: 14px;
			font-size: 16px;
			}
			
		.checkoutWrapper .discount {
			opacity: 0.3;
			transition-duration: 300ms;
			}
			
		.checkoutWrapper .discount:hover {
			opacity: 1;
			}
		.checkoutWrapper #discount_code_status:not(:empty) {
			padding: 5px;
			font-size: 16px;
			background-color: rgba(200,200,200,0.5);
			border: 1px solid rgba(200,200,200,0.3);
			border-radius: 6px;
			margin-bottom: 14px;
		}
			
		.checkoutWrapper #email, .checkoutWrapper #emailconf {
			width: 96%;
			}
			
		.checkoutWrapper #discount_code {
			width: 73%;
		}
		
		.checkoutWrapper button#submit_check_discount_code {
			width: 20%;
			margin: 0 0 14px 0;
			font-size: 16px;
			padding: 0.5em;
			}
			
		.checkoutWrapper button.btn-purchase {
			font-size: 16px;
			float: none;
			display: inline-block;
			width: 49%;
			text-transform: uppercase;
			margin: 0;
			transition-duration: 300ms;
		}
			.checkoutWrapper button.btn-purchase:hover {
				opacity: 0.6;
				}
			.checkoutWrapper .but-number-1 button.btn-purchase {width: 99%;}
			.checkoutWrapper .but-number-2 button.btn-purchase {width: 49%;}
			.checkoutWrapper .but-number-3 button.btn-purchase {width: 32%; font-size: 13px; min-height: 55px;}
			.checkoutWrapper .but-number-3 small {display: none;}
		
		.checkoutWrapper .btn-purchase.left {
			border-radius: 6px 0 0 6px;
			padding-right: 0;
			margin-right: 1px;
		}

		.checkoutWrapper .btn-purchase.right {
			border-radius: 0 6px 6px 0;
			padding-left: 0;
			margin-left: 1px;
		}

		.checkoutWrapper .btn-purchase.centre {
			border-radius: 0;
			padding-left: 0;
			margin-left: 0;
		}
					
	/* .checkout .button {
		padding: 0 0.5em;
		} */
	
	.btn-purchase {
		font-size: 23px;
		padding: 10px 20px !important;
		float: left;
	}
	
	.checkout #total_price {
		font-size: 23px;
		vertical-align: middle;
	}
	
.button.large {
	font-size: 18px;
	line-height: 1;
	display: inline-block;
}

.button.giant {
	font-size: 35px;
	line-height: 1;
	display: inline-block;
}

button.orange {
	border: none !important;
	background: url(../i/btn_email_bg.png) left center no-repeat;
}

button.blue {
	border: none !important;
	background: url(../i/btn_email_bgblue.png) left center no-repeat;
}


/* Fundraising */

body#Home div.fundingWrapper.igg {
		background: url(../i/fundingWrapper_igg.png) left top no-repeat;
}

body#Home div.fundingWrapper.ks {
		background: url(../i/fundingWrapper_ks.png) left top no-repeat;
}

/* Screenings */

table.screenings {
	width: 100%;
	}

.screenings th {
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 0.5em;
	}

.screenings tr:nth-child(2n) {
	background: rgba(0,0,0,0.05);
	}
	
	.screenings tr:hover {
		background: rgba(0,0,0,0.1);
		cursor: pointer;
		}

	
.screenings td, .screenings th {
	padding: 0.5em;
	}
	
.details td {
	box-shadow: inset 0 1em 1em -1em rgba(0, 0, 0, 0.3);
	}


ul.screenings {
	
}

.screening-widget {
	clear: both;
	margin-bottom: 10px;
	margin-bottom: 1rem;
	list-style: none;
	float: left;
	width: 100%;
	}
	
	.screening-widget .button {
		text-transform: uppercase;
		}
	
	@media screen and (min-width:480px) {
	.limited .screening-widget {
		width: 20%;
		margin-right:1%;
		clear: none;
		padding: 1em;
		position: relative;
		min-height: 18em;
		}
	}
	
	.screening-widget .descriptor {
		font-size: 8px;
		font-size: 0.8rem;
		display: block;
		text-transform: uppercase;
		opacity: 0.66;
		font-weight: bold;
		margin-bottom: -0.8em;
		}
	.screenings .date {
		overflow: hidden;
		position: relative;
		}	
		
	.screening-widget .date {
		display: block;
		float: left;
		border-right: 1px solid rgba(255,255,255,0.3);
		text-align: center;
		font-weight: bold;
		margin-right: 1%;
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 1.6;
		min-width: 10%;
		padding-bottom: 5px;
		padding-bottom: 0.5rem;
		min-height: 2.8em;
		}
		
		@media screen and (min-width:480px) {
		.limited .screening-widget .date {
			min-width: 50%;
			}
		}
		
		.screening-widget .month {
			font-size: 12px;
			font-size: 1.2rem;
			line-height: 1.5;
			display: block;
			margin-top: -8px;
			margin-top: -0.8rem;
			}
			
		.screening-widget .time {
			font-size: 8px;
			font-size: 0.8rem;
			display: block;
			}
			
			@media screen and (min-width:480px) {
			.limited .screening-widget .time {
				display: block;
				margin-top: 0.5em;
				}
			}
			
	.screening-widget .venue, .screening-widget .venueMain {
		float: right;
		width: 87%;
		}
		
		@media screen and (min-width:480px) {
		.limited .screening-widget .venue, .screening-widget .venueMain {
			width: 100%;
			}
		}
		
		.details .screening-widget .venue, .details .screening-widget .venueMain {
			width: 66%;
			}
		
		.screening-widget .venue strong {
				font-size: 16px;
				font-size: 1.6rem;
				line-height: 1.6;
				font-weight: bold;
				}
				
				@media screen and (min-width:480px) {
				.limited .screening-widget .venue strong {
					display: block;
					line-height: 1;
					margin-top: 0.5em;
					margin-bottom: 0.25em;
					}
				}
				
		.screening-widget .venue a, .screening-widget .venue p {
			font-size: 14px;
			font-size: 1.4rem;
			font-style: italic;
			line-height: 1.2;
			}
			
			@media screen and (min-width:480px) {
			.limited .screening-widget .venue a {
				width: 105%;
				display: block;
				}
			}
			
			.details .screening-widget .venue a {
				display: block;
				}
			
	.screening-widget .links {
		float: right;
		padding-top: 0.6em;
		clear:right;
		width: 87%;
		}
		
		@media screen and (min-width:480px) {
		.limited .screening-widget .links {
			position: absolute;
			top: 0;
			left: 50%;
			width: 30%;
			height: 35%;
			margin-left: 1em;
			padding: 1em;
			z-index: 1;
			overflow: hidden;
			-webkit-transition: 0.3s;
			-moz-transition: 0.3s;
			transition: 0.3s;
			}
			
			.details .screening-widget .links {
				width: 66%;
				}
				
			.limited .screening-widget .links:hover {
				width: 130%;
				z-index: 2;
				box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.25);
				}
				
				.limited .screening-widget .links>* {
					opacity: 0;
					-webkit-transition-delay: 0.3s;
					-moz-transition-delay: 0.3s;
					transition-delay: 0.3s;
					-webkit-transition: 0.6s;
					-moz-transition: 0.6s;
					transition: 0.6s;
					}
				.limited .screening-widget .links:hover>* {
					opacity: 1;
					}

			
			.limited .screening-widget .links:before {
				content: "+";
				font-size: 5em;
				font-weight: bold;
				width: 1em;
				height: 1em;
				display: block;
				text-align: center;
				float: right;
				line-height: 1;
				margin-bottom: 1em;
				cursor: pointer;
				}
				
				.limited .screening-widget .links:hover:before {
					display: none;
					}
		}

.sold-out .date::after {
	content: "Sold Out";
	position: absolute;
	top: 0;
	left: 0;
	z-index:10;
	display: block;
	padding: 1em;
	background: black;
	color: white;
	width: 200%;
	box-sizing: border-box;
	text-align: center;
	-ms-transform: rotate(-45deg) translate(-10%,20%);
	-moz-transform: rotate(-45deg) translate(-10%,20%);
	-webkit-transform: rotate(-45deg) translate(-10%,20%);
	transform: rotate(-45deg) translate(-10%,20%);
	font-size: 8px;
	font-size: 0.8rem;
	margin-left: -50%;
	text-transform: uppercase;
	}
	
	.limited .sold-out .date::after {
		box-shadow: 0 0 1em black;
		-ms-transform: rotate(-45deg) translate(-10%,0%);
		-moz-transform: rotate(-45deg) translate(-10%,0%);
		-webkit-transform: rotate(-45deg) translate(-10%,0%);
		transform: rotate(-45deg) translate(-10%,0%);
		}

	table .sold-out .date::after {
		-webkit-transform: none;
		width: 33%;
		margin-left: 66%;
		font-size: 6px;
		font-size: 0.6rem;
		padding: 1em 0;
		}	
			
	.screening-widget .fb-like { top:0.25em; }
	.screening-widget .twitter-share-button { position: relative; top: 0.5em; }
	
	.details .screening-widget .location {
		width: 30%;
		float: left;
		padding: 1em;
		}
		
		.details .screening-widget .location iframe {
			width: 100%;
			}
	.details .screening-widget .more-info {
		width: 66%;
		float: right;
		margin-top: 20px;
		margin-top: 2rem;
		}

.past-screenings .booking { display: none;}

iframe.ScreeningMap {
	width: 100%;
	min-height: 400px;
}

/* Gallery & Press Room LEGACY */

.content ul.gallery {
	list-style: none;
	padding: 0;
	margin: 0;
}

	ul.gallery li {
		display: block;
		width: 150px;
		float: left;
		margin: 0 5px 5px 0;
	}
			
.content ul.gallery_big {
	list-style: none;
	padding: 0;
	margin: 0;
}
	
	ul.gallery_big li {
		display: block;
		float: left;
		margin: 0 5px 5px 0;		
		width: 280px;
	}
	
	
.content ul.press {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 60%;
	float: right;
}

	.content ul.press li {
		display: block;
		float: left;
		margin: 0 5px 5px 0;
		width: 200px;
	}

	
.footer ul li p {
	padding: 0;
	margin: 0;
	line-height: 1;
	font-size: inherit;
}

.facebook_button, .twitter_button {
	display: inline-block;
	color: #fff;
	padding: 15px 15px 15px 43px;
	margin-right: 15px;
	line-height: 1.2em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none !important;
	}
	.facebook_button:hover, .twitter_button:hover {
		opacity: 0.8;
		}

.facebook_button_small, .twitter_button_small {
	display: inline-block;
	color: #fff;
	padding: 6px 10px 6px 34px;
	margin-right: 15px;
	line-height: 1.2em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-transform: uppercase;
	background-position-x: -7px !important;
	text-decoration: none !important;
}

.facebook_button, .facebook_button_small {
	background: url(/assets/shared/images/icons/btn_fb_bg.png) left center no-repeat;
	}
	
.twitter_button, .twitter_button_small {	
	background: url(/assets/shared/images/icons/btn_tw_bg.png) left center no-repeat;
	}
	
.dotted_bubble {
	border: 1px dotted; 
	padding: 5px;
	display: inline-block; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	margin: 0 5px 5px 0;
	}

/*-------------------------------------------------------
	Productions
-------------------------------------------------------*/

ul.films {
	list-style: none;
	padding: 0;
	margin: 0;
}

	ul.films li {
		width: 30%;
		float: left;
		margin-right: 3%;
		margin-bottom: 20px;
	}
	
	ul.films li img {
		max-width: 100%;
	}

.productionsModule .hd-flag {
	border: 1px solid;
	border-radius: 20%;
	font-size: .8em;
	font-weight: bold;
	padding: .2em .2em .1em;
}
	
/* =Film details
-------------------------------------------------------*/
	
	img.prodDetails {
		max-width:100%;
	}
		
	div.film-detail .media {
		position:relative;
		max-width: 100%;
		width:920px;
		padding:0 0 23px;
		background:url("../i/shadow.png") 0 100% no-repeat;
		z-index: 1;
		}
		div.film-detail .media a,
		div.film-detail .media img {
			display:block;
			min-height:370px;
			background-position: center center;
			-moz-background-size:cover;               /*Gecko 1.9.2 (Firefox 3.6) */
			-o-background-size: 100% 100%;           	/*Opera 9.5 */
			-webkit-background-size: 100% 100%;       /*Safari 3.0 */
			background-size:cover;                    /*Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
			background-repeat: no-repeat;
			width: 100%;
			}
			
			div.film-detail .media a span.playIcon, a span.playIcon {
				display: block;
				width: 100%;
				height: 100%;
				background:url("../i/playIcon.png") 50% 50% no-repeat;
				}
				
				div.film-detail a span.playIcon {
					background:url("../i/playIconSmall.png") 50% 50% no-repeat;
					}		
	dl.cast {
		float:left;
		min-height:214px;
		margin:20px 0 43px;
		padding: 0;
		line-height:1;
		}
		dl.cast dt {
			margin:0 0 4px;
			display: inline-block;
			min-width: 50px;
			opacity: 0.7;
			}
			dl.cast dd {
				margin:0 0 10px 0;
				text-transform: none;
				display: inline-block;
				}
	ul.actions {
		float:left;
		padding:0;
		list-style:none;
		}
		ul.actions li {
			padding:0;
			margin:0 0 11px;
			}
			ul.actions li a {
				}
				.productRights a {
					display: inline-block !important;
					padding: 5px;
					border: 0;
				}
	
	div.sidebl {
		position:relative;
		float:right;
		clear:right;
		width:160px;
		padding:40px 20px;
		margin:30px 0 40px;
		font-size:15px;
		line-height:1.2;
		}
		
		div.sidebl.awards {
			margin-top: 50px;
			}
		
		div.sidebl h6 {
			position:absolute;
			top:-57px;
			right:-14px;
			width:97px;
			height:97px;
			padding:0;
			text-indent:-999em;
			}
			div.sidebl.awards h6 {
				}
		div.sidebl ul {
			padding:0;
			text-align:center;
			list-style:none;
			}
			div.sidebl.reviews ul strong {
				display:block;
				margin:4px 0 0;
				}

	a.back {
		position:absolute;
		top:75px;
		left:50px;
		font-size:14px;
		padding-left: 40px;
		}

	ul.links {
		float:right;
		clear:both;
		padding:0;
		list-style:none;
		}
		ul.links li {
			float:left;
			margin:0 0 0 28px;
			font-size:14px;
			font-weight:bold;
			}
			.sidebar ul.links li {
				margin:0;
				}
			ul.links li.continue, ul.links li.checkout { 
				padding-top: 4px;
				}
				ul.links li.continue a, ul.links li.checkout a {
					font-weight: bold;
					font-size: 24px;
					height: 32px;
					display: block;
					}
					/* ul.links li.continue a {
					background: url(../i/button_continue.png) top right no-repeat;
					}
					ul.links li.checkout a {
					background: url(../i/button_checkout.png) top right no-repeat;
					} */
					.sidebar ul.links li.continue a, .sidebar ul.links li.checkout a  {
						line-height:24px;
						font-size:13px;
						font-weight:normal;
						}

/*-------------------------------------------------------
	Screening Room Header
-------------------------------------------------------*/


body#Digital .content.download {
	bottom: auto;
	position: auto;
	left: 0;
	right: 0;
	overflow: visible;
	top:auto;
	}
	
/* body#Digital #header h1 {
	position: relative;
	display: block;
	width: 100%;
	height: 100px;
	margin: 0 auto 0 auto;
	background-position: 0 0;
	background-attachment: scroll;
	}	

body#Digital .header {
		position:absolute;
		top:0;
		left: 0;
		height:100px;
		right: 0;
		padding:0;
		margin: 0;
	}
	body#Digital .header h1 {
		position:absolute;
		top:0;
		left:0;
		right: 0;
		height:100px;
		padding:0;
		margin: 0;
		text-indent:-999em;
		display: block;
		} */



/* = Screening Room Layout elements
-------------------------------------------------------*/

body#Digital .content.streaming {
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
	overflow: hidden;
	top: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index: 999999;
	}
	
body#Digital .content.streaming div.viewer {
	top: 0;
	bottom: 0;
	position: absolute;
	left: 0;
	right: 250px;
	overflow: hidden;
	background-color: #000 !important;
	}
	
body#Digital .content.streaming div.extras {
	top: 0;
	bottom: 0;
	position: absolute;
	right: 0;
	width: 250px;
	padding-top: 10px;
	background-color: #000 !important;
	border-left: 1px solid #333;
	}
	
body#Digital div.extras a {
	display: block;
	margin: 0 5px 2px 10px;
	padding: 4px;
	font-size: 11px;
	background-color: #333;
	text-decoration: none;
	}

body#Digital div.extras a:hover {
	color: #000;
	background-color: #ddd;
	}


body#Digital div.extras h2, body#Digital div.extras h1 {
	display: block;
	padding: 3px 3px 3px 10px;
	font-size: 14px;
	text-transform: none;
	color: #666;
	}

body#Digital div.extras h1 {
	font-size: 22px;
	}

@media only screen and (max-width: 860px) {

body#Digital div.viewer {
	right: 0;
	bottom: 100px;
	}

body#Digital div.extras {
	top: auto;
	bottom: 0;
	left:0;
	width: auto;
	height: 100px;
	overflow: auto;
	padding-top: 10px;
	}
}

/* Download page only */
body#Digital div.content.download { 
	width: 920px;
	margin: 40px auto 0 auto;
	text-align: center;
	}

/* Watch Page */

ul.WatchList {
	list-style: none;
	width: 100%;
	text-align: center;
}

ul.WatchList li {
	width: 21%;
	margin: 0 3% 10px 0;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

ul.WatchList li img {
	max-width: 120px;
	max-height: 80px;
}

ul.WatchList li p.watchTitle, ul.WatchList li div.productRights a {
	font-size: 21px;
}
ul.WatchList li p.watchDesc {
	font-size: 12px;
	width: 70%;
	display: block;
	margin: 0 auto 0 auto;
}


.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

/* Slideshow */
.slideshow { overflow:hidden; height: 100%; width: 100%; position: fixed; top: 0; left: 0;}
.slideshow li { 
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				width: 100%;
				height: 100%;
				overflow: hidden;
				z-index: 1;
				-ms-transition: 2s;
				-moz-transition: 2s;
				-webkit-transition: 2s;
				transition: 2s;
				text-align: center;
				background: center center no-repeat;
				background-position: center center;
				background-origin: padding-box;
				background-size: cover;	
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;  
				}
.slideshow .current { z-index: 2}

/*Fade*/
.slideshow.fade li { opacity: 0;}
.slideshow.fade .current { opacity: 1;}

/* Video Background */

.video-background {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
/* 	z-index: -1000; */
}
.video-background video {
	min-height: 100%; 
	min-width:100%;
	pointer-events: none; 
}
#control {
	position: absolute;
	right: 20px;
	z-index: 10000;
}
.vimeo-background {
	z-index: -999;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	width: 100vw;
	height: 100vh;	
	text-align: center;
}
.vimeo-background-overlay {
	z-index: -999;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	width: 100vw;
	height: 100vh;	
	pointer-events: none; 
}
.vimeo_bg_iframe {
	position: fixed;
	margin: 0 auto 0 auto;
	top: -10vh;
	bottom: -10vh;
	left: -10vw;
	right: -10vw;
	overflow: hidden;
	min-width: 120vw;
	height: 120vh;
	overflow: hidden;
}

/* Background random - caption */

li#caption {
	position: fixed;
	right: 20px;
	z-index: 999999;
	opacity: 0.6;
	}
	
span.bg_caption {
	display: none;
	right: 0;
	width: 20%;
	padding: 10px;
	position: fixed;
}
/* Special Effects -------------------------------------------------------------------------------------------------------------------------------------*/

ul.header-top-shop {
display: block;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 25px;
text-align: right;
z-index: 9999999;
list-style: none;
line-height: 1;
}

	ul.header-top-shop li {
		display: inline-block;
		height: 25px;
	}
	
	ul.header-top-shop li.searchForm form#navSearch {
		display: inline-block;
		height: 25px;
	}
	
	ul.header-top-shop li.searchForm form input[type=text] {
		
	}

.header-top-news, .header-top-reviews {
display: block;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 25px;
text-align: center;
z-index: 9999999;
}

.newsbarModule {
	height: 25px;
}

	div.newsbarModule .header-top-news {
		position: absolute;
		top: auto;
	}
	
	.header-top-news, .header-top-news p, .header-top-news a {
		line-height: 26px;
		font-size: 12px;
	}
	
/* Modules -------------------------------------------------------------------------------------------------------------------------------------------- */

/* Gallery */

div.group .galleryModule ul.gallery li {
	display: block;
	width: 32%;
	float: left;
	margin: 0 1% 1% 0;
}	
	div.group .galleryModule ul.gallery li img {
		width: 100%;
		}

/* Press Stills */
		
.section .galleryModule ul.press {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	}

	.section .galleryModule ul.press li {
		display: block;
		float: left;
		width: 32%;
		margin: 0 1% 1% 0;
		}
	
		div.group .galleryModule ul.press li img {
			width: 100%;
			}

			div.group .galleryModule ul.press li p.captionText {
				font-size: 10px;
				line-height: 12px;
				padding: 5px 0;
				}

div.galleryModule ul.press li {
	position: relative;
	}

ul.press li a {
	display: block;
	}

div.group .galleryModule ul.pressCompact li a {
	display: block;
	width: 100%;
	min-height: 170px;
	background-position: center center;
	background-size: cover;
	padding: 0;
	margin: 0;
	text-decoration: none;	
	}

ul.pressCompact li a p {
	display: none;
	background-color: rgba(0,0,0,0.5);
	margin: 0;
	padding: 5%;
	overflow: hidden;
	color: #fff !important;
	font-size: 11px;
	line-height: 12px;
	}
	
	ul.pressCompact li a:hover p {	
		display: block;
		}

ul.pressAligned li {
	height: 240px;
	overflow: hidden;
	}

	div.group .galleryModule ul.pressAligned li a {
		display: block;
		width: 100%;
		min-height: 150px;
		background-position: center center;
		background-size: cover;
		}

/* Trailer Module */

.trailerModule a {
	display: block;
	text-align: center;
}

.trailerModule img {
	margin: 0 auto 0 auto;
	transition-duration: 500ms;
	-webkit-transition-duration: 500ms;
}

/* Mailing List Module */

#Home div.mailinglistModule {
text-align: center;
}

div.mailinglistModule input[type=text] {
	margin: 0 0 5px;
	max-width: 100%;
}

div.mailinglistModule button.button {
	margin: 0 0 5px;
}

/* Laurels/Awards Module */
.awardsModule .laurels{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
	.awardsModule .laurel{
		padding: 1.5em 0; 
		vertical-align: top;
	}
	.awardsModule .laurel_img{
		max-width: 22%; 
		width: 22%; 
		display: block; 
		vertical-align: top;
	}
	.awardsModule .laurel_name{
		font-size: 1.5em;
		font-weight: bold;
		text-transform: uppercase;
	}

/* Reviews Module */
.reviewsModule .laurels{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
	.reviewsModule .review{
		padding: 0 0 40px;
	}
	.reviewsModule .review_img{
		max-width: 22%; 
		width: 22%; 
		display: inline-block; 
		padding: 0 4% 5px 0; 
		vertical-align: top;
	}
	.reviewsModule .review_date{
		display: block;
	}

/* Twitter */

div.twitterModule ul.twitter-feed {
	margin: 0;
	padding: 0;
}

/* Modals */

.user_profile_screen {
	text-align: center;
}
.user_profile_screen .vimeo_login_box {
	padding: 20px 20px 50px;
}
.user_profile_screen input[type=text], .user_profile_screen input[type=password] {
	width: 48%;
	display: inline-block;
	font-size: 12px;
	padding: 3%;
}
.user_profile_screen .assemble_login_box {
	padding: 5px 20px;
	border: 1px solid;
	margin-bottom: 20px;
}
.user_profile_screen .login_reminder_link {
	font-size: 0.9em;
	display: inline-block;
	padding: 16px 0;
	width: 48%;
}
.user_profile_screen .btn {
	width: 48%;
	margin-bottom: 5px;
	padding: 6px 0;
}

/* Pay What You Want Module */

.pwywModule #charitySplit {
	display: none;
}

.pwywModule ul.bundle-one-items, .pwywModule ul.bundle-two-items {
	padding: 0;
	margin: 0;
}
.pwywModule li.bundle-item {
	display: inline-block;
	width: 31%;
	text-align: center;
	margin-right: 1%;
}
.pwywModule li.bundle-item img {
	max-width: 100%;
}
.pwywModule li.bundle-item h6 {
	font-size: 0.8em;
}
.pwywModule .inputs {
	margin: 0 auto 0 auto;
	max-width: 210px;
}
.pwywModule input {
	border-radius: 3px;
	padding: 0.85em 0.9em;
	font-size: 1.2em;
	clear: both;
	background: transparent;
	border: 3px solid #fff !important;
	margin-bottom: 5px;
}
.pwywModule .btn.pay {
	padding: 0.85em 3.9em;
	margin-bottom: 5px;
	width: 100%;
	display: block;
}
.pwywModule .curr-pre {
	font-size: 18px;
}

/* noUiSlider */

.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
	touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
	user-select: none;
-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.noUi-target {
	position: relative;
	direction: ltr;
}
.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1; /* Fix 401 */
}
.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}
.noUi-handle {
	position: relative;
	z-index: 1;
}
.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
	z-index: 10;
}
.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.3s, top 0.3s;
	transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
	cursor: inherit !important;
}

.noUi-base,
.noUi-handle {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
	height: 4px;
}
.noUi-horizontal .noUi-handle {
	width: 34px;
	height: 28px;
	left: -17px;
	top: -12px;
}
.noUi-vertical {
	width: 18px;
}
.noUi-vertical .noUi-handle {
	width: 28px;
	height: 34px;
	left: -6px;
	top: -17px;
}

/* Styling;
 */
.noUi-background {
	background: rgba(0,0,0,0.7);
}
.noUi-connect {
	background: #00ffee;
-webkit-transition: background 450ms;
	transition: background 450ms;
}
.noUi-origin {
	border-radius: 2px;
}
.noUi-target {
	background: rgba(255,255,255,0.8);
	/* border: 1px solid #D3D3D3; */
}
.noUi-target.noUi-connect {
}

/* Handles and cursors;
 */
.noUi-draggable {
	cursor: w-resize;
}
.noUi-vertical .noUi-draggable {
	cursor: n-resize;
}
.noUi-handle {
	border: 1px solid #D9D9D9;
	border-radius: 99px;
	background: #FFF;
	cursor: default;
}
.noUi-active {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
	content: "";
	display: block;
	position: absolute;
	height: 14px;
	width: 1px;
	background: #E8E7E6;
	left: 14px;
	top: 6px;
}
.noUi-handle:after {
	left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
	width: 14px;
	height: 1px;
	left: 6px;
	top: 14px;
}
.noUi-vertical .noUi-handle:after {
	top: 17px;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
	background: #B8B8B8;
}
[disabled].noUi-origin,
[disabled] .noUi-handle {
	cursor: not-allowed;
}


.noUi-tooltip {
	color: #fff;
	display:block;
	border-radius:3px;
	background: rgba(125,125,125,0.6);
	padding:5px;
	text-align:center;
    margin-top: -36px;
    margin-right: -10px;
    margin-left: -10px;
}
.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
	margin-top:-36px;
}
.noUi-horizontal .noUi-handle-upper .noUi-tooltip { 
	margin-bottom:-36px;
}
.noUi-vertical .noUi-handle-lower .noUi-tooltip { left:120% }
.noUi-vertical .noUi-handle-upper .noUi-tooltip { right:120% }


/* Slider */

.slider {
	position: relative;
	width: 150%;
	margin: 0;
	padding: 0;
	padding-top: 60%;
	height: 380px;
	margin: 2rem 0;
	overflow: hidden;
	}
	
	@media screen and (max-width: 640px) {
		.slider {
			width: 100%;
			padding-top: 40%;
			}
	}
	
	.slider li { padding:0; margin: 0;}
	.slider a { text-decoration: none;}
	
.slider .slide {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	text-shadow: 0;
	display: none;
	-webkit-transition: 2s;
	}
	
	.slider .slide.current,
	.slider .slide.prev,
	.slider .slide.next {
		display: block;
		}
	
	.slider .slide.current {
		z-index: 1;
		opacity: 1;
		}
		
	.slider .slide.prev {
		--left: -100%;
		opacity: 0;
		}
	
	.slider .slide.next {
		--left: 100%;
		opacity: 0;
		}
	
	.slider .slider figure {
		height: 100%;
		overflow: hidden;
		}
		
		.slider p {
			font-size: 13px !important;
		}
		
	.slider .slide img {
		position: absolute;
		z-index: 0;
		max-width: 100%;
		}
	
	.slider .slide figcaption {
		position: absolute;
		bottom: 0;
		left: 44%;
		top: 0;
		width: 19%;
		z-index: 1;
		padding: 20px;

		}
		
		.extra-links { margin: 0; padding: 0; }
		.extra-links li { margin: 0; padding: 0; display: inline; list-style: none; }
		

.slider nav {
	position: absolute;
	bottom: 1em;
	left: 1em;
	width: 64%;
	z-index: 5;
	border: none;
	}
	
	.slider nav a {
		opacity: 0.5;
		display: block;
		height: 1em;
		width: 1em;
		margin-left: 0.5em;
		float: right;
		border-radius: 1em;
		box-shadow: 0 0 1em rgba(0,0,0,0.5);
		}
		
		.slider nav a.current {
			
			}

#slider {
	/* height: 700px; */
	min-height: 100px;
	overflow: hidden;
}
#slider .mSButtons {
	height: 80%;
}
#slider .mSPages li {
	padding: 0;
}
#slider .frame {
	height: 100%;
	right:0;
	left: 0;
	position: absolute;
}
#slider .frame .slide_element {
	height: 100%;
}
#slider .frame .slide_element > div {
	float: left;
	height: 100%;
	overflow: hidden;
}
#slider .frame .mSCover img {
	max-width: none;
}
#slider .mSButtons {
	opacity: 1;
	filter: alpha(opacity=1);
}
.infoBlock {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding-bottom: 0;
	background: rgba(0,0,0,0.55);
	overflow: hidden;
	padding: 20px;
	z-index: 1002;
	color: #fff !important;
	font-size: 23px;
}
.infoBlock h2, .infoBlock h3, .infoBlock h4, .infoBlock h5 {
	font-size: 35px;
	line-height: 1.2;
	margin: 0;
	padding-bottom: 3px;
	color: #fff !important;
}
.infoBlock p {
	font-size: 23px;
	margin: 4px 0 0;
	color: #fff !important;
}

@media (max-width: 979px) {
	#slider {
		height: 400px;
		margin-top: 0;
	}
	.infoBlock {
		min-width: 40%;
	}
}

@media (max-width: 768px) {
	#slider {
		margin: 0 -20px;
		height: 300px;
	}
	.infoBlock {
		padding: 10px;
		height: auto;
		max-height: 100%;
		font-size: 14px !important;
		line-height: 17px;
	}
}
		
/* Parallax */

.parascrollingImage {
/* 	position: relative; */
	background-size: cover;
	background-attachment:scroll;
	}

.paraslidingModule {
 	overflow:hidden;
	position: relative;
	background-position: 50% 0;
	}

.paraslidingImg1, .paraslidingImg2, .paraslidingImg3 {
	position:absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	}

.paratrackerModule {
	position: relative;
	background-position: 0 50%;
	}
	
.paratrackerModule  ul {
	margin: 0;
	padding: 0;
}

.paratrackerModule ul li {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	left: auto !important;
	right: auto !important;
	margin: 0 auto;
}

/* User Login Console */

.user_profile_screen{
	padding: 1.4em;
	font-size:1.8em;
}

#profile .user_profile_screen label{
	font-size:1em;
	width:5em;
}

.user_profile_screen .form-group {
	margin-bottom:1em;
}
.user_profile_screen .form-group label{
}
.user_profile_screen input{
	box-sizing: border-box;
	width: 100%;
	font-size:1em;
}
.user_profile_screen .submit .btn{
	font-size:.9em;
}
.user_profile_screen input{
	font-family: arial;
}
.forgot_usr_msg{
	color: #DDD;
	font-size: .8em;
	line-height: 2.4em;
}
.forgot_usr_msg.loading{
	display: inline-block;
	vertical-align: middle;
	width:34px;
	height:34px;
	background: url('/themes/default/assets/i/loader.gif') center center no-repeat;
}

/* Styling for mobile devices ------------------------------------------------------- */
@media screen and (max-width: 768px) {

.background {
	background-position: center center !important;
	}
/* Columns */

.col2 {
	width: 100%;
	display: block;
	margin-right: 0;
	}
	
.col3 {
	width: 100%;
	display: block;
	margin-right: 0;
	}
	
.col6 {
	width: 100%;
	display: block;
	margin-right: 0;
	}
	
}