html,body,h1,h2,h3,h4,p,ul,li{
	padding:0;
	margin:0;
}
img{
	display:block;
	max-width:100%;
}
body{
	font-family:'Montserrat',Arial,sans-serif;
	font-size:100%;
	line-height:1;
}
.section{
	padding-top:64px;
}

#theshow,
#reviews,
#educationpack{
	background:url(../img/pattern-orange.png) #E63312 repeat-x center top;
	color:white;
}
#booktickets,
#music{
	background:url(../img/pattern-black.png) #000000 repeat-x center top;
	color:white;
	text-align:center;
}
#gallery,
#castcreatives{
	background:url(../img/pattern-brown.png) #471104 repeat-x center top;
	color:white;
}
#header{
	background:url(../img/header-bg.gif) #000 repeat-y center top;
	color:white;
	padding:0;
}
#footer{
	min-height:200px;
	background:#000000;
	color:white;
	padding-top:64px;
}
#nav{
	background:#F1D411;
	color:#6C1C1D;
	z-index:10;
}

.border{
	height:3px;
	background:black;
}

#footer a{
	color:white;
}
#footer a:hover{
	color:#fff;
}
.outer{
	padding-top:13px;
}
.inner{
	max-width:980px;
	margin:0 auto;
	overflow:hidden; /* keeping in the floats */
	padding:0 15px 60px 15px;
}
#header .inner{
	padding:0;
}
#nav{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:57px;
}
#nav .inner{
	padding-top:0;
	padding-bottom:0;
}
#header .inner{
	max-width:1400px;
}
#nav{
	border-bottom:1px solid black;
}
.inner h2{
	color:white;
	font-size:36px;
	font-weight:300;
	line-height:1;
	text-align:center;
	margin-bottom:50px;
}
#theshow h2,
#reviews h2{
	margin-bottom:13px;
}
#booktickets h2,
#gallery h2,
#castcreatives h2{
	color:#F1D411;
}
#nav #toggle{
	display:none;
}
#nav ul li{
	list-style:none;
	float:left;
	font-family:'Oswald',Arial,sans-serif;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:28px;
	margin-right:18px;
}
#nav ul li.social{
	float:right;
	margin-right:0;
	margin-left:8px;
}
#nav ul li a{
	display:block;
	color:#6C1C1D;
	text-decoration:none;
	padding:15px 0;
}
#nav ul li a.current,
#nav ul li a:focus,
#nav ul li a:hover,
#nav ul li a:active{
	color:#000;
}
#nav ul li a img{
	height:24px;
}
@-webkit-keyframes pulse{
	to {
		-webkit-transform:scale(1.4);
		transform:scale(1.4);
	}
}
@keyframes pulse{
	to {
		-webkit-transform:scale(1.4);
		transform:scale(1.4);
	}
}
#nav ul li.home a,
#nav ul li.social a{
	display:inline-block;
	vertical-align:middle;
	-webkit-transform:perspective(1px) translateZ(0);
	transform:perspective(1px) translateZ(0);
	box-shadow:0 0 1px transparent;
}
#nav ul li.home a:hover,
#nav ul li.social a:hover{
	-webkit-animation-name:pulse;
	animation-name:pulse;
	-webkit-animation-duration:0.3s;
	animation-duration:0.3s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	animation-direction:alternate;
}
#header .inner{
	position:relative;
}
#header .headerwide{
	display:block;
}
#header .headernarrow{
	display:none;
}
#header #animation{
	position:absolute;
	top:0;
	width:110% !important;
	margin-left:-5%;
	margin-right:-5%;
}
.intro{
	margin-bottom:70px;
}
.content{
	overflow:hidden;
	background:url(../img/content-bg.png) transparent repeat-y center top;
	border-top:1px solid white;
	border-bottom:1px solid white;
	padding:17px 0 30px 0;
}
.left{
	float:left;
	max-width:47%;
}
.right{
	float:right;
	max-width:47%;
}
#theshow p{
	font-size:18px;
	line-height:1.7;
	text-align:justify;
	margin-bottom:1.7em;
}
#theshow p.pretitle,
#theshow .intro p{
	text-align:center;
	line-height:1.3;
}
#theshow p.pretitle{
	font-size:12px;
	font-weight:300;
	margin-bottom:13px;
}
#theshow .intro p span{
	display:block;
}
#theshow .intro p .jbby,
#theshow .intro p .jbmusic{
	font-size:18px;
}
#theshow .intro p .jbbased,
#theshow .intro p .jbdirected{
	font-size:15px;
}
#theshow p.smallprint{
	font-size:14px;
}

.videowrapper{
	max-width:800px;
	margin:0 auto;
}
.videobox{
	position:relative;
	padding-top:56.25%;
}
.videobox iframe{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}


