/*-------------------------------------------------------
   Assemble CSS for 4010
   http://confidentialinformantfilm.com
   Design Engine v3.0 - (Default)
Nav 
Subnav subnav/default
Nav Highlight 1
Sub Page Style 
Home Page 0
Footer footer/default
Button Style button/default
Form Style form/default
Animation Style animation/default
-------------------------------------------------------*/

@import url(/themes/default/assets/css/reset.css);

html{
     height:100%;
     min-height:100%;
     overscroll-behavior: none;
     }
body{
     min-height:100%;
     overscroll-behavior: none;
     }
body:after { content: ""; display: block; clear: both;}
/*-------------------------------------------------------
   Typefaces
-------------------------------------------------------*/

/* Fix for font bug 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; } }

/*-------------------------------------------------------
   Colours, Font Families & Backgrounds
-------------------------------------------------------*/
	
body {
	color: #ffffff;font-family: "Lucidia";	background-color: #000000;
		}


 
		
h1, h2, h3, h4, h5, h6, div.nav, div.nav-reportal, ul.header-top-shop { font-family: 'Special Elite', sans-serif; }
a { 
	color: #dddddd; 
	}
a:link {
	text-decoration:none;
	}
a:visited {
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
a:active {
	text-decoration:none;
	outline:none;
	}
h1, h2, h3, h4, h5, h6 {
	}
	
h1 {	 
	font-weight:normal;
	text-transform: uppercase;	font-size:27px;	text-rendering: optimizeLegibility;
	}

h1, h1 a { 
	color: #ffffff;
	}
	
h2, h3, h4, h5, h6 { 
	font-weight:normal;
	color: #ffffff; 
	text-transform: uppercase;	text-rendering: optimizeLegibility;
	line-height:1.2;
	}

p { 
	font-family: "Lucidia"; 
	color: #ffffff;
	font-size:14px;
	line-height:1.6;
	padding:0 0 0.8em;
	}

.header-top-news {
	color: ;
	background-color: #000000;
	}
.header-top-news p {
	color: ;
	}
.awardsModule li.laurel svg path {
	fill: #ffffff;
}

::-webkit-input-placeholder { color: #000000; opacity: 0.8; }
:-moz-placeholder  { color: #000000; opacity: 0.8; }
::-moz-placeholder  { color: #000000; opacity: 0.8; }
:-ms-input-placeholder  { color: #000000; opacity: 0.8; }

/*-------------------------------------------------------
   Background
-------------------------------------------------------*/
		
.background {
	width: 100%;
	height: 100%;
	position: fixed;
	background-position: center center !important;
	margin: 0;
	padding: 0;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	z-index: -999;
	-moz-background-size:cover;
	background-size:cover !important;
	background-attachment: fixed !important;
	}

body#Home .background {
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	background-position: center center !important;
	margin: 0;
	padding: 0;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	z-index: -999;
		-moz-background-size:cover;
	background-size:cover;
	background-attachment: fixed !important;
	}
		
/*-------------------------------------------------------
	Navigation - default
-------------------------------------------------------*/

	.nav {top: 25px !important;}

div.nav {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	margin: 0;
	z-index: 9998;
    background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,1);
    zoom: 1;
    min-height:70px;	}
	
	.nav>ul {
	    height:70px;		padding: 0;
		text-align: center;
		margin: 0 auto 0 auto;
		white-space: nowrap;
		}
				
			.nav ul li {
				display:inline-block;
				padding:0 6px;
				position: relative;
				text-align: left;
				height: 100%;
				}
				
			.nav>ul>li:before {
				  content: '';
				  display: inline-block;
				  height: 100%;
				  vertical-align: middle;
				  margin-right: -0.25em;
				  }
				
					.nav ul li.mobileNav { /*Hidden icon for smaller screens */
						display: none;
						}
				
						.nav ul li a {
							color: #dddddd;
							text-transform: uppercase;							display:inline-block;
							text-decoration:none;
							font-size:13px;							font-weight: normal;
							transition-duration: 500ms;
							-webkit-transition-duration: 500ms;
							vertical-align: middle;
							}
								
								.nav ul li.current>a {
									cursor:default;
									}

	.nav form#navSearch {
		display:inline-form;
		}
	
	.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;
		}
	

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

	
	.nav {
		width: 100%;
		background-color: #000000;
	}

	.nav {
		position: absolute !important;
	}
	
	.nav ul li.mobileNav, body.menuOn .nav ul li.mobileNav {
		display: block !important;
		top: 0;
		left: 5px;
	}
	
	.nav ul li.mobileNav, body.menuOn .nav ul li.mobileNav, body.menuOn .nav ul li.mobileNav a {
		line-height: inherit !important;
	}
	
	.nav ul li {
		display: none;
	}
	
	body.menuOn .nav ul li, body.menuOn .nav ul li ul li {
		display: block;
		line-height: normal;
		padding: 5px;
	}
	
	body.menuOn .nav li ul li a {
		padding-left: 10px;
	}
		
	body.menuOn .nav ul li a, body.menuOn .nav ul li ul li a {
		line-height: normal;
	}
	
	body.menuOn .nav ul ul {
		display: block;
	}
	
	body.menuOn .nav li ul {
		background-color: inherit;
		left: auto;
		width: 100%;
	}
	
	body.menuOn .nav ul li ul {
		position: relative;
	}
}








.nav a:hover { opacity:0.7; color:#dddddd	}

/*-------------------------------------------------------
  Subnav
-------------------------------------------------------*/

.nav ul ul {
	display: none;
	padding: 0;
	text-align: center;
	margin: 0 auto 0 auto;
	}
		
	.nav li ul {
		position: absolute;
		top: 100%;
		left:-0.25em;
		z-index: 1;
		margin:0;
		padding:0;
		min-width: 190px;
		background-color: rgba(0,0,0,1);
	}
		
		.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 Highlight - 1
-------------------------------------------------------*/

.nav ul li.nav-highlight a {
	color: #000000;
	background-color: #dddddd;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 6px 16px;
}
/*-------------------------------------------------------
	Nav bg - 1
-------------------------------------------------------*/

div.nav {
    background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,0);
	}
/*-------------------------------------------------------
	Header
-------------------------------------------------------*/

.header {
	margin: 0 auto 0 auto;
	}

	.header h1 {top: 25px !important;}

