/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
  Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
	color: #222;
}
input[type=text]::-ms-clear {
    display: none;
}
body {
	font-size: 1em;
	line-height: 1.4;
	font-family: 'HelveticaNeueW02-55Roma', 'Helvetica W01 Roman', helvetica, arial, sans-serif;
	font-weight: normal !important;
/* 	color: #989898; */
	color: #ccc;
	background: #0d0d0d;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 0 0 1em;
	padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
}

/* ==========================================================================
  Chrome Frame prompt
   ========================================================================== */

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* ==========================================================================
  Author's custom styles
   ========================================================================== */

html {
	-webkit-text-size-adjust: none;
}

div.panel {
	display: none;
}

div#body-wrapper {
	position: relative;
	padding-bottom: 60px;
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
}

a:link,
a:visited {
	color: #F3A800;
	text-decoration: none;
}

a.uline:hover,
a.uline:active {
	text-decoration: underline;
}

body > .wrap {
	margin:0 auto;
	width: 100%;
}

img.sponsor {
	position: absolute;
	top: 0;
	right: 2%;
	width: 87px;
	z-index: 120;
}

/* headings and text ------- */

h1,
h2 {
	margin: 0 0 1em;
}

h1.highlight,
h2.highlight,
h3.highlight {
	color: #F3A800;
}

h1.error {
	margin-bottom: 0.2em;
	font-size: 1.2em;
}

p {
	margin: 0 0 0.8em;
}

/* hero ------- */

header.site {
	position: absolute;
	top: 0;
	left: 0;
}

header.site {
	position: absolute;
/* 	padding: 0.8em 2em 0.8em; */
	padding: 0;
	width: 100%;
	max-width: 1280px;
	background: #000;
	background: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
	z-index: 100;
}

header.site.static {
	position: relative;
}

header.site > span {
	position: absolute;
	top: 0;
	left: 0;
	width: 22%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
	display: block;
}

header.site > span > img {
	width: 100%;
}

header.site > img {
	width: 100%;
}

header.site a#logo {
	position: relative;
	width: 25%;
	max-width: 222px;
	display: block;
	z-index: 5;
	float: left;
}

header.site a#logo .img,
header.site a#logo img {
	width: 100%;
}

a.mobilenav {
	display: none;
}

nav.primary {
	position: absolute;
	top: 2.4em;
	bottom: auto;
	right: 12%;
	z-index: 600;
}

nav.primary > ul > li {
	position: relative;
	float: left;
}

nav.primary > ul > li > a {
	position: relative;
	padding: 0.8em 1.5em 1em;
	font-size: 0.9em;
	letter-spacing: 0.02em;
	font-weight: normal;
	color: #ccc;
	text-shadow: 0 0.06em 0.04em #000;
	display: block;
}

nav.primary > ul > li > a {
	font-family: 'HelveticaNeueW02-55Roma', 'Helvetica W01 Roman', helvetica, arial, sans-serif;
}

nav.primary > ul > li > a:hover {
	color: #fff;
}

nav.primary > ul > li > .haschild {
	position: relative;
	padding-right: 3em;
}

nav.primary > ul > li > .haschild span {
	position: absolute;
	margin-top: -2px;
	top: 50%;
	right: 1.6em;
	width: 9px;
	height: 6px;
	background: url("../images/pointer.png") 0 -426px no-repeat;
	display: block;
}

nav.primary > ul > li > .haschild:hover span {
	background-position: 0 -100px;
}

nav.primary > ul > li > .haschild:hover,
nav.primary > ul > li > .haschild.hover {
	color: #fff;
	background: #3d3d3d;
	cursor: pointer;
}

nav.primary .dropdown {
	position: absolute;
	top: 2.4em;
	left: 0;
	width: 400px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
	background: #3d3d3d;
	display: none;
}

nav.primary li:hover .dropdown,
nav.primary li:active .dropdown {
	display: block;
}

nav.primary .dropdown .toggle {
	position: relative;
	top: 0.4em;
	width: 10%;
}

nav.primary .dropdown h2 {
	padding: 0.8em 5% 0.6em;
	margin-bottom: 0;
	color: #fff;
	font-weight: normal;
	font-size: 1em;
}

nav.primary .dropdown li a {
	padding: 0 5%;
	font-size: 0.8em;
	color: #fff;
	display: block;
	/*overflow: hidden;*/
}

nav.primary .dropdown li a span,
nav.primary .dropdown li a > div {
	padding: 0.4em 0 0.8em;
	border-top: 1px solid #595959;
	display: block;
}

nav.primary .dropdown li a:hover {
	background: #262626;
}

nav.primary .dropdown li a:hover span {
	border-top: 1px solid #262626;
}

nav.primary .dropdown li strong {
	font-size: 1.2em;
	color: #F3A800;
	font-weight: normal;
	display: block;
}
nav.primary .dropdown li a span {
	padding-top: 0.8em;
}

nav.primary .dropdown li div > strong {
	padding-left: 2.6em;
}

nav.primary .dropdown > a {
	padding: 1.2em 5%;
	font-size: 0.9em;
	background: #262626;
	display: block;
}

nav.primary .dropdown > a:hover {
	color: #2B2B2B;
	background: #F3A800;
}

nav.primary .dropdown.favourites > a span {
	margin-left: 4px;
}

nav.primary .dropdown.favourites {
	display: none;
}

nav.primary .dropdown.favourites li a span.star {
	padding: 0;
	margin-right: 1em;
	width: 20px;
	height: 18px;
	background: url("../images/star.png") 0 -22px no-repeat;
	border: 0;
	display: block;
	float: left;
}

nav.primary .dropdown > a:hover span {
	background: url("../images/pointer.png") 0 -76px no-repeat;
}

div.hero > .backstretch,
div.hero > .backstretch img {
	width: 100%;
}

div.hero > .backstretch.clickable {
	cursor: pointer;
}

div.hero > .content {
	position: absolute;
	padding: 0;
	top: 9em;
	left: 2em;
	z-index: 10;
	width: 64%;
	background: none;
}

div.hero > .content.narrow {
	width: 32%;
}

body.padmore div.hero > .content {
	padding: 0;
}

div.hero > .content .label {
	margin-bottom: 0.4em;
}

div.hero > .content > h1 {
	margin-bottom: 0.1em;
	font-size: 2.4em;
	font-family: 'HelveticaNeueW01-65Medi', 'Helvetica W01 Roman', helvetica, arial, sans-serif;
	line-height: 1.2;
	letter-spacing: -0.02em;
	text-shadow: 0 0.06em 0.04em #000;
}

div.hero > .content > h1 > span {
	margin-bottom: 2em;
	font-size: 0.4em;
	letter-spacing: 0;
	display: block;
}

div.hero > .content > p {
	font-size: 0.85em;
	color: #ccc;
	display: inline-block;
	text-shadow: 0 0.1em 0.1em black;
}

div.hero > .content > p a {
	font-size: 1.2em;
	color: #fff;
	text-shadow: 0 0.06em 0.04em #000;
	display: block;
}

div.hero > .content > p a:hover {
	text-decoration: underline;
}

div.hero > .content .trailer {
	width: 30%;
}

div.hero > .content .trailer:hover h3 {
	text-decoration: underline;
}

div.hero .content .trailer a img {
	width: 100%;
/* 	max-width: 160px; */
	border: 0.2em solid #F3A800;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
	box-shadow: 0 0.06em 0.4em #000000;
}

div.hero .content .trailer a h3 {
	margin: 0;
	font-size: 0.8em;
	letter-spacing: 0.03em;
}

div.hero .content .trailer .image {
	margin-bottom: 0.2em;
	position: relative;
}

div.hero .content .trailer .image span {
	position: absolute;
	margin: -21px 0 0 -10px;
	top: 50%;
	left: 50%;
	width: 25px;
	height: 38px;
	display: block;
	background: url("../images/icons-sprite.png") -29px -10px no-repeat;
}

div.hero .content .trailer:hover .image span {
	background: url("../images/icons-sprite.png") -113px -9px no-repeat;
}

@media screen and (max-width: 480px) {
	div.hero > .content > p {
		width: 50%;
		font-size: 1.3em;
	}
}

/* The Audience ------ */

#the-audience {
	padding: 1em 2em;
	top: 7em;
	left: 0;
	width: 30%;
	background: #000;
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.8);
}

@media screen and (max-width: 600px) {
	#the-audience {
		width: 100%;
	}
}

#the-audience > p {
	width: 100%;
	color: #fff;
	font-family: 'HelveticaNeueW01-65Medi', 'Helvetica W01 Roman', helvetica, arial, sans-serif;
	line-height: 1.1;
}

@media screen and (max-width: 640px) {
	#the-audience > p {
		font-size: 0.7em;
	}
}

@media screen and (max-width: 600px) {
	#the-audience > p {
		width: 100%;
		font-size: 1.2em;
	}
}

#the-audience > h1 {
	font-size: 2em;
}

