/*
Theme Name: Matilda 2016
Theme URI: http://aka.nyc
Author: Jean-Michel Audoubert aka JMA689 for AKA NYC
Author URI: http://aka.nyc
Description: Theme for the Official Website for Matilda the Musical on Broadway
Version: 1.0

	Styling Index
	---------------
	1. Global
	2. Page Specific
	3. Plugins
	4. Bug Fixes
	5. Resolution Specific
	


CSS RESET+ 
*/
http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; width:100%; height: 100%; }
img, embed, iframe, object { max-width: 100%; }
.entry-content img, .comment-content img, .widget img, .entry-summary img, .wp-caption { max-width: 100%; }
img[class*="align"], img[class*="wp-image-"], .comment-content img[height], .entry-content img, .entry-summary img, img[class*="attachment-"] { height: auto; }
img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { max-width: 100%; height: auto; }
@-ms-viewport { width: device-width; } @viewport { width: device-width; }


/*-----------------------------*/
/*---------- 1. Global --------*/
/*-----------------------------*/

html, body {
	height: 100%;
	min-height: 100%;
	padding: 0;
	margin: 0;
}

body {
    background-color: #010b1c;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    color: #fff;
	font-family: "futura-pt", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1em;
}
.body-wrapper {
	min-height: 100%;
	position: relative;
}
	.content-wrapper {
		max-width: 1120px;
		width: 98%;
		margin: 0 auto;
		padding: 0 1em 225px;
	}


	h1, h2, h3, h4, h5, h6 {
		line-height: 1.2;
	}
	
	.page_header {
		color: #fae5ba;
		text-align: center;
		font-size: 4em;
		text-transform: uppercase;
		padding: 1em 0 0.75em;
		font-family: "verveine",sans-serif;
	}
		.page_header .underline {
			display: block;
			margin: 0 auto;
		}
		.page-news .page_header .underline {
			width: 130px;
		}
	.page-about .page_header {
		position: relative;
		margin: -60px auto -20px;
	}
	
	p {
		line-height: 1.4;
	}
		p + p {
			margin-top: 1em;
		}
		b, strong {
			font-weight: 700;
		}
		em, i {
			font-style: italic;
		}
		.superscript {
			vertical-align: super;
			font-size: .5em;
		}
	
	a {
		color: inherit;
		text-decoration: none;
		cursor: pointer;
	}
		a:hover {
			cursor: pointer;
		}
		
		p a {
			text-decoration: underline;
		}
.show {
	display: inline-block;
}
.hide {
	display: none;
}

.removed {
	display: none!important;
}

#content  {
	margin: 0 auto;
	max-width: 1280px;
}

.error404 #content {display: block; text-align: center; padding: 100px 0 300px;}

/* GRADIENTS */

.blue-gradient {background: #258fd5;
background: -moz-linear-gradient(top,  #228dd3 0%, #58b5f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #228dd3 0%,#58b5f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #228dd3 0%,#58b5f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#228dd3', endColorstr='#58b5f2',GradientType=0 ); /* IE6-9 */
}

.darkblue-gradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#08304a+0,0f4466+100 */
background: #08304a; /* Old browsers */
background: -moz-linear-gradient(top,  #08304a 0%, #0f4466 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #08304a 0%,#0f4466 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #08304a 0%,#0f4466 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08304a', endColorstr='#0f4466',GradientType=0 ); /* IE6-9 */
}

.darkblue-gradient:hover {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f4466+0,08304a+100 */
background: #0f4466; background: -moz-linear-gradient(top,  #0f4466 0%, #08304a 100%); background: -webkit-linear-gradient(top,  #0f4466 0%,#08304a 100%); background: linear-gradient(to bottom,  #0f4466 0%,#08304a 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f4466', endColorstr='#08304a',GradientType=0 );
}

.red-gradient {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ac1e0b+0,c11a41+94 */
background: #ac1e0b; /* Old browsers */
background: -moz-linear-gradient(top,  #ac1e0b 0%, #c11a41 94%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ac1e0b 0%,#c11a41 94%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ac1e0b 0%,#c11a41 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac1e0b', endColorstr='#c11a41',GradientType=0 ); /* IE6-9 */

}

.red-gradient:hover {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c11a41+6,ac1e0b+100 */
background: #c11a41; /* Old browsers */
background: -moz-linear-gradient(top,  #c11a41 6%, #ac1e0b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c11a41 6%,#ac1e0b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c11a41 6%,#ac1e0b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c11a41', endColorstr='#ac1e0b',GradientType=0 ); /* IE6-9 */
}

.fact-purple {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#661f70+0,3b1141+50,661f70+100 */
background: #661f70; /* Old browsers */
background: -moz-linear-gradient(top,  #661f70 0%, #3b1141 50%, #661f70 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #661f70 0%,#3b1141 50%,#661f70 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #661f70 0%,#3b1141 50%,#661f70 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#661f70', endColorstr='#661f70',GradientType=0 ); /* IE6-9 */
}


.fact-green {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f8162+0,084a38+50,0f8162+100 */
background: #0f8162; /* Old browsers */
background: -moz-linear-gradient(top,  #0f8162 0%, #084a38 50%, #0f8162 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0f8162 0%,#084a38 50%,#0f8162 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0f8162 0%,#084a38 50%,#0f8162 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f8162', endColorstr='#0f8162',GradientType=0 ); /* IE6-9 */
}

.fact-yellow {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0b537+0,9f710e+50,f0b537+100 */
background: #f0b537; /* Old browsers */
background: -moz-linear-gradient(top,  #f0b537 0%, #9f710e 50%, #f0b537 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f0b537 0%,#9f710e 50%,#f0b537 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f0b537 0%,#9f710e 50%,#f0b537 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b537', endColorstr='#f0b537',GradientType=0 ); /* IE6-9 */
}

.fact-red {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#701f31+0,40111b+50,701f31+100 */
background: #701f31; /* Old browsers */
background: -moz-linear-gradient(top,  #701f31 0%, #40111b 50%, #701f31 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #701f31 0%,#40111b 50%,#701f31 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #701f31 0%,#40111b 50%,#701f31 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#701f31', endColorstr='#701f31',GradientType=0 ); /* IE6-9 */
}

/*---- Layout ----*/
#holder {
	
}

/* NAVIGATION */

	div#mobile_nav_header {
		display: none;
	}
	#leftMenu {
		text-align: center;
		padding: 0;
		font-family: "athelas", serif;
		font-style: normal;
		font-weight: 700;
		z-index: 100;
		position: relative;
	}
		ul#menu-main-menu {
			margin: 0 auto;
		}
			#leftMenu li {
				margin: 0;
				list-style: none;
				vertical-align: middle;
				position: relative;
			}
			#leftMenu a {
				display: block;
				text-transform: uppercase;
				text-decoration: none;
			}
				#leftMenu a:hover {
					color: #7dd3f6;
				}
			#leftMenu ul li ul.sub-menu {
				display: none;
			}
				#leftMenu ul li ul.sub-menu li ul.sub-menu {
					display: none !important;
				}
				#leftMenu ul li ul.sub-menu a:hover {
					background-color: #02173f;
				}
			span.sf-sub-indicator {
				display: none;
			}