.header:nth-child(n), .footer:nth-child(n), .nav:nth-child(n) { filter: none; }
	
	.header a img {
		display: block;
		margin: 0 auto 0 auto;
		max-width: 100%;
		}

	.header h1 {
				min-height: 100px;
		line-height: 140px;
		margin: 0 auto 0 auto;
		max-width: ;
		text-align: center;
		}
			
		.header h1 a {
			display:block;
			height:100%;
			text-decoration:none;
			outline:none;
			padding: 0 20px;
			}

/*-------------------------------------------------------
  Pages
-------------------------------------------------------*/

.wrapper {
	height: 100%;
	margin:0 auto 0 auto;
	max-width: ;
	padding-top: 95px;	}

.contentWrapper {
	height: 100%;
	}
	
.content {
	position:relative;
	min-height:300px;
	padding:10px 20px;
	font-size:14px;	margin:0 auto 0 auto;
	background-color: rgba(0,0,0,0.02);
    zoom: 1;
	}
/*-------------------------------------------------------
	Home Header
-------------------------------------------------------*/

#Home .header {
	margin: 0 auto 0 auto;
	}

	#Home .header h1 {top: 25px !important;}

				#Home .header h1 { display: block; }
					
		#Home .header h1 a {
			display:block;
			height:100%;
			text-decoration:none;
			outline:none;
			padding: 0 20px;
			}

/*-------------------------------------------------------
  Home Page
-------------------------------------------------------*/
/*-------------------------------------------------------
  Footer - default
-------------------------------------------------------*/

.content {
	padding-bottom: 12vh;
	}
	
.footer {
    background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,0.01);
    zoom: 1;
	clear: both;
	margin: 0 auto 0 auto;
	height: 12vh;
	}
	
	.footer img {
		display: block;
		margin: 10px auto 30px auto;
		}
		
	.footer ul {
				line-height:1;
		font-size:1.4em;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		height: 20px;
		padding: 10px;
		text-align: center;
		
		}
			.footer ul li {
				display: inline-block;
				padding:4px 0 16px 12px;
				font-size: 13px;
				vertical-align: middle;
				}
				
				.footer ul li.retweet {
					width: 100px;
					padding: 0 0 0 0;
					} 
				
				.footer ul li.facebook-like {
					width: auto;
					padding: 0 0 0 0;
					}

				.footer ul li.share {
					padding: 0 0 0 0;
					}
				.footer ul li a, .footer ul li { 
					color: #dddddd;
					text-transform: uppercase; 
					}
/*-------------------------------------------------------
  Button Styles - 3
-------------------------------------------------------*/

.btn, .button.large, .button.giant { font-family: 'Special Elite', sans-serif; }

.btn, button, form button, .button, a.button, .redirectButton {
	padding: 0.65em 0.9em;
	color: #000000;
	border: 3px #ffffff solid;
	background-color: #ffffff;
	transition-duration: 400ms;
	-webkit-transition-duration: 400ms;
	line-height: 1;
	cursor: pointer;
	display: inline-block;
	max-width: 100%;
	text-transform: uppercase;	text-align: center;
	text-decoration: none !important;
	overflow-x: hidden;
	overflow-y: hidden;
	}

.btn:hover, button:hover, .button:hover {
	background-color: #000000;
	color: #ffffff;
	}
	
.btn-x-large {
	font-size: 2em;
	padding: 0.8em 1.8em;
}

.btn-large {
	font-size: 1.5em;
	padding: 0.75em 1.3em;	
	}

.btn-medium, button {
	font-size: 1.1em;
	}

.btn-small {
	font-size: 0.8em;
	padding: 0.5em 0.8em;
	}

.btn-x-small {
	font-size: 0.6em;
	padding: 0.3em 0.5em;
	border-width: 2px;
	}

.btn-block {
	display: block;
	width: 100%;
	}
		
button.big, .button.big {
	padding: 9px 15px;
	font-size: 12px !important;
	font-family: inherit;
	border: 1px;
	height: auto;
	display: inline-block;
	}
	
button.large, .button.large {
	font-size: 18px;
	line-height: 1;
	display: inline-block;
	}

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

/*-------------------------------------------------------
  Form Styles - Default
-------------------------------------------------------*/

input, textarea {
		color: #000000;
	border: 1px #000000 solid !important;
	background-color: #ffffff;
		
	font-family: "Lucidia"; 
	font-size:14px;	
	}
legend {
	font-weight: bold;
	font-size: 1.4em;
	margin-bottom: 1em;
	}
	
label {
	line-height: 1;
	}

input, textarea {
	padding: 0.5em;
	vertical-align: baseline;
	}
	
	[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;
	}

/* =Signup form
-------------------------------------------------------*/
	
form.signup, form#subForm, form#mc-embedded-subscribe-form {
	position:relative;
	margin:0;
	line-height:1;
	width: 100%;
	padding: 12px 0;
	border: none !important;
	}

body#Home .label-left { clear: none; }
	