@media screen and (max-width: 730px) {
	#the-audience > h1 {
		font-size: 1.6em;
	}
}

@media screen and (max-width: 600px) {
	#the-audience > h1 {
		font-size: 3em;
	}
}

@media screen and (max-width: 480px) {
	#the-audience > h1 {
		font-size: 2.2em;
	}
}

#the-audience .trailer {
	width: 90%;
	max-width: 220px;
}

#the-audience .trailer > a {
	margin-bottom: 1.8em;
	display: block;
}

@media screen and (max-width: 800px) {
	#the-audience .trailer > a {
		margin-bottom: 1.4em;
	}
}

@media screen and (max-width: 660px) {
	#the-audience .trailer > a {
		margin-bottom: 0.8em;
	}
}

@media screen and (max-width: 660px) {
	#the-audience .trailer {
		width: 100%;
		max-width: 100%;
	}
}

#the-audience .details > p {
	margin-bottom: 0;
	color: #fff;
	font-size: 0.8em;
	line-height: 0.2;
	font-family: 'HelveticaNeueW01-65Medi', 'Helvetica W01 Roman', helvetica, arial, sans-serif;
}

#the-audience .details > small {
	font-size: 0.7em;
	line-height: 1;
}

.lt-ie9 #the-audience > p,
.lt-ie9 #the-audience > .details p,
.lt-ie9 #the-audience > h1 {
	margin-top: 0;
}

@media screen and (max-width: 768px) {
	header.site a#logo {
		max-width: 184px;
	}

	img.sponsor {
		width: 10%;
	}

	nav.primary {
		top: 2.6em;
		right: 16%;
	}

	nav.primary > ul > li > .haschild span {
		margin-top: -3px;
	}

	div.hero > .content.narrow {
		width: 50%;
	}

	div.hero > .content.narrow p {
		font-size: 1.2em;
	}
}

@media screen and (max-width: 600px) {
	nav.primary {
		top: 1.6em;
	}

	div.hero > .content {
		top: 7.5em;
	}

	div.hero > .content > h1 {
		font-size: 1.8em;
	}

	div.hero > .content.narrow {
		width: 100%;
	}

	div.hero > .content.narrow > p {
		width: 100%;
	}

	body {
		background: #000;
	}

	div#body-wrapper {
		padding-bottom: 0;
	}

	div.hero > img.sponsor {
		display: none;
	}

	header.site {
		position: relative;
		padding: 0;
		margin-bottom: 1em;
/* 		border-bottom: 1px solid #494949; */
		background: none;
	}

	.production header.site {
		margin-bottom: 0;
	}

	header.site a#logo {
		width: 190px;
/* 		max-width: 190px; */
	}

	header.site > span {
		width: 64%;
	}

	a.mobilenav {
		position: absolute;
		bottom: -37px;
		right: 0.6em;
		width: 48px;
		height: 37px;
		background: url("../images/mobilenav.png") 0 0 no-repeat;
		display: block;
	}

	nav.primary > ul > li > .haschild span {
		background: 0;
	}

	nav.primary.desktop {
		display: block;
	}

	nav.primary {
		position: relative;
		margin-top: -4px;
		top: 0;
		right: 0;
		width: 100%;
		display: block;
	}

	nav.primary ul {
		height: 0;
		border-bottom: 4px solid #F3A800;
		overflow: hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
	}

	nav.primary li {
		width: 100%;
		float: none;
	}

	nav.primary > ul > li > a,
	nav.primary > ul > li > strong {
		padding: 0.8em 1.4em 0.6em;
		margin-left: 0;
		font-size: 1.4em;
		color: #fff;
		background: #1a1a1a;
		border-top: 1px solid #333;
		text-shadow: none;
		display: block;
		float: none;
	}

	nav.primary > ul > li:hover > a,
	nav.primary > ul > li:active > a,
	nav.primary > ul > li:hover > strong,
	nav.primary > ul > li:active > strong {
		color: #000 !important;
		background: #F3A800 !important;
	}

	nav.primary > ul > li > strong span {
		display: none !important;
	}

	nav.primary li:hover .dropdown,
	nav.primary li:active .dropdown {
		display: none;
	}

	header.site img.sponsor {
		display: none;
	}

	div.hero > div.backstretch {
		display: none;
	}

	div.production div.hero > div.backstretch {
		display: block;
	}

	div.hero .content {
		position: static;
		padding: 1em 1.4em 0.4em;
		margin-bottom: 1em;
		width: 100%;
	}

	div.hero .content h1 {
		margin-bottom: 0.2em;
		width: 100%;
		font-size: 1.6em;
		line-height: 1.2;
	}

	div.hero .content p a {
		width: 100%;
		font-size: 1.2em
	}

	div.hero .content .trailer a {
		width: 100%;
	}

	div.hero .content .trailer a img {
		width: 100%;
		max-width: none;
		border: 0.1em solid #3c3c39;
	}

	div.hero .content .trailer a h3 {
		font-size: 1em;
	}

	div.hero .content .trailer {
		width: 100%;
	}

	section.location {
		padding: 1.2em 1em;
		margin-top: 0;
		text-align: left;
	}

	section.location label {
		margin-bottom: 0.2em;
		font-size: 1.3em;
		display: block;
	}

	section.location input {
		padding: 0.7em 0.6em 0.6em 2.1em;
	}

	.location a {
		text-align: center;
	}

	.hero > .content.blockit {
		padding: 1em 1em 0;
		margin: 0 auto;
		width: 96%;
		background: #2b2b2b;
	}

	.hero > .content.blockit h1 {
		margin-bottom: 0;
	}
}

/* content ------ */

.content {
	padding: 1em 2%;
	margin: 0 auto;
	width: 100%;
	background: #2b2b2b;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
}

.fancybox-inner .content,
.grid .fancybox-inner .content {
	padding: 2.6em 4% 2em !important;
}

.fancybox-inner h1 {
	margin-bottom: 0.2em;
	font-family: 'HelveticaNeueW02-55Roma', 'Helvetica W01 Roman', helvetica, arial, sans-serif;
}

.fancybox-inner h1.underline {
	padding-bottom: 0.2em;
	margin-bottom: 0.8em;
}

.fancybox-inner p.underline {
	padding-bottom: 0.6em;
	margin-top: -0.4em;
	margin-bottom: 0.8em;
	font-size: 0.8em;
}

.content.wrap {
	width: 96%;
}

.content.wrap.lead {
	margin-bottom: 0.4em;
	background: #3d3d3d; /* lead box at the top of some pages ------ */
}

.content.wrap.lead h2 {
	margin-bottom: 0.2em;
}

.content.wrap.lead p {
	font-size: 0.9em;
	margin-bottom: 0;
}

.content p.fluid > img {
	width: 100%;
}

body.padmore .content {
	padding: 1.6em 2em; /* increase content padding on some pages ------ */
}

@media screen and (max-width: 600px) {
	body.padmore .content,
	.content {
		padding: 1em;
	}

	body.padmore div.hero > .content {
		padding: 0 0 0 1.25em;
	}

	.content.wrap.lead h2 {
		margin-bottom: 0.6em;
	}
}

.column.two {
	padding-bottom: 3em;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-moz-column-gap: 3em;
	-webkit-column-gap: 3em;
	column-gap: 3em;
	column-count: 2;
	-webkit-column-width: 50%;
	-moz-column-width: 50%;
	column-width: 50%;
}

.column.three {
	padding-bottom: 3em;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-width: 33%;
	-moz-column-width: 33%;
	column-width: 33%;
}

.column h1,
.column h2,
.column h3 {
	margin-bottom: 0.4em;
}

.column h1,
.column h2 {
	font-size: 1.4em;
}

.column h3 {
	font-size: 1em;
}

.column p {
	font-size: 0.8em;
}

.column .break {
	break-before: column;
	-webkit-column-break-before: always;
	-moz-column-break-before: always;
	-ms-column-break-before: always;
	-o-column-break-before: always;
}

.column > img {
	margin-bottom: 0.8em;
	width: 100%;
	border: 0.4em solid #3D3D3D;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
}

.column ul {
	padding-left: 2em;
	margin-bottom: 1.2em;
}

.column li {
	font-size: 0.9em;
	margin-bottom: 0.6em;
	list-style-type: disc;
}

.column .productions {
	width: 100%;
}

.column .productions article {
	width: 100% !important;
}

.column .productions article .image {
	position: relative;
}

.column .productions article .image > img {
	width: 100%;
}

@media screen and (max-width: 768px) {
	.column.two {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-width: 50%;
		-moz-column-width: 50%;
		column-width: 50%;
	}

	.column.three {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-width: 33%;
		-moz-column-width: 33%;
		column-width: 33%;
	}

	.column.two p,
	.column.three p {
		font-size: 1.2em;
	}

	.column.two h2,
	.column.three h3 {
		font-size: 1.8em;
	}

}

