html,body {width: 100%; margin:0; padding:0;}
body {margin-top: 35px;}
img {max-width: 100%; height: auto;}
h1{font-family: "futura-pt",sans-serif; font-style: normal; font-weight: 700;font-size: 54px; color:#e6e6e6;letter-spacing: 1px; line-height: 1; text-align: center; margin:50px 0 0;height:70px;}
h1 span{display: inline-block;vertical-align: middle;}
h1 img{display: inline-block; margin-left: 15px;vertical-align: middle;}
p{font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400;color:#e6e6e6; font-size: 22px; line-height: 30px; margin:0 0 1em; letter-spacing: 1px;}
a, a:hover, a:visited {color:#fff; text-decoration: none;}
*, *:before, *:after {-moz-box-sizing: border-box;}

#topnav {width: 100%; height: 35px; background: #000; position: fixed; top:0; left: 0; z-index: 999; font-family: "futura-pt-condensed",sans-serif;
font-style: normal;
font-weight: 400; font-size: 24px; letter-spacing: 1px;}
#topnav span a{display: inline-block; padding: 2px 0 0 15px;}
#topnav span a:hover{color:#e9222d;}
.navbuytix {display: block; float: right; width: 196px; height: 43px; background: #ec1d25 url('../images/tix-buy-nav.png') center center no-repeat; border-left: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000; margin-right: 15px;
-webkit-transition: background 0.25s;
	-moz-transition: background 0.25s;
	transition: background 0.25s;
	  -webkit-transform: translateZ(0);
  transform: translateZ(0);}
.navbuytix:hover {background: #326d8f url('../images/tix-buy-nav.png') center center no-repeat;}


.mtc {display: block; float: left; width: 129px; height: 35px; background: url('../images/mtc-logo-nav.png') center center no-repeat; margin: 0 15px;}

#social {display: block; position: fixed; top: 280px; left:0; width:60px; z-index: 987;}


#social .icon {
display: inline-block !important;
cursor: pointer;
margin:0 0 10px 10px;
width: 38px !important;
height: 38px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
text-align: center;
position: relative;
z-index: 1;
color: #333333;
 background: none repeat scroll 0 0 #ec1d25;
	-webkit-transition: background 0.25s;
	-moz-transition: background 0.25s;
	transition: background 0.25s;
	  -webkit-transform: translateZ(0);
  transform: translateZ(0);

}
#social .icon:before {
  content: '';
  position: absolute;
  border: #ec1d25 solid 4px;
    -webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	padding: 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}


#social .icon:hover:before, #social .icon:focus:before, #social .icon:active:before {
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  }

  
#social .icon.facebook {background-image: url('../images/social-fb.png');}
#social .icon.twitter {background-image: url('../images/social-tw.png');}
#social .icon.youtube {background-image: url('../images/social-yt.png');}
#social .icon.insta {background-image: url('../images/social-ins.png');}

#scroll_to_top {
position: fixed;
z-index: 100;
display: none;
bottom: 20px;
right: 20px;
padding: 0;
border-radius: 10px;}

#home {position: relative; width: 100%; float: left; background: #ffffff url('../images/home-bgd.jpg') center bottom no-repeat;height:905px; overflow: hidden;}
.innerhome {position: relative; display: block; width: 100%; max-height: 820px; }
.home-quote {width: 100%; height: auto; position: absolute; bottom:-1px; display: block;}
.scrolldown {display: block; position: absolute; top:52%; right: 3%;}