/* =Films search form
-------------------------------------------------------*/
form.films-search {
	position:relative;
	height:134px;
	margin:0 0 32px;
	padding:15px 0 0 17px;
	}
	form.films-search fieldset {
		float:left;
		}
	form.films-search h3 {
		display: inline;
		position: relative;
		clear: both;
		top: 70px;
		}
	body#Films form.films-search h5 {
		position: absolute;
		bottom:11px;
		right:192px;
		width: 700px;
		padding:0;
		text-align: right;
		font-size:16px;
		}
	body#Films form.films-search fieldset.txt {
		position:absolute;
		top:12px;
		bottom: auto;
		left:15px;
	}
	body#Films form.film-index fieldset.txt {
		float:left;
		}
	
	body#Films form.films-search fieldset.radio {
		position:absolute;
		top:11px;
		bottom: auto;
		left:250px;
	}
	body#Films form.film-index fieldset.radio {
		position:absolute;
		top:8px;
		bottom: auto;
		left:250px;
	}
	body#Shop form.films-search fieldset.txt {
		position:absolute;
		bottom:4px;
		left:15px;
		width:900px;
		}
		form.films-search fieldset.txt label {
			float:left;
			width:80px;
			height:23px;
			margin:0 20px 0 0;
			}
			body#Shop form.films-search fieldset.txt label {
				width:auto;
				height:auto;
				text-align:0;
				text-indent:0;
				text-transform:uppercase;
				letter-spacing:-1px;
				font-size:19px;
				font-weight:bold;
				background:none;
				}
		form.films-search fieldset.txt input {
			width:140px;
			}
		body#Shop form.films-search fieldset.txt input {
			float:left;
			width:580px;
			font-size:18px;
			}
		form.films-search fieldset.txt button {
			position:static !important;
			margin:-2px 0 0 6px;
			padding:3px 10px;
			line-height:1;
			border:none;
			box-shadow:inset 0 0 4px rgba(0,0,0,.4);
			-moz-box-shadow:inset 0 0 4px rgba(0,0,0,.4);
			-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.4);
			}
			body#Shop form.films-search fieldset.txt button {
				float:right;
				padding:4px 22px;
				margin:0;
				}
		form.films-search fieldset.radio label {
			padding:0 0 0 20px;
			font-size:13px;
			}
		.sbtn,
		.add-button,
		ul.films ul.extra-links li.add-button a {
			position:absolute;
			top:15px;
			right:15px;
			padding:4px 22px;
			line-height:1;
			border:none;
			}
			.sbtn {
				position:static;
				padding:4px 34px;
				font-size:16px;
				}
				form.checkout .sbtn {
					display:block;
					margin:20px 0 0;
					}
			.add-button,
			ul.films ul.extra-links li.add-button a { /* TODO: move from forms.css */
				position:static;
				display:block;
				height:27px;
				padding:0 5px;
				line-height:27px;
				font-size:10px;
				}
				button.add-button {
					margin:15px 0;
					padding:4px;
					text-transform:uppercase;
					font-size:11px;
					}
				.add-button span.price {
					font-size:14px;
					}
					button.add-button span.price {
						padding:0 0 0 6px;
						font-size:16px;
						}
		form.films-category-select fieldset.select {
			border:medium none;
			position:absolute;
			right:26px;
			top:130px;
			}
			form.films-search fieldset.select select {
				margin:0 0 0 15px;
				}

::-webkit-input-placeholder { color: #000000; opacity: 0.8; }
:-moz-placeholder  { color: #000000; opacity: 0.8; }
::-moz-placeholder  { color: #000000; opacity: 0.8; }
:-ms-input-placeholder  { color: #000000; opacity: 0.8; }

/*-------------------------------------------------------
  Animation Styles
-------------------------------------------------------*/
/*-------------------------------------------------------
  Functional Pages
-------------------------------------------------------*/

/* Vimeo Buttons */

div.btns {
	text-align: center;
}

img.vod_image {
	max-width: 100%;
	min-width: 140px;
	width: 33%;
}
span.vod_icon {
	display: inline-block;
	width: 2em;
	height: 1em;
	background: url('/assets/shared/images/vod_icon.png') middle center no-repeat;
}

/* Helpers */

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

/* SHOP */

body#Shop div.product-image {
	float: left;
	width: 33%;
	min-width: 210px;
	margin-right: 15px;
	}

body#Shop.details div.product-image img {
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		width: 100%;
		}
	
body#Shop.details div.shopContent div#product_rights a.redirectButton{
	margin-right: 5px;
	padding: 3px 5px;
	font-family: inherit;
	border: 0;
	height: 22px;
	font-size: 14px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	}
	
body#Shop div.shopContent {
	float: left;
	width: unset;
	text-align: center;
	margin: 0 10px 10px 0;	
	}

body#Shop div#product_rights, body#Shop div#product_rights form {
	width: 180px;
	}
	
body#Shop div.countrySelector {
	margin: 0 0 10px;
	padding: 0;
	}
	
body#Shop.details h2 {
	}

body#Shop.details p.price, body#Shop.details p.login {
	font-size: 12px;
	font-weight: bold;
	width: 180px;
	float: left;
	}
	
	body#Shop.details p.price span.price {
		font-size: 25px;
		}
		
body#Shop.details p.login {	
	padding: 9px 0;
	font-family: inherit;
	border: 1px solid #fff;
	font-weight: bold;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	height: auto;
	width: 180px;
	margin-top: 8px;
	}

body#Shop.details p.price span.rrp strong {	
	text-decoration:line-through;
	font-weight: inherit;
	}
	
body#Shop.details div.description {
	float: left;
	width:30%;
	min-width: 180px;
	}	
	
	.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;
	}

div.content.payment { /* Paypal redirect */
	width: 380px;
	margin: 40px auto 0 auto;
	text-align: center;
	}
	
div.content.payment form input[type=submit] {
	padding: 9px 15px;
	font-size: 18px !important;
	font-family: inherit;
	border: 1px;
	font-weight: bold;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	height: auto;
	width: 180px;	
	}

div.shopModule-two h3.productionTitle{text-align:center;}
div.shopModule-two ul{list-style:none;margin:0;padding:0;text-align:center;}
div.shopModule-two ul img{max-width:100%;}
/*div.shopModule-two ul li.span_3:nth-child(4n+1){clear:both;margin-left:0;}*/
div.shopModule-two ul li a{text-decoration:none;}
div.shopModule-two ul li a:hover{opacity:0.8;}
div.shopModule-two .pagination{text-align:center;}
div.shopModule-two .pagination a{cursor:pointer;text-decoration:underline;font-weight:normal;}
div.shopModule-two .pagination a.currentPage{cursor:auto;text-decoration:none;font-weight:bold;}

.shopModule-two .products-two li {
	/*padding: 1rem;*/
	font-size: 1rem;
}

.shopModule-two li a.title {
	display: block;
}

@media (max-width:992px) {
	.shopModule-two li.col-md-3:nth-child(2n+1){
		clear:both;margin-left:0;
	}
}

@media (min-width:992px) {
	.shopModule-two li.col-md-3:nth-child(4n+1){
		/*clear:both;margin-left:0;*/
	}
}

/* SHOP PRODUCTION DIVIDERS */

.shopModule-two .production-products {
/*	display: none; */
}

.production.shop-divider {
	cursor:pointer;
}

/* v2 CHECKOUT CSS */

.shopModule-two .line-item {
	padding: 1rem 0;
}

.shopModule-two .line-item-image {
	max-width: 100%;
}

.shopModule-two .line-item-title {
	font-size: 1.25rem;
}

.shopModule-two .checkout-totals {
	padding: 1rem;
}

.shopModule-two .discount {
	margin-bottom: 1rem;
}

