/* - - - - - - - - - - - - - - - - - - - -
   SCREENINGS MOBILE CSS
- - - - - - - - - - - - - - - - - - - - -

CONTENTS:
- mobile media query (mobile-only styles)
- mobile base styling (mobile-first philosophy) for components (e.g., header, menu, slider, footer, etc...)

*/

/* CSS for mobile only */
@media all and (max-width: 940px) {
	
	/* RESPONSIVE VISIBILITY
	- - - - - - - - - - - - - - - - - */
	.mobile  { display: block; }
	.desktop { display: none !important; }
	span.mobile { display: inline; }
	br.mobile { margin-bottom: 1em; } /* FF fix only */
	
	/* HELPERS
	- - - - - - - - - - - - - - - - - */
	.m-twolines   { height: 2.4em; }
	.m-threelines { height: 3.6em; }
	.m-forty 	  { width: 40%;  }
	.m-fifty 	  { width: 50%;  }
	.m-sixty 	  { width: 60%;  }
	.m-full 	  { width: auto; }
	.m-padding 	  { padding: 0 15px; }
	.m-text-center { text-align: center; }
	.m-block-center { margin-left: auto; margin-right: auto; }
	.m-clear { clear: both; }
	.m-black { color: #000 !important; }
	.text-center-mb { text-align: center; text-shadow: none; }
	.no-fr-mb { float: none; }
	.m-margin { margin: 0 15px; }

	a.button.cta { width: 100%; }
	a.button.cta span {  }
	/* RETINA ICONS */
	a.button.m-flex { width: auto; margin: 0 15px; max-width: 470px; }
	

	/* CHUNKS
	- - - - - - - - - - - - - - - - - */
	.chunk.expandable { width: auto; }
	.chunk.expandable.left  { float: none; padding-right: 0; }
	.chunk.expandable.fl 	{ float: none; padding-right: 0; }
	.chunk.expandable.right { float: none;  padding-left: 0; }
	.chunk.expandable.fr 	{ float: none;  padding-left: 0; }
	.chunk.expandable.padding-left  { padding-left:  0; }
	.chunk.expandable.padding-right { padding-right: 0; }
	.chunk.expandable.border-left  { border-left: none; }
	.chunk.expandable.border-right { border-right: none; }
	a.expandable { float: none; margin-right: auto; margin-left: auto; }
	p.expandable { float: none; margin-right: auto; margin-left: auto; }
	
	/* COLUMNS
	- - - - - - - - - - - - - - - - - */
	.columns2.collapsable { width: auto; }
	.columns2.collapsable.left  { float: none; padding-right: 0; }
	.columns2.collapsable.right { float: none;  padding-left: 0; }
	.columns3.collapsable.left  { float: none; padding-right: 0; }
	.columns3.collapsable.right { float: none;  padding-left: 0; }
	/* 2-columns */
	.columns2.collapsable .column { float: none; width: auto !important; }
	.columns2.collapsable .column.border-left  { border-left: none; }
	.columns2.collapsable .column.border-right { border-right: none; }
	.columns2.collapsable .column:nth-child(1) { padding-right: 0px; }
	.columns2.collapsable .column:nth-child(2) { padding-left:  0px; }
	/* 3-columns */
	.columns3.collapsable .column { float: none; width: auto; text-shadow: 0px 0px 1px #fff; }

	.columns3.collapsable .column.border-left  { border-left: none; }
	.columns3.collapsable .column.border-right { border-right: none; }
	.columns3.collapsable .column:nth-child(1) { border-bottom: 3px solid #e7e7e7; }
	.columns3.collapsable .column:nth-child(2) { border-bottom: 3px solid #e7e7e7; }
	.columns3.fixed-height.home-page .column { height: auto; }
	.columns3.fr-mb { width: 62%; float: right; margin-top: 2em;  }
	.columns3.fr-mb h2 { font-size: 20px; }

	.columns3.white-box { background-color: #fff; border: 2px solid #d0d0d0;  }
	.columns3.white-box .column { padding: 10px 15px;  }
	.columns3:after { background-size: 350px 200px; background-position: -2.5px -27.5px; }

	/* craps - Tof: I don't like doing this, but... */
	.columns2 p { margin-left: auto; margin-right: auto; }
	.columns3 p { margin-left: auto; margin-right: auto; }
	.columns2.collapsable .column a.button.bottom { position: static; }
	.columns3.collapsable .column a.button.bottom { position: static; }

	/* yellow icon top right in columns */
	.columns2.home-page .column:after { background-size: 350px 200px; background-position: -2.5px -27.5px; }
	.columns3.home-page .column:after { background-size: 350px 200px; background-position: -2.5px -27.5px; }

	/* ICONS */
	a.icon.gplus, a.icon.youtube, a.icon.soundcloud { margin-right: 0; }
	a.icon-bt.fl { float: none; margin-right: auto; margin-left: auto; margin-bottom: .5em; }
	div.share-buttons { margin-top: 2.3em; }
	
	/* BUTTONS
	- - - - - - - - - - - - - - - - - */
	div.share-buttons.foldable a.button.share { clear: left; margin: 8px 0; }
	a.button.expandable { float: none; width: auto; max-width: 500px; margin-left: auto; margin-right: auto; }
	a.button.flex.expandable { display: block; }

	a.button.cta {
		height: 55px;
		font-size: 23px;
		line-height: 59px;
	}
	a.button.cta:before 	   { content:' '; width: 35px; height: 35px; background-image: url(../img/sprite/s.png); float: left; background-size: 437px 250px; margin-top: 13px; margin-left: 15px;  }
	a.button.cta.redeem:before,
	a.button.cta.sweepstakes:before { background-position: -180px   -2.5px; }
	a.button.cta.m-flex        { width: auto; }
	a.button.cta.m-margin 	   { margin: 0 15px;  }
	a.button.cta.sweepstakes.expandable { width: auto; }

	/* FORMS
	- - - - - - - - - - - - - - - - - */
	input.expandable    { width: 100%; max-width: 500px; }
	select.expandable   { width: 100%; max-width: 500px; }
	textarea.expandable { width: 100% !important; max-width: 500px; }
	
	/* WHITE BOXES
	- - - - - - - - - - - - - - - - - */
	div.screeningactionsbox { max-width: 500px; margin-left: auto; margin-right: auto; }
	
	/* CONTENT
	- - - - - - - - - - - - - - - - - */
	div.header h1.m-blue,
	div.header h2.m-blue,
	div.header h3.m-blue { color: #2c3e50; text-shadow: none; }
	div.header h1.m-white,
	div.header h2.m-white,
	div.header h3.m-white,
	div.header p.m-white { color: #ecf0f1; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
	div.whitebox.pic.mt2 { margin-top: 0;  }

	h2.white.fr-mb { width: 62%; float: right; font-size: 20px; }

	#modalBoxDelete, #modalBoxNoSeatChosen, #modalBoxMoreThanOneSeat {
    position: fixed;
	font-family:'ProximaNova-Regular', Arial, sans-serif;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    height: 100%;
    width: 100%;
}
#modalContentDelete, #modalContentNoSeatChosen, #modalContentMoreThanOneSeat {
    position: absolute;
    padding-right: 35px;
    border-left: 40px solid #000;
	border-bottom: none;
	border-right: none;
	border-top: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 80%;
    padding:20px;
}


a.yes-rec-sr
{
	text-decoration: none;
	color:#000;
	font-family:'OpenSans-Semibold';
	font-size:18px;
	line-height:1.9;
	text-align:center;
	background-color:#fff;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	width:100px;
	height:35px;
	border-radius: 50px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
a.yes-rec-sr:hover
{
	background-color:#29b516;
}
a.no-rec-sr
{
	margin-left: 20px;
	text-decoration: none;
	color:#000;
	font-family:'OpenSans-Semibold';
	font-size:18px;
	line-height:1.9;
	text-align:center;
	background-color:#fff;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	width:100px;
	height:35px;
	border-radius: 50px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
a.no-rec-sr:hover
{
	background-color:#df383c;
}

}

}

/* CSS for mobile-first base-styling */

/* BASE
- - - - - - - - - - - - - - - - - */
body.bgfull {
	background-position: center top;
	background-size: cover;
}

body.bgfull h1        		 { font-size: 30px; text-transform: uppercase; }

h1 { font-size: 28px; color: #000; }
h2 { font-size: 22px; color: #000; }
h3 { font-size: 18px; color: #000; }


/* MENU
- - - - - - - - - - - - - - - - - */
div.menu {
	width: 100%;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	background: black;
	height: ;
}
div.menu div.inner {
	height: 100%;
	position: relative;
}
div.menu a.logo {
	display: block;
	width: 255px;
	height: 100%;
	position: absolute;
	margin-left: 6px;
	background: url(../img/logos/logo.png) no-repeat left bottom;
}
div.menu div.trigger {
	width: 36px;
	height: 34.5px;
	position: absolute;
	top: -10px;
	right: 10px;
	margin-top: 20px;
	background: url(../img/mobile/menu-trigger@2x.png) no-repeat;
	background-size: 36px 34.5px;
	cursor: pointer;
}
div.menu div.trigger.open { border-bottom: none; }
div.menu ul {
	display: none;
	width: 100%;
	position: absolute;
	top: 76px;
	left: 0;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
}
div.menu ul:after {
}
div.menu ul.open { display: block; }
div.menu a { text-decoration: none; color: #707070; }
div.menu ul a:last-child li { border-bottom: 1px solid #494949; }
div.menu ul li {
	width: 100%;
	height: 44px;
	position: relative;
	color: #707070;
	font-family: 'Oswald-Bold', Arial, sans-serif;
	font-size: 20px;
	line-height: 1.8;
	text-indent: 70px;
	border-top: 1px solid #494949;
	background-color: rgba(0, 0, 0, 0.0);
	-webkit-transition: background-color 0.1s ease-out;
	   -moz-transition: background-color 0.1s ease-out;
	    -ms-transition: background-color 0.1s ease-out;
	        transition: background-color 0.1s ease-out;
}
div.menu ul li a { 
	width: 100%; display:block; 
	font-size: 28px;
	font-family: 'Filmotype-Glenlake';
	}
div.menu ul li:hover a {
	color: #A9A9A9;
}
div.menu ul li:before {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -15px;
	background: url(../img/mobile/main-menu-icons@2x.png) no-repeat;
	background-size: 30px 180px;
}
div.menu ul li.redeem:before  { background-position: 0px    0px; }
div.menu ul li.signup:before  { background-position: 0px  -30px; }
div.menu ul li.login:before   { background-position: 0px  -60px; }
div.menu ul li.account:before { background-position: 0px  -90px; }
div.menu ul li.logout:before  { background-position: 0px -120px; }
div.menu ul li.local:before   { background-position: 0px -150px; }


/* HEADER
- - - - - - - - - - - - - - - - - */
div.header {
	width: 100%;
	position: relative;
	margin-top: 30px;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
div.header > div.inner {
	position: relative;
	padding: 40px 5% 7px 3%;
}

div.header h1 {	color: #fff;  text-transform: uppercase; }
div.header h2 {	color: #fff; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }
div.header h3 {	 }
div.header h2.blue { font-size: 20px; }
div.header h1.blue,
div.header h2.blue,
div.header h3.blue { color: #000; text-shadow: 0 1px 1px rgba(255,255,255, 0.2); }
div.header h1.white,
div.header h2.white,
div.header h3.white,
div.header p.white { color: #ecf0f1; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); }
div.header h3.white.small { color: #fff; text-transform: none; font-size: 14px; }
/* bg mods */
div.header.filmstrip   { background-image: url(../img/header/filmstrip.jpg); background-color: #102d65; }
div.header.blue 	   { background-color: transparent; }
div.header.sliver      { background-image: url(../img/header/sliver.jpg); }
div.header.stars       { background-image: url(../img/header/stars.jpg); }
div.header.audience    { background-image: url(../img/header/audience.jpg); }
div.header.projection  { background-image: url(../img/header/projection-faux-desktop.jpg); }
div.header.projector-blue { background-image: url(../img/header/foxlogo-faded.png); background-size: 120%; }
div.header.fox-blue--banner { background-image: url(../img/header/blue-banner-bg.jpg); }
div.header.projector-blue-fx { background-image: url(../img/header/blue-banner-bg.jpg); }
div.header.projection-faux,
div.header.projection-faux2 {
	background-image: url(../img/header/projection-faux-mobile.jpg);
	background-color: #ecf0f1;
	background-size: auto;
}

.ghost-button {
  display: inline-block;
  width:auto;
  padding: 8px;
  color: #fff;
  border: 1px solid #fff;
  border-radius:5px;
  text-align: center;
  outline: none;
  text-decoration: none;
}
h1.section-header {
	font-size:28px;
	color:#fff;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
p.mini-movie-large {
	color:#FCF9F9; 
	font-size:18px;  
	text-transform: uppercase;
}
p.mini-movie-large.center {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
div.mini-movie-banner iframe.youtubeFrame{
	width:300px;
	height:200px;
}
div.social-buttons-container-mobile {
	position: relative;
	top: 29px;
	width: 300px;
	height:150px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(0, 0, 0, 0.5);
}
div.mini-movie-trailer-button {
	/*position:relative;
	left:calc(100% - 250px);*/
	position:absolute;
	right:0;
	width:140px;
	height:55px;
	background:url('/assets/img/buttons/play.png') 10px center no-repeat;
	background-color: rgba(0, 0, 0, 0.5);
	background-size:40px 40px;
	padding-left:60px;
	font-size:16px;
	font-weight:bold;
	color:#FCF9F9;
	cursor:pointer;
	line-height:55px;
}
div.mini-movie-trailer-hide {
	/*position:relative;
	left:calc(100% - 250px);*/
	display:none;
	/*position:absolute;
	right:0;*/
	width:160px;
	height:0px;
	/*background:url('/assets/img/buttons/play.png') 10px center no-repeat;*/
	background-color: rgba(0, 0, 0, 0.5);
	background-size:40px 40px;
	/*padding-left:60px;*/
	font-size:16px;
	font-weight:bold;
	color:#FCF9F9;
	cursor:pointer;
	/*line-height:20px;*/
}
div.mini-movie-banner{
	width: 100%;
	/*height:200px;*/
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center top;
	text-align:center;
	padding-bottom:31.25%;
}
#mini-movie-trailer-expand {
	display:none;
}
div.mini-movie-bgmap {
	/*margin-top:150px;*/
	width:100%; 
	min-height:600px; 
	background:#233543;
	background:linear-gradient(bottom,#000,rgba(35,53,67,0.8) 60%),url(../img/blp/america_bg.png) center top no-repeat;
	background:-moz-linear-gradient(bottom,#000,rgba(35,53,67,0.8) 60%),url(../img/blp/america_bg.png) center top no-repeat;
	background:-webkit-linear-gradient(bottom,#000,rgba(35,53,67,0.8) 60%),url(../img/blp/america_bg.png) center top no-repeat;
	background-size:cover;
	overflow-y:auto;
	padding-bottom:50px;
	color:#FCF9F9;;
}
div.mini-movie-bgmap table {
	width:95%;
	margin-left:10px;
	border-collapse: collapse;
}
div.mini-movie-bgmap table td { padding:10px; }
a.mini-movie-info::before {
	content: " ";
	float: left;
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url('../img/sprite/sAdd.png');
	background-position:-498px -219px;
	margin-left: 46px;
	margin-right: 5px;
	margin-top:-4px;
}
a.mini-movie-info{
	text-decoration:none;
	color:#FCF9F9;
}
a.mini-movie-trailer::before {
	content: " ";
	float: left;
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url('../img/sprite/sAdd.png');
	background-position:-462px -219px;
	margin-left: 46px;
	margin-right: 5px;
	margin-top:-4px;
}
a.mini-movie-trailer{
	text-decoration:none;
	color:#FCF9F9;
}

div.mini-movie-instagram {
	width:100%; 
	min-height:300px;
	background:#212121;
}
div.mini-movie-synopsis {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	width:100%; 
	min-height:300px;
	padding:20px;
}
div.mini-movie-social {
	width:100%; 
	min-height:600px; 
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 20%, rgba(25,25,25,1) 71%, rgba(0,0,0,1) 100%),url(../img/main-bg.jpg) center top repeat-x; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(20%,rgba(0,0,0,0.05)), color-stop(71%,rgba(25,25,25,1)), color-stop(100%,rgba(0,0,0,1))),url(../img/main-bg.jpg) center top repeat-x; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.05) 20%,rgba(25,25,25,1) 71%,rgba(0,0,0,1) 100%),url(../img/main-bg.jpg) center top repeat-x; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 20%,rgba(25,25,25,1) 71%,rgba(0,0,0,1) 100%),url(../img/main-bg.jpg) center top repeat-x; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 20%,rgba(25,25,25,1) 71%,rgba(0,0,0,1) 100%),url(../img/main-bg.jpg) center top repeat-x; /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 20%,rgba(25,25,25,1) 71%,rgba(0,0,0,1) 100%),url(../img/main-bg.jpg) center top repeat-x; /* W3C */
	padding-bottom:50px;
	color:#FCF9F9;
	background-size:cover;
	overflow-y:auto;
}
div.socialbox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #FCF9F9;
	background-color:#FCF9F9;
}
div.socialboxHeader {
	background-color: #404040;
	padding: 4px;
	margin-bottom: 5px;
}

/* Redeem input */
div.redeem-input { width: 282px; margin-right: auto; margin-left: auto; }

div.ghost-box 		   { width: auto; margin: 0 10px; height: auto;  margin: 0 auto;  margin-top: 1em;  }
div.ghost-box p        { font-family: proxima-nova, sans-serif;font-weight: 400;font-style: normal;; font-size: 14px; text-align: center; color: #043650; width: 80%; margin: 0 auto; }
div.ghost-box p.large  { font-size: 24px; line-height: 1.4em; }
div.ghost-box p.bigger { font-size: 16px; line-height: 1.4em; }
div.ghost-box p.title  { font-size: 35px; text-align: center; padding-top: 10px; margin-bottom: .3em; line-height: 1em; }

div.ghost-box.blue     { background-color: rgba(103,143,162,.5); }
div.ghost-box.blue p   { color: #043650;  }	

div.ghost-box.black    { background-color: rgba(0,0,0,.5); padding-left: 1em; padding-right: 1em; margin-left: -10px; margin-right: -15px; }
div.ghost-box.black p  { color: #fff;  }	
img.screening-partner { max-width: 125px; max-height: 85px; }

/* FOOTER
- - - - - - - - - - - - - - - - - */
div.footer {
	clear: both;
	width: 100%;
	padding-bottom: 10px;
	background-color: #24272a;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	width: auto;
	margin: 0 auto;
	margin-bottom: 20px;
}

div.footer.fixed {
	left: 0;
	bottom: 0;
}
div.footer ul {
	text-align: center;
	margin: 0 auto;
}
div.footer ul li {
	display: inline-block;
	color: #81898f;
	font-family: proxima-nova, sans-serif;font-weight: 400;font-style: normal;;
	font-size: 14px;
	line-height: 1.2;
	padding-top: 10px;
}
div.footer ul li:after {
	content: " | ";
}
div.footer ul li:last-child:after { content: ""; }
div.footer ul li a {
	color: inherit;
	text-decoration: none;
	color: #81898f;
}
div.footer ul li a:hover { text-decoration: underline; }

/* no background footer */
div.no-background div.footer {	background: transparent; margin-bottom: 0; }
div.no-background div.footer ul li { color: #043650; line-height: 1.0; }
div.no-background div.footer ul li a { color: #043650; }
div.no-background.fixed { margin: 0 auto; left: 0; right: 0; position: absolute; bottom: 0; }
div.no-background.fixed br { display: none; }

/* Site Map */
div.sitemap-content div.block a { text-decoration: none; margin-bottom: 10px; display: block; }
div.sitemap-content {  margin: 0 auto; }
div.sitemap-content div.block { 
    font-family: 'OpenSans-Semibold', Arial, sans-serif;
    font-size: 18px;
    margin-right: 89px;
    margin-top: 21px;
    text-align: left;
}
div.sitemap-content div.block2 { margin-top:60px; width: 180px; float: left; text-align: center;  margin-left: 65px;font-size: 30px; font-family: 'SourceSansPro'; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);}

div.block a { text-decoration: none; }
div.block a:hover {text-decoration: underline;}
div.block a:visited {color: #4F224F;}
div.block2 a { text-decoration: none; }
div.block2 a:hover {text-decoration: underline;}
div.block2 a:visited {color: #4F224F;}
div.sitemap-content  div.block p.title { font-size: 16px; color: #df383c; font-family: 'SourceSansPro-Bold'; margin-bottom: 0px; }
div.sitemap-content  div.line  {  margin-left: 68px; width: 1px; border-left: 1px solid #9d9d9d;  float: left; height: 315px; }

div.sitemap-content { width: auto; margin: 0 auto; }
div.sitemap-content div.block { 
    font-family:'OpenSans-Semibold', Arial, sans-serif;
    font-size: 18px;
    margin-top: 21px;i
    text-align: left;
    color: #243645;
    width: 196px;
}

div.block a:hover {text-decoration: underline;}
div.sitemap-content div.block div.icon { margin: 0 auto; }
div.sitemap-content div.block p.title { font-size: 16px; color: #df383c; font-family: 'SourceSansPro-Bold'; margin-bottom: 0px; }
div.sitemap-content div.line  { width: 1px; border:0; border-bottom: 1px solid #9d9d9d; margin: 18px auto; }

/* SLIDER
- - - - - - - - - - - - - - - - - */
div.slider {
	width: 100%;
	height: 315px;
	position: relative;
	overflow: hidden;
	background: url(../img/slider/slider-bg.jpg) no-repeat center;
	background-size: cover;
}
div.slider ul {
	width: 100%;
	height: 100%;
	position: relative;
	left: 0;
}
div.slider ul .slide {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

div.slider .slide div.promptbox {
	max-width: 650px;
	position: relative;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 3%;
	padding-right: 3%;
	text-align: center;
}

div.slider .slide div.promptbox h2 {
	color: #ecf0f1;
	font-family: 'OpenSans-Bold', Arial, sans-serif;
	font-size: 28px;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.75);
	margin-bottom: 8px;
	clear: both;
	padding-right: 15px;
}
div.slider .slide div.promptbox p {
	color: #ecf0f1;
	font-family: 'OpenSans-Semibold', Arial, sans-serif;
	font-size: 18px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
	margin-bottom: 20px;
	width: 82%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
	padding-right: 15px;
}
div.slider a.nav {
	display: block;
	width: 50%;
	height: 60px;
	position: absolute;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	background-repeat: no-repeat;
	background-position: 50% 54%;
	background-size: 19px 24px;
	-webkit-transition: background-color 0.1s ease-out, background-position 0.1s ease-out;
	   -moz-transition: background-color 0.1s ease-out, background-position 0.1s ease-out;
	    -ms-transition: background-color 0.1s ease-out, background-position 0.1s ease-out;
	        transition: background-color 0.1s ease-out, background-position 0.1s ease-out;
	cursor: pointer;
}
div.slider a.button { 
	margin-left: auto;
	margin-right: auto;
	width: 210px;
	height: 45px;
	line-height: 45px;
	font-size: 18px;
	clear: both;  
}

div.slider a.nav.prev { left:  0; background-image: url(../img/slider/slider-nav-prev-m@2x.png); }
div.slider a.nav.next { right: 0; background-image: url(../img/slider/slider-nav-next-m@2x.png); }
div.slider a.nav:hover { background-color: rgba(0, 0, 0, 0.8); }
div.slider a.nav.prev:hover  { background-position: 48% center; }
div.slider a.nav.next:hover  { background-position: 52% center; }
div.slider a.nav.prev:active { background-position: 50% center; }
div.slider a.nav.next:active { background-position: 50% center; }


/* GHOST BOX
- - - - - - - - - - - - - - - - - */
div.ghostbox {
	width: auto;
	max-width: 500px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border-radius: 2px;
	background-color: rgba(255,255,255, 0.5);
	box-shadow: 0 2px 1px rgba(255,255,255, 0.2);
}
div.ghostbox h2 { color: #000; font-size: 28px; text-shadow: none; }
div.ghostbox p  { color: #000; }
div.ghostbox.white { 	
	background-color: rgba(255, 255, 255, 0.5);
	box-shadow: 0 2px 1px rgba(255, 255, 255, 0.2); 
}
div.ghostbox.white p { color: #000; }

/* PIC BOX
- - - - - - - - - - - - - - - - - */
div.picbox {}
div.picbox img {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 2px;
}
/* mods */
div.picbox.partner {
	width: 200px;
}
div.picbox.trailer {
	width: 300px;
}
div.picbox.with-border img { border: 1px solid gray; }
div.picbox.with-info div.pic {
	float: left;
	width: 40%;
	margin-bottom: 10px;
}
div.picbox.with-info div.info {
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	float: left;
	width: 60%;
	margin-bottom: 10px;
	padding-left: 3%;
}


/* WHITE BOXES
- - - - - - - - - - - - - - - - - */
div.whitebox {
	position: relative;
}
div.whitebox.thin { padding: 4px; }

/* userinfo box */
div.whitebox.userinfo {
	font-size: 12px;
}
div.whitebox.userinfo div.pic {
	float: left;
	width: 25%;
	margin-bottom: 10px;
}
div.whitebox.userinfo div.pic img {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 2px;
}
div.whitebox.userinfo div.info {
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	float: left;
	width: 75%;
	padding-left: 3%;
}

div.black-bar { width: 100%; background-color: #0f1213; padding: 15px 0;  }


/* screening header box */
div.whitebox.screeningheader { margin-bottom: 6px; }
div.whitebox.screeningheader div.social { float: right; }
div.whitebox.screeningheader div.social span.cta-text { float: left; display: block; }
div.whitebox.screeningheader div.social a.icon { float: right; display: block; width: 24px; height: 24px; margin-left: 10px; border-radius: 2px; margin-top: -5px; margin-right: 0; }
div.whitebox.screeningheader div.social a.icon.tw { background: url(../img/logos/social2.jpg) no-repeat   0px 0px; }
div.whitebox.screeningheader div.social a.icon.fb { background: url(../img/logos/social2.jpg) no-repeat -24px 0px; }

/* screening actions box */
div.whitebox.screeningactions { font-size: 14px; margin-bottom: 30px; }
div.whitebox.screeningactions div.pic {
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	float: left;
	width: 40%;
	margin-bottom: 10px;
	padding-right: 3%;
}
div.whitebox.screeningactions div.pic img {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 2px;
}
div.whitebox.screeningactions div.social {  }
div.whitebox.screeningactions div.social span.cta-text { display: block; }
div.whitebox.screeningactions div.social a.icon { float: left; display: block; width: 24px; height: 24px; margin-right: 10px; border-radius: 2px; }
div.whitebox.screeningactions div.social a.icon.tw { background: url(../img/logos/social2.jpg) no-repeat   0px 0px; }
div.whitebox.screeningactions div.social a.icon.fb { background: url(../img/logos/social2.jpg) no-repeat -24px 0px; }
div.whitebox.screeningactions div.info {
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	float: left;
	width: 60%;
	overflow: auto;
}

/* screening info box */
div.whitebox.screeninginfo { font-size: 12px; }
div.whitebox.screeninginfo div.pic {
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	float: left;
	width: 25%;
	margin-bottom: 10px;
	padding-right: 3%;
}
div.whitebox.screeninginfo div.pic img {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 2px;
}
div.whitebox.screeninginfo div.info {
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	float: left;
	width: 75%;
	overflow: auto;
}

/* pic box */
div.whitebox.pic:after { background: none; }
div.whitebox.pic img {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 2px;
}
.whitebox.pic.thin.reg  img {
	max-width: 126px;
    min-width: 126px;
    width: auto;
}
/* star rating box */
div.whitebox.stars { }
div.whitebox.stars label {
	display: inline-block;
	font-size: 14px;
	margin-top: 4px;
	margin-left: 10px;
}

div.whitebox.userinfo div span {
	font-weight: 600;
}


/* SCREENING SEARCH BOX
- - - - - - - - - - - - - - - - - */
div.screening-search-box {
	max-height: 300px;
	width: 100%;
}
/* screenings search result  */
div.screening-search-result {
	height: 85px;
	border: 2px solid #d0d0d0;
	background-color: #fff;
	position: relative;
}
div.screening-search-result:not(:first-child){
	border-top: 0;
}
/* mods */
div.screening-search-result.taller {
	height: 115px;
}

div.screening-search-result div.details,
div.screening-search-result div.getpasses {
	float: left; 
	height: 100%;
	background: #fefefe;
	background-color: #ffffff;
}
div.screening-search-result div.num {
	float:left;
	width: 10%;
	height: 100%;
	font-size: 24px; 
	text-align: center;
	color: #eee;
	overflow:hidden;
	background: #26292c; 
}
div.screening-search-result div.num div { padding-top:51px; color: #d3d4d6; }
div.screening-search-result div.details { width: 75%;  }
div.screening-search-result div.details div { padding: 10px; padding-left: 20px; white-space:nowrap; line-height: 17px; overflow: hidden; }
div.screening-search-result div.getpasses { width: 15%; position: relative; }
div.screening-search-result div.getpasses a.yellow-arrow {
	display: block;
	width: 23px;
	height: 22px;
	position: absolute;
	top: 50%;
	margin-top: -11px;
	background-image: url('../img/mobile/yellow_arrow.png');
}
div.screening-search-result br.mobile {
	margin-bottom: 0;
}

.terms-sp label.error {
    margin-top: 10px;
    white-space: nowrap;
}
 
 
/* ADS
- - - - - - - - - - - - - - - - - */
div.ad {
	width: 260px;
	text-align: left;
	overflow: auto;
}
div.ad h3 { color: #2c3e50; text-shadow: none; }
div.ad.left  { float: left; }
div.ad.right { float: right; }


/* STAR RATINGS
- - - - - - - - - - - - - - - - - */
ul.starfield {
	clear: left;
}
ul.starfield.error li { background-color: #ffafa9; }
ul.starfield li {
	float: left;
	width: 24px;
	height: 24px;
	background: url(../img/ratings@2x.png) 0 0;
	background-size: 48px 48px;
	cursor: pointer;
}
ul.starfield li:hover,
ul.starfield li.active { background-position: -24px 0; }


/* REVIEW RATINGS
- - - - - - - - - - - - - - - - - */
div.review {
	overflow: auto;
}
div.review ul.questions {
	counter-reset: num;
}
div.review ul.questions li {
	font-size: 14px;
	margin-bottom: 24px;
	overflow: auto;
}
div.review ul.questions li.error { background-color: #ffafa9; }
div.review ul.questions li p {
	margin-top: 8px;
	margin-bottom: 4px;
}
div.review ul.questions li p:before {
	counter-increment: num;
	content: counter(num) '.' ' ';
}
div.review div.dots {
	margin-top: 8px;
}
div.review div.dot {
	display: inline-block;
	font-size: 23px;
	font-family: 'OpenSans-Semibold', Arial, sans-serif;
	text-align: center;
	line-height: 1.739;
	width: 40px;
	height: 40px;
	margin-left: 8px;
	border-radius: 40px;
	border: 1px solid #7f8c8d;
	background-color: #fafeff;
	cursor: pointer;
}
div.review div.dot:first-child { margin-left: 0; }
div.review div.dot:hover,
div.review div.dot.active { color: #ffffff; border-color: #e67e22; background-color: #f1c40f; }


/* sign up more info */
#su-more-info { cursor: pointer; }
#su-more-info:hover  { color: #777; }
#su-more-info:before { content:'[+]'; width: 14px; height: 14px; font-size: 14px; background-color: #ffcc00; margin-top: -26px; margin-bottom: 5px; padding: 4px 6px; padding-bottom: 5px; margin-right: 10px;}
#su-more-info.opened:before { content:'[-]'; width: 12px; height: 12px; font-size: 14px; margin-top: -26px; margin-bottom: 5px; padding: 4px 6px; padding-bottom: 5px; margin-right: 10px;}
#su-more-info-ct { display: none; }

#su-dob .dobMonthCt { width: 105px; float: left; }
#su-dob .dobDayCt   { width: 80px; float: left; }
#su-dob .dobYearCt  { width: 85px; float: left; }

#su-dob #dobMonth 	{ width: 95px; }
#su-dob #dobDay		{ width: 70px;  }
#su-dob #dobYear	{ width: 75px; }

/* STEPS
- - - - - - - - - - - - - - - - - */
ul.steps {
	bottom: 10px;
	padding-left: 3%;
}
ul.steps li {
	float: left;
	color: #ecf0f1;
	font-size: 14px;
	line-height: 2.142;
	height: 30px;
	position: relative;
	margin-right: 5px;
	padding-right: 10px;
	cursor: default;
}

ul.steps li div.circle {
	float: left;
	color: #fff;
	text-align: center;
	line-height: 1.429;
	width: 23px;
	height: 23px;
	margin: 5px;
	border-radius: 20px;
	background-color: rgba(255, 204, 0, 0.45);
}
ul.steps li.active div.circle { background-color: rgba(255, 204, 0, 1.0); }

.terms-container label {
    white-space: nowrap;
    width: 15px;
}

/* CONTENT
- - - - - - - - - - - - - - - - - */
div.content-anchor { border-top: 1px solid white; }

div.content div.inner {
	width: auto;
	margin: 0 auto;
	background: #ffffff;
}

div.content.no-bg div.inner {
	background: transparent;
}

div.content:after { content: ''; clear: both; display: block; }
div.content.white { background-color: #fafeff; }
div.content div.inner {
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	padding: 10px;
}
div.content.sweepstakes h3 { color: #2C3E50; }

div.inner { margin-left: auto; margin-right: auto; }

/* COLUMNS Styles */
.columns3.home-page { border: 2px solid #e7e7e7; }
.columns3.home-page div.column { padding: 20px; background-color: #f7f7f7;  }
.columns3.home-page div.column a.button.bottom { bottom: 20px; }
.columns3.home-page div.column:first-child { background-color: #fff; }

.columns2.home-page { border: 3px solid #e7e7e7;  }
.columns2.home-page.center { text-align: center;  }
.columns2.home-page div.column { padding: 20px; background-color: #f7f7f7;  }
.columns2.home-page div.column p { padding: .5em 1em; }
.columns2.home-page div.column p.header { padding-left: 0; padding-top: 0; }
.columns2.home-page div.column a.button { margin-left: auto; margin-right: auto; position: relative; }
.columns2.home-page div.column p.header { color: #707070; font-family: 'Sanchez-Regular'; font-size: 20px; margin:0; padding-bottom: .8em; }
.columns2.home-page div.column.border-left { border-left: 3px solid #e7e7e7; padding-left: 20px;  }
.columns2.home-page div.column.border-top{ border-top: 3px solid #e7e7e7; padding-left: 20px;  }

.sweepstakes .columns2 { border: 2px solid #e5e6e6; background-color: #fff; padding: 10px 20px; }

div.gray-line  { border-top: 2px solid #e7e7e7; }
div.white-line { border-top: 2px solid #ffffff; }

div.column-container { width: 144px; float: left; }

/* TERMS
- - - - - - - - - - - - - - - - - */
.termsbox .checkbox-wrap,
.termsbox .blurb-wrap {
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	float: left;
}
.termsbox .checkbox-wrap {
	width: 15%;
	position: relative;
}
.termsbox input[type="checkbox"] {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
}
.termsbox input[type="checkbox"].error + label {
	border-color: #e44c3e;
}
/* we can't use :checked bc ie8 is stupid. must apply this class via js */
.termsbox input[type="checkbox"].checked + label {
	background: url(../img/terms-checkmark.png) no-repeat center;
}
.termsbox label.fauxcheckbox {
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	display: block;
	width: 20px;
	height: 20px;
	margin: 6px auto;
	border: 2px solid #333;
	background-color: white;
	cursor: pointer;
}
.termsbox .blurb-wrap {
	width: 85%;
	padding-left: 3%;
}

.email-preferences input[type="checkbox"]{
	width: 100%;
	height: 25px;
	margin: 0;
}



@media (max-width: 350px) {

	div.header.projector-blue { background-image: url(../img/header/foxlogo-faded.png); background-size: 280%;}

}

/* Contact FAQ */

div.faq-container {
	margin-right: 2em;
	margin-left: 2em;
	min-height: 350px;
	font-family: Arial;
	margin-top: 2em;
}

.level0 { 
	background-color: #1e5060;
	border-radius: 7px;
	color: #fff !important;
	font-size: 16px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 1em;
	margin-left: 1em; 
	padding: 20px;
	width: 100px; 
	height: 50px; 
	line-height: 50px; 
	text-align: center;
	font-family: "Lato-Black", Arial, sans-serif;
	cursor: pointer;
}

.level0:hover {
	background-color: #1e5060;
	opacity: 0.7;
}

.level1,.level2 {
	background-color: #1e5060;
	border-radius: 7px;
	color: #fff;
	font-size: 16px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 1em;
	margin-left: 1em; 
	padding: 20px;
	width: 300px; 
	text-align: center;
	cursor: pointer;
}

.level1:hover {
	background-color: #1e5060;
	opacity: 0.7;
}

.level2:hover {
	background-color: #1e5060;
	opacity: 0.7;
}

.level3 { 
	background-color: #1e5060;
	border-radius: 7px;
	color: #fff;
	font-size: 16px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 1em;
	margin-left: 1em; 
	padding: 20px;
	max-width: 600px;}

.back {
	cursor: pointer;
	text-decoration: none;
	margin-top: 30px;
}

.word-count {
    font-size: 11px;
    margin-left: 4%;
    color: #fff;
}

.lightblue { color: #9BC9D9;}
.white { color: #fff; }

a:visited { color: #8c8c8c;}


/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.90);
	z-index: 105;
}

/* Overlay closing cross */
.overlay .overlay-close {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url(../img/cross.png) no-repeat center center;
	background-size: 30px 30px;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 108;
	cursor: pointer;
}

/* Mobile Menu style */
.overlay nav {
	text-align: center;
	position: relative;
	top: 42%;
	height: 60%;
	font-size: 54px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.overlay a.button.blue {
	background-color: #287eb7;
}
.overlay a.button {
	width: 100%;http://lionsgate/
	height: 50px;
	font-size: 30px;
	line-height: 50px;
}
.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	height: 100%;
	position: relative;
	width: 90%;
	margin: 0 auto;
	margin-top: 65px;
}

.overlay ul li {
	display: block;
	width: 100%;
	border-bottom: 1px solid #81898f;
	display: block;
	height: 66px;
	line-height: 66px;
	text-align: center;
}
.overlay ul li:last-child  {
	border:0;
}

.overlay ul li:hover {
	background-color: #6792a2;
	color: #ddd;
}


.overlay ul li a {
	font-weight: 300;
	display: block;
	color: #fff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	text-transform: uppercase;
	font-family: proxima-nova, sans-serif;font-weight: 400;font-style: normal;;
	font-size: 23px;
	text-decoration: none;
	vertical-align: center;
	letter-spacing: -.5px;
	line-height: 66px;
	color: #81898f;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
	color: #e3fcb1;
}

.overlay ul li:hover a {
	color: #fff;
}

/* Effects */
.overlay-hugeinc {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-hugeinc.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.overlay-hugeinc nav {
	-webkit-perspective: 1200px;
	perspective: 1200px;
}

.overlay-hugeinc nav ul {
	opacity: 0.4;
	-webkit-transform: translateY(-25%) rotateX(35deg);
	transform: translateY(-25%) rotateX(35deg);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

.overlay-hugeinc.open nav ul {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.overlay-hugeinc.close nav ul {
	-webkit-transform: translateY(25%) rotateX(-35deg);
	transform: translateY(25%) rotateX(-35deg);
}

/* * * * * * * * * * *
  Switch Assets Menu 
 * * * * * * * * * * * */

div.switch_assets_menu {
	width: 200px;
	height: 14px;
	background-color: rgba(205,205,205,.5);
	position: absolute;
	top: 0;
	right: 15px;
	padding: 7px 5px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}
div.switch_assets_menu div.arrow-down {
	width: auto;
	text-align: center;
	height: 20px;
}
div.switch_assets_menu div.arrow-up {
	width: auto;
	text-align: center;
	height: 0px;
	overflow: hidden;
}
div.switch_assets_menu.open div.arrow-down {
	height: 0;
}
div.switch_assets_menu.open div.arrow-up {
	height: 25px;
}
div.switch_assets_menu.open div.arrow-up hr {
	height: 2px;
	margin: 5px 0;

}

div.switch_assets_menu.open  {
	background-color: rgba(222,222,222,.95);
	height: 120px;
}
div.switch_assets_menu.open div.arrow-down {
	display: none;
}
div.switch_assets_menu div.options {
	height: 0;
	overflow: hidden;
}
div.switch_assets_menu div.options input[type='submit'] {
	width: 90%;
}
div.switch_assets_menu div.options input[type='radio'] {
	float: left;
	width: 25px;
}
div.switch_assets_menu div.options label {
	padding-top: 15px;
	float: left;
	margin-right: 15px;
}
div.switch_assets_menu.open div.options {
	height: 100px;
}
div.switch_assets_menu.open div.options div {
	margin-bottom: 10px;
}