@media screen and (max-width: 600px) {
	.column.two,
	.column.three {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-width: 100%;
		-moz-column-width: 100%;
		column-width: 100%;
	}
}

.ie .column > .column {
	padding: 0 0.6em;
	box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
}

@media screen and (max-width: 600px) {
	.ie .column > .column {
		width: 100% !important;
	}
}

/* columns ------ */

.col {
	width: 49%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
	float: left;
}

col.one {
	margin-right: 2%;
}

.col.narrow {
	width: 35%;
}

.col.extra-narrow {
	width: 20%;
}

.col.wide {
	width: 60%;
}

.col.extra-wide {
	width: 75%;
}

.col.wide.margin,
.col.narrow.margin {
	margin-right: 5%;
}

.col > img {
	width: 100%;
}

.lt-ie8 .col.narrow {
	width: 314px;
}

.lt-ie8 .col.wide {
    width: 540px;
}

.lt-ie8 .col.narrow.margin {
    margin-right: 44px;
}

@media screen and (min-width: 769px) {
    .col > section > h2.nearby {
		margin-bottom: 0.4em;
		font-size: 1em;
	}
}

@media screen and (max-width: 768px) {
	.col {
		width: 49% !important;
	}

	.col.margin {
		margin-right: 2% !important;
	}

	.col.extra-wide {
		width: 100% !important;
	}
}

@media screen and (max-width: 600px) {
	.col {
		width: 100% !important;
	}

	.col.margin {
		margin: 0 0 0.8em !important;
	}


    .col > section > h2.nearby {
        margin: 1em 0;
	}
}

section#venues.secondary {
    display: none;
}

/* social buttons ------ */

.fitvids {
	margin-top: 0.6em;
}

.hero .content .social {
	float: none;
}

.socialbar h1 {
	margin-bottom: 0.2em;
	float: left;
}

.html-content .socialbar h1 {
    clear: both;
    margin-top: 10px;
}


.venuewrapper .socialbar h1 {
	margin-bottom: 0;
	float: none;
}

.socialbar div.social {
	padding-top: 14px;
	float: right;
}

.socialbar.underline {
	margin-bottom: 1.8em;
}

@media screen and (max-width: 767px) {
	.socialbar div.social {
		width: 100%;
		float: left;
	}
}

.inspire.grid .social {
	margin-top: 4em;
	padding-left: 0;
}

.grid .social {
	background:rgba(0,0,0,0.4);
	padding: 0.4em 0 0 1.5em;
}

.inspire.grid .fancybox-inner .social {
	margin-top: 0;
	background: none;
}

.social .addthis_toolbox {
	display:inline;
	float:left;
}

.social .addthis_toolbox a {
	padding: 0;
	margin: 0;
	display:block;
	float: left;
}

.social .geturl {
	margin: 0;
	display:block;
	float:left;
    position : relative;
}

.social .geturl button {
	position:relative;
	padding: 0 6px 0 22px;
	margin: 0;
	height: 20px;
	background:#F3A800 url("../images/geturl.png") 0.4em center no-repeat;
	border:solid 1px #F28000;
	border-radius:3px;
	color:#000;
	font-size: 11px;
	line-height: 1;
	font-family: 'HelveticaNeueW01-65Medi', 'Helvetica W01 Roman', helvetica, arial, sans-serif;
	font-weight: normal;
	z-index:120;
	display: block;
}

.social .geturl button span {
	position:absolute;
	background:transparent url("../images/geturl_toolbox.png") center bottom no-repeat;
	width:15px;
	height:20px;
	top:1.9em;
	left:50%;
	margin:0 0 0 -7px;

}

.social .geturl div.url {
	position:absolute;
	background:#3D3D3D;
	border:solid 2px #4D4D4D;
	width:560px;
	margin:18px 0 0;
	z-index:100;
}

.social .geturl div.url div.info {
	float:left;
	width:50%;
	padding: 0 !important;
}

.social .geturl div.url div.info h3 {
	font-size:1.05em;
	margin:0;
	padding:0.7em 0 0 0.7em;
}

.social .geturl div.url div.info p {
	font-size:0.8em;
	margin:0;
	padding:0.2em 0 1.0em 0.9em;
}

.social .geturl div.url div.form {
	position:relative;
	float:left;
	margin:0.9em 1.0em 0;
	border:solid 2px #000;
	border-radius:5px;
	text-align:right;
}

.social .geturl div.url div.form input {
	background:transparent;
	border:none;
	padding:0.6em 1.0em;
	outline:none;
	color:#F3A800;
}

@media screen and (max-width: 768px) {
	.social .geturl div.url {
		width:390px;
		height:auto;
		left:20px !important;
		right:20px !important;
	}
	.social .geturl div.url div.info {
        float:left;
        width:50%;
		display:block;
	}
	.social .geturl div.url div.form {
        position   :relative;
        float      :left;
	}
	.social .geturl div.url div.form input {
		width      : 100%;
	}

	.grid .hero .content .info {
		padding: 1.2em;
	}
}

/* blocks ------ */

div.box {
	padding: 1em;
	margin-bottom: 2em;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
}

div.box.dark {
	background: #1a1a1a;
}

div.box p.address {
	margin-bottom: 0.2em;
	font-size: 0.85em;
}

div.box p.phone {
	margin-bottom: 0;
	color: #fff;
	font-size: 0.9em;
}

@media screen and (max-width: 600px) {
	div.box {
		margin-bottom: 0;
		font-size: 1.8em;
	}
    section#venues.primary {
        display: none;
    }
    section#venues.secondary {
        display: block;
        float: none;
    }
}

/* forms ------ */

form dt {
	margin-bottom: 0.2em;
	font-size: 0.8em;
}

form dd {
	margin-bottom: 0.8em;
	width: 90%;
}

form dd input,
form dd textarea {
	padding: 0.6em;
	width: 50%;
	font-size: 0.8em;
	color: #fff;
	border: 1px solid #000;
	background: #3d3d3d;
	display: block;
}

form dd textarea {
	width: 100%;
	height: 10em;
}

p.error {
	padding: 0.4em;
	margin-top: 0.4em;
	color: #fff;
	font-size: 0.8em;
	background: #750808;
	display: inline-block;
	clear: both;
}

/* location box ------ */

.location {
	position: relative;
	padding: 1em 0;
	margin: 0 2%;
	background: #404040;
	text-align: center;
	z-index: 15;
}

.location * {
	vertical-align: middle;
}

.location label {
	margin-right: 0.6em;
	font-size: 1.4em;
	color: #fff;
}

.location div.wrap {
/* 	width: 30%; */
	background: #262626;
	border: 1px solid #000;
	-webkit-border-radius: 2px ;
	-moz-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
	display: inline-block;
}

.lt-ie9 .location .wrap {
	padding: 0 !important;
	margin: 0 !important;
	width: 438px;
}

.location input {
	padding: 0.45em 0.6em 0.45em 2.1em;
	width: 78%;
	font-size: 1.2em;
	line-height: 1;
	font-family: 'HelveticaNeueW01-65Medi', 'Helvetica W01 Roman', helvetica, arial, sans-serif;
	color: #fff;
	background: url("../images/pin.png") 0.8em center no-repeat;
	border-right: 1px solid #000;
	border-width: 0 1px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
	display: inline-block;
}


.lt-ie8 .location input {
	padding: 0.45em 0 0.45em 1.4em !important;
	margin: 0 !important;
	width: 300px !important;
	background: url("../images/pin.png") 0.1em center no-repeat !important;
	display: inline;
	zoom: 1;
}

.location a {
	padding: 0.8em 1em;
	margin: 0 !important;
	width: 22%;
	font-size: 0.9em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
	display: inline-block;
}

.location a.go {
	padding: 0.8em 1.8em;
	color: #000;
	background: #F3A800;
}

/*.lt-ie9 .location a {
	margin: 0 !important;
	width: 40px !important;
	display: inline !important;
	zoom: 1 !important;
	text-align: center !important;
	background: red;
} */

.location .guessed {
	padding: 0.6em 3em;
	margin-top: 1em;
	font-size: 0.9em;
	text-align: center;
	display: inline-block;
}

.location .break {
	margin: 0.4em 0;
	font-size: 1.2em;
	color: #fff;
}

.pac-item {
	padding: 0.4em 1em;
	color: #fff;
	font-size: 1.2em;
	line-height: 1;
	background: #262626;
}

.pac-item:hover,
.pac-selected {
	background: #3d3d3d;
}

.pac-container {
	border: 1px solid #000;
	background: #262626;
}

.pac-container:after {
	content: '';
}

.pac-container .pac-item-query {
    color: white;
}

#also-found {
	position: absolute;
	max-width: 355px;
	text-align: left;
	border: 1px solid #000;
	display: block;
	z-index: 1000;
	overflow: hidden;
}

#also-found > div {
	padding: 0.4em 1em;
	background-color: #262626;
	font-size: 1.2em;
	line-height: 1;
	overflow: hidden;
}