.shopModule-two .subtotal.delivery {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.shopModule-two .subtotal .col {
	text-align: left;
}

.shopModule-two .col.right-align {
	text-align: right;
}

.shopModule-two .line-item-price, .subtotal-price, .total-price {
	font-size: 1rem;
}

.shopModule-two .subtotals {
	padding: 1rem;
}

.shopModule-two .total {
	padding: 1rem 0;
}

.shopModule-two .checkout {
	padding: 1rem 1rem 0 1rem;
}

.shopModule-two .continue .button, .shopModule-two .checkout .button {
	padding: 1rem;
	width: 100%;
}

.shopModule-two .checkout .button {
	font-size: 1.25rem;	
}

.shopModule-two .continue .button {
	text-align: center;
	font-size: 1rem;
	text-decoration: none;
}

@media(max-width:768px) {
	.sm-hidden {display: none;}
	.shopModule-two .col.right-align {
		text-align: left;
	}
}


/* OLD, can remove */
/*
button.add-to-cart {
	width: 100%;
	font-size: 1rem;
	background-color: #97EA97;
	transition: background-color .25s;	
}

button.add-to-cart:hover {
	background-color: #6c6;
	color: white;
}

button.add-to-cart .buy {
	float: left;
}

button.add-to-cart .icon {
	float: right;
	line-height: inherit;
}

.title-price {
	display: inline-block;
	padding-top: .75rem;

}

.title-inner {
	float: left;
}

.price-inner {
	float: right;
	text-align: right;
	color: black;
}

.title-inner p {
	font-size: 1rem;
	font-weight: bold;
	color: black;
}
*/



/* =Basket
-------------------------------------------------------*/
div.purchases {
	margin:0 0 45px;
	/* width:660px; */
	}
	.purchases table {
		margin:0 0 25px;
		float: right;
		width: 100%;
		}
		.purchases table thead {
			line-height:1;
			text-transform:uppercase;
			font-size:14px;
			border-bottom:1px dotted #aaa;
			}
			.purchases table thead tr { 
				border: none;
				}
			.purchases table th {
				padding:14px 15px;
				}
				.purchases table th.price { 
					}
		.purchases table tr {
			border-bottom:1px dotted #aaa;
			}
			.purchases table td {
				padding:16px 0;
				text-align:center;
				}
				.purchases table tr:first-child td {
					padding-top:20px;
					}
					.purchases table .item {
						text-align:left;
						padding-right:10px;
						}
						.purchases table .item img {
							float:left;
							margin:0 18px 0 0;
							}
						.purchases table .item h6 {
							padding-top:10px;
							padding-bottom:3px;
							text-transform:none;
							font-size:18px;
							font-style:italic;
							line-height: 1;
							}
							.purchases table .item h6 br { 
								clear: none;
								}
						.purchases table .item p {
							padding:0;
							font-size: 11px;
							line-height: 1.3;
							}
					.purchases table tr td.qty {
						font-size:20px;
						}
					.purchases table tr td.price {
						font-size:20px;
						padding-left:10px;
						}
					.purchases table tr td.remove {
						font-size:10px;
						font-weight:bold;
						font-style:italic;
						padding-left:15px;
						padding-right:20px;
						white-space:nowrap;
						text-align:right;
						}

	.purchases dl {
		float:right;
		clear:both;
		line-height:24px;
		text-align: right;
		width: 300px;
		}
		.purchases dl.total {
			margin: 9px 0 38px;
			padding: 20px 0 22px;
			border-top:1px dotted #403f3f;
			border-bottom:1px dotted #403f3f;
			}
			.purchases dl dt {
				float:left;
				clear:left;
				text-align:left;
				font-size:16px;
				font-weight:bold;
				}
				.purchases dl.total dt {
					width:80%;
					font-size:22px;
					}
			.purchases dl dd {
				margin:0 0 0 150px;
				font-size:20px;
				}
				.purchases dl.total dd {
					text-align:right;
					font-size:25px;
					}
	
	.purchases div.delivery,
	.purchases div.discount { 
		border-top: 1px dotted #aaa;
		margin: 14px 0 0;
		padding: 12px 0 0;
		width: 100%;
		float: right;
		}
		.purchases div.delivery label { 
			padding-right: 5px;
			}
		.purchases div.delivery select { 
			width: 160px;
			}
		/* .purchases div.discount button { 
			clear: none;
			padding: 0.4em 9px 0.5em 8px;
			width: 100px;
			height: 25px;
			display:inline-block;
			border: 0;
			} */
			.purchases div.discount button:after {
				background: none transparent;
				}
			.purchases div.discount p { 
				line-height: 1.2;
				}	
			.purchases div.discount label,
			.purchases div.discount input {
				display:inline-block;
				/* height: 14px; */
				}
				.purchases div.discount label {
					margin-bottom:0;
					text-align:left;
					width: 140px;
					}
				.purchases div.discount .hover-wrap { 
					width: 300px;
					left: 62px;
					top: 4px;
					}
					.purchases div.discount .hover-wrap label {
							position: absolute;
							top: 2px;
							left: 191px;
							}

	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;
					}
					ul.links li.continue a {
					}
					ul.links li.checkout a {
					}
					.sidebar ul.links li.continue a, .sidebar ul.links li.checkout a  {
						line-height:24px;
						font-size:13px;
						font-weight:normal;
						}

/* =Contact page
-------------------------------------------------------*/
.column.contact {
	width:615px;
	}
	.column.contact.first {
		width:270px;
		}
		.column.contact.first p {
			padding:0 0 30px;
			line-height:1.2;
			font-size:18px;
			color:#3d3d3d;
			}
		.column.contact.first p+ul {
			line-height:1.1;
			font-size:15px;
			}
			.column.contact.first p+ul li a {
				text-decoration:none;
				}
		.column.contact.first h3 {
			clear:both;
			padding:0 0 4px;
			font-size:13px;
			color:#502b28;
			}
		.column.contact.first h3 + ul li {
			padding:0 0 5px;
			line-height:1.2;
			}
		.column.contact.first ul {
			padding:0;
			list-style:none;
			}
		.column.contact h4 {
			padding:0 0 10px;
			font-size:14px;
			}

/* =Shop browsing
-------------------------------------------------------*/

form.add-to-basket {
	margin-top: 6px;
}
		