/* TICKETS PAGE */



/* RESPONSIVE */

@media only screen and (min-width: 40px) {
	
.desktop, .desktop-header, .home #c-container, .page-front-test #c-container, .page-tickets-information #c-container, .page-tickets #c-container, .nav-line, .mailc, .foot-text {display: none;}

.page-story #siteFooter, .page-story .social {background: #010B27; padding-top: 20px;}

.home-closing {display: block; margin: 20px auto 35px; max-width: 96%;}

.played {
	display: block;
	padding: 10px 5px;
	text-align: center;
	font-weight: 400;
	font-size: 20px;
}

.footer-address {display: block; text-align: center; padding: 10px;}
	.footer-address a, .footer-address img {display: inline; vertical-align: middle;}
		.footer-address a {text-decoration: none;}
		.footer-address a:hover {text-decoration: underline;}
		.footer-address img {margin-right: 3px;}

.mobile-header {display: block; padding: 15px 0; text-align: left;}
	.nav-toggle {display: inline-block; vertical-align: top; width: 60px; height: 50px; padding-right: 5px; border-right: 1px solid #a4afbf; margin-right: 10px; background: url('library/images/mobile-menu.png') center center no-repeat; background-size: contain;}
	.nav-toggle.opened {background: url('library/images/mobile-menu-open.png') center center no-repeat; background-size: contain;}
	.mobile-logo {display: inline-block; vertical-align: top; width: 120px; height: 50px; background: url('library/images/mobile-logo.png') left center no-repeat; background-size: contain; }
	#mob-nav {display: block; width: 100%; /* height: 95%; */ position: absolute; top: 0; margin-top: 80px; z-index: 100; background: #031b43; font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; font-size: 2em; text-transform: uppercase;}
		#mob-nav ul { padding-left: 0; margin: 0;}
			#mob-nav ul li { padding: 0; border-bottom: 1px solid #153a6f;}
				#mob-nav ul li a {display: inline-block; color: #2358a5; width: 100%; padding: 10px 0; padding-left: 25px;}
				#mob-nav ul li.sfHover a {color: #a8c3eb;}
					#mob-nav ul li  ul { padding-left: 0;}
						#mob-nav ul li  ul  li{ background: #031535; }
							#mob-nav ul li ul li a {padding-left: 50px; }
							#mob-nav ul li.sfHover ul li a {color: #2358a5;}
							#mob-nav ul li.sfHover ul li a:hover {color: #a8c3eb;}
							#mob-nav ul li ul li:last-child {border:none;}
	
#mob-container {display: block; position: relative; font-size: 0; text-align: center;}
	.home-video {display: block; margin: 0; padding: 10px 30px; border: 1px solid #4c5e7d; border-left:none; border-right: none; font-weight: 700; font-size: 20px; letter-spacing: 1px; }
	.mob-rsc {display: block; position: absolute; top: 0; left: 0; max-width: 11%;}
		.todays {display: block; margin: 10px 0; font-size: 19px; font-style: normal; text-transform: uppercase;color: white; }
			.todays h4 {display: inline-block; margin: 0 0 0 5px; font-weight: 400;}
		.mob-buyonline {display: inline-block; width: 100%; margin-bottom: 6px; padding: 30px 0; text-align: center;}
			.mob-buyonline span {display: inline-block; padding: 0 0 0 70px; color: #ffffff; background: url('library/images/mobile-ticket-icon-white.png') left center no-repeat; background-size: contain; font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; font-size: 36px;}
		.mob-call {display: inline-block; width: 49%; margin-right: 2%; padding: 30px 0; text-align: center;}
			.mob-call span {display: inline-block; padding: 0 0 0 52px; color: #00062a; background: url('library/images/mobile-phone-icon.png') left center no-repeat; background-size: contain; font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; font-size: 26px;}
		.mob-directions {display: inline-block; width: 49%; padding: 30px 0; text-align: center;}
			.mob-directions span {display: inline-block; padding: 0 0 0 38px; color: #00062a; background: url('library/images/mobile-location-icon.png') left center no-repeat; background-size: contain; font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; font-size: 26px;}
			
		.mob-otherlinks {display: inline-block; width: 49%; position: relative; margin: 0 0 8px; padding: 20px 24px 18px 0; text-align: center; color: black; font-size: 24px; }
			.mob-otherlinks.one {margin-right: 2%;}
			.mob-arrows {display: block; position: absolute; width: 25px; height: 40px; top: 50%; right: 7px; margin: -20px 0 0; }
			
	.scroller {display: block; margin: 0 auto; width: 100%; max-width: 767px; background: #000; padding: 20px 0 15px; text-align: left; font-size: 0;}
		.scroller h3 {display: block; margin: 0; text-align: center; font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; font-size: 42px; color: white; letter-spacing: 1px;}
			.scroller h3 img {display: inline-block; width: 48px; height: 30px;}
		.scroller p {display: block; margin: 0; text-align: center; font-size: 19px; color: white; margin-bottom: 10px;}
			.scroller p.newted {font-size: 15px;}
				.scroller p.newted img {display: inline-block; width: 14px; height: 20px;}
				.scroller p.newted span {display: inline-block; vertical-align: top; padding-top: 2px; }
	
	
	.months.slick-slider {display: inline-block; width: 29%; text-align: center; margin:0 3%;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#071023+0,153371+20,153371+80,071023+100 */
background: #153371; /* Old browsers */
background: -moz-linear-gradient(top,  #071023 0%, #153371 20%, #153371 80%, #071023 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #071023 0%,#153371 20%,#153371 80%,#071023 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #071023 0%,#153371 20%,#153371 80%,#071023 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#071023', endColorstr='#071023',GradientType=0 ); /* IE6-9 */

	
	}
		.months div.slick-slide {padding: 20px 0; font-size: 20px; color: #3c60a9;}
		.months div.slick-current {background: rgba(30,87,153,0.3); color: white;}
		
	.dayscontainer.slick-slider {display: inline-block; width: 62%; margin-right: 3%; text-align: center;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#071023+0,153371+20,153371+80,071023+100 */
background: #153371; /* Old browsers */
background: -moz-linear-gradient(top,  #071023 0%, #153371 20%, #153371 80%, #071023 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #071023 0%,#153371 20%,#153371 80%,#071023 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #071023 0%,#153371 20%,#153371 80%,#071023 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#071023', endColorstr='#071023',GradientType=0 ); /* IE6-9 */
}
		
	.days.slick-slider {display: inline-block; width: 100%;}
		.days div.slick-slide {padding: 20px 0; font-size: 20px; color: #3c60a9; position: relative;}
		.days div.slick-current {background: rgba(30,87,153,0.3); color: white;}
		.slick-slide a span {display: inline-block; vertical-align: middle;}
		.slick-slide img.specialoffer {display: block; position: absolute; top: 50%; right: 10px; margin-top: -20px;}
		
/* 	/scroller */


.social {display: block; width: 96%; text-align: center; margin: 0 auto; padding-bottom: 20px; font-size: 0;}
	.social a {display: inline-block; width: 16%; max-width: 60px; margin: 0 2%; background: #0c4181;		
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s; }
		.social a:hover {background: white; }
		.social img {display: block;}
			
	.mat-links {display: block; width: 96%; text-align: center; margin: 0 auto 20px; font-size: 0;}
		.mat-links a {display: inline-block; margin: 0 2.5%; color: #51b0ee; font-size: 16px;}
			.mat-links img {display: none;}
			.mat-links a.tour_link, .mat-links a.can_link {display: none;}
			
/* TICKETS PAGE */
.tickets-3 {display: block; padding: 20px 0 0; text-align: center;}
	.tickets-3 div {display: inline-block; width: 30%; margin: 0 1.5% 20px; color: white; font-size: 26px;}
	.tickets-3 div.two {border: 1px solid #414b5d; border-top: none; border-bottom: none;}
		.tickets-3 div span {display: block; text-align: center; font-size: 14px; padding: 2px 0;}
		.tickets-3 div strong {font-size: 36px;}
		
		.tickets-closing {display: block; margin: 20px auto; max-width: 96%;}
		#content .tickets-closing {display: none;}
		
		.tickets-more-info {
		margin-bottom: 0.8em;
	}
		.tickets-more-info-labels {
			display: block;
			margin-top: 30px;
		}
		.tickets-more-info-labels ul {
			display: block;
			text-align: center;
			font-size: 0;
			padding: 0;
			}
			
			.tickets-more-info-labels li {
				display: inline-block;
				vertical-align: top;
				text-align: center;
				width: 23.5%;
				margin: 0 1%;
				padding: 0;
				color: #fff;
			}
			
			.tickets-more-info-labels li:first-child {
				margin: 0 1% 0 0;
				}
			.tickets-more-info-labels li:last-child {
				margin: 0 0 0 1%;
				}
			
			.tickets-more-info-labels li a {
				display: block;
				padding: 10px 10px 0;
				min-height: 62px;
				font-size: 22px;
				font-family: "futura-pt-condensed",sans-serif;
			    font-style: normal;
			    font-weight: 400;
			    text-transform: uppercase;
			    color: white;
			}
			
			.tickets-more-info-labels li:hover {
				opacity: 1;
				color: #cf1b1f;
			}
			.tickets-more-info-labels li.current-item {
			}
			
			.tickets-more-info-labels li img {display: none;}
			.tickets-more-info-labels li.current-item img {display: block; width: 100%;}
			
				.tickets-more-info-arrow {
					display: none;
					position: absolute;
					right: 100%;
					top: 0;
					height: 100%;
				}
				.tickets-more-info-labels .current-item .tickets-more-info-arrow {
					display: block;
				}
		.tickets-more-info-descriptions {
			display: inline-block;
			width: 100%;
			font-size: 1.2em;
			vertical-align: top;
			padding: 0 20px;
		}
		.tickets-more-info-description {
			display: none;
		}
				.tickets-more-info-description img{
					display: inline-block; float: left; margin: 0 15px 0 0;
				}
		.tickets-more-info p + p {
			margin-bottom: 1em;
		}
/* TICKETS CALENDAR FOR MOBILE - REPLACING SCROLLER FOR NOW  */

.page-tickets #c-container {display: block;}
.tickets_special_deals, .ticket-mid {display: none;}

.page-tickets #content {margin-bottom: 8px; background: #258fd5;
background: -moz-linear-gradient(top,  #228dd3 0%, #58b5f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #228dd3 0%,#58b5f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #228dd3 0%,#58b5f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#228dd3', endColorstr='#58b5f2',GradientType=0 ); /* IE6-9 */}

.ticket_calendar {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	display: block;
}
	.calendar_month {
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
		display: block;
	}
		.calendar_month h4 {
			text-align: center;
			background-image: none;
			color: #123b6b;
			font-family: "futura-pt-condensed",sans-serif;
			font-style: normal;
			font-weight: 400;
			font-size: 4em;
			text-transform: uppercase;
			width: 100%;
			margin: 0 auto;
		}
		.calendar_legend {
			max-width: 100%;
			margin: 5px auto;
			display: block;
		}
		.prevControl {
			display: inline-block;
			width: 11px;
			height: 15px;
			background: transparent url('library/images/calendar_prev.png') no-repeat center top;
		}
			.prevControl:hover {
				cursor: pointer;
				background-position: center -18px;
			}
		.nextControl {
			display: inline-block;
			width: 11px;
			height: 15px;
			background: transparent url('library/images/calendar_next.png') no-repeat center top;
		}
			.nextControl:hover {
				cursor: pointer;
				background-position: center bottom;
			}
		.calendar_day {
			float: left;
			width: 13.7%;
			height: 90px;
			margin: 0.25%;
			border: 1px solid transparent;

			overflow: hidden;
			text-align: center;
			font-family: 'futura-pt-condensed', sans-serif;
			font-size: 1.125em;
			font-weight: 400;
			letter-spacing: 2px;
			line-height: 1;
		}
			.calendar_header {
				height: 40px;
				font-size: 1.3em;
				font-family: "futura-pt",sans-serif;
				font-style: normal;
				font-weight: 400;
				color: #123b6b;
			}
			.actual_day {
				background: #64a2c9;
				background: rgba(33,46,85,0.09);
				font-family: "futura-pt",sans-serif;
				font-style: normal;
				font-weight: 400;
			}
				.passed, .dark {

				}
				.day_of_month {
					display: block;
					color: #1e4270;
					font-size: 36px;
					text-align:  center;
					padding: 0 0 0 0;
					letter-spacing: -5px;
				}
				.actual_day.passed .day_of_month, .actual_day.passed .showtime {
				color: #c3dae9;
				color: rgba(255,255,255,0.2);	
				}
				.showtime {
					display: block;
					line-height: 1;
					position: relative;
					text-align: center;
					font-size: 0.8em;
					color: #1e4270;
					letter-spacing: 0;
				}
					.showtime a {
						text-decoration: none;
					}
						.showtime a:hover {
							text-decoration: underline;
							color: white;
						}
					.slick-slide img.greennewt {
						display: inline-block;
						margin-right: 2px;
						vertical-align: bottom;
						width: 10px; height: 14px;
					}
	.page-tickets-information .slick-prev, .page-tickets-information .slick-next, .page-tickets .slick-prev, .page-tickets .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 15px;
    display: block;
    width: 38px;
    height: 33px;
    padding: 0;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
    border: none;
    outline: none;
	}
	.page-tickets-information .slick-prev, .page-tickets .slick-prev {
	background: transparent url('library/images/calendar-leftarrow.png');
	left: 10px;	
	z-index: 99;
	}
	.page-tickets-information .slick-next, .page-tickets .slick-next {
    background: transparent url('library/images/calendar-rightarrow.png');
	right: 10px;	
	}
		
/* CAST CREA PAGES */
.page-cast #c-container .mobilez, .page-creative #c-container .mobilez {display: block;}
	.cast-creative {display: block; width: 100%; margin-bottom: 20px; text-align: left; font-size: 0; padding: 0; position: relative; background-color: #00062a;}
		.cast-creative li {display: inline-block; vertical-align: top; width: 50%;  margin: 0;}
		.page-creative .cast-creative li {height: 150px;}
			.cast-thumb {display: block; position: relative; }
				.cast-thumb h3 {display: block; position: absolute; bottom:0; margin: 0; width: 100%; text-align: center; padding: 3px 12px; color: black; background: white; background: rgba(255,255,255,0.42); text-transform: uppercase; font-size: 14px; line-height: 1;}
				.cast-thumb-hover {display:none;}

					.cast-thumb-hover .cross {display: block; position: absolute; left: 50%; bottom: 20px; margin-left: -11px;}
					.cast-thumb-hover span {display: block; width: 100%; text-align: center; padding: 0 10px; position: relative; top: 50%; transform: translateY(-50%); color: white; font-size: 14px;}
		
			.tick {display: none;}
			.cast-open { display: none; position: absolute; left: 0px;  width: 100%; height: 316px; background-color: #00062a; clear: both;  overflow: hidden; padding: 10px; font-size: 15px; font-weight: 400;}
				.cast-img {display:none;}
			.page-creative .cast-open {height: 419px; border-bottom: 1px solid white;}
				
			.cast-open span {display: block; position: relative; top: 48%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
			.cast-open h4 {font-size: 20px; font-weight: 400; font-style: italic; margin: 0 0 10px;}
			.cast-open, .cast-open p {line-height: 1.3;}
			.cast-open p {margin:0;}
			
			.crea-thumb {display: inline-block; position: relative; width: 100%; height: 150px; border-bottom: 1px solid white;
background: #261b49; /* Old browsers */
background: -moz-linear-gradient(top,  #261b49 0%, #32206c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #261b49 0%,#32206c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #261b49 0%,#32206c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#261b49', endColorstr='#32206c',GradientType=0 ); /* IE6-9 */
}
			.cast-creative li:nth-of-type(odd) .crea-thumb {border-right: 1px solid white;}
				.crea-thumb h3 {display: block; width: 100%; text-align: center; padding: 0 10px; margin: 0; position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); color: white; font-size: 14px; text-transform: uppercase;}
				.crea-thumb img {display: none;}
				.crea-thumb .cross {display: none; position: absolute; left: 50%; bottom: 20px; margin-left: -11px;}
				.crea-thumb .crossplus {display: block; position: absolute; left: 50%; bottom: 20px; margin-left: -11px;}
				.cast-creative li.opened .cross {display: block;}
				.cast-creative li.opened .crossplus {display: none;}
			
			
		.cast-creative li.opened {height: 478px;}
			.cast-creative li.opened .tick {display: block; margin: 0 auto 0;}
			.cast-creative li.opened .cast-open {display: block;}
			.cast-creative li.opened .cast-thumb-hover {display: none;}
			.cast-creative li.opened .cast-thumb h3 {color: white; background:#c5102a;
background: -moz-linear-gradient(top,  #851005 0%, #c5102a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #851005 0%,#c5102a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #851005 0%,#c5102a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#851005', endColorstr='#c5102a',GradientType=0 ); /* IE6-9 */
}

		.page-creative .cast-creative li.opened {height: 578px;}
			.cast-creative li.opened .crea-thumb {border-bottom: none; background:#c5102a;
background: -moz-linear-gradient(top,  #851005 0%, #c5102a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #851005 0%,#c5102a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #851005 0%,#c5102a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#851005', endColorstr='#c5102a',GradientType=0 ); /* IE6-9 */
}
 				.cast-thumb-img {display: block;}
			
/* CHARACTERS PAGE */
.page-characters #c-container, .page-characters #content {font-size: 0;}
	.charac-unit {display: inline-block;  width:100%; font-size: 0;		/*
-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
*/}
		#characters {display: inline-block; padding: 0 0 30px; margin: 0; position: relative;}
		.charac-container {display: inline-block; position: relative;}
		.charac-collapse {display: block; position: absolute; bottom: 0; width: 100%; background: #ccc url('library/images/charac-expand1.png') center center no-repeat; background-color: rgba(255,255,255,0.42); background-size: contain;}
		.charac-collapse:hover {background-color: white;}
		.charac-unit.opened .charac-collapse {display: none;}
		.charac-collapsed {display: none;}
		.charac-unit.opened .charac-collapsed {display: block; position: absolute; bottom: 0; width: 100%;}
		.charac-text {display: none; padding: 0 5%; font-size: 18px; line-height: 1.2; color: white; text-align: left;}
		.charac-unit.opened .charac-text {display: block;}
		
		.charac-tab {display: none;}
		.charac-unit.opened .charac-tab {display: block; margin: 0 auto;}
		
		.charac-img {display: block;}
		
/* VIDEO PAGE */
.page-video #c-container, .page-video #content {font-size: 0;}
	#videoList {display: inline-block; padding: 0 0 30px; margin: 0; position: relative;}
		#videoList li a {display: inline-block; position: relative;}
			#videoList li a h3 {display: block; position: relative; bottom: 0; width: 100%; background: #0c4181; font-size: 14px; margin: 0; padding: 5px 0; text-align: center; text-transform: uppercase;}
			.videobutton {display: block; position: absolute; background: url('library/images/video-play.png'); background-size: contain; top: 47%; left: 50%; width: 70px; height: 70px; margin: -35px 0 0 -35px;}
			#videoList li a h3 img {display: none;}

.page-story {background: #0a1f54;}
.page-story #siteHeader {background: #163469;}
.story-book, .header-tab {display: none;}
.page-story #content { display: block; position: relative; margin: 0 auto;
    padding-bottom: 100px;
    width: 90%;
    max-width: 962px;
    font-size: 19px;
    color: #b6dbfd;
    line-height: 1.4;}

}

@media only screen and (min-width: 524px) {
	.tickets-more-info-labels li a {min-height: 44px;}
	}

@media only screen and (min-width: 569px) {
	
	.mob-call span {font-size: 42px; padding-left: 86px}
	.mob-directions span {font-size: 42px; padding-left: 60px}
	
	.scroller h3 {font-size: 64px;}
		.scroller h3 img {width: auto; height: auto;}
	.scroller p {font-size: 26px;}
	.scroller p.newted {font-size: 20px;}
		.scroller p.newted img {width: 22px; height: 30px;}
	
}

@media only screen and (min-width: 630px) {
	.tickets-more-info-labels li a {min-height: 50px; font-size: 27px;}
	}

@media only screen and (min-width: 768px) {
	
body { background: #07163e url('library/images/desk-background.jpg') no-repeat center top;}

.mobilez, #mob-container, .page-cast #c-container .mobilez, .page-creative #c-container .mobilez {display: none;}

body.home, body.page-front-test {background:#010b1c url('library/images/desk-hp-bgd.jpg') center top no-repeat;}
	.home #c-container, .page-front-test #c-container {display: block; padding-top: 50px; text-align: center;}
		.home #c-container img, .page-front-test #c-container img {max-width: 96%;}
	.home #siteFooter, .page-front-test #siteFooter {margin-top: -12px;}
		.home-cont {display: inline-block; position: relative; max-width: 96%;}
			.home #c-container .home-cont img, .page-front-test #c-container .home-cont img {max-width: 100%;}
				.home-video {display: block; position: absolute; bottom: 20%; right: 0; margin: 0; padding: 10px 30px; border: 1px solid #4c5e7d; font-weight: 700; font-size: 1.2em; letter-spacing: 1px; }
	
	.home-closing {display: block; margin: 0 auto 35px; max-width: 96%;}

.mobile-header {display: block; position: relative; width: 100%; max-width: 768px; min-height: 156px; margin: 0 auto; padding: 0 15px;}
	.global {display: inline-block; position: relative; text-align: left; margin: 9px 0 0;}
		.global-cont {display: inline-block;}
		.global .flag {display: inline-block; margin-right: 10px; text-align: center; color: #5daee3;}
			.global .flag span {display: block; text-align: center; margin-top: 5px; }
			.global-cont .flag span {color: white;}
	.rsc {display: inline-block; margin:10px 10px 0 0; width: 50px; height: 39px; vertical-align: top;}
	.nav-buytix {display: inline-block; float: right; margin: 15px 0 0; padding: 10px 30px; border: 1px solid #4c5e7d; font-weight: 700; font-size: 1.2em; letter-spacing: 1px; }
/* 	.remove-tix .nav-buytix {display: none!important;} */
	
	.logo {display: block; position: absolute; top: 50px; left: 50%; width: 280px; height: 96px; margin-left: -140px;}
	.header.desktop {display: inline-block; margin: 70px 0 50px;}

/* NAV MENU */
#mob-nav {display: block!important; position: relative; height: auto; margin-top: 36px; background: transparent;line-height: 1;}

	.collapse {
		height: 158px !important;
	}
		ul#menu-main-menu {
			width: 100%;
			padding-top: 0;
		}
			#mob-nav ul li {
				height: 90px;
				display: inline-block;
				margin: 0 -2px 0 -1px;
				vertical-align: top;
				border: none;
				text-align: center;
			}
			
/* 			#mob-nav ul li.sfHover.menu-item-has-children {height:90px;} */
			#mob-nav ul li.sfHover.menu-item-has-children a { background: url('library/images/desk-nav-arrow.png') center bottom no-repeat; }
				#mob-nav ul li.sfHover.menu-item-has-children ul li a { background:none;}
			
				#mob-nav ul li a {
					padding: 0 16px 40px;
					color: #5daee3;
					font-size: 22px;
					letter-spacing: 1px;
				}
				.remove-tix #mob-nav ul li a {
					padding: 0 11px 40px;
				}
				#mob-nav ul li:first-child a {
					padding-left: 0;
				}
				#mob-nav ul li:last-child a {
					padding-right: 0;
				}
					#mob-nav ul li a:hover {
						color: white;

					}
				#menu-item-40 a, #menu-item-931 a {
					padding: 4px 9px; /* was 4px 9px */
				}

				
				/* Sub Menus */
				#mob-nav ul li ul.sub-menu {
					width: 100%;
					position: absolute;
					left: 0;
					text-align: left;
					border-top: none;
					font-size: .75em;
					border-top: 1px solid #666; border-top: 1px solid rgba(255,255,255,0.27);
				}
				#mob-nav ul li#menu-item-40 ul.sub-menu, #mob-nav ul li#menu-item-375 ul.sub-menu, #mob-nav ul li#menu-item-931 ul.sub-menu {text-align: right;}
				
					#mob-nav ul li ul.sub-menu li {
						width: auto;
						height: auto;
						display: inline-block;
						margin: 0 auto;
						padding-bottom: 0;
						background: transparent;
					}

						#mob-nav ul li ul.sub-menu li:after {

						}
							#mob-nav ul li ul.sub-menu li:last-child:after {
								content: none;
							}
						#mob-nav ul li ul li a { width: auto; padding: 15px 12px; }
						#mob-nav ul li.sfHover ul li a {color: #5daee3;}
						#mob-nav ul li.sfHover ul li a:hover {color: #ffffff;}
						

					#mob-nav ul li#menu-item-522, ul li#menu-item-2703 {margin-right: 280px;}
											
	.mat-links a:hover {color: white; text-decoration: underline; }
	.mat-links a span {display: none;}
	.mat-links a img {display: inline-block; margin-right: 5px;}

/* FOOTER */
.mat-links a.tour_link, .mat-links a.can_link {display: inline-block;}
	
/* TICKETS PAGE */
.page-tickets-information #c-container, .page-tickets #c-container {display: block; width: 960px; max-width: 100%; margin: 0 auto 30px; text-align: center;}

.page-tickets #content {background: none; margin: 0;}
#content .tickets-closing {display: block; margin: 0 auto 25px;}

.ticket_calendar {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	display: block;
}
	.calendar_month {
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
		display: block;
	}
		.calendar_month h4 {
			text-align: center;
			background-image: none;
			color: #123b6b;
			font-family: "futura-pt-condensed",sans-serif;
			font-style: normal;
			font-weight: 400;
			font-size: 4em;
			text-transform: uppercase;
			width: 100%;
			margin: 0 auto;
		}
		.calendar_legend {
			max-width: 100%;
			margin: 5px auto;
			display: block;
		}
		.prevControl {
			display: inline-block;
			width: 11px;
			height: 15px;
			background: transparent url('library/images/calendar_prev.png') no-repeat center top;
		}
			.prevControl:hover {
				cursor: pointer;
				background-position: center -18px;
			}
		.nextControl {
			display: inline-block;
			width: 11px;
			height: 15px;
			background: transparent url('library/images/calendar_next.png') no-repeat center top;
		}
			.nextControl:hover {
				cursor: pointer;
				background-position: center bottom;
			}
		.calendar_day {
			float: left;
			width: 13.7%;
			height: 110px;
			margin: 0.25%;
			border: 1px solid transparent;

			overflow: hidden;
			text-align: center;
			font-family: 'futura-pt-condensed', sans-serif;
			font-size: 1.125em;
			font-weight: 400;
			letter-spacing: 2px;
			line-height: 1;
		}
			.calendar_header {
				height: 40px;
				font-size: 1.7em;
				font-family: "futura-pt",sans-serif;
				font-style: normal;
				font-weight: 400;
				color: #123b6b;
			}
			.actual_day {
				background: #64a2c9;
				background: rgba(33,46,85,0.09);
				font-family: "futura-pt",sans-serif;
				font-style: normal;
				font-weight: 400;
			}
				.passed, .dark {

				}
				.day_of_month {
					display: block;
					color: #1e4270;
					font-size: 56px;
					text-align:  center;
					padding: 0 0 0 0;
					letter-spacing: -5px;
				}
				.actual_day.passed .day_of_month, .actual_day.passed .showtime {
				color: #c3dae9;
				color: rgba(255,255,255,0.2);	
				}
				.showtime {
					display: block;
					line-height: 1;
					position: relative;
					text-align: center;
					font-size: 1.25em;
					color: #1e4270;
				}
					.showtime a {
						text-decoration: none;
					}
						.showtime a:hover {
							text-decoration: underline;
							color: white;
						}
					.slick-slide img.greennewt {
						display: inline-block;
						margin-right: 5px;
						vertical-align: bottom;
						width: 16px; height: 22px;
					}
	.page-tickets-information .slick-prev, .page-tickets-information .slick-next, .page-tickets .slick-prev, .page-tickets .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 15px;
    display: block;
    width: 38px;
    height: 33px;
    padding: 0;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
    border: none;
    outline: none;
	}
	.page-tickets-information .slick-prev, .page-tickets .slick-prev {
	background: transparent url('library/images/calendar-leftarrow.png');
	left: 10px;	
	z-index: 99;
	}
	.page-tickets-information .slick-next, .page-tickets .slick-next {
    background: transparent url('library/images/calendar-rightarrow.png');
	right: 10px;	
	}
	.page-tickets .slick-prev:hover {
	background: transparent url('library/images/calendar-leftarrow-white.png');
	left: 10px;	
	z-index: 99;
	}
	.page-tickets .slick-next:hover {
    background: transparent url('library/images/calendar-rightarrow-white.png');
	right: 10px;	
	}
	.ticket-mid {display: block; margin: 30px auto; padding: 25px 0; text-align: center; border: 1px solid #07145a; border-left: none; border-right: none;}
		.ticket-mid .unit {display: inline-block; vertical-align: top; margin: 0 3%; max-width: 30%}
			.ticket-mid h1 {
				color: white;
			    font-family: "futura-pt-condensed",sans-serif;
			    font-style: normal;
			    font-weight: 400;
			    font-size: 2.5em;
			    line-height: 1;
			    text-transform: uppercase;
			    margin: 0 0 5px;
			    }
			.ticket-mid p {
				color: white;
			    font-size: 1.3em;
			    line-height: 1.2;
			    margin: 0 0 10px;
			    }
			.ticket-mid .button {
				display: block;
				padding: 15px 35px;
				margin-bottom: 10px;
				letter-spacing: 1px;
			    }
			    
	.tickets-more-info {display: block; position: relative; width: 960px; max-width: 100%; min-height: 332px; margin: 30px auto;}
	
	.tickets-more-info-descriptions {padding: 0 20px 0 280px; font-size: 1em; letter-spacing: 1px;}
	.tickets-more-info-labels li.current-item img {display: none;}
	.tickets-more-info-descriptions p {line-height: 1.2;}
	
	.tickets-more-info-labels {margin: 0; width: 266px; position: absolute; top: 0; left: 0;}
		.tickets-more-info-labels li, .tickets-more-info-labels li:first-child, .tickets-more-info-labels li:last-child {display: block; width: 236px; margin: 0 0 15px;}
		.tickets-more-info-labels li.current-item {width: 266px; margin: 0 0 15px;}
		.fact-purple {background: url('library/images/tickets-quickfact01.png') left center no-repeat;}
		.fact-green {background: url('library/images/tickets-quickfact02.png') left center no-repeat;}
		.fact-yellow {background: url('library/images/tickets-quickfact03.png') left center no-repeat;}
		.fact-red {background: url('library/images/tickets-quickfact04.png') left center no-repeat;}
		
		.fact-purple:hover {background: url('library/images/tickets-quickfact01a.png') left center no-repeat;}
		.fact-green:hover {background: url('library/images/tickets-quickfact02a.png') left center no-repeat;}
		.fact-yellow:hover {background: url('library/images/tickets-quickfact03a.png') left center no-repeat;}
		.fact-red:hover {background: url('library/images/tickets-quickfact04a.png') left center no-repeat;}
			.tickets-more-info-labels li a {min-height: 68px; font-size: 38px; text-align: left; padding: 15px 0 0 20px;}
			
		.tickets-more-info-description {position: relative; padding: 20px; background: #69a2c0; background: rgba(10,82,128,0.42); height: 317px;
			-webkit-transform-style: preserve-3d;
			-moz-transform-style: preserve-3d;
			transform-style: preserve-3d;}
			.tickets-more-info-description div {display: block; position: relative; /*
 top: 50%; -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
*/}
				.tickets-more-info-description p { margin: 0 0 15px;}
				
		.tickets_special_deals {display: inline-block; width: 100%; text-align: center; margin: 30px 0;}
			.tickets_special_deals span {display: inline-block; margin: 0 20px; vertical-align: middle;}
				.tickets_special_deals span img {display: inline-block; margin-right: 5px; vertical-align: bottom;}
				.tickets_special_deals span strong {font-weight: 400; font-size: 2em;}
				.tickets_special_deals span span {font-weight: 700; font-size: 2em; margin-top: 4px;}
			.tickets_special_deals span.special_deals_heading {font-size: 25px; width: 100%; margin: 0 0 40px;}
			.tickets_special_deals .special_deals_heading strong { font-size: 1.4em;}
	
			
#siteFooter {background: #010b1c; padding: 50px 0; text-align: center;}
	.mat-links {display: none;}
	.mailc {display: inline-block; vertical-align: middle;}
		form.akamailchimp-signup button {
			display: inline-block; vertical-align: top;
		    width: 84px;
		    height: 25px;
		    border: none;
		    font-size: .7em;
		    text-transform: uppercase;
		    letter-spacing: 1px;
		    color: #ffffff;
		    text-shadow: 1px 1px 0px black;
/* 		    background: url('library/images/foot-submit.png') no-repeat; */
		    cursor: pointer;
    }
    	form.akamailchimp-signup button:hover {
/* 			background-position: 0 -25px; */
/* 			color: #7DD3F6 */;
				}
		form.akamailchimp-signup input {
			display: inline-block; vertical-align: top;
		    font-family: "futura-pt", sans-serif;
		    font-style: normal;
		    font-weight: 400;
		    font-size: 1em;
		    padding: 2px 5px;
		    margin-right: 3px;
		    background: #172f44;
		    border:none;
		    color: white;
		}
				
	.social {display: inline-block; width: auto; vertical-align: middle; margin: 0 0 0 20px; padding:0; }
		.social a {width: 30px; margin: 0 5px;}
		
	.foot-text {display: inline-block; vertical-align: middle ; margin: 0 0 0 120px; color: #0c4181; font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; font-size: 20px;}
		.foot-text a {display: inline-block;  margin: 0 5px;}
		.foot-text a:hover {color: white;}
		
/* STORY PAGE */

	.page-story #c-container {display: block; width: 1088px; max-width: 100%; margin: 0 auto 30px; text-align: center;}
		.page-story #content {display: block; position: relative; background: none; margin: 0 auto; padding-bottom: 100px; width: 90%; max-width: 962px; font-size: 22px; color: #b6dbfd; line-height: 1.4;}
		.story-book, .page-story  .header.desktop {display:none;}
		.header-tab {display: block;}
		
/* CAST CREA PAGES */
.page-cast #c-container, .page-creative #c-container {display: block; width: 974px; max-width: 100%; margin: 0 auto 30px; text-align: center;}
	.cast-creative {display: block; width: 100%; text-align: center; font-size: 0; padding: 0; position: relative; background: transparent;}
		.cast-creative li {display: inline-block; vertical-align: top; width: 154px; height: 154px; margin: 0 8px 8px 0;}
			.cast-thumb {display: block; position: relative; height: 154px;}
				.cast-thumb h3 {display: block; position: absolute; bottom:0; margin: 0; width: 100%; text-align: center; padding: 3px 12px; color: black; background: white; background: rgba(255,255,255,0.6); text-transform: uppercase; font-size: 14px; line-height: 1;}
				.cast-thumb:hover h3 {color:white; background:#c5102a;
background: -moz-linear-gradient(top,  #851005 0%, #c5102a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #851005 0%,#c5102a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #851005 0%,#c5102a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#851005', endColorstr='#c5102a',GradientType=0 ); /* IE6-9 */}
				.cast-thumb-hover {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#c5102a;
background: -moz-linear-gradient(top,  #851005 0%, #c5102a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #851005 0%,#c5102a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #851005 0%,#c5102a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#851005', endColorstr='#c5102a',GradientType=0 ); /* IE6-9 */
}

					.cast-thumb-hover .cross {display: block; position: absolute; left: 50%; bottom: 20px; margin-left: -11px;}
					.cast-thumb-hover span {display: block; width: 100%; text-align: center; padding: 0 10px; position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); color: white; font-size: 14px;}
					
			.page-creative .crea-thumb, .cast-creative li:nth-of-type(odd) .crea-thumb {border:none;}
				.page-creative .cast-open {padding: 5px 10%; border:none;}
				
		
			.tick {display: none;}
			.cast-open { display: none; position: absolute; left: 0px; right: 8px;  width: auto; height: 316px; background-color: #629abc; background-color: rgba(10,82,128,0.42); clear: both;  overflow: hidden; padding: 5px 10px 5px 330px; font-size: 13px; font-weight: 400;}
				.cast-img {display: block; position: absolute; top: 0; left: 0; width: 316px; height: 100%; background-position: top center; background-repeat: no-repeat;}
				
			.cast-open span {display: block; position: relative; top: 48%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
			.cast-open h4 {font-size: 20px; font-weight: 400; font-style: italic; margin: 0 0 10px;}
			.cast-open, .cast-open p {line-height: 1.3;}
			.cast-open p {margin:0;}
		
		
		.cast-creative li.opened {height: 478px;}
			.cast-creative li.opened .tick {display: block; margin: 0 auto;}
			.cast-creative li.opened .cast-open {display: block;}
			.cast-creative li.opened .cast-thumb-hover {display: block;}
			
		.crea-thumb:hover {border-bottom: none; background:#c5102a;
background: -moz-linear-gradient(top,  #851005 0%, #c5102a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #851005 0%,#c5102a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #851005 0%,#c5102a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#851005', endColorstr='#c5102a',GradientType=0 ); /* IE6-9 */
}

		.page-cast #content, .page-creative #content {max-width: 648px; margin: 0 auto;}

.page-characters #c-container {display: block; width: 1504px; max-width: 100%; margin: 0 auto 30px; text-align: center;}	
	.page-characters #content {width: 96%; max-width: 1504px; margin: 0 auto;}
		.charac-unit {width: 50%; vertical-align: top;}
			.charac-text {position: absolute; width: 100%; left:0;}
		.charac-unit.opened {padding-bottom: 160px;}
		.charac-text {height: 144px;}
	.charac-text {background-color: #629abc; background-color: rgba(10,82,128,0.42); clear: both;  overflow: hidden; padding: 5px 10%; font-size: 17px; font-weight: 400;}
	.charac-text p {display: block; position: relative; margin: 0;  top: 50%; text-align: center; -webkit-transform: translateY(-50%);
				    -ms-transform: translateY(-50%);
				    transform: translateY(-50%);
				}
	/* VIDEO PAGE */
.page-video #c-container {display: block; width: 1504px; max-width: 100%; margin: 0 auto 30px; text-align: center;}	
	.page-video #content {width: 96%; max-width: 1504px; margin: 0 auto;}
		#videoList {display: inline-block; padding: 0 0 30px; margin: 0; position: relative;}
			#videoList li {display: inline-block; width: 50%;}
				#videoList li a {display: inline-block; position: relative;}
					#videoList li a h3 {display: block; position: absolute; bottom: 0; width: 100%; background: #ccc; background-color: rgba(255,255,255,0.7); font-size: 14px; margin: 0; padding: 5px 0 5px 23px; text-align: center; color: black;}
					#videoList li:hover a h3 {color: white; background:#c5102a;
background: -moz-linear-gradient(top,  #851005 0%, #c5102a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #851005 0%,#c5102a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #851005 0%,#c5102a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#851005', endColorstr='#c5102a',GradientType=0 ); /* IE6-9 */
}
					#videoList li a h3 img {display: block; position:absolute; top:50%; left:5px; width: 18px; height: 20px; margin-top: -10px;}
					.videobutton {width: 98px; height: 97px; margin: -49px 0 0 -49px;}
					
					#videoList li a h3 img.on {display: none;}
					#videoList li:hover a h3 img.off {display: none;}
					#videoList li:hover a h3 img.on {display: block;}
					
.page-buzz #c-container {margin-top: 30px;}

/* TINT */
#collectionHolder, .post-timestamp {display:none!important;}
#hypeHolderInner {margin-top:3px!important;}
.hypeTemplate_v2 .post-content {color: #e9dbe3;}
.hypeTemplate_v2.post-instagram .post-content {display:none;}
.hypeTemplate_v2.post-twitter .post-footer {margin-top: 10px; padding: 10px; background: #08304a; 
background: -moz-linear-gradient(top,  #08304a 0%, #0f4466 100%); 
background: -webkit-linear-gradient(top,  #08304a 0%,#0f4466 100%); 
background: linear-gradient(to bottom,  #08304a 0%,#0f4466 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08304a', endColorstr='#0f4466',GradientType=0 ); }


.hypeTemplate_v2:hover .post-image {opacity:0.8;}
.hypeTemplate_v2.post-twitter:hover .post-footer {background: #0f4466; background: -moz-linear-gradient(top,  #0f4466 0%, #08304a 100%); background: -webkit-linear-gradient(top,  #0f4466 0%,#08304a 100%); background: linear-gradient(to bottom,  #0f4466 0%,#08304a 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f4466', endColorstr='#08304a',GradientType=0 );}

.hypeTemplate_v2 .post-acct .names {color:white;}


#collectionHolder, .post-timestamp {display:none!important;}
#hypeHolderInner {margin-top:3px!important;}
.hypeTemplate_v2 .post-content {color: #e9dbe3;}
.hypeTemplate_v2.post-instagram .post-content {display:none;}
.hypeTemplate_v2:hover .post-image {opacity:0.8;}
.hypeTemplate_v2 .post-acct b, .hypeTemplate_v2 .post-acct .names {font-weight: bold;}

		
}

@media only screen and (min-width: 810px) {
		.page-cast #content, .page-creative #content {max-width: 810px;}
}

@media only screen and (min-width: 840px) {

.tickets_special_deals span.special_deals_heading {width: auto; margin-bottom: 0;}
	
}

@media only screen and (min-width: 900px) {
	.cast-open { font-size: 18px; }
	
}
@media only screen and (min-width: 960px) {
	
.played {
	font-size: 26px;
}
	
.tickets-more-info-descriptions {padding: 0 0 0 290px;}
	.tickets-more-info-descriptions p {line-height: 1.3;}
	.tickets-more-info-descriptions {font-size: 1.05em;}
}

@media only screen and (min-width: 972px) {
		.page-cast #content, .page-creative #content {max-width: 100%;}
}
@media only screen and (min-width: 1000px) {
#videoList li a h3 {padding: 15px 0 15px 43px; font-size: 18px; }
#videoList li a h3 img {left:5px; width: auto; height: auto; margin-top: -20px;}
}
@media only screen and (min-width: 1034px) {
body {overflow-x: hidden;}
.mobile-header { min-height: 156px;  padding: 0 35px; width: 100%; max-width: 1034px; min-height: 156px; margin: 0 auto;}
	.logo {display: block; position: absolute; top: 28px; left: 50%; margin-left: -187px; width: auto; height: auto;}
	#mob-nav ul li {height:100px;}
	#mob-nav ul li a { padding: 0 26px 50px; font-size: 24px; letter-spacing: 1px; }
		#mob-nav ul li#menu-item-522, ul li#menu-item-2703 {margin-right: 422px;}
	#mob-nav ul li ul li a {padding: 15px 22px; }
	.remove-tix #mob-nav ul li a {
		padding: 0 16px 50px;
	}
	.remove-tix #mob-nav ul li#menu-item-2685  {margin-right: 410px;}
	
	.nav-line {display: block; position: absolute; top: 114px; width: 2000px; height: 1px; max-width: 2000px;}
	.nav-line.left {left:-2000px;}
	.nav-line.right {right:-2000px;}
	
	.calendar_day { width: 127px; margin: 5px;}
}

@media only screen and (min-width: 1050px) {
.page-story {background: #07153b url('library/images/desk-story-bgd.jpg') top center no-repeat;}
	.page-story #content {display: block; position: relative; background: none; margin: 0 auto; padding-bottom: 100px; width: 100%; max-width: 872px; font-size: 22px; color: #b6dbfd; line-height: 1.4;}
	.header-tab {display: none;}
	.page-story #siteHeader {background: none;}
	.page-story  .header.desktop { display: inline-block;  margin: 70px 0 50px;}
	
}

@media only screen and (min-width: 1180px) {
	.rsc {display: block; position: absolute; top: 0; left: -72px; width: auto; height: auto; margin:0; }
		.charac-text {font-size: 22px; padding: 5px 20%; height: 173px;}
		.story-book {display: block; position: absolute; bottom: 50px; right: -370px;}
		.charac-unit.opened {padding-bottom: 190px;}
	}

@media only screen and (min-width: 1400px) {	
.played {
	font-size: 29px;
}
}