.alert {
	position: relative;
	padding: 0.4em 0;
	margin: 0 2%;
	background: #000;
	background: rgba(0, 0, 0, 0.7);
	text-align: center;
}

.alert p {
	margin: 0;
	color: #fff;
}

.alert p a {
	margin-left: 1em;
}

/* productions, venues ------ */

section.productions,
section#venues {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
	float:left;
}

section.productions > h1,
section#venues > h1 {
	margin-bottom: 0.8em;
	font-size: 1em;
	letter-spacing: 0.02em;
	font-family: 'HelveticaNeueW01-65Medi', 'Helvetica W01 Roman', helvetica, arial, sans-serif;

}

.coming-soon {
    clear: both;
    display: block;
    padding-top: 5px;
}

section.productions {
	margin-right: 4%;
	width: 68%;
}

section#venues {
	width: 28%;
}

section.productions.full,
section#venues.full {
	margin: 0;
	width: 100%;
}

section.productions > a {
	display: block;
}

.productions article {
	border: 0.4em solid #3d3d3d;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
	background: #1A1A1A;
}

.productions article.live,
.productions article:hover {
	border-color: #f3a800;
}

.productions article .meta {
	position: relative;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
}

.productions article .meta h1 {
	color: #F3A800;
}

section#venues a.block {
	margin-top: 0.6em;
}

@media screen and (max-width: 600px) {
	section.productions > h1,
	section#venues > h1 {
		margin: 0.4em 0 0.4em 0.3em;
		font-size: 1.2em;
	}

	.location .guessed {
		padding: 0.6em 1em;
	}

	.location div.wrap {
		width: 100%;
	}
}

/* mailing list block ------ */

article.mailing {
	padding: 0.6em;
	background: #3d3d3d !important;
	border: 0 !important;
}

article.mailing img {
	margin-right: 4%;
	width: 30%;
	max-width: 96px;
	float: left;
}

.grid article.mailing img {
	margin-right: 6%;
}

article.mailing div.wrap {
	width: 64%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
	float: left;
}

article.mailing div.wrap h1 {
	margin: 0.6em 0 0.1em;
	font-size: 1em;
	width: 68%;
}

article.mailing div.wrap p {
	font-size: 0.8em;
	color: #ccc;
}

article.mailing.solo {
	width: 64%;
	float: left;
}

article.mailing.solo .wrap {
	width: 70%;
}

/* productions :: grid ------ */

.productions.four article,
.productions.four-plus article {
	margin-bottom: 2%;
	width: 49%;
	float: left;
}

.productions.four article.odd,
.productions.four-plus article.odd {
	margin-right: 2%;
}

.productions.four article .image,
.productions.four-plus article .image {
	max-height: 10em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
	overflow: hidden;
}

.productions.four article .image > img,
.productions.four-plus article .image > img,
.productions.four article .image > div.picturefill > img,
.productions.four-plus article .image > div.picturefill > img {
	width: 100%;
}

.productions.four article .meta,
.productions.four-plus article .meta {
	padding: 0.8em 0.6em 0.6em;
	color: #fff;
}

.productions.four article .status,
.productions.four-plus article .status {
	position: absolute;
	padding: 0.6em 1em 0.6em 0.75em;
	top: -1.2em;
	left: 0;
	font-family: 'HelveticaNeueW01-65Medi', 'Helvetica W01 Roman', helvetica, arial, sans-serif;
	font-size: 0.8em;
	color: #fff;
	background: #1a1a1a;
	display: inline-block;
}

.productions.four article .meta h1,
.productions.four-plus article .meta h1,
.productions.four article .meta p,
.productions.four-plus article .meta p {
	width: 75%;
	margin-bottom: 0.4em;
	float: left;
}

.productions.four article .meta h1,
.productions.four-plus article .meta h1 {
	margin-bottom: 0;
	font-size: 1.1em;
    line-height: 1.6;
	font-weight: normal;
}

.productions.four article .meta p,
.productions.four-plus article .meta p {
	margin-bottom: 0;
	font-size: 0.8em;
	color: #989898;
}

/* productions :: list ------ */

.productions.one article,
.productions.two article,
.productions.three article {
	position: relative;
	margin-bottom: 0.6em;
	width: 100% !important;
	float: left;
}

.productions.one article .image,
.productions.two article .image,
.productions.three article .image {
	width: 50%;
	max-height: 12em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
	overflow: hidden;
	float: left;
}

.productions.one article .image img,
.productions.two article .image img,
.productions.three article .image img {
	width: 100%;
	display: block;
}

.productions.one article .meta,
.productions.two article .meta,
.productions.three article .meta {
	position: absolute;
	top: 0;
	right: 0;
	padding: 1em 1em 1em 2em;
	width: 50%;
	height: 100%;
	overflow: hidden;
	float: left;
}

.productions.one article .meta .status,
.productions.two article .meta .status,
.productions.three article .meta .status {
	margin-bottom: 0.8em;
	font-family: 'HelveticaNeueW01-65Medi', 'Helvetica W01 Roman', helvetica, arial, sans-serif;
	font-size: 0.8em;
	color: #fff;
}

.productions.one article .meta h1,
.productions.two article .meta p,
.productions.three article .meta h1,
.productions.one article .meta p,
.productions.two article .meta h1,
.productions.three article .meta p {
	margin-bottom: 0.4em;
}

.productions.one article .meta h1,
.productions.two article .meta h1,
.productions.three article .meta h1 {
	margin-bottom: 0.2em;
	font-size: 1em;
}

.productions.one article .meta p,
.productions.two article .meta p,
.productions.three article .meta p {
	font-size: 0.8em;
	color: #989898;
}

.productions.one article .go,
.productions.two article .go,
.productions.three article .go {
	top: auto;
	bottom: 0;
	right: 0;
	padding-bottom: 20%;
	width: 20%;
	height: 0;
}

section.productions.one a.block,
section.productions.two a.block,
section.productions.three a.block {
	margin: 0.2em 0 0.6em;
}

p.sorry {
	padding: 0 4em;
	margin-bottom: 1.6em;
	font-size: 0.9em;
	text-align: center;
}

p.sorry a {
}

/* productions :: 3 column grid ------ */

.productions.full.four-plus article {
	margin-right: 2%;
	width: 32%;
}

.productions.full a:nth-child(3n) article {
	margin-right: 0;
}

@media screen and (max-width: 768px) {

	/* productions :: list ------ */

/*
	.productions.one article,
	.productions.two article,
	.productions.three article {
		position: relative;
		margin-bottom: 0.6em;
		width: 100%;
		float: left;
	}
*/

	.productions.one article .image,
	.productions.two article .image {
		width: 100%;
/* 		max-height: 10em; */
		float: none;
	}

	.productions.one article .meta,
	.productions.two article .meta {
		position: relative;
		padding: 1em 0.6em 0.6em;
		width: 100%;
		overflow: visible;
		float: none;
	}

	.productions.one article .meta .status,
	.productions.two article .meta .status {
		position: absolute;
		padding: 0.6em 1em 0.6em 0.75em;
		top: -1.2em;
		left: 0;
		font-size: 0.8em;
/* 		font-weight: bold; */
		background: #1a1a1a;
		display: inline-block;
	}

	.productions.one article .meta h1,
	.productions.two article .meta p,
	.productions.one article .meta p,
	.productions.two article .meta h1 {
		margin-bottom: 0.4em;
	}

	.productions.one article .meta h1,
	.productions.two article .meta h1 {
		margin-bottom: 0.2em;
		font-size: 1em;
	}

	.productions.one article .meta p,
	.productions.two article .meta p {
		font-size: 0.8em;
		color: #989898;
	}

	.productions.one article .go,
	.productions.two article .go {
		top: auto;
		bottom: 0;
		right: 0;
		padding-bottom: 20%;
		width: 20%;
		height: 0;
	}

	section.productions.one a.block,
	section.productions.two a.block {
		margin: 0.2em 0 0.6em;
	}

	/* productions :: grid ------ */

	section.productions {
		margin-right: 2%;
		width: 49%;
	}

	.productions.three article,
	.productions.four article,
	.productions.four-plus article {
		position: relative;
		margin: 0 0 0.6em !important;
		width: 100%;
		float: left;
	}


	.productions.three article .image,
	.productions.four article .image,
	.productions.four-plus article .image {
		width: 30%;
		min-height: 4em;
		float: left;
	}

	.productions.three article .image img,
	.productions.four article .image img,
	.productions.four-plus article .image img {
		width: 100%;
	}

	.productions.three article .meta,
	.productions.four article .meta,
	.productions.four-plus article .meta {
		position: static;
		padding: 0.6em 0 0 1.2em;
		width: 70%;
		float: left;
	}

	.productions.three article .meta .status,
	.productions.four article .meta .status,
	.productions.four-plus article .meta .status {
		position: static;
		padding: 0;
		margin-bottom: 0.6em;
		top: 0;
		left: 0;
		font-size: 1em;
	}

	.productions.three article .meta h1,
	.productions.four article .meta p,
	.productions.four-plus article .meta h1,
	.productions.three article .meta p,
	.productions.four article .meta h1,
	.productions.four-plus article .meta p {
		margin-bottom: 0.4em;
		width: 75%;
	}

	.productions.three article .meta h1,
	.productions.four article .meta h1,
	.productions.four-plus article .meta h1 {
		margin-bottom: 0.2em;
		font-size: 1.2em;
		line-height: 1.2;
	}

	.productions.three article .meta p,
	.productions.four article .meta p,
	.productions.four-plus article .meta p {
		font-size: 0.8em;
		color: #989898;
	}

	.productions.three article > .meta span.go,
	.productions.four article > .meta span.go,
	.productions.four-plus article > .meta span.go {
		padding: 0;
		top: 0;
		width: 10%;
		height: 100%;
	}

	section.productions.three a.block,
	section.productions.four a.block,
	section.productions.four-plus a.block {
		margin: 0.2em 0 0.6em;
	}

	/* mailing ------ */
	article.mailing > div.wrap h1 {
		font-size: 1.4em;
		width: 50%;
	}

	article.mailing > div.wrap p {
		font-size: 1.05em;
		width: 85%;
	}
}