.credits {display: block; width: 1022px;height:745px; margin: 0 auto; position: relative;}
.backto {display: block; width: 145px;height:145px; margin: 0 auto; position: absolute; left:0; bottom: 15px;
    line-height:50px;
    border: 6px solid #dddddd;
    border-radius: 50%;
    text-align:center;
    box-shadow: 0 0 3px gray; background:#326d8f url('../images/mtc-logo-home.png') center center no-repeat ;  
}
.backto:hover {background-color: #262626;}
.homequotes {display: block; float: right; clear: both; width: 510px; height: 82px;overflow: hidden;}
.homequotes p{display: block; width: 100%; text-align: center;font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 700;font-size: 26px; color: #326d8f; line-height: 1; padding-top: 20px;}
.homequotes p span{display: block; width: 100%; text-align: center;font-family: "futura-pt-condensed",sans-serif;
font-style: italic; font-weight: 400;font-size: 17px; letter-spacing: 1px; margin-top: 5px;}
.logo {display: block; float: right; clear: both; margin-top: 15px;}


#about {position: relative; width: 100%; float: left; background: #326d8f;}
.content {display: block; width: 1022px; margin: 0 auto;}
.content p.about2{width: 60%;}
#about .content {width: 730px; margin-bottom: 50px;}

.transborder {display: block; width: 100%; height: 4px; clear:both; background: rgba(255, 255, 255, 0.2); margin-bottom: 20px;}

.cycle-pager {display: block; width:470px;margin:0 auto; font-size: 40px; text-align: center; color:#464646; font-family: verdana,arial,'sans-serif'; line-height: 1;}
.cycle-pager span{display: inline-block;margin:0 5px;cursor: pointer; }
.cycle-pager span.cycle-pager-active {color:#ac162a;}

.quotequote {width: 65px; height: 61px; display: block; margin: -10px auto 0;}
.author {width: 100%; display: block; text-align: center; color: #fff;margin:3px 0;}

#tickets {position: relative; width: 100%; float: left; background: #333 url('../images/tix-bgd.jpg') top center no-repeat; height: 655px;overflow: hidden;}
#tickets .content { width: 1022px; background: #000000; background: rgba(0, 0, 0, 0.8); margin-top: 60px; min-height: 536px; padding: 0 25px;}
#tickets .content h1{margin-top: 0; padding-top: 10px; height: 82px;}
.tixleft {width: 300px; display: block; float: left;}
.tixbox {width: 300px; padding-left: 102px; padding-bottom: 35px; display: block;font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400;color:#e6e6e6; font-size: 20px; line-height: 1.2; letter-spacing: 1px;}
.tixbox.online { background: url('../images/icon-online.png') top left no-repeat;}
.tixbox.phone { background: url('../images/icon-phone.png') top left no-repeat; padding-bottom: 45px;}
.tixbox.boxoffice { background: url('../images/icon-inperson.png') top left no-repeat;}
.tixleft .footbuytix {margin: 0 0 20px;}
.tixbox h3{margin:0;font-family: "futura-pt",sans-serif; font-style: normal; font-weight: 700;font-size: 25px; color:#e6e6e6;letter-spacing: 1px; line-height: 1;}
.tixbox a, .tixtabcontent a{color:#e9222d;}
.tixbox span{margin: 4px 0; display: block; font-family: "futura-pt",sans-serif; font-style: normal; font-weight: 700;font-size: 15px; color:#e6e6e6; line-height: 1;}
.tixright {width: 640px; display: block; float: right; overflow: hidden;}
.tixtab {display: block; float: left; width: 210px; height: 35px; margin-right: 4px; background: #464646;font-family: "futura-pt-condensed",sans-serif;font-style: normal;font-weight: 400; color:#000; font-size: 24px; text-align: center; margin-bottom: 25px; padding-top: 4px;}
.tixtab.last {margin-right: 0;}
.tixtab:hover {cursor: pointer;}
.tixtab.selected {height: 60px; background: #ababab url('../images/tix-tab-bgd.png') bottom center no-repeat;margin-bottom: 0;}
.tixtabcontent {display: block; float: left; width: 100%; clear: both; margin-top: 10px;}
.tixtabcontent p{line-height: 1.1; font-size: 20px;}
.tixtab:last-child {margin-right: 0;}

/* STARTS CALENDAR */
.calendar_nav_holder {width: 100%;}
.per-slide-template a {font-size: 16px;}
.calendar_month {width: 254px; margin-left: 28px; margin-right: 28px;}
.ticket_calendar {max-width: 640px; width: 100%;}
.studentrush, .studentrush.tix4students, .studentrush.audience {width: 100%;}
#tickets #slideout-inner_wrapper {max-width: 100%; float: none;}

#tickets #slideout-inner_wrapper {display: block; float: left; background: url('../images/calendar-bgd.png') repeat; margin-bottom: 30px;}
.perfsched {display: block; float: left; margin:5px 0 0; text-align: center; width: 100%; font-weight: 400; font-family: "alternate-gothic-no-3-d",sans-serif;}
.phonenumbers {line-height: 23px!important;}
 
.popup_ticket_calendar {
	display: none;
	position: absolute;
	z-index: 500;
	top: 218px;
	right: 14%;
	width: 488px;
	height: 362px;
	font-style: normal;
	font-weight: 700;
	background-color: white;
	color: #3B3B3B;
}
	.popup_ticket_calendar.hidden {
		display: none;
	}
	.popup_ticket_calendar.visible {
		display: block;
	}
	#popup-close_button {
		position: absolute;
		top: 2px;
		right: 5px;
		z-index: 130;
		color: #010938;
	}
		#popup-close_button:hover {
			color: #ceecff;
		}
	.popup_ticket_calendar > div {
		display: none; border:1px solid #ccc; -webkit-box-shadow: 0px 3px 7px 0px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    0px 3px 7px 0px rgba(50, 50, 50, 0.56);
box-shadow:         0px 3px 7px 0px rgba(50, 50, 50, 0.56);
	}
	.popup_calendar_month {
		display: block;
		width: 100%;
		overflow: hidden;
	}
		.popup_calendar_month h4 { text-align: center; margin: 0 auto;	color: #000000; font-family: "alternate-gothic-no-3-d",sans-serif;font-style: normal;font-weight: 400; font-size: 26px; text-transform: uppercase;  line-height: 1;}
		.popup_prevControl, .popup_nextControl {
			position: absolute;
			top: 13px;
			width: 13px;
			height: 20px;
			background-image: url('images/lp-popup_arrows.png');
			background-repeat: no-repeat;
			zoom: 1;
			filter: alpha(opacity=100);
			opacity: 1.0;
		}
			.popup_prevControl:hover, .popup_nextControl:hover {
				filter: alpha(opacity=60);
				opacity: 0.6;
				cursor: pointer;
			}
			.popup_prevControl {
				left: 90px;
				background-position: center top;
			}
			.popup_nextControl {
				right: 90px;
				background-position: center bottom;
			}
		.popup_calendar_day {
			display: inline-block;
			width: 69px;
			height: 48px;
			vertical-align: top;
			text-align: center;
			line-height: 1;
		}
			.popup_calendar_day:nth-child(7n+1) {
				border-right: none;
			}
			.popup_calendar_header {
				height: 20px;
			}
			.popup_actual_day {
				
			}
				.popup_day_of_week {
					display: block;
				}
				.popup_day_of_month {
					display: block;
					font-family: "futura-pt-condensed", sans-serif;
					font-style: normal;
					font-weight: 700;
					font-size: 1.5em;
				}
					.popup_passed .popup_day_of_month {
						color: #babbd5;
					}
				.popup_showtime {
					display: inline;
					text-align: center;
					font-family: "futura-pt-condensed", sans-serif;
					font-style: normal;
					font-weight: 700;
					font-size: 13px; line-height: 13px; letter-spacing: 0;
				}
					.popup_showtime:nth-child(3) {
						margin-left: 0.25em;
					}
						.popup_showtime:nth-child(3):before {
							content: '& ';
						}
					.popup_passed .popup_showtime {
						color: #babbd5;
					}
					.popup_showtime a {
						text-decoration: none;
						color: #CC4606;
					}
						.popup_showtime a:hover {
							color: #F07C04;
						}
					.popup_showtime a.popup_specialoffer {
						color: #CC4606;
					}
						.popup_showtime a.popup_specialoffer:hover {
							color: #F07C04;
						}
.calendar_nav_holder {
		position: relative;
		display: block;
		width: 640px;
		margin: 0 auto;
		padding: 5px 0;
		text-align: center; background: #464646;
	}
	.per-slide-template {
		font-family: 'futura-pt', sans-serif;
		font-weight: 700;
		font-size: .875em;
		text-transform: uppercase;
	}
		.per-slide-template a {
			margin: 0 5px; color: #ababab;font-size: 28px; vertical-align: bottom; font-family: "futura-pt-condensed",sans-serif;
font-style: normal; font-weight: 700; line-height: 1; letter-spacing: 1px; padding-top: 2px;}
		.per-slide-template a.cycle-pager-active {
			 color: #ffffff;
		}
		.per-slide-template a:hover {color:#ffffff;}
		#popup-open_button {
			position: absolute;
			bottom: 6px;
			right: 0;
			width: 30px;
			height: 27px;
			margin: 0;
			background: url('images/lp-popup_calendar_button.png') center top no-repeat;
		}
			#popup-open_button:hover {
				background-position: center bottom;
			}
	.ticket_calendar {
		display: block;
		width: 640px;
		height: 122px;
		margin: 0 auto; overflow: hidden;
	}
		.nav_arrow {
			position: absolute;
			top: 33px;
			zoom: 1;
			filter: alpha(opacity=50);
			opacity: 1;
		}
			.nav_arrow:hover {
				filter: alpha(opacity=100);
				opacity: 0.6;
				cursor: pointer;
			}
			#nav_left {
				left: 5px;
			}
			#nav_right {
				right: 7px;
			}
		.ticket_calendar > div {
			display: none;
		}
		.calendar_month {
			display: block;
			white-space: nowrap;
			width: 560px;
			height: 112px;
			overflow: hidden;
			margin-left: 40px;margin-right: 40px;
		}
			.calendar_month h4 {
				text-align: center;
				font-size: 2em;
				margin: 0 auto;
			}
			.prevControl, .nextControl {
				display: inline-block;
				width: 11px;
				height: 15px;
				background-color: red;
			}
				.prevControl:hover, .nextControl:hover {
					cursor: pointer;
					background-color: pink;
				}
			.calendar_day {
				display: inline-block; vertical-align: top;
				width: 76px;
				height: 110px;
				margin: 8px 0!important;
				overflow: hidden;
				text-align: center;
				line-height: 1;font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 1;
			}
				.actual_day {
					
				}
					.day_of_week {
						display: block; font-size: 22px; letter-spacing: 1px;
						color:#ababab;
					}
					.day_of_month {
						display: block;font-size: 44px;
						color:#ababab;
					}
						.passed .day_of_week, .passed .day_of_month, .passed .showtime {
							color: #ffffff!important;
						}
					.showtime {
						display: block; font-size: 20px;
						color:#ababab; letter-spacing: 1px;
					}
						
						.showtime a {
							text-decoration: none; color:#ababab;
						}
							.showtime a:hover {
								color:#fff;
							}
			
			.calright {display: block; float: right;background: url("../images/calendar-bgd.png") repeat scroll 0 0 rgba(0, 0, 0, 0);width:350px; margin-top: 10px;}
/* ENDS CALENDAR */

#castcrea {position: relative; width: 100%; float: left; background: #000 url('../images/media-bgd.jpg') top center no-repeat; overflow: hidden; padding-bottom: 20px; min-height: 710px;}
.castcontent {display: block; width: 100%; margin:0 auto; padding: 0; position: relative;}
.thumbs-container {display: block; width: 450px; float: left;}
.cast-name {display: inline-block; width: 82px; height: 144px; margin-right: 4px; text-align: center;font-family: 'Knockout 30 A', 'Knockout 30 B'; font-weight: 400; color:#000; font-size: 14px; font-style: italic; line-height: 15px; vertical-align: top;}
.cast-name strong{ font-style: normal; font-size: 15px;}
.cast-name img {opacity: 0.7;}
.cast-name:hover img, .cast-name.hilite img {opacity:1;}
.cast-name:hover, .cast-name.hilite {color: #870003;}

.biopic {display: block; float: left; margin: 5px 15px 5px 0;}
.biolist {display: block; float: left; width: 100%; padding-left: 30px;}
/* For the Lion site only: */
.biolist {float: none; max-width: 627px; margin:0 auto;}
.biothumb {display: block;float: left; width: 174px; height: 100px; background: url('../images/bio-bgd.jpg') repeat; text-align: center; padding-top: 30px; margin: 0 24px 20px 0; position: relative; overflow: hidden;}
.biothumb.lead {display: block;float: none; width: 320px; height: auto; background: none; text-align: center; padding-top: 0; margin: 0 auto 15px; position: relative; overflow: hidden;}
#castcrea h5 {display: inline-block; font-family: "futura-pt",sans-serif; font-style: normal; font-weight: 700; font-size: 17px;line-height: 1; text-transform: uppercase; color:#111; margin: 0 0 2px; width: 100%; text-align: center;}
#castcrea h6 {display: inline-block; font-family: "futura-pt-condensed",sans-serif;font-style: normal;font-weight: 400; font-size: 18px; letter-spacing: 1px; line-height: 1.2; text-transform: none; color:#111; margin: 0;}
#castcrea h5 a, #castcrea h6 a{color:#111;}
#castcrea .lead h5 a, #castcrea .lead h6 a{color:#fff;}
#castcrea .biothumb.lead h5, #castcrea .biothumb.lead h6 {display: block; color:#fff; width: 100%; text-align: center;}
#castcrea .instant-bio h5 {font-size: 25px; color: #fff; margin-bottom: 5px; width: auto;}
#castcrea .instant-bio h6 {font-size: 22px; color: #fff; margin-left: 10px;}
.bioscreen {display: block;float: left; width: 174px; height: 100px; position: absolute; left: 0; bottom:-100px; background: rgba(35, 99, 136, 0.2);-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;    
    transition: all 0.2s linear;}
.bioscreen a{display: block; width: 100%; height: 100%;}
.biothumb:hover .bioscreen {bottom:0;}
.biothumb.lead .bioscreen {display: none;}
.biothumb.lead:hover img {opacity: 0.7;}

.instant-bio{display: block; float: left; width: 100%;background: rgba(0, 0, 0, 0.8); margin-bottom: 20px; }
.instant-bio .single-post {padding: 15px;}

.closeit {display: block; float: right; width: 20px; color:#fff;line-height: 1; padding: 0 2px; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; text-transform: none;opacity: 0.65;height: 44px;}
.closeit:hover {cursor: pointer; opacity: 1;}

.cast-bio {display: block; width: 410px; position: absolute; top:38px; left: 540px;}
.cast-bio img {border:1px solid #fff;margin-right: 12px; display: block; float: left;}
#castcrea h2 {display: block; margin:0 0 4px;font-family: 'Knockout 30 A', 'Knockout 30 B'; font-weight: 400; color:#000; font-size: 20px; font-style: italic; line-height: 20px;}
#castcrea h2 strong{ font-style: normal;color: #870003;font-weight: 400; font-size: 25px;}
.cast-bio p {display: block; margin:0 0 4px;font-family: 'Knockout 30 A', 'Knockout 30 B'; font-weight: 400; color:#000; font-size: 15px; font-style: normal; line-height: 20px;}
.cast-bio p strong{color: #870003;}
.realbio {display: block; clear: both; margin-top: 10px; float: left;}

.creacontent {display: block; width: 1017px; height: 632px; margin:20px auto 0; padding: 38px 0 0 59px; background: url('../images/cast-book.jpg')repeat; position: relative;}
.crea-container {display: block; width: 414px; float: right; position: relative; margin-right: 62px;}
.crea-container .listing_post { display: block; left: 144px; top:0; margin: 0 auto 40px; position: absolute;  width: 276px;}
.crealist { clear: both; display: block; margin-bottom: 5px; max-width: 136px;}
.creaname {display: block; font-family: 'Knockout 30 A', 'Knockout 30 B'; font-weight: 400; color:#000; font-size: 14px; font-style: italic; line-height: 15px;}
.creaname strong{ font-style: normal; font-size: 15px;}
.creaname:hover {color: #870003;}
.crea-container .scroll-pane p{color: #000;font-size: 18px;line-height: 21px;}

/* MEDIA  */
#media {position: relative; width: 100%; float: left;  background: #326d8f;overflow: hidden; padding-bottom: 70px;}
#media h1 {height: 70px;}
#media .content h2 {margin-bottom: 20px;color: #e6e6e6;}
#media .content h2 span {display: inline-block; color: #e6e6e6; font-size: 20px; letter-spacing: 1px; text-transform: none; margin: 0 10px;}
#media .content h2 span:hover {color: #ffffff; cursor: pointer;}
#media .content h2 span.active {color: #e9222d; cursor: default;}
#media .content .transborder {margin-bottom: 15px;}
#media .content.reviews .itemlinks{margin-top: 15px;}
#media .content {position:relative; width: 1022px;padding: 0 1px;}
.isotope-item { z-index: 2; width: 204px; height: 204px; display: block; position: relative; overflow: hidden;}
.isotope-item .listing_textholder {width: 100%; height: 100%; display: block; position: absolute; bottom:-100%; background: #333333; background: rgba(0, 0, 0, 0.6); padding: 5px 10px;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; opacity: 0;}
.isotope-item:hover .listing_textholder {bottom:0; opacity: 1;}
.isotope-item .listing_textholder p {font-family: "futura-pt-condensed",sans-serif;font-style: normal;font-weight: 400;color: #fff;font-size: 18px;letter-spacing: 1px;line-height: 1.2;margin:0;}
.isotope-item .listing_textholder .vid-icon {position: absolute; display: block; bottom:10px; right:10px;}
#media .content h2{text-align: center;}
#media .content h3{display: inline-block;}
.grid-block .image-link, .grid-block .popup-youtube {width: 100%; height: 100%; display: block; position: absolute; top:0; left: 0;}


/* NEWS */
    
#news {position: relative; width: 100%; float: left; background: #326d8f; height: 880px;overflow: hidden;padding-bottom: 30px; height: auto;}
#news #cycle-3 {min-height: 360px;}
#news #cycle-3 .cycle-slide,  #cycle-4 .cycle-slide,  #cycle-6 .cycle-slide { margin:0 15px 0 0; text-align: center; width: 300px!important; color:#999999; vertical-align: top; }
#news #cycle-3 .cycle-slide strong, #news #cycle-4 .cycle-slide strong, #cycle-5 .cycle-slide strong, #cycle-6 .cycle-slide strong {color:#2993d1; font-weight: 700; font-size: 18px; line-height: 22px;}
#news #cycle-3,#news #cycle-4, #news #cycle-5,#media #cycle-6 {margin: 10px auto;}
#news .content {position:relative;}
.content.reviews {margin-top: 44px;}
#news #slideshow-3, #news #slideshow-4, #slideshow-5, #slideshow-6 { width: 940px; max-width: 940px; margin: auto; margin-top: 20px; }
.itempic {width: 300px; height: 210px; position: relative; display: block;}
.itempic.reviewed {height: 120px;}
.itempic.reviewed:hover img, .itempic:hover img {opacity:0.7;}
.itempic img{-moz-box-sizing: inherit!important;}
.itemlinks {display: inline-block; width: 100%; text-align: center; margin-top: 5px;font-family: "futura-pt-condensed",sans-serif;font-style: normal;font-weight: 400; color:#fff; font-size: 18px; letter-spacing: 1px;}
.itemlinks a{display: inline-block;margin:0 4px; padding:3px 0; background:none;color:#fff; text-align:center; width: 140px; height: 26px; background: #464646;}

.newstemp {display: block; width: 300px; margin-right: 20px; float: left;}
#news #cycle-4 {min-height: 240px; margin-bottom: 0;}
#news #cycle-4 .itemcontent a{text-transform: none;}


.itemlinks a:hover{background: #b30e0e;}
.itemcontent {max-width: 300px; padding: 5px;font-family: "futura-pt",sans-serif; font-style: normal; font-weight: 700; font-size: 17px;letter-spacing: 1px;line-height: 1; text-transform: uppercase;}
.itemcontent a{color:#fff;width: 100%;display: block;white-space:normal; }
.itemcontent a span {font-family: "futura-pt-condensed",sans-serif;font-style: normal;font-weight: 400; color:#fff; font-size: 18px; letter-spacing: 1px; line-height: 1.2; text-transform: none;}
#news .cycle-prev, #media .cycle-prev {display: block;height: 38px;left: 5px;position: absolute;top: 176px; width: 24px;}
#news .cycle-next, #media .cycle-next {display: block;height: 38px;right: 15px;position: absolute;top: 176px; width: 24px;}
#news .cycle-prev:hover, #media .cycle-prev:hover {opacity: 0.6;}
#news .cycle-next:hover, #media .cycle-next:hover {opacity: 0.6;}
#news .reviews .cycle-prev, #news .reviews .cycle-next {top: 140px;}

/* Temporary 1 item News slider */
.itempic, .itemcontent, .itemlinks {margin:5px auto 0;}

/* TWEETS */
#inter3 {position: relative; width: 100%; float: left;  height: 338px; margin-top: 50px;}
#inter3 .inter3-bgd{position: absolute; top:0; width: 100%; height: 338px;}
#inter3 .cycle-slideshow, #inter3 .cycle-slideshow div {display: block; width:100%; height: 225px;}
#news #cycle-5 .cycle-slide {margin:0 15px 0 0; text-align: center; width: 100%; color:#999999; vertical-align: top;}
#inter3 .cycle-slideshow {margin: 180px 0 0 50%; height: 250px;}
#inter3 .cycle-pager span.cycle-pager-active {color:#ffffff;}
#inter3 .simplequote {text-align: center; padding: 20px 115px 0; position: relative;}
#inter3  span.author{display:block;font-family: "nimbus-sans",sans-serif;
font-style: normal;
font-weight: 700; font-size: 26px; line-height: 26px; color:#fff; text-transform: uppercase; margin-top: 35px; width: 100%; text-align: center;}
#inter3 .simplequote p{line-height: 22px;font-family: "nimbus-sans",sans-serif;
font-style: normal;
font-weight: 700; line-height: 1.3; font-size: 20px; color: #fff;}
.simplequote {width: 100%; height: 165px!important; display: block; background: #447998; color: #fff; text-align: center;}
#inter3 .quotequote {width: 58px; height: 58px; top:141px; left: 50%; z-index: 442; margin: 0 0 0 -34px;display: block; position: absolute;}
.openingquote {display: block; position: absolute; top:0; left:0;}
.closingquote {display: block; position: absolute; bottom:0; right:0;}


#inter5 {position: relative; width: 100%; float: left; background: #000 url('../images/footer-bgd.jpg') top center no-repeat; height: 410px;overflow: hidden;}
.footbuytix {display: none!important; width: 280px; height: 54px; background: #ec1d25 url('../images/buy-tickets-footer.png') center center no-repeat;  margin: 330px auto 0;	-webkit-transition: background 0.25s;
	-moz-transition: background 0.25s;
	transition: background 0.25s;
	  -webkit-transform: translateZ(0);
  transform: translateZ(0);}
.footbuytix:hover {background: #326d8f url('../images/buy-tickets-footer.png') center center no-repeat;}


#footer {position: relative; width: 100%; float: left; background:#000; height: 24px;overflow: hidden; text-align: center; padding-top: 2px;}
#footer a{font-family: 'Knockout 30 A', 'Knockout 30 B'; font-weight: 400; color:#fff; font-size: 12px; font-style:normal;}
.mobile {display: none;}

@media only screen and (max-width: 1024px) {
.credits {width: 100%;}
.logo {width:49%; height: auto;margin-right: 1%;}
}
@media only screen and (max-width: 1022px) {
.content, #about .content, #tickets .content, #media .content {width:100%; padding-left: 2%; padding-right: 2%; float: left;}
.tixleft, .tixright {float: none; margin: 0 auto;}
#tickets {height: auto;}
.isotope-item .media_vid, .isotope-item .media_img {width: 100%; height: auto;}
.grid-block { width: 24.5%;  height: auto; margin-right: 0.3%; margin-bottom:0;  position: relative; overflow: hidden;cursor: pointer;}
.biolist {padding: 0;}
.biothumb {width: 24%; margin-right: 1%;}
.bioscreen {width: 100%;}
#news #slideshow-3, #news #slideshow-4 {width: 90%;margin:0 5%;}
#news .cycle-prev, #media .cycle-prev, #news .cycle-next, #media .cycle-next {top: 224px;}
#news .reviews .cycle-prev, #news .reviews .cycle-next {top: 180px;}
#news .cycle-prev, #media .cycle-prev {left:0;}
#news .cycle-next, #media .cycle-next {right:0;}
}
@media only screen and (max-width: 768px) {
.homequotes {width: 50%; height: auto;}
}

@media only screen and (max-width: 568px) {
.desktop {display: none!important;}
.mobile {display: block;}
p {font-size: 20px; line-height: 1.2;}
h1 {font-size: 40px; margin-top: 20px;}
.navbuytix {width:100%; position: absolute; top:0; left:0;}
#topnav span {display: block; margin-top: 43px; background: #000;}
#topnav span a {padding-left: 10px; padding-bottom: 8px; font-size: 21px;}
#social {position: relative; top:0; width: 100%; height: auto; text-align: center; margin-top: 85px;}
#home, .credits {background:#fff; height:auto;}
.homequotes {width: 100%;}
.tixright {width: 100%;}
.calendar_nav_holder {width: 100%;}
.ticket_calendar {width: 100%;}
.calendar_month {width: 86%; margin: 0 7%;}
#nav_left {left: 0;}
#nav_right {right: 0;}
.tixtab {width: 32%; margin-right: 1%; font-size:20px; height: 48px; margin-bottom: 7px;}
.biothumb {width: 31%; margin-right: 2%; padding-top: 15px;}
#castcrea h5 {font-size: 13px; line-height: 1.1;}
#castcrea h6 {font-size: 16px; line-height: 1.1;}
#news .cycle-prev, #media .cycle-prev, #news .cycle-next, #media .cycle-next {top: 190px;}
#news .reviews .cycle-prev, #news .reviews .cycle-next {top: 145px;}
.biothumb.lead {width: 300px;}
.biothumb.lead img{width: 100%; height: auto;}
#inter5 {background-size: 200%; height: 150px;}
.footbuytix {margin-top: 90px;}
#news #cycle-4 .cycle-slide {width: 280px!important; margin-right: 35px;}
.itempic, .itempic img {width: 100%;}
.grid-block { width: 33%;  height: auto; margin-right: 0.1%; margin-bottom:0;  position: relative; overflow: hidden;cursor: pointer;}
.openingquote, .closingquote {width: 49px; height: 40px;}
#inter3 .simplequote {padding: 10px 55px 0;  margin-left: auto; margin-right: auto;}
#inter3 .simplequote p {font-size: 14px; line-height: 1.1;}
#inter3 span.author {font-size: 20px;}
.cycle-pager {width: 100%; font-size: 30px;}
}