/* =Shop pages
-------------------------------------------------------*/		
ul.products li button, form.add-to-basket button {
	display:inline-block;
	margin:5px 1px 10px 0;
	border: 0;
	}					

/* =Blog
-------------------------------------------------------*/
body#Blog ul#blog.results li div.titleBlock {
		width: 100%;
		float: left;
		padding: 0px;
		margin-bottom: 20px;
		text-transform: uppercase;
		line-height: 180%;
		}
		
body#Blog ul#blog.results li ul.info {
		display: inline-block;
		list-style: none;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		line-height: 90%;
		}

body#Blog ul#blog.results li ul.info li {		
		border-bottom: none;
		}
		
body#Blog ul#blog.results li div {
		width: 61%;
		float: right;
		padding: 0px;
		margin: 0px;
		display: inline-block;
		}
		
body#Blog ul#blog.results li {
	border-bottom: 1px dotted;
}

body#Blog.details div.post {
	width: 80%;
}



/* =Reviews
-------------------------------------------------------*/
body#reviews ul#reviews.results, body#Reviews ul#reviews.results {
		padding: 20px 40px;
		list-style: none !important;
		}

body#reviews ul#reviews.results li, body#Reviews ul#reviews.results li {
		margin-bottom: 30px;
		border-bottom: 2px solid;
		min-height: 190px;
		}

body#reviews ul#reviews.results li div.titleBlock, body#Reviews ul#reviews.results li div.titleBlock {
		width: 100%;
		padding: 0px;
		text-transform: uppercase;
		line-height: 180%;
		clear: both;
		}
		
body#reviews ul#reviews.results li p, body#Reviews ul#reviews.results li p {
		width: 100%;
		}
		
body#reviews ul#reviews.results li h5, body#Reviews ul#reviews.results li h5 {
		width: 100%;
		font-size: 15px;
		}
		
body#reviews ul#reviews.results li ul.info, body#Reviews ul#reviews.results li ul.info {
		display: inline-block;
		list-style: none !important;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		line-height: 90%;
		}

body#reviews ul#reviews.results li ul.info li, body#Reviews ul#reviews.results li ul.info li {		
		border-bottom: none;
		list-style: none !important;
		margin-bottom: 0;
		width: 100%;
		min-height: 0;
		}
		


/*-------------------------------------------------------
	Sidebar
-------------------------------------------------------*/

div.sidebar {
	/* float: right; */
	/* width: 18%; */
	}
	
	div.sidebar ul {
		list-style: none;
		padding: 0;
		margin: 0;
		}
		
		.contentInner {
			float: left;
			width: 80%;
			}
			
span.bg_caption {
	background:rgba(0,0,0,1);
	color: #dddddd;
	top: 70px;
	}
	
div#share, div#embed, div#follow { background-color: #000000;	color: #dddddd;
}

#sb-body, #sb-loading {
	background-color: #000000;	
}

#share_box h5 {
	color: #dddddd;
	background-color: #000000;
	}

/* Screenings */

table.screenings {
	width: 100%;
	}

.screeningsModule .sorting-row {
    position: relative;
    padding: 1em 0 1.3em;
    box-shadow: 3px 3px 11px rgba(0,0,0,0.11);
	}

.screeningsModule .sorting-row .sorting-row-title {
	padding-left: 7px;
	}

.screeningsModule .sorting-row .button {
	display: inline;
	}

.screeningsModule .search-input button {
    position: absolute;
    left: 0;
    top: 0;
    width: 37px;
    height: 37px;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    background: none;
    border: none;
    padding: 0;
}

.screeningsModule .search-input {
    position: relative;
    width: 200px;
    display: inline-block;
    margin-right: 30px;
}

.screeningsModule .search-input input:not([type="submit"]) {
    cursor: pointer;
    padding: 0 0 0 36px;
    border: none;
    background: none;
    height: 35px;
    width: 100%;
    outline: none;
    border-right: 1px solid;
}

.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(125,125,125,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;
		}

.screening-widget .date {
 	color: #dddddd;
 	border-right: 1px solid #ffffff;
	}

.limited .screening-widget {
	background: #000000;
	}

.limited .screening-widget .date {
	background: #ffffff;
	color: #000000;
	}
.limited .screening-widget .links:before {
	background: #dddddd;
	color: #000000;
	}
.limited .screening-widget .links {
	background: #000000;
	}
.sold-out .date:after {
	background: #dddddd;
	color: #000000;
	}

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

/*-------------------------------------------------------
	Social Sharing Kit
-------------------------------------------------------*/

.ssk-single-post-wrapper {
	max-width: 500px;
	margin-bottom: 20px;
}

.ssk-post-wrapper {
	margin: 1em 0;
}

.ssk-post-wrapper > .col-ssk {
	padding: 1em 1em 1em 0;
	float:left;
	width: 100%;
	}

.col-sm-12 .ssk-post-wrapper > .col-ssk { width: 33%; }
.col-md-8 .ssk-post-wrapper > .col-ssk { width: 50%; }

.ssk-post-wrapper > div img, .ssk-single-post-wrapper > div img {
	max-width: 100%;
	display: block;
}

.ssk-post-wrapper > div > .ssk-text-wrapper, .ssk-single-post-wrapper > div > .ssk-text-wrapper {
	border: 1px solid;
	padding: 5%;
}

.ssk-post-wrapper > div.ssk-image > .ssk-text-wrapper, .ssk-single-post-wrapper > div.ssk-image > .ssk-text-wrapper {
	border-top: none;
}

.ssk-post-wrapper>h4 {
    text-transform: uppercase;
    border-bottom: 1px solid;
    }

.btn_fb, .btn_tw, .btn_ig {
	color: #fff;
	text-transform: uppercase;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	}
	
	.ssk-single-post-wrapper .btn_fb, .ssk-single-post-wrapper .btn_tw, .ssk-single-post-wrapper .btn_ig {
		width: 2.2em;
		height: auto;
		white-space: nowrap;
		}
	
.btn_fb {
	background-color: #3b5998;
	border-color: #3b5998;
	}
	
	.btn_fb:before {
		content: "\f09a";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		padding-right: 0.5em;
		border-right: 1px solid rgba(255,255,255,0.3);
		margin-right: 0.5em;
		}
		.ssk-single-post-wrapper .btn_fb:before {
			border-right: none;
		}
	
	.btn_fb:hover {
		color: #3b5998;
		background-color: #fff;
		width: auto;
		}
	