@media screen and (max-width: 600px) {
	article.mailing.solo .wrap {
		width: 60%;
	}
}

@media screen and (max-width: 600px) {

	section.productions {
		width: 100%;
	}

	.content.wrap section.productions article {
		position: relative;
		margin: 0 0 0.6em !important;
		width: 100%;
		float: left;
	}

	.content.wrap section.productions article .image {
		width: 30%;
		min-height: 4em;
		float: left;
	}

	.content.wrap section.productions article .image img {
		width: 100%;
	}

	.content.wrap section.productions article .meta {
		position: static;
		padding: 0.6em 0 0 1.2em;
		width: 70%;
		float: left;
	}

	.content.wrap section.productions article .meta .status {
		position: static;
		padding: 0;
		margin-bottom: 0.6em;
		top: 0;
		left: 0;
		font-size: 1em;
	}

	.content.wrap section.productions article .meta h1,
	.content.wrap section.productions article .meta p {
		margin-bottom: 0.4em;
		width: 75%;
	}

	.content.wrap section.productions article .meta h1 {
		margin-bottom: 0.2em;
		font-size: 1.2em;
		line-height: 1.2;
	}

	.content.wrap section.productions article .meta p {
		font-size: 0.8em;
		color: #989898;
	}

	.content.wrap section.productions article > .meta span.go {
		padding: 0;
		top: 0;
		width: 10%;
		height: 100%;
	}

	.content.wrap section.productions a.block {
		margin: 0.2em 0 0.6em;
	}

	p.sorry {
		padding: 0.2em;
		margin-bottom: 0;
		text-align: left;
	}

	.location .break {
		text-align: center;
		margin: 0;
		font-size: 1.5em;
	}

	article.mailing {
		display: none;
	}

	article.mailing {
		display: block;
	}
}

/* venues ------ */

#venues > div.map {
	max-height: 12em;
	overflow: hidden;
}

#venues > div.map > img {
	width: 100%;
}

#venues > ol {
	padding: 0;
	margin: 0;
}

#venues ol li {
	position: relative;
	margin-bottom: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
	background: #1a1a1a;
}

#venues ol li a > img {
	margin-right: 0.6em;
	float: left;
}

#venues ol li a > div {
	width: 72%;
	float: left;
}

#venues ol li h2,
#venues ol li p {
	margin-bottom: 0;
}

#venues ol li h2 {
	margin-bottom: -0.18em;
	font-size: 0.85em;
	color: #F3A800;
	font-weight: normal;
}

#venues ol li p {
	color: #A5A5A5;
	font-size: 0.75em;
}

#venues ol li a {
	padding: 1.2em 1em 1em 1.2em;
	display: block;
}

#venues .pagination {
	padding: 0.4em 1em;
	background: #000;
}

#venues .pagination h2 {
	padding: 0.4em 0;
	margin: 0;
	font-size: 0.8em;
	font-weight: normal;
	color: #A5A5A5;
	float: left;
}

#venues .pagination ul {
	padding: 0;
	margin: 0;
	float: right;
}

#venues .pagination ul li {
	font-size: 0.8em;
	float: left;
}

#venues .pagination ul li.current,
#venues .pagination ul li a {
	padding: 0.4em;
	display: block;
}

.map-image {
	margin: 0 !important;
	display: block !important;
}

@media screen and (max-width: 768px) {
	section#venues {
		width: 49%;
	}

	#venues > div.map > img {
		display: none;
	}

	#venues > ol > li > div {
		padding-left: 4em;
	}

	#venues .pagination {
		display: none;
	}

	a.block {
		font-size: 1.3em !important;
	}
}

@media screen and (max-width: 600px) {
	section#venues {
		width: 100%;
	}

	#venues > div.map > img {
		display: none;
	}

	#venues > ol > li > div {
		padding-left: 1.2em;
		background: none;
	}

	#venues ol li h2 {
		font-size: 1.2em;
	}

	#venues ol li p {
		font-size: 1em;
	}
}

/* all venues ------ */

.venue-letter {
	margin-bottom: 1.4em;
}

.venue-letter h1 {
	margin-bottom: 0.8em;
	border-bottom: 1px solid #444;
}

.venuelist input {
	float: left;
}

.venuelist > li {
	margin-bottom: 1em;
	width: 33%;
	min-height: 4em;
	float: left;
}

.venuelist > li > div {
	float: left;
}

@media screen and (min-width:481px) and (max-width:768px) {
	.venuelist > li {
		width: 50%;
		font-size: 1.6em;
	}
}

@media screen and (max-width:480px) {
	.venuelist > li {
		width: 100%;
		font-size: 1.4em;
	}
}

div.toggle {
	position: relative;
	width: 12%;
	display: inline-block;
}

.venuelist div.toggle {
	display: block;
}

div.styledCheckbox:hover {
	background: url("/images/star-outline.png") 0 0 no-repeat !important;
}

.venuelist div.info {
	width: 88%;
}

.venuelist div.info p {
	margin-bottom: 0;
	font-size: 0.8em;
}

.venuelist div.info a {
	font-size: 0.9em;
	display: inline-block;
}

.venuelist div.info a:hover {
	text-decoration: underline;
}

nav.alphabet {
	background: #1c1c1c !important;
}

@media screen and (max-width: 600px) {
	nav.alphabet {
		display: none;
	}
}

nav.alphabet h2 {
	margin: 0.7em 0.8em 0 0;
	font-size: 0.8em;
}

nav.alphabet h2 ,
nav.alphabet ol {
	display: inline;
}

nav.alphabet h2,
nav.alphabet ol,
nav.alphabet ol li,
nav.alphabet ol a {
	float: left;
}

nav.alphabet ol a,
nav.alphabet ol span {
	padding: 0.45em;
	font-size: 1em;
	display: block;
	float: left;
}

nav.alphabet ol span {
	color: #666;
}

/* single venue ------ */

.venuewrapper.content > h1 {
	margin-bottom: 0;
}

.venuewrapper div.narrow {
	padding-top: 0.4em;
}

.venuewrapper small {
	display: block;
}

p.distance {
	padding-bottom: 0.6em;
	font-size: 0.8em;
}

.venuewrap {
	padding-top: 1.2em;
/* 	margin-bottom: 4em; */
}

div.whatson {
	margin-bottom: 2em;
}

div.whatson.featured {
	padding: 1em;
	background: #1a1a1a;
}

div.whatson > div {
	float: left;
}

div.whatson > h1 {
	margin-bottom: 0.6em;
	font-size: 1.3em;
}

div.whatson > div.image {
	margin-right: 5%;
	width: 20%;
}

div.whatson > div.image img {
	width: 100%;
}

div.whatson > div.text {
	width: 75%;
}

div.whatson > div.text h1 a {
	color: #fff;
}

div.whatson section > h1 {
	margin-bottom: 0.4em;
	font-size: 1.2em;
}

div.whatson section p {
	font-size: 0.9em;
	color: #cbcbcb;
}

div.whatson section ul {
	margin-bottom: 1em;
	border-bottom: 1px solid #4d4d4d;
}

div.whatson section li {
	padding: 0.4em 0;
	font-size: 0.9em;
	border-top: 1px solid #4d4d4d;
}

div.whatson section li strong {
	margin-right: 0.6em;
	color: #fff;
	font-weight: normal;
}

div.whatson section li time,
div.whatson section li strong {
	position: relative;
	top: 0.4em;
}

div.whatson section li a.book {
	float: right;
}

div.whatson small {
	font-size: 0.7em;
	color: #cbcbcb;
	font-style: italic;
}