.tourdateslist{
	margin-left:-15px;
	margin-right:-15px;
	overflow:hidden;
}
.tourdateslist li{
	list-style:none;
	float:left;
	width:33.3%;
	line-height:1.4;
	margin-bottom:15px;
}
.itemw.add3,
.itemw.add0{
	display:none;
}
.itemx{
	height:1px;
}
.row3,
.itemx{
	clear:left;
}
.tourdateslist li .inside{
	display:block;
	padding:0 15px 20px 15px;
}
.tourdateslist li span.date{
	padding-top:15px;
	border-top:1px solid #929292;
	padding-bottom:2px;
}
#booktickets span.date{
	color:#F1D411;
	display:block;
	font-size:18px;
}
#booktickets span.venue{
	display:block;
	font-size:18px;
}
#booktickets span.phone{
	display:block;
	font-size:16px;
	padding-top:10px;
}
#booktickets span.book{
	display:block;
	font-size:16px;
	padding:15px 0;
}
#linktoflipbook{
	text-align:center;
	margin:50px auto;
}
#booktickets span.book a,
#linktoflipbook a{
	background:#E63312;
	color:white;
	text-transform:uppercase;
	text-decoration:none;
	padding:7px 10px;
}
#linktoflipbook{
	font-size:16px;
	line-height:1.4;
}
#linktoflipbook a{
	background:#E63312;
	color:black;
	padding:2px;
	border-radius:7px;
}
#booktickets span.soon a{
	background:transparent !important;
	color:white !important;
	cursor:default;
	padding:0;
}
#booktickets span.book a,
#linktoflipbook a{
	display:inline-block;
	vertical-align:middle;
	-webkit-transform:perspective(1px) translateZ(0);
	transform:perspective(1px) translateZ(0);
	box-shadow:0 0 1px transparent;
	position:relative;
	-webkit-transition-property:color;
	transition-property:color;
	-webkit-transition-duration:0.5s;
	transition-duration:0.5s;
}
#booktickets span.book a:before,
#linktoflipbook a:before{
	content:"";
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#f1d411;
	-webkit-transform:scaleY(0);
	transform:scaleY(0);
	-webkit-transform-origin:50% 100%;
	transform-origin:50% 100%;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transition-duration:0.5s;
	transition-duration:0.5s;
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
}
#linktoflipbook a:before{
	background:#6c1c1d;
	border-radius:7px;
}
#booktickets span.book a:hover{
	color:#6c1c1d;
}
#linktoflipbook a:hover{
	color:#fff;
}
#booktickets span.book a:hover:before,
#linktoflipbook a:hover:before{
	-webkit-transform:scaleY(1);
	transform:scaleY(1);
	-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
#gallery h3{
	font-size:16px;
	font-weight:300;
	line-height:1.2;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:.5em;
}
#gallery p{
	font-size:16px;
	font-weight:300;
	line-height:1.2;
	text-align:center;
	margin-bottom:1.5em;
}
#gallery ul,
#castcreatives ul{
	list-style:none;
	font-size:14px;
	line-height:1.6;
	margin-bottom:70px;
}
#gallery a,
#castcreatives a{
	text-decoration:none;
}
#gallery span,
#castcreatives span{
	display:block;
}
#castcreatives .name{
	color:#f1d411;
	text-transform:uppercase;
}
#gallery .caption,
#castcreatives .role{
	color:#ffffff;
}
.galleryset li:hover,
.cast li:hover,
.creatives li a:hover{
	background:rgba(255,255,255,0.1);
}
.creatives li a{
	display:block;
	overflow:hidden;
}
.gallerybox,
.castbox{
	margin-left:-10px;
	margin-right:-10px;
}
.galleryset,
.cast{
	text-align:center;
	margin-top:-10px;
}
.galleryset li{
	display:inline-block;
	width:auto;
	padding:10px 10px;
	margin-bottom:0;
}
.cast li{
	display:inline-block;
	width:180px;
	padding:10px 10px;
	margin-bottom:18px;
}
.galleryset img{
	display:block;
}
.cast img{
	display:block;
	margin-bottom:20px;
}
.cast .role{
	text-transform:uppercase;
}
.creatives li{
	display:block;
	max-width:500px;
	padding:5px 0;
	border-top:1px solid #6a3e33;
	margin:0 auto;
	overflow:hidden;
}
.creatives li:first-child{
	border-top-width:0;
}
.creatives .name{
	float:left;
}
.creatives .role{
	float:right;
}

.bio img{
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}
.bio h1{
	color:#E63312;
	font-size:38px;
	font-weight:normal;
	margin-bottom:0.2em;
}
.bio h2{
	color:#471104;
	font-size:24px;
	font-weight:normal;
	margin-bottom:0.8em;
}
.bio p{
	font-size:16px;
	line-height:1.5;
	margin-bottom:1.5em;
}