.btn_tw {	
	background-color: #55acee;
	border-color: #55acee;
	}
	.btn_tw:before {
		content: "\f099";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		padding-right: 0.5em;
		border-right: 1px solid rgba(255,255,255,0.3);
		margin-right: 0.5em;
		}
		.ssk-single-post-wrapper .btn_tw:before {
			border-right: none;
		}
			
	.btn_tw:hover {
		color: #55acee;
		background-color: #fff;
		width: auto;
		}
		
.btn_ig {	
	background-color: #3f729b;
	border-color: #3f729b;
	}
	.btn_ig:before {
		content: "\f16d";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		padding-right: 0.5em;
		border-right: 1px solid rgba(255,255,255,0.3);
		margin-right: 0.5em;
		}
		.ssk-single-post-wrapper .btn_ig:before {
			border-right: none;
		}
			
	.btn_ig:hover {
		color: #3f729b;
		background-color: #fff;
		width: auto;
		}


/*-------------------------------------------------------
	Modal
-------------------------------------------------------*/
	
.modal {
	display: none;
    position: fixed;
    top: 2vh;
    left: 2vh;
    bottom: 2vh;
    right: 2vh;
    overflow-y: auto;
    z-index: 9999;
    opacity: 1;
	background-color: #000000;
}
#popup-modal {
    top: 10vh;
    left: 10vh;
    bottom: auto;
    right: 10vh;
    overflow: visible;
}
#popup-modal-full {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    background-color: rgba(0,0,0,0.7)
}
.modal-inner {
	padding: 10%;
	padding-bottom: 0;
}
#popup-modal .modal-inner {
	padding: 0 10vw;
}
#popup-modal-full .modal-inner {
	padding: 10vh 20vw;
}

    
a.modal-close {
	display: block;
	font-size: 4em;
	position: absolute;
	top: 45px;
	right: 20px;
	line-height: 1;
	z-index: 3;
}


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

	#popup-modal {
	    top: 10vh;
	    left: 1vh;
	    bottom: auto;
	    right: 1vh;
	    overflow: visible;
	}
	.modal-inner {
		padding: 20px;
	}
	
	#popup-modal .modal-inner {
		padding: 10vh 10px;
	}

	#popup-modal-full .modal-inner {
		padding: 10vh 10px;
	}
	
}

/*-------------------------------------------------------
	Panels
-------------------------------------------------------*/

.panelModule {
    position: relative;
    overflow: hidden;
	display: block;
	margin-right: -15px;
	margin-left: -15px;
	min-height: 100%;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	background-size: 100%;
	background-position: center center;
	}

.panelModule:before {
    content: "";
    display: block;
    padding-top: 100%;
	}
	
	.panelModule:hover {
		text-decoration: none;
		}
	
	.panelModule.fade-out:hover {
		opacity:0.6;
		}
		
	.panelModule.zoom-in:hover {
		background-size: 110%;
		}

span.panelModule-inner {
	padding:10%;
	display: block;
    position:  absolute;
	top: 50%;
	transform: translateY(-50%);
    left: 0;
    /* bottom: 0; */
    right: 0;
}

/*-------------------------------------------------------
	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;
	background-color: #ffffff;
}
div.ButtonPopup .arrow {
	border-top-color: #ffffff !important;
  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 li a {
	color: #000000;
}
.ButtonPopup-list-screenings {
	margin: 10px;
}
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 li a {
	color: #000000;
}

.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;
    overflow: hidden;
}
.watchModule-list ul.watch-platforms li.preorder:before {
	display: block;
	position: absolute;
	right: -22px;
	top: 18px;
	width: 100px;
	height: 15px;
	content: 'pre-order';
	background-color: rgba(255,255,255,0.6);
	color: #333;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bolder;
	transform: rotateY(0deg) rotate(45deg);
}
.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 h3 small i {
	color: #dddddd; 
}

.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 #dddddd;
}
.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;
	color: #ffffff;
	padding-top: 9px;
}
.watch-screenings-wrapper .tabs li a strong {
    display: block;
    font-size: 1.6em;
    padding-bottom: 9px;
}

.watch-screenings-wrapper table {
	width: 100%;
	border-collapse: separate;
    border-spacing: 0 3px;
}
.watch-screenings-wrapper table tr {
	background: rgba(125,125,125,0.2);
	margin:0;
}
.watch-screenings-wrapper table.screenings tr:hover {
	background: rgba(125,125,125,0.5);
}
.watch-screenings-wrapper table tr td {
	padding: 5px;
}
.watch-screenings-wrapper table tr td a.btn {
	display: inline-block;
}

.watch-screenings-wrapper table tr td a.watch-More {
	float: right;
}

.screenings tr:nth-child(2n) {
	background: rgba(125,125,125,0.2);
	}

/*-------------------------------------------------------
	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;
	}

/* 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 */

.galleryModule ul.gallery {
	margin:0;
	padding:0;
}

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

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

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

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

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

	.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 .bundle-one, .pwywModule .bundle-two {
	padding: 20px 5px;
	margin-right: -15px;
    margin-left: -15px;
    border-radius: 10px;
	border: 1px solid rgba(255,255,255,0.6);
}
.pwywModule h4.bundle-one-title, .pwywModule h4.bundle-two-title {
	margin-bottom: 10px; }
