/*
		██████  ███████ ███████ ███████ ████████
		██   ██ ██	  ██	  ██		 ██
		██████  █████   ███████ █████	  ██
		██   ██ ██		   ██ ██		 ██
		██   ██ ███████ ███████ ███████	██
	*/

	body{
		padding:0;
		margin:0;
		-webkit-text-size-adjust:none;
	}

	h1, h2, h3, h4, h5, h6, p, pre{
		padding:0;
		margin:0;
		line-height: inherit;
		white-space: normal;
		display: block;
		font-weight: inherit;
		font: inherit;
		vertical-align: baseline;
	}

	a, a:link, a:visited, a:hover, a:active{
		text-decoration: none;
		color: inherit;
	}

	p a,
	p a:link,
	p a:visited,
	p a:hover,
	p a:active{
		/* color: #1d9bd8 */
	}

	p a:hover,
	footer a:hover,
	.txt-underline{
		text-decoration: underline!important;
	}

	a[id^='anchor-']:hover,
	#tickets #times .day .slot,
	a[href].button:hover,
	a[href] .button:hover,
	.button a[href]:hover,
	a[href]:hover .button,
	.button:hover a[href]{
		text-decoration: none!important
	}

	a[href]:hover{
		text-decoration: underline!important
	}

	a img{
		border: inherit;
	}

	input, textarea,
	input:active, textarea:active,
	input:focus, textarea:focus,
	input:hover, textarea:hover,
	select{
		border:none;
		outline:none;
		background: none;
		border-radius: 0;
		-webkit-border-radius:0;
		-mos-border-radius:0;
		-o-border-radius:0;
		-ms-border-radius:0;
		padding:10px;
		-webkit-appearance: none;
	    -moz-appearance: none;
	    -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
	}

	select::-ms-expand {
	    display: none;
	}

	select option,
	select option:disabled,
	select option:invalid {
	    color:#000
	}

	/*
		 ██████  ███████ ███	██ ███████ ██████  ██  ██████
		██	   ██	  ████   ██ ██	  ██   ██ ██ ██
		██   ███ █████   ██ ██  ██ █████   ██████  ██ ██
		██	██ ██	  ██  ██ ██ ██	  ██   ██ ██ ██
		 ██████  ███████ ██   ████ ███████ ██   ██ ██  ██████
	*/

	table{
		border-collapse: collapse;
		width:100%;
		margin-top: 10px;
		word-wrap:break-word;
		border-color:rgb(29,113,184);
		border:1px solid rgb(29,113,184)
	}

	table p{
		padding: 0;
	}

	table p + p{
		padding: 10px 0 0 0;
	}

	table tr td,
	table tr th{
		padding:7px 10px;
		box-sizing: border-box;
		vertical-align: middle;
	}

	table tr th{
		background: rgb(29,113,184);
		color: #fff;
	}

	.table{
		display: table;
		width:100%;
		border-collapse: collapse;
	}

	.table-row{
		display: table-row;
	}

	.table-cell{
		display: table-cell;
		vertical-align: middle;
	}

	.clear{
		clear:both;
	}

	span.clear{
		display: block;
		clear:both;
		height: 1px;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
	}

	.hide{
		display: none;
	}

	.hidden-field{
		width: 1px!important;
		padding: 0!important;
		margin: 0!important;
		height: 1px!important;
		opacity: 0.01!important;
		border: none!important
	}

	.noSelect{
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.right {
		float: right;
	}
	.left {
		float: left;
	}

	.txt-right{
		text-align: right;
	}

	.txt-left{
		text-align: left;
	}

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

	img.centered{
		vertical-align: middle;
	}

	img.fit-image{
		max-width: 100%;
		height: auto!important;
	}

	.img-container img{
		display: block;
		height: auto!important;
		max-width: 100%;
		image-rendering: -webkit-optimize-contrast;
	}

	.img-container p{
		padding: 0!important;
		margin: 0!important
	}

	.opt-contrast img{
		image-rendering: -webkit-optimize-contrast;
	}

	.zero-font{
		font-size: 0;
		line-height: 0;
	}

	.relative{
		position: relative;
	}

	.borderBox{
		box-sizing: border-box;
	}

	.width100{
		width: 100%;
	}

	.width90{
		width: 90%;
	}

	.width80{
		width: 80%;
	}

	.width75{
		width: 75%;
	}

	.width70{
		width:70%;
	}

	.width66{
		width: 66.666%;
	}

	.width60{
		width: 60%;
	}

	.width55{
		width: 55%;
	}

	.width50{
		width: 50%;
	}

	.width48{
		width: 48%;
	}

	.width45{
		width: 45%;
	}

	.width40{
		width: 40%;
	}

	.width33{
		width: 33.333%;
	}

	.width35{
		width:35%;
	}

	.width30{
		width:30%;
	}

	.width25{
		width: 25%;
	}

	.width20{
		width: 20%;
	}

	.width16{
		width: 16.666%;
	}

	.width10{
		width: 10%;
	}

	.width5{
		width: 5%
	}

	.width772{
		width: 772px;
		max-width: 100%;
	}

	.width364{
		width: 364px;
		max-width: 100%;
	}

	.buffer{
		padding: 20px 0;
	}

	.padd10h{
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}

	.padd20{
		padding: 20px;
		box-sizing: border-box;
	}

	.padd40{
		padding: 40px;
		box-sizing: border-box;
	}

	.padd20h{
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}

	.padd40h{
		padding-left: 40px;
		padding-right: 40px;
		box-sizing: border-box;
	}

	.margin20{
		margin-left: 20px;
		margin-right: 20px;
	}

	/*
		███████ ██████  ███████  ██████ ██ ███████ ██  ██████ ███████
		██	  ██   ██ ██	  ██	  ██ ██	  ██ ██	  ██
		███████ ██████  █████   ██	  ██ █████   ██ ██	  ███████
			 ██ ██	  ██	  ██	  ██ ██	  ██ ██		   ██
		███████ ██	  ███████  ██████ ██ ██	  ██  ██████ ███████
	*/

	html{
		background: #ddd;
	}

	body{
		font-size: 14px;
		line-height: 19px;
		font-weight: 500;
		visibility: visible!important;
		color: #000;
		background: #fff;
	}

	h1{
		font-size: 42px;
		line-height: 51px;
	}

	h2{
		font-size: 52px;
		line-height: 62px;
	}

	h3{
		font-size: 42px;
		line-height: 51px;
	}

	h4{
		font-size: 29px;
		line-height: 35px;
	}

	h5{
		font-size: 22px;
		line-height: 26px;
	}

	h6{
		font-size: 18px;
		line-height: 22px;
	}

	.padded h1,
	.padded h2,
	.padded h3,
	.padded h4,
	.padded h5,
	.padded h6{
		padding-bottom:13px;
	}

	p{
		padding:0 0 10px 0
	}

	hr{
		background: rgb(29,113,184);
		margin: 10px 0;
		height: 1px;
		border: none;
		padding: 0;
		outline: none
	}

	sup{
		vertical-align: super;
		font-size: 12px;
	}

	sub{
		font-size: 12px;
	    vertical-align: sub;
	    line-height: 4px;
	}

	small,
	.small{
		font-size: 12px;
		line-height: inherit;
	}

	h3 small{
		font-size: 39px;
		line-height: inherit;
	}

	h6 small,
	h6 .small{
		font-size: 15px;
		line-height: inherit;
	}

	ul,
	ol{
		margin:5px 0 15px 0;
		padding:0 0 0 25px;
	}

	ul li,
	ol li{
		padding: 2px 0 0 0;
	}

	ul li ul,
	ul li ol,
	ol li ol,
	ol li ul{
	    margin: 5px 0;
	}

	main p a,
	main p a:link,
	main p a:visited,
	main p a:hover,
	main p a:active{
	}

	input, textarea,
	input:active, textarea:active,
	input:focus, textarea:focus,
	input:hover, textarea:hover,
	select,
	.submit{
		padding: 5px 40px 5px 15px;
		border: 1px solid #1d9bd8;
		height: 34px;
		background: none;
		font-size: 12px;
		line-height: 24px;
		box-sizing: border-box;
		display: block;
		width: auto;
		resize: none;
		font-family: 'Montserrat', sans-serif;
		color: #fff;
		margin: 0 0 0 10px;
		font-weight: 600
	}

	form#Contact_Form textarea{
		background: #fff!important;
		color: #000!important
	}

	select.txt-white{
		border: 1px solid #fff;
	}

	input[type="date"]{
		padding: 5px 5px 5px 15px;
		background:url(../images/arrow-blue-down.png?v=0.87) no-repeat 100% 50%;
	}

	input[type="text"],
	input[type="email"],
	select.dropdown,
	select.dropdown:hover,
	select.dropdown:active{
		border:none;
		color:#1d9bd8;
		border-bottom: 1px solid #1d9bd8;
		width: 100%;
		margin: 5px 0;
		font-size: 18px;
		font-weight: 600;
		padding: 5px 0px;
	}

	.whats-on select {
	    width: 121px;
	}

	#eventDateRange{
		width: 194px;
	    padding: 5px 5px 5px 15px;
	    border: 1px solid #1d9bd8;
	    font-size: 12px;
	    color: #fff;
	    margin: 26px 0 0 10px;
	    font-weight: 600;
	}

	input[type="text"],
	input[type="email"]{
		color:#ffffff;
	}

	.bg-paleblue2 input[type="text"],
	.bg-paleblue2 input[type="email"],
	.bg-white input[type="text"],
	.bg-white input[type="email"]{
		color:rgb(29,113,184)!important
	}

	input[type="text"]::-webkit-input-placeholder{
		color:#1d9bd8;
	}

	input[type="text"]::-moz-placeholder {
		color:#1d9bd8;
	}

	input[type="text"]:-ms-input-placeholder {
		color:#1d9bd8;
	}

	input[type="text"]:-moz-placeholder {
		color:#1d9bd8;
	}

	input[type="email"]::-webkit-input-placeholder{
		color:#1d9bd8;
	}

	input[type="email"]::-moz-placeholder {
		color:#1d9bd8;
	}

	input[type="email"]:-ms-input-placeholder {
		color:#1d9bd8;
	}

	input[type="email"]:-moz-placeholder {
		color:#1d9bd8;
	}

	#eventDateRange::-webkit-input-placeholder{
		color:#fff;
	}

	#eventDateRange::-moz-placeholder {
		color:#fff;
	}

	#eventDateRange:-ms-input-placeholder {
		color:#fff;
	}

	#eventDateRange:-moz-placeholder {
		color:#fff;
	}

	form.txt-white input[type="text"],
	form.txt-white input[type="email"],
	form.txt-white select.dropdown,
	form.txt-white select.dropdown:hover,
	form.txt-white select.dropdown:active{
		border:none;
		color:#fff;
		border-bottom: 1px solid #fff;
		width: 100%;
		margin: 5px 0;
		font-size: 18px;
		font-weight: 600;
		padding: 5px 0px;
	}

	form.txt-white .submit{
		border: 1px solid #fff;
	}

	form.txt-white .submit:hover{
		background: #fff;
		color: #000
	}

	form.txt-white input[type="text"]::-webkit-input-placeholder {
		color:#fff;
	}

	form.txt-white input[type="text"]::-moz-placeholder {
		color:#fff;
	}

	form.txt-white input[type="text"]:-ms-input-placeholder {
		color:#fff;
	}

	form.txt-white input[type="text"]:-moz-placeholder {
		color:#fff;
	}

	form.txt-white input[type="email"]::-webkit-input-placeholder {
		color:#fff;
	}

	form.txt-white input[type="email"]::-moz-placeholder {
		color:#fff;
	}

	form.txt-white input[type="email"]:-ms-input-placeholder {
		color:#fff;
	}

	form.txt-white input[type="email"]:-moz-placeholder {
		color:#fff;
	}

	.submit{
		padding: 5px 15px;
		position: relative;
	}

	select{
		background:url(../images/arrow-blue-down.png?v=0.87) no-repeat 100% 50%;
	}

	select:hover,
	input[type="date"]:hover,
	.submit:hover{
		border-color:#fff;
		cursor: pointer;
	}

	input[type="checkbox"],
	input[type="radio"]{
		width: 18px;
	    height: 18px;
	    margin: 0;
		border:none;
		outline:1px solid #fff;
	    padding: 0;
	    display: inline-block;
	    background: none;
	    vertical-align: middle;
	    -webkit-appearance: checkbox;
	    -moz-appearance: checkbox;
	    appearance: checkbox;
	}

	input[type="submit"]{
		opacity: 0.01!important;
		position: absolute!important;
		width: 1px!important;
		height: 1px!important;
		border: none!important;
		padding: 0!important;
		margin: 0!important;
	}

	textarea,
	textarea:active,
	textarea:focus,
	textarea:hover{
		height: auto;
		min-height: 130px;
		display: block;
		width: 100%;
		margin: 10px 0;
	}

	blockquote {
	}

	blockquote::before,
	blockquote::after{
		content:'"';
	}

	label{
	}

	strong,
	.strong{
		font-weight: 700;
	}

	.semi-bold{
		font-weight: 600;
	}

	.weak{
		font-weight:300;
	}

	.font-montserrat{
		font-family: 'Montserrat', sans-serif;
	}


	.txt-black,
	a.txt-black{
		color: #000!important;
	}

	.txt-grey,
	a.txt-grey{
		color: rgb(102,102,102)!important
	}

	.txt-blue,
	a.txt-blue{
		color: rgb(29,113,184)!important
	}

	.txt-blue2,
	a.txt-blue2{
		color:#1d9bd8!important
	}

	.txt-paleblue,
	a.txt-paleblue{
		color: rgb(179,194,229)!important
	}

	.txt-darkblue,
	a.txt-darkblue{
		color: rgb(1,46,100)!important
	}

	.txt-white,
	a.txt-white{
		color: #fff!important;
	}

	.txt-orange,
	a.txt-orange{
		color: rgb(228,160,13)!important
	}

	.txt-yellow,
	a.txt-yellow{
		color: rgb(255,187,0)!important
	}

	.txt-paleyellow,
	a.txt-paleyellow{
		color: rgb(255,237,140)!important
	}

	.txt-good,
	a.txt-good{
		color: #4eae33!important
	}

	.txt-limited,
	a.txt-limited{
		color: #e48f19!important
	}

	.txt-lastfew,
	a.txt-lastfew{
		color: #c43d00!important
	}

	.txt-teal,
	a.txt-teal{
		color: #00898c!important;
	}

	.txt-purple,
	a.txt-purple{
		color: #4f5cd6!important;
	}

	.txt-darkorange,
	a.txt-darkorange{
		color: #e47e19!important;
	}

	.txt-pink,
	a.txt-pink{
		color: #d95c84!important;
	}

	.txt-red,
	a.txt-red{
		color:#aa0000!important
	}

	.txt-redRatz,
	a.txt-redRatz{
		color:#cd1719!important
	}

	.txt-purpleKLSD,
	a.txt-purpleKLSD{
		color:#7b2182!important
	}

	.border-redRatz{
		border:2px solid #cd1719;
		box-sizing: border-box;
	}

	.border-purpleKLSD{
		border:2px solid #7b2182;
		box-sizing: border-box;
	}

	.txt-uppercase{
		text-transform: uppercase;
	}

	.bg-black{
		background: #000;
	}

	.bg-white{
		background: #fff
	}

	.bg-white-70{
		background: rgba(255,255,255,0.7)
	}

	.bg-darkblue{
		background: rgb(1,46,100)
	}

	.bg-darkblue-60{
		background: rgba(1,46,100,0.8)
	}

	.bg-blue{
		background: rgb(29,113,184)
	}

	.bg-blue2{
		background:#1d9bd8;
	}

	.bg-paleblue{
		background: rgb(179,194,229);
	}

	.bg-paleblue2{
		background: rgb(228,234,246);
	}

	.bg-paleblue3{
		background: rgb(237,244,249);
	}

	.bg-orange{
		background: rgb(228,160,13);
	}

	.bg-teal{
		background: #00898c;
	}

	.bg-darkteal{
		background: #005c58;
	}

	.bg-purple{
		background: #4f5cd6;
	}

	.bg-darkorange{
		background: #e47e19;
	}

	.bg-pink{
		background: #d95c84;
	}

	.bg-red{
		background: #aa0000
	}

	.bg-red2{
		background: #c22f12
	}

	.bg-redRatz{
		background: #cd1719;
	}

	.bg-purpleKLSD{
		background: #7b2182;
	}

	.bg-blue-grad-right{
		background: rgb(1,46,100);
		background-image: linear-gradient(to right, transparent 30%, rgb(29,113,184));
	}

	.bg-blue-grad-left{
		background: rgb(1,46,100);
		background-image: linear-gradient(to left, transparent 30%, rgb(29,113,184));
	}

	.bg-blue-grad-down{
		background: rgb(1,46,100);
		background-image: linear-gradient(to bottom, transparent 30%, rgb(29,113,184));
	}

	.bg-grad-paleblue-white-paleblue{
		background: #fff;
		background-image: linear-gradient(to right, rgb(228,234,246), transparent, transparent, rgb(228,234,246));
	}

	.bg-plum{
		background: rgb(82,13,70)
	}

	.bg-green{
		background: rgb(78,128,35)
	}

	.bg-good{
		background: #4eae33
	}

	.bg-limited{
		background: #e48f19
	}

	.bg-lastfew{
		background: #c43d00
	}

	.bg-magenta{
		background: #7e1771
	}

	.sprite{
		display: inline-block;
		width: 40px;
		height: 40px;
		background: url(../images/svg-fallback/sprites.png?v=0.87) 0 0 no-repeat;
	    background: linear-gradient(transparent, transparent), url(../images/sprites.svg?v=0.87) 0 0 no-repeat;
		background-size: 440px 120px;
	    vertical-align: middle;
	}

	.sprite.facebook-blue{
		background-position: 0 0;
	}

	.sprite.twitter-blue{
		background-position: -40px 0;
	}

	.sprite.instagram-blue{
		background-position: 0 -80px;
	}

	.sprite.search-blue{
		background-position: -80px 0;
	}

	.sprite.contact-blue{
		background-position: -120px -80px;
	}

	.sprite.login{
		background-position: -120px 0;
	}

	.sprite.menu{
		background-position: -160px 0;
	}

	.sprite.arrow-down-blue{
		background-position: -200px 0;
	}

	.sprite.arrow-up-white{
		background-position: -240px 0;
	}

	.sprite.star-gold{
		background-position: -280px 0;
	}

	.sprite.cross-darkblue{
		background-position: -320px 0;
	}

	.sprite.star-red{
		background-position: -360px 0;
	}

	.sprite.cross-orange{
		background-position: -400px 0;
	}

	.sprite.facebook-white{
		background-position: 0 -40px;
	}

	.sprite.twitter-white{
		background-position: -40px -40px;
	}

	.sprite.instagram-white{
		background-position: -40px -80px;
	}

	.sprite.facebook-paleblue{
		background-position: -80px -40px;
	}

	.sprite.twitter-paleblue{
		background-position: -120px -40px;
	}

	.sprite.instagram-paleblue{
		background-position: -80px -80px;
	}

	.sprite.link-paleblue{
		background-position: -160px -40px;
	}

	.sprite.cross-white{
		background-position: -200px -40px;
	}

	.sprite.cast{
		background-position: -240px -40px;
	}

	.sprite.arrowsmall-right-paleblue{
		background-position: -280px -40px;
	}

	.sprite.arrow-right-paleblue{
		background-position: -320px -40px;
	}

	.sprite.arrow-left-paleblue{
		background-position: -360px -40px;
	}

	.ball{
		width: 12px;
		height: 12px;
		border-radius: 12px;
		display: inline-block;
	    vertical-align: middle;
		margin: 0 0 0 10px;
	}

	.button{
		border:1px solid #fff;
		padding: 5px 10px;
		display: inline-block;
		text-align: center;
	}

	.button.hide{
		display: none;
	}

	.block,
	.button.block{
		display: block;
	}

	.block-center{
		margin: 0 auto;
	}

	.button.bg-white{
		border:1px solid rgb(29,113,184);
	}

	.button.button2{
		display: block;
		padding: 12px 15px;
	}

	.button:hover{
		background: #fff;
		color: rgb(29,113,184)!important;
		text-decoration: none!important
	}

	.button.bg-orange:hover,
	.button.bg-white:hover,
	.button.bg-teal:hover,
	.button.bg-darkorange:hover,
	.button.bg-pink:hover,
	.button.bg-purple:hover,
	.whats-on .submit{
		background: rgb(29,113,184);
		color:#fff!important;
	}

	.whats-on .submit{
		border: 1px solid #fff!important
	}

	.button.bg-blue:hover,
	.button.bg-darkblue:hover,
	.button.bg-red:hover,
	.whats-on .submit:hover,
	.button.button2.bg-blue.txt-white.grad:hover{
		background: rgb(228,160,13);
		background: linear-gradient(to bottom, rgb(228,160,13), rgb(228,143,25));
		color:#fff!important;
	}

	.button.bg-darkblue-60:hover{
		background: rgba(1,46,100,0.8);
		color:#fff!important;
	}

	.button.txt-darkblue,
	.txt-darkblue .button{
		border:1px solid rgb(1,46,100);
	}

	.bg-orange.button{
		background: linear-gradient(to bottom, rgb(228,160,13), rgb(228,143,25))
	}

	.bg-teal.button {
	    background: linear-gradient(to right, #00898c, rgb(0,92,88));
	}

	#become-angles-member .bg-orange.button{
		background: linear-gradient(to right, rgb(228,160,13), rgb(228,143,25))
	}

	#throughToTickets{
		margin-left: 15px;
	}

	.bg-blue.button.grad,
	#portal .bg-blue.button{
		background: linear-gradient(to right, rgb(115,181,204), rgb(29,113,184))
	}

	#contact-box .bg-darkblue.button,
	#located .bg-darkblue.button{
		background: linear-gradient(to bottom, rgb(1,46,100), rgb(29,113,184))
	}

	.event-medium .button,
	#become-angles-member .button.bg-orange,
	#register-your-interest .button,
	#register-your-interest .submit,
	#projects .submit{
		border:none!important
	}

	#newsletter2 .button,
	#newsletter2 .submit,
	#Contact_Form .submit{
		border:1px solid #fff
	}

	.column-2{
		columns: 21
	}

	.column-3{
		columns: 3
	}

	.column-4{
		columns: 4
	}

	header #closeHamburger{
		position: absolute;
		top:30px;
		right:30px;
	}

	#headerdummy{
		height: 118px;
	}

	header{
		height: 118px;
		position: fixed;
		top:0;
		left: 0;
		width: 100%;
		z-index: 10;
		box-sizing: border-box;
		background: #fff;
		padding: 25px 35px 45px 35px;
		box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
	}

	header a:hover,
	footer a:hover{
		opacity: 0.6;
	}

	header > a > em.sprite{
		margin: 0 10px
	}

	footer a > em.sprite{
		margin: 0 5px
	}

	header #logo img{
		width: 578px;
		display: block;
		height: auto;
		position: absolute;
		z-index: 2;
		left: 50%;
		top:60px;
		margin: 0 0 0 -289px;
	}

	header #logo,
	header #logo:hover{
		opacity: 1!important
	}

	header nav{
		display: none;
		position: absolute;
	    top: 100%;
	    left: 0;
	    width: 100%;
		padding: 50px;
		box-sizing: border-box;
		box-shadow: 0px 5px 5px rgb(0,0,0,0.6), inset 0px 10px 5px -5px rgb(0,0,0,0.6);
		font-weight: 700;
	}

	header nav.active{
		display: block;
	}

	header nav ul,
	header nav ul li{
		display: block;
		padding: 0;
		margin: 0;
		box-sizing: border-box;
	}

	header nav > ul{
		font-size: 16px;
		line-height: 21px;
		padding: 0 20px 0 20px;
	}

	header nav > ul > li{
		padding: 0 0 15px 0;
	}

	header nav > ul > li > ul{
		font-size: 14px;
		font-weight: 500;
		color: rgb(179,194,229);
		color: rgb(222 227 238)
	}

	header #searchBar{
		display: none;
		right: 0;
	    height: 40px;
	    padding: 3px 3px 3px 15px;
	    bottom: 1px;
	    position: absolute;
	    box-sizing: border-box;
		outline:1px solid #fff;
		z-index: 1
	}

	header #searchBar.active{
		display: block
	}

	header #searchBar input{
		margin: 0 5px 0 0;
	    width: 215px;
	}

	header #searchBar input[type="text"]{
		font-weight:500;
		font-size:14px;
		color:#fff;
		border:none;
	}

	header #searchBar input[type="text"]::-webkit-input-placeholder {
		font-weight:500;
		font-size:14px;
		color:rgba(255,255,255,0.6);
	}

	header #searchBar input[type="text"]::-moz-placeholder {
		font-weight:500;
		font-size:14px;
		color:rgba(255,255,255,0.6);
	}

	header #searchBar input[type="text"]:-ms-input-placeholder {
		font-weight:500;
		font-size:14px;
		color:rgba(255,255,255,0.6);
	}

	header #searchBar input[type="text"]:-moz-placeholder {
		font-weight:500;
		font-size:14px;
		color:rgba(255,255,255,0.6);
	}

	/* header nav ul li a:hover,
	header nav ul li.selected a{
	} */

	.mob-only-930{
		display: none!important;
	}

	.desktop-only-930{
		display: block!important
	}

	.mob-only-930-inline-block{
		display: none!important;
	}

	.desktop-only-930-inline-block{
		display: inline-block!important
	}

	.mob-only-820{
		display: none!important;
	}

	.desktop-only-820{
		display: block!important
	}

	.mob-only-820-inline-block{
		display: none!important;
	}

	.desktop-only-820-inline-block{
		display: inline-block!important
	}

	.mob-only{
		display: none!important;
	}

	.desktop-only{
		display: block!important
	}

	.mob-only-inline-block{
		display: none!important;
	}

	.desktop-only-inline-block{
		display: inline-block!important
	}

	.mob-only-620{
		display: none!important;
	}

	.desktop-only-620{
		display: block!important
	}

	.mob-only-620-inline-block{
		display: none!important;
	}

	.desktop-only-620-inline-block{
		display: inline-block!important
	}

	#hero{
		overflow: hidden;
	}

	#hero.auto{
		max-height: 280px
	}

	#hero.event-hero{
		max-height: 480px
	}

	#hero > img{
		width: 100%;
		height: auto;
		display: block
	}

	#hero.large > a > img,
	#hero.large > img{
		width: 100%;
		height: auto;
		display: block;
	}

	#hero .overlay{
		position: absolute;
		z-index: 2;
		bottom:0;
		height: 70px;
		width: 100%;
		background: rgba(0,27,39,0.75);
	}

	#hero .overlay .table{
		height: 70px
	}

	#hero .overlay .table .table-row .table-cell{
		box-sizing: border-box;
		padding: 0 50px;
	}

	#hero .glass{
		height: 160px;
		width: 100%;
		position: absolute;
		z-index: 2;
		left: 0;
		bottom:0;
		background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.9) 60%);
	}

	.subnav h6{
		padding: 19px 40px;
		display: inline-block;
		box-sizing: border-box;
	}

	.wrapper-1220{
		max-width: 100%;
		width: 1240px;
		margin: 0 auto;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.whats-on{
		padding: 50px 0 200px 0
	}

	.whats-on input,
	.whats-on select,
	.whats-on .submit{
		margin-top:26px;
	}

	.whats-on .button{
		margin: 28px 0 0 10px;
	}

	#hero .whats-on{
		position: absolute;
		bottom:0;
		width: 100%;
		padding: 0 0 35px 0;
		z-index: 3;
	}

	.event-small-section{
		margin: -165px 0 0 0
	}

	.event-section{
		padding: 50px 0 15px 0;
		background-image: linear-gradient(to bottom, rgb(179,194,229), transparent);
		background-size: 100% 280px;
		background-repeat: no-repeat;
		background-position: 0 120px;
	}

	.blue-fade-to-white-solid{
		background-image: linear-gradient(to bottom, transparent, rgb(179,194,229));
	    background-size: 100% 280px;
	    background-repeat: no-repeat;
	    background-position: 0 calc(100% - 65px);
	}

	.white-solid-to-blue-fade{
		background-image: linear-gradient(to bottom, rgb(179,194,229), transparent);
	    background-size: 100% 280px;
	    background-repeat: no-repeat;
	    background-position: 0 0;
	}

	.blue-fade{
		background-image: linear-gradient(to bottom, rgb(228,234,246), rgb(228,234,246));
	    background-size: 100% 280px;
	    background-repeat: no-repeat;
	    background-position: 0 0;
	}

	#documents{
		margin-top: -50px;
	}

	.event-small,
	.post-small,
	.role,
	.document{
		display: inline-block;
		margin: 0 20px 55px 20px;
		vertical-align: top;
	}

	.document{
		border:1px solid rgb(1,46,100);
		background-image: url(../images/document-bg-2.png?v=0.87);
		background-position: 100% 0;
		background-repeat: no-repeat;
		margin: 0 20px 30px 20px;
	}

	.event-small .image,
	.post-small .image,
	.role .image{
		width: 100%;
		height: 236px;
		overflow: hidden;
		position: relative;
		background: #000;
		display: block;
	}

	.post-small .image,
	.role .image{
		height: 155px;
	}

	.event-small .image img,
	.post-small .image img,
	.role .image img{
		width: 100%;
		height: auto;
		display: block;
	}

	.event-small .image .genre{
		position: absolute;
		bottom:0;
		right:0;
		z-index: 4;
		width: 85px;
		padding: 10px;
		font-size: 13px;
    	line-height: 20px;
	}

	.event-small .image svg{
		position: absolute;
		top:60px;
		right:0;
		z-index: 3;
		height: 100%;
		width: auto;
		opacity: 0.9;
	}

	svg *{
		fill:transparent;
	}

	svg .genre-Panto{
		fill:#aa0000;
	}

	svg .genre-Musical{
		fill:#ffbb00;
	}

	svg .genre-Comedy{
		fill:#009a88;
	}

	svg .genre-Youth{
		fill:#ff7d00;
	}

	svg .genre-Live-Music{
		fill:#af48c9;
	}

	svg .genre-Drama{
		fill:#4eaa00;
	}

	svg .genre-Theatre-Classes{
		fill:#eb7d7d;
	}

	svg .genre-Dance-Classes{
		fill:#3db9de
	}

	.event-small .image .title,
	.role .image .title{
		position: absolute;
		bottom:15px;
		left: 15px;
		width: 200px;
		z-index: 3;
	}

	.event-small .image .glass,
	.post-small .image .glass,
	.role .image .glass{
		position: absolute;
		bottom:0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
		background: linear-gradient(to bottom, transparent 33%, #000);
	}

	.post-small .image .glass{
		background: linear-gradient(to bottom, transparent 33%, rgba(0,0,0,0.5));
	}

	.event-small .content,
	.post-small .content,
	.role .content{
		border: 13px solid #fff;
		height: 83px;
		overflow: hidden;
		box-sizing: border-box;
	}

	.role .content{
		min-height: 166px
	}

	.post-small .content{
		height: 164px;
	}

	.event-small .details,
	.post-small .details,
	.role .details{
		padding: 10px 13px;
		box-sizing: border-box;
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		line-height: 30px;
	}

	.event-small .details .button,
	.post-small .details .button,
	.role .details .button{
		line-height: 19px;
	}

	#search-events{
	}

	#search-events .event-small{
		margin: 20px;
	}

	.role .details em.sprite.facebook-blue {
	    zoom: 0.5;
	    vertical-align: text-bottom;
	    margin: 0 0 0 10px;
	}

	.post-small .triangle{
		position: absolute;
		top:0;
		right:0;
		z-index: 3;
		width: 0;
		height: 0;
		background: none!important
	}

	.post-small .triangle.bg-green{
		border-right:100px solid rgb(78,128,35);
		border-bottom:155px solid transparent;
	}

	.post-small .triangle.bg-plum{
		border-right:100px solid rgb(82,13,70);
		border-bottom:155px solid transparent;
	}

	.post-small .triangle span{
		position: absolute;
		top:10px;
		left: 33px;
		color: rgba(255,255,255,0.6)
	}

	.event-medium{
		display: inline-block;
		margin: 0 20px 55px 20px;
		position: relative;
		vertical-align: top;
	}

	.event-medium .image{
		height: 370px;
		overflow: hidden;
		position: relative;
		background: #000
	}

	.event-medium .image img{
		width: auto;
		height: 100%;
		display: block;
	}

	.event-medium .image .genre {
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    z-index: 4;
	    width: 90px;
	    padding: 15px;
		font-size: 15px;
    	line-height: 21px;
	}

	.event-medium .image svg{
		position: absolute;
		top:140px;
		right:0;
		z-index: 3;
		height: 100%;
		width: auto;
		opacity: 0.9
	}

	.event-medium .content{
		padding: 25px 25px 10px 25px;
		box-sizing: border-box;
	}

	.event-medium > .button{
		position: absolute;
		bottom:15px;
		right:15px;
	}

	.carousel{
		border-top:2px solid rgb(29,113,184);
		padding: 0 65px 0 0;
		position: relative;
		z-index: 1;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	#carouselAwards.carousel{
		border-bottom:2px solid rgb(29,113,184);
		margin-bottom: 30px;
	}

	#carouselAwards.carousel h6{
		min-height: 65px;
	}

	#carouselAwards.carousel .slides{
		padding: 85px 0 35px 0
	}

	.carousel .intro{
		padding: 50px 100px 50px 50px;
		box-sizing: border-box;
	}

	.carousel .intro img{
		max-width: 100%;
		height: auto;
	}

	.carousel .slides{
		box-shadow: inset -15px 0 15px -15px rgb(0 0 0 / 50%), inset 15px 0 15px -15px rgb(0 0 0 / 50%);
		padding: 45px 0 35px 0;
		overflow: hidden;
		position: absolute;
	    right: 65px;
	    height: 100%;
	    box-sizing: border-box;
	}

	.carousel .slides .inner{
		width:2200px
	}

	.carousel .slides .control{
		position: absolute;
		bottom:10px;
		left: 5px;
		margin-top:-20px
	}

	.carousel .slides .control.right{
		left: auto;
		right:5px;
	}

	.carousel .slides .control em{
		margin: 0 5px;
	}

	.carousel .slides .slide{
		width: 220px;
		padding: 50px 25px 25px 25px;
		box-sizing: border-box;
		position: relative;
		z-index: -1
	}

	#carouselReviews.carousel .slides .slide{
		width: 310px;
		padding: 0 25px 10px 25px;
	}

	#carouselReviews em.sprite.star-gold{
		margin-bottom: 5px;
	}

	#carouselReviews p{
		font-size: 12px;
	    line-height: 17px;
	}

	.image-bg-panel{
		padding: 120px 10px;
		box-sizing: border-box;
		background: rgb(1,46,100);
		background-size:cover;
		background-position: 50% 50%;
		position: relative;
		background-repeat: no-repeat;
	}

	.image-bg-panel *{
		position: relative;
		z-index: 2;
	}

	.image-bg-panel .inner{
		position: absolute;
		z-index: 1;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.8;
		display: none
	}

	.image-bg-panel:hover .inner{
		display: block;
	}

	.insetBG{
		padding-top: 40px;
		box-shadow: inset 0px 13px 7px -10px rgba(0,0,0,0.5);
		/* background-image: linear-gradient(to bottom, rgb(228,234,246), transparent);
		background-size: 100% 280px;
		background-repeat: no-repeat */
	}

	.insetBG2{
		background-image: linear-gradient(to top, rgb(228,234,246), transparent);
		background-position: 100% 100%;
		background-size: 100% 280px;
		background-repeat: no-repeat
	}

	.insetShadowBottom{
		box-shadow: inset 0px -13px 7px -10px rgba(0,0,0,0.5);
	}

	#newsletter{
		padding: 45px 0 65px 0;
		background: rgb(1,46,100);
		background-size:cover;
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}

	#give-your-time,
	#located,
	#our-mission{
		background-size:cover;
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}

	#located .inner,
	#lincoln-circuit-bar .inner,
	#projects .inner{
		border: 1px solid rgb(29,113,184);
		box-sizing: border-box;
	}

	#newsletter .inner{
		background: rgba(0,1,66,0.75);
		padding: 30px;
		box-sizing: border-box;
	}

	#give-your-time .inner{
		padding: 30px;
	}

	#why-volunteer{
		background: rgb(1,46,100);
		background-image: linear-gradient(to right, rgb(29,113,184), transparent 30%);
	}

	#give-your-time .inner,
	#why-volunteer .inner,
	#projects .inner{
		box-sizing: border-box;
		background-size:auto 100%;
		background-position: 100% 50%;
		background-repeat: no-repeat;
	}

	#give-your-time .inner .width25{
		border-left:1px solid rgb(29,113,184);
	}

	#newsletter .inner .content{
		padding: 0 40px 0 20px;
		box-sizing: border-box;
	}

	form input[type="checkbox"],
	form label input[type="checkbox"].padd{
		margin: 0 10px 30px 0
	}

	form label input[type="checkbox"]{
		margin: 0 10px 0 0;
		border-radius: 20px;
		background: none;
	}

	#newsletter2{
		background-size:auto 100%;
		background-position: 100% 50%;
		background-repeat: no-repeat;
		background-image:url(../images/newsletter-backdrop-2.jpg?v=0.87);
	}

	#newsletter2 form input[type="text"]{
		color:rgb(1,46,100);
		border-bottom: 1px solid rgb(1,46,100);
	}

	#newsletter2 form input[type="text"]::-webkit-input-placeholder {
		color:rgb(1,46,100);
	}

	#newsletter2 form input[type="text"]::-moz-placeholder {
		color:rgb(1,46,100);
	}

	#newsletter2 form input[type="text"]:-ms-input-placeholder {
		color:rgb(1,46,100);
	}

	#newsletter2 form input[type="text"]:-moz-placeholder {
		color:rgb(1,46,100);
	}

	#newsletter2 form input[type="email"]{
		color:rgb(1,46,100);
		border-bottom: 1px solid rgb(1,46,100);
	}

	#newsletter2 form input[type="email"]::-webkit-input-placeholder {
		color:rgb(1,46,100);
	}

	#newsletter2 form input[type="email"]::-moz-placeholder {
		color:rgb(1,46,100);
	}

	#newsletter2 form input[type="email"]:-ms-input-placeholder {
		color:rgb(1,46,100);
	}

	#newsletter2 form input[type="email"]:-moz-placeholder {
		color:rgb(1,46,100);
	}

	#newsletter2 form input[type="checkbox"]{
		margin: 0 10px 20px 0
	}

	#TA_selfserveprop797{
		min-height: 317px;
	}

	#TA_selfserveprop797,
	#TA_selfserveprop797 > div{
		width: 100%!important;
	}

	.carousel .slides .slide.star{
		background: url(../images/star-pale-blue.png?v=0.87) no-repeat 50% 0%;
	}

	#support-banner{
		overflow: hidden;
		border-top:4px solid rgb(29,113,184);
	}

	#support-banner > img{
		width: auto;
		display: block;
		height: 295px;
		position: relative;
		left: 50%;
		transform:translate(-50%,0)
	}

	#support-banner .content{
		position: absolute;
		bottom:0;
		left: 22.5%;
		padding: 0 0 30px 0
	}

	.bottom-blocks{
		min-height: 390px;
		font-size: 13px;
		background-size:auto 100%;
		background-position: 100% 50%;
		background-repeat: no-repeat;
		position: relative;
		padding-bottom: 50px;
	}

	.bottom-blocks a.button,
	.bottom-blocks .submit{
		position: absolute;
		right:20px;
		bottom: 20px;
	}

	.bottom-blocks .submit{
		padding: 3px 10px;
	    height: 30px;
		font-size: 13px
	}

	.bottom-blocks .submit:hover{
		background: #fff;
		color: rgb(1,46,100)
	}

	.bottom-blocks.width772 a.button,
	.bottom-blocks.width772 .submit{
		right:auto;
		left: 20px;
	}

	.bottom-blocks.left{
		margin-right: 0
	}

	.bottom-blocks.right{
		margin-left: 0
	}

	.column{
		padding-right: 10px;
		box-sizing: border-box;
		border-right: 1px solid #fff;
	}

	.bottom-blocks .column{
		padding-left: 0px;
		padding-right: 10px;
		box-sizing: border-box;
	}

	.column.last{
		padding-right: 0;
		padding-left: 10px;
		border: none;
	}

	#latestNews .image{
		overflow: hidden;
		padding: 10px;
		position: relative;
		box-sizing: border-box;
	}

	#latestNews .image .title {
		position: absolute;
	    top: 175px;
	    left: 10px;
	    padding: 11px 0;
	    width: 165px;
	    transform: rotate(-90deg);
	    transform-origin: 0 0;
	    text-align: center;
	    margin: 0;
	}

	#latestNews .image img{
		width: 100%;
		height: auto;
		display: block;
	}

	#latestNews .content{

	}

	#latestNews .content .inner{
		max-height: 240px;
		min-height: 205px;
		overflow: hidden;
		padding-bottom: 20px;
		box-sizing: border-box;
	}

	#latestNews .content .inner .description *,
	.post-small .content .description *,
	#show-press .content .description *,
	.strip-tags *{
		font-size: inherit!important;
		line-height: inherit!important;
		font-weight: inherit!important;
		color: inherit!important;
		padding: 0!important;
		margin: 0!important
	}

	.strip-tags p{
		padding: 0 0 10px 0!important
	}

	#latestNews .details{
		padding: 10px 13px;
		box-sizing: border-box;
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		line-height: 30px;
	}

	#latestNews .details .button{
		line-height: 19px;
	}

	#mediaLinks,
	#postSidebar,
	#portal,
	#show-press,
	#show-reviews{
		box-sizing: border-box;
		border:2px solid rgb(29,113,184);
		position: relative;
	}

	#show-press,
	#show-reviews{
		min-height: 440px;
		margin-bottom: 45px;
		padding: 40px 30px 20px 30px;
	}

	#show-press .post-show{
		padding: 0 50px;
		margin-bottom: 20px;
		float: left;
	}

	#show-press .image{
		margin: 0 0 10px 0;
		max-height: 185px;
		overflow: hidden;
	}

	#show-press .image img{
		width: 100%;
		height: auto;
		display: block;
	}

	#mediaLinks{
		clear: right;
	    padding: 35px;
	}

	#portal{
		display: inline-block;
		margin: 0 20px 55px 20px;
		position: relative;
		vertical-align: top;
		background-size:auto 100%;
		background-position: 100% 50%;
		background-repeat: no-repeat;
	}

	#mediaLinks .title,
	#postSidebar .title,
	#portal .title,
	#show-press > .title,
	#show-reviews > .title{
		position: absolute;
		top:-18px;
		left: 35px;
		padding: 5px 10px
	}

	#show-press > .title,
	#show-reviews > .title,
	#portal .title{
		top:-22px;
	}

	#show-reviews .slide{
		display: none;
		padding: 0 20px;
		box-sizing: border-box;
	}

	#show-reviews .slide.active{
		display: block;
	}

	#trustees .title{
		position: absolute;
		top:-41px;
		left: 0;
		padding: 5px 10px
	}

	#trustees .slideshow{
		padding: 30px 40px;
		box-sizing: border-box;
		overflow: hidden;
	}

	#trustees .slideshow .control.left{
		position: absolute;
		z-index: 5;
		left:10px;
		top:270px;
		margin-top:0px;
	}

	#trustees .slideshow .control.right{
		position: absolute;
		z-index: 5;
		right:10px;
		top:270px;
		margin-top:0px;
	}

	#trustees .slideshow .slide{
		display: none;
	}

	#trustees .slideshow .slide img{
		margin: 0 auto;
		height: auto;
		max-width: 100%;
	}

	#trustees .slideshow .slide.prev1{
		position: absolute;
		top:160px;
		margin-top:0;
		right:50%;
		margin-right:100px;
		display: block;
		width: auto;
		z-index: 3;
	}

	#trustees .slideshow .slide.prev2{
		position: absolute;
		top:190px;
		margin-top:0px;
		right:50%;
		margin-right:300px;
		display: block;
		width: 180px;
		opacity: 0.6;
		z-index: 2;
	}

	#trustees .slideshow .slide.next1{
		position: absolute;
		top:160px;
		margin-top:0;
		left:50%;
		margin-left:100px;
		display: block;
		width: auto;
		z-index: 3;
	}

	#trustees .slideshow .slide.next2{
		position: absolute;
		top:190px;
		margin-top:0px;
		left:50%;
		margin-left:300px;
		display: block;
		width: 180px;
		opacity: 0.6;
		z-index: 2;
	}

	#trustees .slideshow .slide.active{
		position: relative;
		background: #fff;
		padding: 25px 40px;
		box-sizing: border-box;
		border:1px solid rgb(29,113,184);
		z-index: 4;
		display: block;
		margin: 0 auto;
		width: 380px
	}

	#trustees .slideshow .slide .content{
		display: none;
	}

	#trustees .slideshow .slide.active .content{
		display: block;
		padding: 15px 0 0 0;
	}

	#postSidebar {
	    padding: 20px 35px;
		margin-bottom:40px;
	}

	#postSidebar .post-sidebar{
		padding: 25px 7px 25px 7px;
		display: block;
	}

	#postSidebar .post-sidebar + .post-sidebar{
		border-top:1px solid rgb(29,113,184);
	}

	#newsPost img{
		padding: 15px 20px;
		height: auto;
		max-width: 100%;
	}

	#newsPost img.left{
		padding-left: 0;
	}

	#newsPost img.right{
		padding-right: 0;
	}

	#postShare{
		padding: 6px 0;
		margin: 5px 0 20px 0;
		border-bottom:1px solid rgb(29,113,184)
	}

	#become-angles-member{
		background-size:auto 70%, auto auto;
		background-position: 100% 0%, 0 0;
		background-repeat: no-repeat,  no-repeat;
		background-image:url(../images/become-member-bg.png?v=0.87),
						linear-gradient(to right, transparent 30%, rgb(29,113,184));
	}

	#become-angles-member .width33{
		padding-left: 0
	}

	#become-angles-member2{
		padding-bottom: 20px
	}

	#become-angles-member2 h3 + p,
	#become-angles-member2 .column p{
		padding: 0
	}

	#become-angles-member2 .column{
		margin-bottom: 10px
	}

	#event{

	}

	#event-notes{
		clear: left;
	}

	#event .details,
	#event-notes .details{
		width: 450px;
		max-width: 100%;
		padding: 20px 0
	}

	#event .details .width50,
	#event-notes .details .width50{
		padding: 0 30px 0 0;
		box-sizing: border-box;
	}

	#event .details .width50 + .width50,
	#event-notes .details .width50 + .width50{
		padding: 0 0 0 30px;
		border-left:1px solid rgb(29,113,184)
	}

	#contact-box{
		background-image: url(../images/contact-bg.png?v=0.87);
		background-repeat: no-repeat;
		background-position: 100% 0;
	}

	#contact-box hr{
		width: 220px;
		max-width: 100%;
	}

	#tickets{
		min-width: 400px;
		background-image: url(../images/ticket-bg.png?v=0.87);
		background-repeat: no-repeat;
		background-position: 100% 0;
	}

	#tickets .availability{
		border-top:1px solid rgb(29,113,184);
		padding: 20px 0;
		margin: 10px 0 5px 0
	}

	#tickets .availability .title{
		display: block;
		left: 50%;
		top:-10px;
		position: absolute;
		margin-left: -55px;
		width: 110px;
	}

	#tickets #times{
		border:1px solid rgb(1,46,100);
		box-sizing: border-box;
		padding: 15px;
		margin: 10px 0 30px 0;
	    max-height: 436px;
		overflow: auto;
	}

	#tickets #times .day{
		padding: 3px 0;
	}

	#tickets #times .day .width30{
		min-height: 50px;
		line-height: 50px;
	}

	#tickets #times .day + .day{
		border-top: 1px solid rgb(179,194,229);
	}

	#tickets #times .day .slot{
		min-height: 46px;
		display: inline-block;
		border:1px solid rgb(29,113,184);
		box-sizing: border-box;
		width: 112px;
		line-height: 23px;
	    margin: 2px 0 2px 4px;
	}

	#tickets #times .day .slot .prices{
		font-size: 13px
	}

	#tickets #times .day .slot.selected{
		background: rgb(29,113,184);
		color: #fff!important;
	}

	#tickets #times .day .slot.selected .prices{
		background: none!important;
		color: #fff!important;
	}

	#tickets #times .day .slot.deactive{
		color: rgb(1,46,100)!important;
		background: none!important;
		opacity: 0.5;
		cursor: not-allowed;
	}

	#tickets #times .day .slot.deactive .prices{
		background: none!important;
		color: rgb(1,46,100)!important;
	}

	#selectSeats.disabled{
		opacity: 0.6!important;
		cursor: not-allowed;
		background: rgb(29,113,184)!important;
	}

	.popup-behind{
		background: rgba(1,46,100,0.8)!important;
		position: fixed;
		z-index: 12;
		width: 100%;
		height: 100%;
		left: 0;
		top:0;
		display: none
	}

	.popup-close{
		display: none
	}

	.popup-behind.active,
	.popup-behind.active + .popup-close{
		display: block;
	}

	#cast{
		margin: 20px 0 0 0;
	    padding: 40px 0 0 0;
	    border-top: 2px solid rgb(29,113,184);
	    background-image: linear-gradient(to bottom, rgb(228,234,246), rgb(228,234,246));
	    background-position: 0px 105px;
	    background-repeat: no-repeat;
	}

	#cast .cast-members{
		overflow: hidden;
	}

	#cast .title{
		position: absolute;
		top:-70px;
		padding: 0 12px;
		left: 0;
	}

	#cast .cast-member{
		padding: 20px 20px 10px 20px;
		box-sizing: border-box;
		display: none
	}

	#cast .cast-member.show,
	#cast .cast-member.active{
		display: block;
	}

	#cast .control{
		position: absolute;
		top:50%;
		margin-top: -20px;
	}

	#cast .control.left{
		left: -40px;
	}

	#cast .control.right{
		right: -40px;
	}

	#cast img{
		display: block;
		width: 100%;
		height: auto;
	}

	#cast .cast-member:hover img{
		outline:1px solid rgb(29,113,184);
	}

	#cast .cast-member .sub-controls em{
		cursor: pointer;
	}

	#cast .cast-member .content,
	#cast .cast-member .close,
	#cast .cast-member .sub-controls{
		display: none
	}

	#cast .cast-member .close{
		position: absolute;
		top:20px;
		right:20px;
		z-index: 2;
		cursor: pointer;
	}

	.popup-close{
		position: fixed;
		top:20px;
		right:20px;
		z-index: 13;
		background: #fff;
		border-radius: 40px;
		cursor: pointer;
	}

	.popup{
		display: none;
	}

	#cast .cast-member.active,
	.popup{
		width: 1120px;
		max-width: 96%;
		max-height: 96%;
		background: #fff;
		overflow: auto;
		padding: 50px;
		box-sizing: border-box;
		position: fixed;
		left: 50%;
		top:50%;
		transform:translate(-50%,-50%);
		z-index: 13;
		cursor: default;
	}

	.popup .width50.left{
		padding-right: 40px;
		box-sizing: border-box;
		border-right:2px solid rgb(29,113,184);
	}

	.popup .width50.left + .width50.left{
		padding-right: 0;
		padding-left: 40px;
		border:none
	}

	#cast .cast-member.active:hover img{
		outline:none
	}

	#cast .cast-member.active .close,
	#cast .cast-member.active .sub-controls{
		display: block;
	}

	.popup.active{
		display: block;
	}

	#cast .cast-member.active .portrait{
		float: left;
		display: block;
		width: 30%;
	}

	#cast .cast-member.active .content{
		float: right;
		display: block;
		width: 65%;
		text-align: left;
	}

	#photos .main{
		padding: 0 20px 0 20px;
		margin-bottom: 40px;
		box-shadow: inset 0px -13px 7px -10px rgba(0,0,0,0.5);
		position: relative;
		overflow: hidden;
	}

	#photos .main .before{
		position: absolute;
		top:0;
		right:50%;
		width: auto;
		height: 100%;
		margin-right: 370px;
	}

	#photos .main .after{
		position: absolute;
		top:0;
		left:50%;
		width: auto;
		height: 100%;
		margin-left: 370px;
	}

	#photos #thumbs a img{
		display: inline-block;
		padding: 3px;
		opacity:0.6;
	}

	#photos #thumbs a img:hover{
		outline:2px solid rgb(29,113,184);
		outline-offset: 2px;
		opacity:1;
	}

	#photos #thumbs a img.active{
		opacity:1;
	}

	#photos .main img{
		width: 720px;
		max-width: 100%;
		display: block;
		margin: 0 auto;
		padding-bottom: 40px;
		box-sizing: border-box;
	}

	#fundraising{
		background-size:auto 100%;
		background-position: 0% 50%;
		background-repeat: no-repeat;
	}

	.border-left{
		box-sizing: border-box;
		border-left:1px solid rgb(29,113,184);
	}

	#faqs{

	}

	#faqs .question{
		border-bottom:1px solid rgb(29,113,184);
		padding: 10px 40px 10px 10px;
		display: block;
		position: relative;
	}

	#faqs .question em{
		position: absolute;
		top:0;
		right:5px;
	}

	#faqs .question.active{
		background: rgb(228,234,246);
		font-weight: 700;
	}

	#faqs .question:hover{
		background: rgb(228,234,246);
	}

	#faqs .answer{
		display: none
	}

	#faqs .answer.active{
		display: block;
	}

	#cookies{
		position: fixed;
		z-index: 11;
		bottom:0;
		left: 0;
		width: 100%;
		box-sizing: border-box;
		box-shadow: 0px -4px 4px rgba(0,0,0,0.4);
		padding: 15px 20px;
		box-sizing:
	}

	#cookies p{
		padding: 5px 0 0 0;
	}

	.related{
		height: 260px;
		position: relative;
	}

	.related .image{
		background-color: #000;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 30% 50%;
		position: absolute;
		top:0;
		left: 0;
		height: 100%;
	}

	.link-card{
		border:2px solid rgb(29,113,184);
		box-sizing: border-box;
		background-color: #fff;
		background-position: 0 -1px;
		background-size: auto 102%;
		background-repeat: no-repeat;
		margin: 0 0 35px 0;
		min-height: 490px;
		position: relative;
		padding-bottom: 50px
	}

	.link-card.left{
		clear: both;
	}

	.link-card h6 .button{
		position: absolute;
		bottom: 20px;
		right:20px;
		width: 48%;
	    box-sizing: border-box;
		font-size: 15px;
	    line-height: 20px;
	}

	#volunteer-quotes{
		background-color:#fff;
		background-image: url(../images/quote-top.png?v=0.87), url(../images/quote-bottom.png?v=0.87);
		background-size:100% auto, 100% auto;
		background-position: 0% 0%, 0% 100%;
		background-repeat: no-repeat, no-repeat;
	}

	#volunteer-quotes .control{
		position: absolute;
		top:50%;
		margin-top: -20px;
	}

	#volunteer-quotes .volunteer-quote{
		display: none
	}

	#volunteer-quotes .volunteer-quote.active{
		display: block
	}

	#volunteer-quotes .control.left{
		left: -20px;
	}

	#volunteer-quotes .control.right{
		right:-20px;
	}

	#report .overlay{
		position: absolute;
		top:50%;
		left: 0;
		margin-top:-72px;
		padding: 20px;
		box-sizing: border-box;
		border:1px solid rgb(29,113,184);
		outline:8px solid #fff;
		box-shadow: -10px 10px 10px rgba(0,0,0,0.5);
	}

	#our-values{
		box-sizing: border-box;
		background-size:100% auto;
		background-position: 0 0;
		background-repeat: no-repeat;
	}

	#our-values .value-block{
		vertical-align: top
	}

	#our-values .value-block .image img{
		display: block;
		width: 100%;
		height: auto
	}

	#our-values .value-block .image{
		position: relative;
		overflow: hidden;
		max-width: 275px;
		margin: 0 0 15px 0;
	}

	#our-values .value-block .image .title{
		position: absolute;
		padding: 10px;
		top:0;
		left: 0;
		z-index: 2;
		width: 100%;
		box-sizing: border-box;
	}

	#our-values .value-block .content{
		min-height:66px;
	}

	.costume-fitting {
	    padding: 20px 45px;
	    border: 1px solid #aa0000;
	    width: 90%;
	    box-sizing: border-box;
	    margin-left: 5%;
	}

	.costume-fitting .icon{
		width: 52px;
		height: 52px;
		position: absolute;
		top:50%;
		left: 0;
		padding: 5px;
		margin: -26px 0 0 -26px;
		border:1px solid #aa0000;
		border-radius: 52px;
		box-sizing: border-box;
	}

	#btt{
		width: 48px;
		height: 68px;
		position: fixed;
		z-index: 10;
		bottom:50px;
		right: 0;
		box-shadow: 0 0 10px rgba(0,0,0,0.75);
		text-align: center;
	}

	#support-our-charity{
		position: fixed;
	    z-index: 10;
	    top: 200px;
	    width: 48px;
	    right: 0;
	    height: 280px;
		padding: 5px;
		box-sizing: border-box;
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
	}

	#support-our-charity .title h5 {
	    position: absolute;
	    top: 100%;
	    left: 0;
		padding: 11px 0;
	    width: 280px;
	    transform: rotate(-90deg);
	    transform-origin: 0 0;
	    text-align: center;
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
	}

	#support-our-charity .close{
		position: absolute;
		top:15px;
		right:15px;
	}

	#support-our-charity .content{
		display: none
	}

	#support-our-charity.open{
		width: 540px;
		padding: 25px 45px 25px 90px;
		background: #882612
	}

	#support-our-charity.open .content{
		display: block;
	}

	.keyword{
		color: rgb(29,113,184);
		font-weight: 700
	}

	footer{
		padding: 40px 45px;
	}

	footer img{
		height: auto;
		max-width: 100%;
	}

	footer .footerNav{
		padding-left: 20px
	}

	footer .footerNav ul{
		display: block;
		padding: 0;
		margin: 0;
	}

	footer .footerNav ul li{
		display: block;
		padding: 1px 20px 1px 0;
		margin: 0;
	}

	/* SCALE DOWN */

	@media screen and (max-width: 1320px){
		#cast .cast-members{
			padding: 0 40px;
		}

		#cast .control.left {
		    left: 10px;
		}

		#cast .control.right {
		    right: 10px;
		}

		#hero .whats-on.top{
			padding: 0 50px 25px 10px;
			box-sizing: border-box;
		}
	}

	@media screen and (max-width: 1280px){
		#located .inner, #lincoln-circuit-bar .inner, #projects .inner{
			width: 96%;
			margin-left: 2%;
			margin-right: 0
		}
	}

	@media screen and (max-width: 1240px){
		.bottom-blocks.margin20{
			margin-left: 5px;
			margin-right: 5px
		}

		.bottom-blocks.left{
			margin-right: 0
		}

		.bottom-blocks.right{
			margin-left: 0
		}

		#volunteer-roles{
			text-align: center;
		}

		#documents{
			text-align: center;
		}

		#latestNews{
			width: 54%;
		}

		#newsPost{
			width: 60%
		}

		#latestNews .image{
			width: 35%;
		}

		#latestNews .content .inner{
			min-height: 0
		}

		#latestNews .content{
			width: 65%;
		}

		.post-small {
		    width: 28%;
		}

		.post-small .image{
			height: auto;
		}

		header #searchBar {
			top:100%;
			bottom: auto;
		    padding-top: 33px;
		    height: 70px;
		}
	}

	@media screen and (max-width: 1190px){
		.bottom-blocks.width364{
			width: 32%;
		}

		.bottom-blocks.width772{
			width: 65%;
		}
	}

	@media screen and (max-width: 1150px){
		#support-banner .content {
		    left: 15%;
		    width: 70%;
		}

		.link-card{
		    background-position: -20% -1px;
		}

		#newsPost {
		    width: 55%;
		}

		footer .footerNav{
			clear: both;
		}

		footer .footerNav + .footerNav{
			clear: none
		}
	}

	@media screen and (max-width: 1080px){
		#hero.large > a > img,
		#hero.large > img{
			width: 130%;
			margin-left:-15%;
			height: auto;
		}

		#hero.large{
			padding-bottom: 70px;
		}

		#hero.large.no-overlay{
			padding-bottom: 0;
		}

		#hero .overlay{
			background: rgb(0,27,39);
		}

		#hero.auto > img{
			width: 100%;
			height: auto;
		}

		#hero .overlay .table .table-row .table-cell{
			padding: 0 10px;
		}

		#carouselReviews.carousel .intro {
		    padding: 20px 65px 20px 20px;
		    box-sizing: border-box;
		}

		#carouselAwards.carousel .slides{
			padding: 45px 0 35px 0
		}

		.related .width60{
			width: 40%
		}

		.related .width40{
			width: 60%
		}

		.link-card{
		    background-position: -30% -1px;
		}

		#trustees .slideshow .control{
			background-position: -320px -40px;
			background-color: #fff;
			border-radius: 40px;
			border: 10px solid #fff;
			box-shadow: 0 0 5px rgb(0,0,0,0.5);
		}

		#newsPost img.left{
			width: 100%;
			display: block;
			float: none
		}

		#newsPost {
		    width: 52%;
		}

		.class-boxes > .wrapper-1220 > .width33.left{
			width: 100%;
			padding: 20px;
			box-sizing: border-box;
		}

		.class-boxes > .wrapper-1220 > .width33.left.padd20{
			width: 50%;
		}

		.class-boxes > .wrapper-1220 > .width33.left.padd20 > .padd20 > img{
			width: 15%;
		}

		.class-boxes > .wrapper-1220 > .width33.left.padd20 > .padd20 > .right{
			width: 80%;
		}
	}

	@media screen and (max-width: 1000px){
		.link-card{
			width: 100%;
			height: auto;
			min-height: 0;
			background-position: 0 -1px;
		}

		.link-card .width55{
			width: 75%
		}

		.link-card .button.block{
			display: inline-block;
		}

		#latestNews{
			width: 100%;
			margin: 0
		}

		#mediaLinks,
		#postSidebar{
		    width: 100%;
		    margin: 40px 0 0 0;
		}

		#newsPost{
			width: 100%;
			float: none;
			margin: 0;
			padding: 0 10px;
			box-sizing: border-box;
		}

		#newsPost > .button.right.bg-white.txt-blue{
			float: left;
		}

		#newsPost img.left{
			width: 50%;
			display: block;
			float: left
		}

		#cast-references .width50{
			width: 100%;
			padding: 0 20px 20px 20px;
			line-break:anywhere
		}

		#cast-references .width50.border-left {
			padding: 20px 20px 0 20px;
		    border-left: none;
		    border-top: 1px solid rgb(29,113,184);
		}
	}

	@media screen and (max-width: 930px){
		.whats-on{
			text-align: center;
		}

		.whats-on h2{
			float: none;
		}

		.whats-on label,
		.whats-on input,
		.whats-on select{
			float: none;
			display: inline-block;
			vertical-align: middle;
			margin: 26px 5px 0 5px;
		}

		.mob-only{
			display: block!important
		}

		.desktop-only{
			display: none!important
		}

		.mob-only-inline-block{
			display: inline-block!important
		}

		.desktop-only-inline-block{
			display: none!important
		}

		#support-banner .content {
		    left: 12.5%;
		    width: 75%;
			padding-bottom: 10px;
		}

		#support-banner > img {
		    height: 240px;
		}

		#support-banner .button h4{
			font-size: 20px;
			line-height: 26px;
		}

		#carouselReviews.carousel .intro {
		    padding: 20px
		}

		#carouselReviews.carousel,
		#carouselReviews.carousel .slides{
			right: 0
		}

		#carouselReviews.carousel .slides{
			padding: 20px 0
		}

		footer .footerNav{
			padding-top:15px;
		}

		.mob-only-930{
			display: block!important;
		}

		.desktop-only-930{
			display: none!important
		}

		.mob-only-930-inline-block{
			display: inline-block!important;
		}

		.desktop-only-930-inline-block{
			display: none!important
		}

		.bottom-blocks.width364,
		.bottom-blocks.width772{
			width: 100%;
			margin: 10px 0;
			height: auto;
			min-height: 0
		}

		.width-full-930{
			width: 100%;
		}

		.width-full-930.padd40h,
		.width-full-930.padd20h{
			padding-left: 5px;
			padding-right: 5px;
		}

		.width-full-930.border-left{
			width: 100%;
			border:none;
			border-top:1px solid rgb(29,113,184);
			padding-top:20px;
			margin-top:20px;
		}

		#projects .inner,
		#give-your-time .inner{
			background-image: none!important
		}

		#give-your-time .inner .width25{
			border: none
		}

		#fundraising .width40{
			width: 70%
		}

		.post-small .details{
			text-align: center;
		}

		.post-small .details .button{
		    display: block;
		    float: none;
		}

		#event,
		#event-notes,
		#tickets{
			width: 100%;
		}

		#cast-downloads .width25{
			width: 30%;
			display: inline-block;
			vertical-align: top;
			float: none
		}

		#eventDateRange{
			margin: 26px 5px 0 5px
		}

		#tickets #times{
			max-height: none
		}
	}

	@media screen and (max-width: 820px){
		header{
			padding: 15px;
		}

		header #logo img {
		    width: 400px;
		    top: 70px;
		    margin: 0 0 0 -200px;
		}

		#hero.auto > img{
			margin: 0
		}

		.subnav h6 {
		    padding: 10px 20px;
		    display: inline-block;
		    box-sizing: border-box;
		    font-size: 14px;
		}

		.wrapper-1220{
			padding: 0 20px;
		}

		.carousel{
			padding: 0;
		}

		.carousel .intro {
		    padding: 15px ;
		}

		.carousel .slides{
			right: 0
		}

		.carousel .slides {
		    padding: 20px 0 20px 0;
		}

		#newsletter .width20{
			width: 30%;
			padding-bottom: 20px;
		}

		#newsletter .width40{
			width: 100%
		}

		#newsletter .width40.content{
			width: 70%;
			padding-bottom: 20px;
		}

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

		.event-section .event-small{
			width: 300px;
			margin: 0 10px 30px 10px;
		}

		.event-section .event-small .image .title,
		.role .image .title{
			width: 50%;
		}

		.role .content{
			height: auto;
		    min-height: 0
		}

		.event-section .event-small .details,
		.role .details{
			text-align: center;
		}

		.event-section .event-small .details .button,
		.role .details .button{
		    display: block;
		    float: none;
		}

		.event-medium {
		    margin: 0 0 30px 0;
		}

		.related .width60{
			width: 100%
		}

		.related .width40{
			width: 100%;
			position: absolute;
			bottom:0;
			left: 0;
			width: 100%;
			box-sizing: border-box;
			background: rgb(1,46,100);
			background-image: linear-gradient(to right, transparent 30%, rgb(29,113,184));
		}

		.related .width40 br + br{
			display: none;
		}

		.width-full-820{
			width: 100%;
		}

		.width-full-820.padd40h,
		.width-full-820.padd20h{
			padding-left: 5px;
			padding-right: 5px;
		}

		.width-full-820.border-left{
			width: 100%;
			border:none;
			border-top:1px solid rgb(29,113,184);
			padding-top:20px;
			margin-top:20px;
		}

		.mob-only-820{
			display: block!important;
		}

		.desktop-only-820{
			display: none!important
		}

		.mob-only-820-inline-block{
			display: inline-block!important;
		}

		.desktop-only-820-inline-block{
			display: none!important
		}

		#newsletter .inner .content{
			padding: 0
		}

		#why-volunteer .inner{
			background-image: none!important
		}

		#portal.width772{
		    margin: 0 0 30px 0;
			width: 100%
		}

		#volunteer-quotes .control.left{
			left: -10px;
		}

		#volunteer-quotes .control.right{
			right: -10px;
		}

		#our-values .value-block .image{
			max-width: 100%
		}

		#our-values .value-block{
			width: 200px;
			max-width: 100%;
		    display: inline-block;
		    float: none;
		}

		#trustees .slideshow .slide.next1{
		    margin-left: 20px;
		}

		#trustees .slideshow .slide.prev1{
			margin-right: 20px;
		}

		#trustees .slideshow .slide.next2 {
		    margin-left: 130px;
		}

		#trustees .slideshow .slide.prev2 {
		    margin-right: 130px;
		}

		.post-small-container{
			text-align: center;
		}

		.post-small {
		    width: 47%;
		    margin: 0 0 25px 0px;
		}

		#cast .control{
			display: none!important
		}

		#cast .cast-members{
			padding: 0;
		}

		#cast .cast-member{
			padding: 5px;
			display: block!important;
			width: 25%;
		}

		header #searchBar {
			top:100%;
			bottom: auto;
		    padding-top: 13px;
		    height: 50px;
			right: auto;
			left: 0
		}

		#show-press,
		#show-reviews{
			min-height: 0;
			height: auto;
			margin-bottom: 45px;
			padding: 40px 10px;
		}

		#carouselAwards.carousel .slides{
			padding: 20px 0 35px 0
		}
	}

	@media screen and (max-width: 750px){
		#support-banner .content {
		    left: 5%;
		    width: 90%;
		}

		#become-angles-member .width33,
		#become-angles-member .width66{
			width: 100%;
		}

		#become-angles-member .width66{
			padding-bottom: 15px;
		}

		#become-angles-member.bottom-blocks .column{
			padding-left: 0;
			border-left: none
		}

		#become-angles-member.bottom-blocks .column.last{
			padding-left: 10px;
		}

		.link-card .width55{
			width: 60%
		}
	}

	@media screen and (max-width: 700px){
		#hero .overlay .table.width33{
			display: none;
			float: right;
		}

		#hero .overlay .table.width33 + .table.width33{
			display: table;
			width: 40%;
		}

		#hero .overlay .table.width33 + .table.width33 + .table.width33{
			float: left;
			width: 60%;
		}

		#carouselReviews.carousel .intro,
		#carouselReviews.carousel .slides{
			width: 100%;
			position: relative;
			top:auto;
			left: auto;
			right: auto;
			bottom: auto;
		}

		#carouselReviews.carousel .slides{
			box-shadow: inset -15px 15px 15px -15px rgb(0 0 0 / 50%), inset 15px 15px 15px -15px rgb(0 0 0 / 50%);
			padding: 20px 0 40px 0
		}

		header nav{
			padding: 35px 15px 15px 15px;
		}

		header nav > ul{
			padding: 0 10px;
			font-size: 14px;
		    line-height: 19px;
		}

		header nav > ul > li > ul {
		    font-size: 11px;
		}

		header #closeHamburger {
		    top: 8px;
		    right: 8px;
		}

		.event-section .event-small{
			width: 100%;
			margin: 0 0 30px 0;
		}

		.event-section .event-small .content {
			height: auto;
		}

		.event-medium{
			background: rgb(29,113,184);
			color:#fff!important
		}

		.event-medium h4{
			color:#fff!important
		}

		.event-medium .image{
			width: 100%;
			height: 236px;
		}

		.event-medium .image img{
			width: 100%;
			height: auto;
			display: block;
		}

		.event-medium .image svg {
		    position: absolute;
		    top: -100px;
		    right: 0px;
		    z-index: 3;
		    height: 140%;
		    width: auto;
		    opacity: 0.9;
		    zoom: 0.95;
		    top: auto;
		    bottom: 0;
		}

		.event-medium .content {
		    padding: 20px 20px 25px 20px;
		    box-sizing: border-box;
		    width: 100%;
		}

		.event-medium > .button {
		    display: block;
		    clear: both;
		    float: none;
		    position: relative;
		    bottom: auto;
		    right: auto;
		    width: 90%;
		    box-sizing: border-box;
		    margin: 0 5% 20px 5%;
		    text-align: center;
		}

		#support-our-charity{
			display: none;
		}

		#btt{
			bottom:20px;
			height: 40px;
			width: 40px
		}

		#btt br,
		#btt h6{
			display: none
		}

		#hero.whats-on-hero{
			padding-bottom: 50px;
			background: rgb(1,46,100);
		}

		#hero.whats-on-hero .glass{
			bottom:50px
		}

		#hero.whats-on-hero .whats-on.top {
		    padding: 0 0px 10px 0px;
		    box-sizing: border-box;
		}

		#hero.whats-on-hero .whats-on .button {
		    margin: 9px 0 0 10px;
		}

		#carouselAwards.carousel .slides{
			padding: 20px 0 25px 0
		}
	}

	@media screen and (max-width: 690px){
		header,
		#headerdummy{
			height: 90px;
		}

		header em.sprite {
			transform: scale(0.75);
		}

		header > a > em.sprite{
			margin: 0;
		}

		header #logo img {
			width: 300px;
			top: 60px;
			margin: 0 0 0 -150px;
		}

		.class-boxes > .wrapper-1220 > .width33.left.padd20{
			width: 100%;
		}

		.class-boxes > .wrapper-1220 > .width33.left.padd20 > .padd20 > img{
			width: 10%;
		}

		.class-boxes > .wrapper-1220 > .width33.left.padd20 > .padd20 > .right{
			width: 85%;
		}
	}

	@media screen and (max-width: 620px){
		.mob-only-620{
			display: block!important;
		}

		.desktop-only-620{
			display: none!important
		}

		.mob-only-620-inline-block{
			display: inline-block!important;
		}

		.desktop-only-620-inline-block{
			display: none!important
		}

		#support-banner > img {
			width: 100%;
			height: auto;
		}

		#support-banner .content {
		    left: 10%;
		    width: 80%;
		    top: 100px;
		    bottom: auto;
		    text-align: center;
		}

		#support-banner .content .left{
			width: 100%;
			float: none;
		}

		#support-banner .content .right{
			width:320px;
			max-width: 100%;
			margin: 0 auto;
			float: none;
		}

		#hero h1{
			float: none;
			width: 100%;
			display: block;
		}

		.whats-on.top{
			text-align: center;
		}

		.whats-on.top .button{
			float: none;
			display: inline-block;
			clear: both
		}

		.bottom-blocks.width772{
			background-image: none!important;
		}

		.bottom-blocks.width772 .width50,
		.bottom-blocks.width772 .width55,
		.bottom-blocks.width772 .width90{
			width: 100%;
		}

		.width-full-630,
		.related,
		.related,
		#become-angles-member2 .width45.right{
			width: 100%!important;
		}

		.popup .width50.left{
			padding: 0!important;
			border:none!important
		}

		.related{
			margin: 10px 0;
			height: 350px
		}

		.width-full-630.padd40h,
		.width-full-630.padd20h{
			padding-left: 5px;
			padding-right: 5px;
		}

		.width-full-630.border-left{
			width: 100%;
			border:none;
			border-top:1px solid rgb(29,113,184);
			padding-top:20px;
			margin-top:20px;
		}

		#portal.width772,
		#fundraising{
			background-image: none!important
		}

		.link-card .width55{
			width: 100%
		}

		.link-card{
			background-image: none!important
		}

		#anchor-creative-credits .wrapper-1220{
			padding: 0 5px;
		}

		#anchor-creative-credits h6{
			width: 100%;
			text-align: center;
		}

		.subnav h6 {
		    padding: 10px;
		    font-size: 13px;
		}

		#cast-downloads .width25{
			width: 48%;
		}

		#popup-price h6.right{
			float: none
		}

		#throughToTickets{
			width: 100%;
			margin: 0;
		    box-sizing: border-box;
		}

		#show-press .post-show{
			padding: 0 15px
		}

		#become-angles-member.bottom-blocks .column,
		#become-angles-member2 .column{
			border: none
		}

		#become-angles-member.bottom-blocks .column.last,
		#become-angles-member2 .column.last{
			padding-left: 0;
		}
	}

	@media screen and (max-width: 600px){
		#hero.whats-on-hero{
			padding-bottom: 97px;
		}

		#hero.whats-on-hero .glass {
		    bottom: 97px;
		}

		#hero.whats-on-hero .wrapper-1220{
			padding: 0
		}

		.whats-on select {
		    width: 142px;
		}

		#hero.whats-on-hero .whats-on form,
		#hero.whats-on-hero .whats-on input,
		#hero.whats-on-hero .whats-on select,
		#hero.whats-on-hero .whats-on .submit{
			margin-top: 10px;
		}

		#trustees .slideshow .slide.active {
		    padding: 15px 15px;
		}

		#carouselAwards.carousel .slides{
			padding: 10px 0
		}

		.carousel .slides .control{
			bottom: 5px
		}
	}

	@media screen and (max-width: 550px){
		body{
			font-size: 13px;
			line-height: 18px;
		}

		h1{
			font-size: 36px;
			line-height: 45px;
		}

		h2{
			font-size: 44px;
			line-height: 54px;
		}

		h3{
			font-size: 36px;
			line-height: 45px;
		}

		h4{
			font-size: 25px;
			line-height: 31px;
		}

		h5{
			font-size: 20px;
			line-height: 24px;
		}

		h6{
			font-size: 16px;
			line-height: 20px;
		}

		.link-boxes .image-bg-panel{
			width: 100%;
			padding: 80px 10px;
		}

		#hero .overlay,
		#hero .overlay .table{
			height: 62px
		}

		#hero.large{
			padding-bottom: 62px;
		}

		#hero.large.no-overlay{
			padding-bottom: 0;
		}

		#hero .overlay h5,
		#hero .overlay h6{
			font-size: 13px;
			line-height: 18px;
		}

		#hero .overlay .table .table-row .table-cell{
			padding: 0 5px
		}

		#hero .overlay .table .table-row .table-cell .button{
			padding: 5px
		}

		#hero .overlay .table.width33{
			width: 50%!important;
		}

		#support-banner .content {
		    top: 50px;
		}

		#hero.auto > img{
			height: 130px;
			width: auto
		}

		.post-small {
		    width: 99%;
		}

		.post-small .content{
			height: auto;
			min-height: 0
		}

		footer .footerNav.txt-center em.sprite.left{
			float: none
		}

		footer .footerNav{
			width: 50%;
			text-align: center;
			padding: 0 5px;
			box-sizing: border-box;
		}

		footer .footerNav.txt-center{
			width: 100%;
			padding: 0 0 10px 0
		}

		footer .footerNav.txt-center br + br{
			display: none;
		}

		header #searchBar {
			width: 100%;
			outline: 1px solid #fff
		}

		header #searchBar input{
			width: 190px
		}

		#carouselAwards.carousel .intro{
			min-height: 235px;
		}
	}

	@media screen and (max-width: 500px){
		header nav .width25.left{
			width: 50%;
		}

		header nav .break{
			clear: both
		}

		#trustees .slideshow .slide.active{
			width: 280px;
		}

		#trustees .slideshow .slide.prev1 {
		    margin-right: -30px;
		    top: 51px;
		    margin-top: 0;
		}

		#trustees .slideshow .slide.next1 {
		    margin-left: -30px;
		    top: 51px;
		    margin-top: 0;
		}

		#trustees .slideshow .slide.prev2 {
		    margin-right: 100px;
		    top: 81px;
		    margin-top: 0;
		}

		#trustees .slideshow .slide.next2 {
		    margin-left: 100px;
		    top: 81px;
		    margin-top: 0;
		}

		#trustees .slideshow .control.left{
			left:60px;
			top: 100%;
		    margin-top: -70px;
		}

		#trustees .slideshow .control.right {
			right: 60px;
		    top: 100%;
		    margin-top: -70px;
		}

		#trustees .slideshow{
			padding: 30px 40px 100px 40px
		}

		#latestNews .image{
			width: 100%;
			max-height: 300px;
			overflow: hidden;
		}

		#latestNews .content{
			width: 100%;
		}

		#newsPost img.left{
			width: 100%;
			display: block;
			float: none
		}

		#cast .cast-member{
			width: 33.33%;
		}

		#photos #thumbs a img {
		    width: 50px;
		    height: 50px;
		}

		#event + .padd40,
		#event-notes + .padd40{
			padding: 15px
		}

		.link-card h6 .button {
		    right: 10%;
		    width: 80%;
		}

		.bg-grad-paleblue-white-paleblue{
			background: rgb(228,234,246);
		}

		.nomargin-mobile{
			margin: 0
		}

		#newsPost{
			padding: 0
		}

		#carouselAwards.carousel .slides{
			padding: 10px 0 10px 0
		}
	}

	@media screen and (max-width: 450px){
		.width364 {
		    width: 100%;
		    box-sizing: border-box;
		}

		.event-small, .post-small, .role, .document {
		    margin: 0 0 25px 0;
		}

		.event-small .image img, .post-small .image img, .role .image img{
			height: auto;
		    width: auto;
		    min-width: 100%;
		    min-height: 100%;
		    max-width: 133%;
		}

		.event-small .image .title, .role .image .title{
			width: 50%;
		}

		.event-small .content, .post-small .content, .role .content{
			height: auto;
		}

		.event-small .details, .post-small .details, .role .details{
			text-align: center;
		}

		.event-small .details .button, .post-small .details .button, .role .details .button {
		    display: block;
		    float: none;
		}

		.carousel .intro{
			width: 40%
		}

		.carousel .slides{
			width: 60%;
			padding: 10px 0
		}

		.carousel .slides .slide {
		    width: 190px;
		    padding: 50px 25px 25px 25px
		}

		#newsletter .width20,
		#newsletter .width40,
		#newsletter .width40.content{
			width: 100%;
			padding: 10px 0
		}

		#support-banner .content {
		    left: 20%;
		    width: 60%;
		}

		.event-medium .image img{
			width: 120%;
			height: auto;
			display: block;
		}

		.related-items.padd20{
			padding: 0
		}

		#volunteer-quotes .padd40{
			padding: 5px 5px 20px 5px;
		}

		#volunteer-quotes .control.left{
			top: auto;
		    bottom: -20px;
			left: 65px;
		}

		#volunteer-quotes .control.right {
		    top: auto;
		    bottom: -20px;
			right:65px;
		}

		#projects .inner,
		#portal.width772,
		#register-your-interest,
		#our-mission
		{
			padding:15px;
		}

		input[type="text"], input[type="email"], select.dropdown, select.dropdown:hover, select.dropdown:active{
			font-size: 13px;
		}

		ul.column-3{
			columns:2
		}

		#tickets{
			min-width: 0
		}

		#tickets #times .day .width30,
		#tickets #times .day .width70{
			width: 100%;
		}

		#tickets #times .day .width30 {
		    min-height: 20px;
		    line-height: 20px;
		}

		#tickets #times .day .width70{
			text-align: left;
		}

		#search-events{
			padding: 0 20px;
			box-sizing: border-box;
		}

		#search-events .event-small{
			margin: 20px 0;
		}

		#carouselAwards.carousel .slides .control,
		#carouselReviews.carousel .slides .control{
			font-size: 0
		}
	}

	@media screen and (max-width: 420px){
		#hero.large > img,
		#hero.large > a > img{
			width: 140%;
			margin-left:-20%;
			height: auto;
		}

		h1{
			font-size: 32px;
			line-height: 41px;
		}

		h2{
			font-size: 38px;
			line-height: 48px;
		}

		h3{
			font-size: 32px;
			line-height: 41px;
		}

		h4{
			font-size: 22px;
			line-height: 28px;
		}

		h5{
			font-size: 18px;
			line-height: 22px;
		}

		h6{
			font-size: 14px;
			line-height: 18px;
		}

		footer{
			padding: 25px
		}

		#become-angles-member .width50.column{
			width: 100%;
			border: none;
			padding: 0;
		}

		form#Contact_Form .padd20{
			padding: 0
		}

		#trustees .slideshow .slide.next1,
		#trustees .slideshow .slide.next2,
		#trustees .slideshow .slide.prev1,
		#trustees .slideshow .slide.prev2{
			display: none
		}

		#trustees .slideshow {
		    padding: 30px 0 100px 0;
		}

		#cast .cast-member.active, .popup{
			padding: 35px;
		}

		.popup-close {
		    top: 13px;
		    right: 13px;
		}

		#cast .cast-member{
			width: 50%;
		}

		#search-events{
		}

		#search-events .event-small .image{
			height: auto
		}

		#search-events .event-small .image .title{
			padding: 15px;
			box-sizing: border-box;
			bottom:0;
			left: 0;
			width: 100%;
		}

		#search-events .event-small .image img{
			width: 100%;
			height: auto;
			display: block;
			max-width: 100%;
			max-height: 100%;
			min-width: 0;
			min-height: 0
		}
	}

	@media screen and (max-width: 380px){
		h1{
			font-size: 30px;
			line-height: 39px;
		}

		h2{
			font-size: 34px;
			line-height: 44px;
		}

		h3{
			font-size: 30px;
			line-height: 39px;
		}

		h4{
			font-size: 21px;
			line-height: 27px;
		}


		#support-banner .content {
		    left: 10%;
		    width: 80%;
			top:15px
		}

		#support-banner > img{
			opacity: 0.4
		}

		.event-small .image{
			height: auto;
		}

		.event-small .image img{
			height: auto;
			width: 100%;
			min-width: 0%;
			min-height: 180px;
			max-width: auto;
		}

		.event-small .image svg{
			top: auto;
			bottom: 0;
			height: 105%;
		}
	}

	@media screen and (max-width: 340px){
		.event-small .image svg{
			top: auto;
			bottom: 0;
			height: 110%;
		}
	}

	@page {
		size: 42cm 59.4cm;
		margin: 5mm
	}

	@media print {
		*{
			page-break-inside: auto
		}

		#header{
			position: relative
		}
	}

	/* TEMP */

	body{
		max-width:1400px;
		margin: 0 auto;
		box-shadow: 0 0 10px rgba(0,0,0,0.5)
	}