.venuewrapper section.banner {
	position: relative;
	width: 100%;
	padding: 4em 0 2em 2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
}

.venuewrapper section.banner h1 {
	padding-right: 5%;
	width: 100%;
	font-size: 1.25em;
	text-shadow: 0 0.08em 0.2em #000;
	float: left;
}

.venuewrapper section.banner p {
	width: 100%;
	font-size: 0.8em;
	/* float: right; */
}

.venuewrapper section.banner .text {
	padding: 0 2em 0 45%;
	position: relative;
	z-index: 20;
}

.venuewrapper section.banner .backstretch {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.venuewrapper section.banner .backstretch img {
	width: 100%;
}

@media screen and (max-width: 768px) {
	div.whatson section li a.book {
		margin: 1em 0 0.6em;
		width: 100%;
		font-size: 1.2em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
		display: block;
		float: none;
	}

	.venuewrapper section.banner {
		display: none;
	}
}

@media screen and (max-width: 600px) {
	div.whatson.featured {
		margin-bottom: 0.8em;
	}

	div.whatson > div.image {
		margin-right: 5%;
		width: 40%;
	}

	div.whatson > div.text {
		width: 55%;
	}

	div.whatson > div.text section > p {
		display: none;
	}
}

/* site footer ------ */

footer.site {
	padding: 0 0 2em;
}

footer.site > div.wrap {
	position: relative;
	padding-bottom: 1em;
	margin-bottom: 1em;
	background: #404040;
}

footer.site > div > section.inspire {
	position: relative;
	padding-left: 22%;
	width: 54%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
	float: left;
}

footer.site > div > section.inspire > div {
	padding-right: 0.4em;
	border-right: 1px solid #616161;
}

footer.site > div > section > div {
	margin: 1.8em 0;
}

footer.site > div > section > nav {
	margin-top: 3em;
}

footer.site > div > img {
	position: absolute;
	bottom: 0;
	left: 2%;
	margin-right: 1em;
	width: 17%;
	float: left;
}

footer.site > div > section > div > h1 {
	margin-bottom: 0.2em;
	font-size: 1.15em;
	font-weight: normal;
}

footer.site > div > section > div > p {
	font-size: 0.8em;
	color: #ccc;
}

footer.site > div > section > div > p a {
	font-size: 0.9rem;
}

footer.site > div > section > div > p a:hover {
	text-decoration: underline;
}

footer.site > div > section.connect {
	padding-left: 2.6em;
	width: 42%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
	float: left;
}

footer.site > div > section.connect > div,
footer.site > div > section.connect > nav.social {
	width: 50%;
	float: left;
}

footer.site > div > section.connect > nav.social {
	padding: 0 0 0 0.4em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
	background: none;
    margin-top: 3em;
}

footer.site > div > section.connect > nav.social li {
	margin-bottom: 0.2em;
}

footer.site > div > section.connect > nav.social a {
	padding: 0.4em 0 0 2.4em;
	min-height: 20px;
	color: #fff;
	font-size: 0.8em;
	display: block;
}

footer.site > div > section.connect > nav.social a:hover {
	text-decoration: underline;
}

footer.site > div > section.connect > nav.social li.facebook {
	background: url("../images/facebook.png") 0 center no-repeat;
}

footer.site > div > section.connect > nav.social li.twitter {
	background: url("../images/twitter.png") 0 center no-repeat;
}

footer.site > div > section.connect > nav.social li.mail {
	background: url("../images/mail.png") 0 center no-repeat;
}

footer.site a.ace {
	display: block;
	float: left;
}

footer.site > ul {
	margin-right: 2em;
	float: right;
}

footer.site ul.internal {
	margin: 0.4em 2em 0.6em;
	font-family: 'HelveticaNeueW01-65Medi', 'Helvetica W01 Roman', helvetica, arial, sans-serif;
}

footer.site > ul li,
footer.site > ul li a {
	display: block;
	float: left;
}

footer.site > ul li a {
	margin-left: 1em;
	font-size: 0.8em;
	color: #999;
}

footer.site > ul li a:hover {
	color: #fff;
}

footer.site > div.sponsor {
	padding: 0 2%;
	width: 50%;
	float: left;
}

footer.site > nav.mobile {
	display: none;
}

@media screen and (max-width: 600px) {
	footer.site {
		padding: 0;
	}

	footer.site nav.mobile {
		background: #000;
		display: block;
	}

	footer.site nav.mobile ul {
		margin-bottom: 0;
	}

	footer.site nav.mobile li a {
		padding: 0.8em 1.4em 0.7em;
		font-size: 1.4em;
		color: #fff;
		border-bottom: 1px solid #333;
		display: block;
	}

	footer.site > div.wrap {
		border-bottom: 1px solid #333;
		margin-bottom: 0;
	}

	footer.site > div > section.inspire > img {
		display: none;
	}

	footer.site > div > section.inspire {
		border-bottom: 1px solid #636363;
	}

	footer.site > div > section.inspire,
	footer.site > div > section.connect {
		padding: 1em 1.8em;
		width: 100%;
	}

	footer.site > div > section.inspire > div > h1 {
		font-size: 1.4em;
	}

	footer.site > div > section.inspire > div,
	footer.site > div > section.connect > div {
		margin: 0.4em 0;
		border: 0;
	}

	footer.site > div > img {
		display: none;
	}

	footer.site > div > section > div > p {
		font-size: 1.1em;
	}

	footer.site > div > section.inspire > div > p:last-child {
		margin-bottom: 0;
	}

	footer.site > div > section.connect > div,
	footer.site > div > section.connect > nav.social {
		width: 100%;
		display: block;
	}

	footer.site > div > section.connect > nav.social {
		margin-top: 0;
		padding-left: 0;
	}

	footer.site > div > section.connect > nav.social a {
		padding-top: 0.2em;
		font-size: 1.2em;
	}

	footer.site ul {
		width: 100%;
		float: none;
	}

	footer.site ul > li:last-child a {
		border: 0;
	}

	footer.site ul.internal {
		padding-bottom: 0;
		margin: 0.4em 0 0;
		font-family: 'HelveticaNeueW01-65Medi', 'Helvetica W01 Roman', helvetica, arial, sans-serif;
	}

	footer.site ul > li,
	footer.site ul > li > a {
		float: none;
		display: block;
	}

	footer.site ul {
		margin-bottom: 2em;
	}

	footer.site ul > li > a {
		padding: 0.4em 0.8em;
		font-size: 1.2em;
	}

	footer.site > div.sponsor {
		position: relative;
		padding: 1.3em 0 0.9em;
		margin-bottom: 0;
		width: 100%;
		float: none;
	}

	footer.site a.ace {
		margin-left: 2em;
		width: 55%;
		float: left;
	}

	footer.site a.ace img {
		width: 100%;
	}

	footer.site a.aviva img {
		position: static;
		margin: -1.3em 5% 0 0;
		width: 25%;
		float: right;
	}
}

/*
@media screen and (max-width: 320px) {
	div.sponsor {
		min-height: 120px;
	}
}
*/

/* article navigation ------ */

header.back {
	padding: 0;
	margin: 0;
}

p.goback {
	padding: 0;
	margin: 0;
	min-height: 14px;
	line-height: 1;
	font-family: 'HelveticaNeueW01-65Medi','Helvetica W01 Roman', helvetica, arial, sans-serif;
	font-weight: normal;
}

p.goback a {
	position: relative;
	padding: 1em 0 1em 2em;
	font-size: 1.4em;
	display: block;
}

p.goback a:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 1.2em;
	margin-top: -5px;
	width: 6px;
	height: 20px;
	background: url("../images/pointer.png") 0 -431px no-repeat;
	display: block;
}

span.go {
	position: absolute;
	top: 0;
	right: 0;
	width: 20%;
	height: 100%;
	display: block;
}

li.highlight span.go,
article:hover span.go,
li:hover span.go {
	background: #F3A800;
}

span.go > span {
	position: absolute;
	margin: -10px 0 0 -5px;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 20px;
	background: url("../images/pointer.png") 0 0 no-repeat;
}

li.highlight span.go > span,
article:hover span.go > span,
li:hover span.go > span {
	background-position: 0 -20px;
}

.block {
	position: relative;
	padding: 0.6em 2.8em 0.6em 1.2em;
	font-size: 0.8em;
	background: #1a1a1a;
	border: 0;
	display: inline-block;
}

.block:hover {
	color: #000;
	background: #f3a800;
}

.block span.go > span {
	margin: -6px 0 0 -3px;
	top: 50%;
	left: 50%;
	width: 6px;
	height: 12px;
	background: url("../images/pointer.png") 0 0 no-repeat;
	background-position: 0 -40px;
}

.block:hover span.go > span {
	background-position: 0 -52px;
}

input.block {
	color: #F3A800;
	background: url("../images/pointer-right.png") 90% 48% no-repeat #1a1a1a;
}