.pwywModule h4.bundle-two-title {
	text-align: left;
}
.pwywModule .bundle-one {
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.pwywModule .bundle-two {
	background-color: rgba(255,255,255,0.3);
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
}
.pwywModule ul.bundle-one-items, .pwywModule ul.bundle-two-items {
	padding: 0;
	margin: 0;
}
.pwywModule li.bundle-item {
	display: inline-block;
	width: 23%;
	text-align: center;
	margin-right: 1%;
	position: relative;
	cursor: pointer;
	vertical-align: top;
}
.pwywModule .bundle-two li.bundle-item {
	width: 46%;
}
.pwywModule li.bundle-item div.bundle-item-overlay {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.4);
	opacity: 0;
	transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-webkit-transition-duration: 0.6s;
}
.pwywModule li.bundle-item:hover div.bundle-item-overlay {
	opacity: 1;
}
.pwywModule li.bundle-item div.bundle-item-overlay i {
	font-size: 3em;
	position: absolute;
	top: 30%;
	left: 30%;
}
.pwywModule li.bundle-item div.bundle-item-overlay span i {
	font-size: 1em;
	position: absolute;
	top: auto;
	left: auto;
	bottom: 10px;
	right: 10px;
}
.pwywModule li.bundle-item img {
	max-width: 100%;
}
.pwywModule li.bundle-item h6 {
	font-size: 0.8em;
}
.pwywModule .bundle-item-modal {
	display: none;
	position: absolute;
	top: 20px;
	bottom: 20px;
	right: 20px;
	left: 20px;
	background: rgba(0,0,0,0.8);
	z-index: 4;
}
.pwywModule .inputs {
	margin: 0 auto 0 auto;
	max-width: 210px;
}
.pwywModule .PWYW-input-wrapper {
	border-radius: 6px;
	width: 100%;	
	border: 3px solid #fff;
	margin-bottom: 5px;
}
.pwywModule input#PWYW-input {
	padding: 1.15em 0.9em;
	font-size: 1.6em;
	background: transparent;
	color: #fff;
	width: 70%;
	border: none !important;
}
.pwywModule .btn.pay {
	padding: 0.85em 3.9em;
	margin-bottom: 5px;
	width: 100%;
	display: block;
}
.pwywModule .curr-pre {
	font-size: 18px;
}
.pwywModule .timer {
	margin: 20px auto 20px auto;
	max-width: 210px;
}
.pwywModule .timer h5 {
	font-size: 0.9em;
	padding-bottom: 0;
}
.pwywModule .timer h5#countdown {
	font-size: 1.4em;
}
.pwywModule .small-text {
	margin: 20px auto 20px auto;
}
.pwywModule .small-text p {
	font-size: 0.8em;
	line-height: 1.1;
}
.pwywModule .small-text h5 {
	font-size: 1.3em;
	line-height: 1.4;	
}

 

/* 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;
	margin-bottom: 40px;
}
.noUi-horizontal .noUi-handle {
	width: 28px;
	height: 28px;
	left: 0;
	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: 3px solid #fff;
	border-radius: 99px;
	background: transparent;
	cursor:move;
}
.noUi-active {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/* 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: -38px;
    margin-right: -20px;
    margin-left: -20px;
}
.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
	margin-top:-38px;
}
.noUi-horizontal .noUi-handle-upper .noUi-tooltip { 
	margin-bottom:-38px;
}
.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;
}

#codeigniter_profiler {
	position: absolute;
}

/* =Flash data styling
--------------------------------------------------------*/
div.flash_success {
	background:#E2F9E3 url(/assets/shared/images/icons/green_tick.gif) no-repeat 8px 17px; 
	padding: 16px 10px 15px 42px; 
	margin: 0 0 18px 0;
	font-size: 1.3em;
	color: #000;
	}

div.flash_error {
	background: #FBE6F2 url(/assets/shared/images/icons/error.png) no-repeat 8px 17px; 
	padding: 16px 10px 15px 42px; 
	margin: 0 0 18px 0;
	font-size: 1.3em;
	color: #000;
	}

/* Shadow Box */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:9999999999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:48px;line-height:14px;}
#sb-title-inner{font-size:12px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(/assets/shared/javascripts/shadowbox/close.png);}
#sb-nav-next{background-image:url(/assets/shared/javascripts/shadowbox/next.png);}
#sb-nav-previous{background-image:url(/assets/shared/javascripts/shadowbox/previous.png);}
#sb-nav-play{background-image:url(/assets/shared/javascripts/shadowbox/play.png);}
#sb-nav-pause{background-image:url(/assets/shared/javascripts/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

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

.background {
	background-position: center center !important;
	}

.wrapper {
	width: 100%;
	}
	
	.header, .footer {
		width: 100%;
	}
	
	.content {
		position:relative;
		padding: 20px;
		margin: 0;
		overflow: hidden;
		width: auto;
		}
	
		.contentInner {
			float: none;
			width: 100%;
			}
img {
	max-width: 100%;
	height: auto;
}

.footer img {
	width: 100%;
	max-width: 960px;
}

.footer ul img {
	width: auto;
}

body#Home div.descriptionWrapper {
	width: 100%;
}
		
body#Home div.trailerWrapper {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	height: 380px !important;
	}
	
	body#Home div.trailerWrapper img {
		display: block;
		margin: 0 auto 0 auto;
		}
					
	body#Home div.trailerWrapper iframe {
		width: 100%;
		height: 380px !important;
		padding: 0;
		}

.col-sm-12 .ssk-post-wrapper > .col-ssk { width: 100%; }
.col-md-8 .ssk-post-wrapper > .col-ssk { width: 100%; }

}
/*-------------------------------------------------------
   Grid - based on Bootstrap v3.3.5 Grid 
   Copyright 2011-2015 Twitter, Inc.
-------------------------------------------------------*/

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
.col-xs-0 {
  display:none;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  float: left;
  display:block;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
.col-sm-0 {
  display:none;
}
}
/* @media (min-width: 992px) { */
@media (min-width: 768px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  float: left;
  display:block;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  float: left;
  display:block;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

/* Legacy Grid - from v2 of Assemble */

.section {clear: both; padding: 0px; margin: 0px;} 
.col {display: block; float:left; margin: 1% 0 1% 1.6%;} 
.col:first-child {margin-left: 0;} 
.group:before, .group:after {content:""; display:table;} .group:after {clear:both;} .span_12 {width: 100%;} .span_11 {width: 91.53%;} .span_10 {width: 83.06%;} .span_9 {width: 74.6%;} .span_8 {width: 66.13%;} .span_7 {width: 57.66%;} .span_6 {width: 49.2%;} .span_5 {width: 40.73%;} .span_4 {width: 32.26%;} .span_3 {width: 23.8%;} .span_2 {width: 15.33%;} .span_1 {width: 6.866%;}
@media only screen and (max-width: 480px) {
.col {margin: 1% 0 1% 0%;} .span_12 {width: 100%;} .span_11 {width: 100%;} .span_10 {width: 100%;} .span_9 {width: 100%;} .span_8 {width: 100%;} .span_7 {width: 100%;} .span_6 {width: 100%;} .span_5 {width: 100%;} .span_4 {width: 100%; } .span_3 {width: 100%;} .span_2 {width: 100%;} .span_1 {width: 100%;} 
}


	
/*-------------------------------------------------------
  Custom CSS
-------------------------------------------------------*/

#Home .header a img {
margin: 30px auto 0 auto;
width: 93%;
max-width: 93%;
}
.header a img {
display: block;
margin: 0 auto 0 auto;
max-width: 90%;
}
.header a img.black {
    margin: 30px auto 0 auto !important;
    display: none !important;
}