#reviews div.review{
	color:#fff;
	font-weight:400;
	font-size:24px;
	/* text-transform:uppercase; */
	line-height:1.5;
	text-align:center;
	padding:29px 0 21px 0;
}
#reviews div.review p.byline{
	font-size:50%;
}
#reviews div.review a{
	color:#ffffff;
	text-decoration:underline;
}
#reviews div.review a.current,
#reviews div.review a:focus,
#reviews div.review a:hover,
#reviews div.review a:active{
	color:#ffffff;
	text-decoration:none;
}

#educationpack .right{
	width:48%;
	margin-bottom:30px;
}
#educationpack .right img{
	margin:0 auto;
}
#educationpack p{
	font-size:18px;
	line-height:1.7;
	margin-bottom:1.7em;
}
#educationpack a{
	color:#fff;
}
#educationpack p.dlbutton {
	font-size:16px;
}
#educationpack p.dlbutton a {
	background:#f1d411;
	color:#6c1c1d;
	text-transform:uppercase;
	text-decoration:none;
	padding:7px 10px;
}
#educationpack p.dlbutton a {
	display:inline-block;
	vertical-align:middle;
	-webkit-transform:perspective(1px) translateZ(0);
	transform:perspective(1px) translateZ(0);
	box-shadow:0 0 1px transparent;
	position:relative;
	-webkit-transition-property:color;
	transition-property:color;
	-webkit-transition-duration:0.5s;
	transition-duration:0.5s;
}
#educationpack p.dlbutton a:before {
	content:"";
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#6c1c1d;
	-webkit-transform:scaleY(0);
	transform:scaleY(0);
	-webkit-transform-origin:50% 100%;
	transform-origin:50% 100%;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transition-duration:0.5s;
	transition-duration:0.5s;
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
}
#educationpack p.dlbutton a:hover{
	color:#fff;
}
#educationpack p.dlbutton a:hover:before{
	-webkit-transform:scaleY(1);
	transform:scaleY(1);
	-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.fright{
	float:left;
	width:50%;
	text-align:right;
}
#footer img{
	display:inline;
}

@media (min-width:1060px){
	.gallerybox,
	.castbox{
		margin-left:-20px;
		margin-right:-20px;
	}
}
@media (max-width:1400px){
	#header{
		background:#000;
	}
	#header .inner{
		height:auto;
	}
	#header .headerwide{
		display:block;
	}
}
@media (max-width:1040px){
	#header{
		padding-top:30px;
	}
}
@media (max-width:960px){
	#nav ul li{
		font-size:16px;
		margin-right:14px;
	}
}
@media (max-width:865px){
	#nav ul li{
		font-size:15px;
		margin-right:12px;
	}
}
@media (max-width:800px){
	#nav ul li{
		font-size:14px;
		margin-right:10px;
	}
	.tourdateslist li{
		width:50%;
	}
	.row3{
		clear:none;
	}
	.row2{
		clear:left;
	}
	.itemv,
	.itemz{
		display:none;
	}
	.itemw.add2,
	.itemw.add4{
		display:none;
	}
	.itemw.add3{
		display:block;
	}
}
@media (max-width:650px){
	.inner{
		padding-left:10px;
		padding-right:10px;
	}
	.content{
		background:transparent;
	}
	.left,
	.right{
		float:none;
		max-width:490px;
		margin:0 auto;
	}
}
@media (max-width:580px){
	#header{
	    overflow:hidden;
	    padding-top:60px;
	}
	#header .headernarrow{
		display:block;
	}
	#header .headerwide{
		display:none;
	}
}
@media (max-width:460px){
	.tourdateslist li{
		width:100%;
		text-align:center;
	}
	.itemv,
	.itemw,
	.itemy,
	.itemz{
		display:none !important;
	}
}
@media (max-width:750px){
	#nav{
		height:42px;
		padding:10px 0;
	}
	#nav #toggle{
		display:block;
		float:left;
		width:36px;
		padding-top:30px;
		background:url(../img/menu.png) transparent repeat-x 0 9px;
		height:20px;
	}
	#nav #toggle span{
		display:block;
		color:#6C1C1D;
		font-size:12px;
		letter-spacing:0px;
		line-height:1;
	}
	#nav ul{
		display:none;
	}
	#nav.toggled-on{
		height:auto;
	}
	#nav.toggled-on ul{
		display:block;
	}
	#nav ul li{
		clear:right;
		float:right;
		margin:0;
	}
	#nav ul li.social1{
		margin-left:8px;
	}
	#nav ul li.social2{
		clear:none;
	}
	#nav ul li a{
		padding:4px 0;
	}
	#nav ul li{
		font-size:18px;
	}
	#nav ul li.home img,
	#nav ul li.social img{
		height:28px;
	}
}