input.block:hover {
	background: url("../images/pointer-right-dark.png") 90% 48% no-repeat #f3a800;
}

.block.dark {
	padding: 0.4em 0.8em;
	font-size: 0.7em;
	color: #a5a5a5;
}

.block.dark:hover span.pointer {
	background-position: 0 -149px;
}

.block.dark:hover {
	color: #000
}

.block.fluid {
	padding: 0.6em 1.2em;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
}

.block.fluid span {
	width: 10%;
}

a.book {
	position: relative;
	padding: 0.6em 2.8em 0.6em 1.2em;
	font-size: 0.8em;
	color: #000;
	background: #F2A700;
	border: 0;
	display: inline-block;
}

a.book:hover {
	color: #F2A700;
	background: #000;
}

span.ext {
	position: absolute;
	top: 0;
	right: 0.8em;
	width: 10%;
	height: 100%;
	display: block;
}

span.ext > span {
	position: absolute;
	margin: -5px 0 0 -6px;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 10px;
	background: url("../images/pointer.png") 0 -406px no-repeat;
	display: block;
}

.book:hover span.ext > span {
	background-position: 0 -416px;
}

/* about us ------ */

body.about-us div.hero > .content > h1 {
	margin-bottom: 0.6em;
}

body.about-us div.hero > .content > p {
	width: 45%;
	line-height: 1.5;
}

@media screen and (max-width: 768px) {
	body.about-us div.hero > .content > p {
		width: 100%;
		font-size: 1.1em;
	}
}

body.about-us p {
	color: #ccc;
}

/* audio popup ------ */

body.audio .narrow {
	text-align: right;
}

/* all productions ------ */

@media screen and (min-width: 481px) and (max-width: 768px) {
	body.all-productions section.productions a article {
		width: 49% !important;
	}

	body.all-productions section.productions a:nth-child(odd) article {
		margin-right: 2% !important;
	}
}

/* masonry ------ */

/*
div.mason {
	padding: 0 !important;
}

div.sticky,
div.box {
	position: relative;
	padding: 0.4em;
	width: 33%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; *behavior: url(/js/boxsizing.htc);
	background: #646464;
}

.wide {
	width: 66% !important;
}

div.sticky div.wrap,
div.box div.wrap {
	position: relative;
	background: red;
}

div.sticky {
	float: right;
}

div.sticky span,
div.box span {
	position: absolute;
	margin: -10px 0 0 0;
	top: 50%;
	width: 100%;
	font-family: Georgia, serif;
	font-size: 20px;
	text-align: center;
	color: #fff;
	display: block;
}

@media screen and (max-width:768px) {
	div.sticky,
	div.box {
		width: 50%;
	}
}

@media screen and (max-width:480px) {
	div.sticky,
	div.box {
		width: 100%;
	}
}
*/

/* text scaling ------ */

@media screen and (max-width: 900px) {
	body {
		font-size: 0.95em;
	}
}

@media screen and (max-width: 860px) {
	body {
		font-size: 0.9em;
	}
}

@media screen and (max-width: 800px) {
	body {
		font-size: 0.85em;
	}
}

@media screen and (max-width: 768px) {
	body {
		font-size: 0.8em;
	}
}

@media screen and (max-width: 700px) {
	body {
		font-size: 0.75em;
	}
}

@media screen and (max-width: 600px) {
	body {
		font-size: 0.7em;
	}
}

@media screen and (max-width: 600px) {
	body {
		font-size: 0.8em;
	}
}

@media screen and (max-width: 320px) {
	body {
		font-size: 0.8em;
	}
}

/* layout tweaks ------ */

@media screen and (min-width: 601px) {
	.nudge-up {
		position: relative;
		margin-top: -2em !important;
	}

	.push-up {
		position: relative;
		margin-top: -14em !important;
	}
}

@media screen and (min-width: 769px) {
	.nudge-up {
		position: relative;
		margin-top: -2em !important;
	}
}

/* labels, buttons and icons ------ */

.label {
	position: relative;
	padding: 0.5em 1.2em;
	font-size: 0.8em;
	color: #000;
	font-family: 'HelveticaNeueW01-65Medi','Helvetica W01 Roman', helvetica, arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0.02em;
	background: #f3a800;
	display: inline-block;
}

p.guessed,
section#venues li.error {
	padding: 0.6em;
	margin: 1.1em 0 0;
	color: #fff;
	font-size: 0.75em;
	text-align: left;
	border: 1px solid #F3A800;
}

section#venues ol li.error {
	margin: 0.3em 0.6em;
}

p#venues-loading {
	padding: 0.6em;
	font-size: 0.9em;
	text-align: center;
	text-transform: lowercase;
	background: #1a1a1a;
}

section#venues li.error {
	margin: 0 0 0.4em;
	text-align: center;
}

span.pointer.right {
	margin-right: 0.4em;
	width: 8px;
	height: 12px;
	background: url("../images/pointer.png") 0 -88px no-repeat;
	display: inline-block;
}

span.pointer.right.orange {
	background: url("../images/pointer.png") 0 -64px no-repeat;
}

span.pointer.up {
	position: relative;
	margin-right: 0.6em;
	top: -1px;
	width: 10px;
	height: 5px;
	background: url("../images/pointer.png") 0 -139px no-repeat;
	display: inline-block;
}

div.bar {
	padding: 1em 2%;
	background: #1c1c1c;
}

div.bar.light {
	background: #404040;
}

div.bar p {
	font-size: 0.9em;
}

div.bar h2 {
	margin-bottom: 0;
}

/* custom dropdowns ------ */

@media screen and (min-width: 481px) {
	.dropdown.custom {
		position: relative;
		padding: 0 !important;
		width: 240px !important;
		border: 0 !important;
		display: block;
	}

	.dropdown.custom dl dt {
		margin: 0;
		font-size: 1em;
		border: 1px solid #000;
		background: #262626;
		border-radius: 3px;
		cursor: pointer;
	}

	.dropdown.custom dl dt label {
		padding: 0.3em 0.8em;
		margin: 0 !important;
		cursor: pointer;
		display: inline-block;
	}

	.dropdown.custom dl dd {
		margin: 0;
		width: 100%;
	}

	.dropdown.custom dl dd ul {
		width: 240px !important;
		border: 1px solid #000;
		background: #262626;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
	    overflow: auto;
	}

	.dropdown.custom dl dd ul li a {
		padding: 0.3em 0.8em;
		color: #ccc;
		text-decoration: none;
		display: block;
		cursor: pointer;
		float: none !important;
	}

	.dropdown.custom dl dd ul li a:hover {
		color: #000;
		background: #F3A800;
	}

	.dropdown.custom span.dropdown-indicator {
		position: absolute;
		top: 0;
		right: 0;
		width: 32px;
		height: 100%;
		border-left: 1px solid #000;
		cursor: pointer;
		display: block;
	}

	.dropdown.custom span.dropdown-indicator:after {
		content: '';
		position: absolute;
		margin: -4px -4px 0 0;
		top: 50%;
		right: 50%;
		width: 10px;
		height: 8px;
		background: url("../images/pointer.png") 0 -398px no-repeat;
		display: block;
	}
}

@media screen and (max-width: 600px) {
	.dropdown.custom {
		display: none;
	}

	select.custom {
		display: block !important;
	}
}

/* custom inputs on all venues page ------ */

body.all-venues form > * {
	float: left;
}

form input.custom {
	padding: .3em 2.8em .3em .8em;
	width: 28%;
	color: #ccc;
	background: #262626;
	border: 1px solid #000;
	border-radius: 3px;
	display: block;
    font-size: 1em;
    line-height: 21px;
}


form input.custom.active {
	width: 20%;
	padding-right: 8em;
}

body.all-venues form > label,
body.all-venues form div.custom.dropdown {
	margin-right: 0.4em;
}

@media screen and (min-width: 481px) {
	body.all-venues form input[type=submit] {
		position: relative;
		left: -2.2em;
		padding: 1em;
		width: 14px;
		height: 14px;
		text-indent: -99999px;
		background: transparent url("../images/glass.png") center no-repeat;
		border-left: 1px solid #000;
		border-width: 0 0 0 1px;
		display: block;
	}

	a.clearsearch{
        position: relative;
		padding: 6px 0.8em 7px 23px;
		right: 8em;
		font-size: 0.9em;
		background: url("../images/cross.png") 9px 13px no-repeat;
		border-left: 1px solid #000;
		border-width: 0 0 0 1px;
		display: block;
	}

    form input.search-term{
        padding: 6px 45px 6px 0.8em;
        width: 27%;
        line-height: normal;
    }

    form input.custom.active {

        width: 18%;
    }

}
.ie form input.search-term{
    padding: 7px 45px 7px 0.8em;
}

.ie form input.active.search-term{
    padding: 7px 8em 7px 0.8em;
}
.content.wrap.venuefilter > h2 {
	margin-right: 2em;
	float: left;
}