.nav ul li {
padding: 5px 15px 0;
}
.nav ul li a {
letter-spacing: 3px;
}

.footer {
text-align: center;
}
img.footer {
width: 100% !important; 
height: auto;
}
.footer ul {
 height:auto;
}
.footer ul li {
font-size: 11px;
 padding: 0 10px;
}

.content {
    padding: 40px 40px 60px;
    margin: 0 auto;
}
#Home div.content {
background: none;
margin: 0 auto;
}

.content {
 overflow:hidden;
}

/*** ROW RESET ***/

.row .inner-section {
  max-width:1080px;
  width:100%;
  margin:0 auto;
}

.row-full, .row-full .inner-section {
 max-width:100%;
 width:100%;
}

.row-full .inner-section .col-sm-12 {
 padding:0;
}

/*** MODULES ***/

.screeningsModule + .screeningsModule {
    margin-top: 50px;
}

/*** BTN ***/

.btn, button, form button, .button, a.button, .redirectButton {
   max-width:200px;
   width:100%;
}

/*** REVIEWS ***/

body#reviews ul#reviews.results, 
body#Reviews ul#reviews.results {
    padding: 0;
}

body#reviews ul#reviews.results li, body#Reviews ul#reviews.results li {
    border-bottom: 1px solid;
    min-height: 90px;
}

body#reviews ul#reviews.results li h3 + h3, 
body#Reviews ul#reviews.results li h3 + h3 {
    font-size:1.4em;
}

/*** EMBED RESET ***/

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

.embed .content iframe {
    float: none!important;
    margin: 0;
}

/*** CONTACT FORM RESET ***/

.label-left {
  padding-left: 0;
}

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

.label-right input {
  left: 0;
  margin-left: 0;
}

.label-right label {
  margin-left: 16px;
}

.organiseModule fieldset,
#Organise_a_Screening fieldset {
  float: none;
}

.contactWrapper [type=text],
.contactWrapper [type=password],
.contactWrapper textarea,
.organiseModule [type=text],
.organiseModule [type=password],
.organiseModule textarea,
#Organise_a_Screening [type=text],
#Organise_a_Screening [type=password],
#Organise_a_Screening textarea {
  width: 100%;
  margin-bottom: 15px;
}

.contactWrapper form,
.contactWrapper h2 {
  max-width: 600px;
  margin: 0;
}

/*** SCREENINGS ***/

.screenings .details .screening-widget .location {
    padding: 1em 0;
}

.screening-widget .fb-like {
    top: .25em;
    display: block;
    margin-top: 15px;
}

/*** SHOP PAGES RESET ***/

.product-price {
    display:block;
    font-size:0.85em;
}

body#Shop div.shopContent {
width:75%;
}

.buy {
font-size:1.1em;
}

.shopModule-two ul.products li {
     max-width: 31%;
}

body#Shop.details div.description {
    text-align:left;
    min-width: 300px;
    clear: left;
    width: 67%;
}

body#Shop.details div.sidebar {
    float:none;
    text-align:right;
    width:100%;
}

body#Shop div.product-image {
min-width:320px;
}

body#Shop.details p.price {
    width:auto;
    float:none;
    text-align: right;
    max-width: 98%;
    padding-bottom:0;
}

#Shop.details form.add-to-basket {
    float:right;
}

div.shopModule-two ul li a {
 display:block;
}

form.add-to-basket button {
letter-spacing: 1.5px;
margin: 5px 0 10px 0;
}

div.span_12 div ul.products li {
  width: 23%!important;
  margin:3%;
}

.purchases div.discount button {
    padding: 0.3em 9px 0.5em 8px;
    height: 30px;
    margin-left: 5px;
}

ul.links li {
    padding:0;
}

ul.links li.continue a, ul.links li.checkout a {
    font-size:16px;
    height:auto;
    padding:10px!important;
}

.shopNav {
    text-align:right;
}

.basket .shopNav li {
    display:inline-block;
    margin-right:10px;
}

ul.links li.continue, ul.links li.checkout {
    list-style:none;
}

ul.links li.checkout a {
  padding: 5px;
  letter-spacing: 0.5px;
}

.purchases dl.total {
  border-top: 1px dashed #9B9B9B;
  border-bottom: 1px dashed #9B9B9B;
}

#Shop.checkout fieldset {
  float:none;
}

@media (max-width:768px) {

 .footer ul {
    height:auto;
 }
 
 .nav ul li.mobileNav, body.menuOn .nav ul li.mobileNav {
    left:auto;
 }
 
 .menuOn .header div.nav {
    padding:15px 10px;
 }
 
 .menuOn .header div.nav ul {
  height:auto;
 }
 
 .shopModule-two ul.products li {
     max-width: 50%;
}
 
 body#Shop .shopContent *,
 body#Shop div.product-image,
 body#Shop div.shopContent,
 body#Shop.details div.description {
  min-width:auto;
  width:100%;
 }
 
 body.menuOn .nav ul li ul li {
  padding:5px 5px 0;
 }
 
 body.menuOn .nav li ul li a {
    padding: 5px 0 5px 10px;
}
 
 body#Shop.details p.price {
  text-align:center;
 }
 
  body#Shop.details .productModule .content form.add-to-basket button {
    letter-spacing: 1.5px;
    margin: 5px 0 20px 0;
    max-width: 175px;
}

}

@media (max-width:560px) {
 
 .footer {
    height:auto;
 }
 
 .footer > ul:nth-child(1) li {
    display: block;
    padding: 10px 0;
 }
 
 .contentWrapper > .content {
    padding: 40px 20px;
 }
 
  .shopModule-two ul.products li {
     max-width:100%;
 }
 
 body#Shop.details .productModule .content {
  padding:20px; 
 }
 
 .purchases dl {
  width:100%;
 }
 
 .purchases ul.links {
  float:none;
 }
 
 ul.links li.continue, ul.links li.checkout {
  float:none;
  display:inline-block;
  margin: 0;
 }
 
}