body.all-venues > #body-wrapper > .content.wrap.options > form {
	float: right;
}

body.all-venues > #body-wrapper > .content.wrap.options > h2 {
	margin: 0;
	float: left;
}

body.all-venues > #body-wrapper > .content.wrap.options > form > label {
	position: relative;
	top: 0.5em;
	font-size: 0.9em;
}

@media screen and (max-width: 880px) {
	body.all-venues > #body-wrapper > .content.wrap.options > h2 {
		margin-bottom: 0.4em;
	}

	body.all-venues > #body-wrapper > .content.wrap.options > h2,
	body.all-venues > #body-wrapper > .content.wrap.options > form {
		float: none;
	}
}

@media screen and (max-width: 768px) {
	.dropdown.custom,
	.dropdown.custom dl dd ul {
		width: 180px !important;
	}
}

@media screen and (max-width: 600px) {
	body.all-venues > #body-wrapper > .content.wrap > form > label {
		margin-bottom: 0.8em;
		width: 100%;
		font-size: 1.2em;
		display: block;
	}

	.content.wrap.venuefilter > h2 {
		margin: 0 0 0.4em;
		float: none;
	}

	body.all-venues select.custom {
		margin-bottom: 0.8em;
		width: 100%;
		display: block;
	}

	form input.custom,
	form input.custom.active {
		margin-bottom: 0.8em;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; *behavior: url("/js/boxsizing.htc");
		display: block;
	}

	body.all-venues form input[type=submit] {
		width: 50%;
	}
    form input.search-term{
        padding: 6px 45px 6px 0.8em;
        line-height: normal;
    }
	a.clearsearch {
		margin-bottom: 0.8em;
		font-size: 1.3em;
		display: block;
	}
}

/* misc ------ */

body.feedback h2 {
	margin-bottom: 0.6em;
	font-size: 1.2em;
}

body.feedback p {
	font-size: 1em;
}

.underline {
	border-bottom: 1px solid #989898;
}

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

/* Internet Explorer ------ */

html.lt-ie8 .location div.wrap {
	display: inline;
	zoom: 1;
}

html.lt-ie8 .location input {
	width: 40%;
}

html.lt-ie8 .location a {
	width: 24%;
}

html.lt-ie8 .location input,
html.lt-ie8 .location a,
html.lt-ie8 .location label {
	display: inline;
	zoom: 1;
}

html.lt-ie8 .productions.one article .go,
html.lt-ie8 .productions.two article .go,
html.lt-ie8 .productions.three article .go {
	padding: 0;
	bottom: 30px;
	height: 60px;
}

html.lt-ie8 article.mailing {
	width: 100% !important;
}

html.lt-ie9 article.mailing > img {
	height: 96px !important;
	display: block;
}

html.lt-ie8 article.mailing > img {
	height: auto !important;
}

html.lt-ie8 .info .label {
	display: inline;
	zoom: 1;
}

/*
html.lt-ie9 #venues ol li a {
	padding-top: 0.2em;
}
*/

html.lt-ie9 #venues ol li p {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	line-height: 1;
}

/* Royal Slider ------ */

.royalSlider {
	width: 100%;
	height: 100% !important;
	position: relative;
	direction: ltr;
}

.royalSlider figure {
	font-size: 0.8em;
	text-align: left;
}

.royalSlider img {
	max-width: 100%;
	max-height: 100%;
}

.rsSlide > div {
	width: 100%;
	height: 100%;
}

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
	-webkit-transform: none;
}

.rsOverflow {
	width: 78% !important;
	height: 100%;
	min-height: 400px;
	position: relative;
	overflow: hidden;
	background: #000;
	float: left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsContainer {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.fancybox-nav,
.rsArrow {
	position: absolute;
	margin-top: -30px !important;
	width: 24px !important;
	height: 61px !important;
	top: 50% !important;
	background: transparent url("../images/pointer.png") 0 0 no-repeat;
}

.fancybox-prev,
.rsArrowLeft {
	left: 0;
	background-position: 0 -276px;
}

.fancybox-prev:hover,
.rsArrowLeft:hover {
	background-position: 0 -337px;
}

.fancybox-next,
.rsArrowRight {
	right: 0;
	background-position: 0 -154px;
}

.fancybox-next:hover,
.rsArrowRight:hover {
	background-position: 0 -215px;
}

.rsArrow,
.rsThumbsArrow {
	cursor: pointer;
}

.rsThumb {
	float: left;
	position: relative;
}

.rsArrow,
.rsNav,
.rsThumbsArrow {
	opacity: 1;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
.rsHidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}

.rsGCaption {
	position: absolute;
	right: 0;
	padding: 2em 2% 0 2%;
	width: 22%;
	height: 100%;
	text-align: center;
	background: #404040;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.rsGCaption small {
	padding-top: 0.6em;
	margin-top: 2em;
	border-top: 1px solid #666;
	font-style: italic;
	display: block;
}

.rsSlideCount {
	position: absolute;
	top: 0.4em;
	right: 2%;
	color: #fff;
	font-size: 0.9em;
	font-family: 'HelveticaNeueW01-65Medi', 'Helvetica W01 Roman', helvetica, arial, sans-serif;
	font-weight: normal;
	text-align: right;
	z-index: 200;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
	display: none;
}

.rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #000;
	text-align: center;
	display: block;
	overflow: hidden;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
	height: auto;
}

.rsContent {
	width: 100%;
	height: 100%;
	position: relative;
}

.rsPreloader {
	position:absolute;
	z-index: 0;
}

.rsNav {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}
.rsNavItem {
	-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}
.rsTabs {
	float: left;
}
.rsTabs,
.rsThumbs {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsVideoContainer {
	/*left: 0;
	top: 0;
	position: absolute;*/
	/*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}
.rsVideoFrameHolder {
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
	opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 44px;
}

.rsABlock {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;
	-webkit-backface-visibility: hidden;
}

/*
.grab-cursor {
	cursor:url(grab.png) 8 8, move; 
}

.grabbing-cursor{ 
	cursor:url(grabbing.png) 8 8, move;
}
*/

.rsNoDrag {
	cursor: pointer;
}

.rsLink {
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	z-index: 20;
	background: url("blank.gif");
	-webkit-backface-visibility: hidden;
}

@media screen and (max-width: 600px) {
	.royalSlider {
		width: 100%;
/* 		min-height: 300px !important; */
	}

	.rsOverflow {
		width: 100% !important;
		min-height: 180px !important;
	}

	.rsGCaption {
		position: static;
		padding: 1em 2%;
		width: 100%;
		float: left;
	}

	.rsArrow {
		display: none !important;
	}

	.rsSlideCount {
		display: none;
	}
}

/* ==========================================================================
  Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
	display: none !important;
	visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *	`contenteditable` attribute is included anywhere else in the document.
 *	Otherwise it causes space to appear at the top and bottom of elements
 *	that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *	`:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
	*zoom: 1;
}

/* ==========================================================================
  EXAMPLE Media Queries for Responsive Design.
  Theses examples override the primary ('mobile first') styles.
  Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	  only screen and (min-resolution: 144dpi) {
	/* Style adjustments for high resolution devices */
}

/* ==========================================================================
  Print styles.
  Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	 * Don't show links for images, or javascript/internal links
	 */

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group; /* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

div.mason article.mailing {
    padding: 0;
    background: 0 !important;
    border: 0 !important;
/*     width: 277px !important; */
}

div.mason article.mailing .item:hover {
	background: #3D3D3D !important;
}

/*Loader*/
.loader{
    margin-top: 20px;
    text-align: center;
}

/*Favourites tooltip*/
.favourites-tooltip-nail{
    background: url("../images/tooltipnail.png") -7px 0px no-repeat;
    position: absolute;
    right: -13px;
    top: 50%;
    margin-top: -7px;
    width: 13px;
    height: 13px;
}

.tooltip-wrapper{
    display: none;
    position: absolute;
}
.tooltip-favourites{
    position  : absolute;
    right     : 100%;
    margin-right : 12px;
    top       : -5px;
    white-space:nowrap;
    padding   : 6px 12px !important;
    background-color  : #F2A700;
    font-family: 'HelveticaNeueW01-65Medi','Helvetica W01 Roman',helvetica,arial,sans-serif !important;
    color      : #000 !important;
    font-size  : 14px !important;
    font-weight: normal !important;
    z-index    : 9999;
}
.tooltip-favourites strong{
    color      : #000 !important;
    font-size  : 14px !important;
    font-weight: normal !important;
}

@media only screen and (device-width: 768px) {
    form input.search-term{
        padding: 4px 35px 4px 0.8em;
        line-height: normal;
    }

    a.clearsearch {
        position: absolute;
        padding: 5px 0.8em 5px 2em;
        right: 15em;
        font-size: 0.9em;
        background: url("../images/cross.png") 10px 9px no-repeat;
        border-left: 1px solid #000;
        border-width: 0 0 0 1px;
        display: block;
        float: left;
    }

}