@import url(//fonts.googleapis.com/css?family=Titillium+Web:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900);

body {
	color: #111;
	background-color: #a6001c;
}

#main {
	background: url(../img/bg-ec.png) #f7f7f7 top center;
}

a {
	color: #a6001c;
}

a:hover {
	color: #bd4055;
}

a:active {
	color: #bd4055;
	top: 1px;
}

h1, h2, h3, h4, h5, h6, legend {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	-webkit-font-smoothing: subpixel-antialiased;
	line-height: 1.6em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}

legend {
	top: 10px;
	left: -10px;
}

input, .dropdown, textarea {
	background-color: #f7f7f4;
	border-color: #aaa;
}

.pre {
	color: #a6001c;
}

.pre-bg {
	color: #fff;
	background-color: #a6001c;
}

.sec {
	color: #111;
}

.sec-bg {
	color: #fff;
	background-color: #111;
}

.ter {
	color: #a6001c;
}

.ter-bg {
	color: #fff;
	background-color: #a6001c;
}

.btn, #basket, .cta {
	font-family: 'Titillium Web', "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: 600;
}

#header {
	background-color: #fff;
	color: #111;
	border-bottom: 10px solid #a6001c;
}

#footer {
	background-color: #a6001c;
	color: #fff;
}

#footer a {
	color: #fff;
}

/*#social .twitter a {
	background-position: -60px 0;
}

#social .facebook a {
	background-position: -60px -30px;
}

#social .pinterest a {
	background-position: -60px -60px;
}

#social .gplus a {
	background-position: -60px -90px;
}

#social .spotify a {
	background-position: -60px -120px;
}

#social .soundcloud a {
	background-position: -60px -150px;
}

#social .youtube a {
	background-position: -60px -180px;
}

#social .tumblr a {
	background-position: -60px -210px;
}*/

#nav {
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 2px;
	font-family: 'Titillium Web', sans-serif;
}

#nav li a {
	color: #111;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	line-height: 28px;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 6px 8px;
	height: 28px;
	display: inline-block;

	-moz-transition: background-color 0.4s; /* Firefox 4 */
	-webkit-transition: background-color 0.4s; /* Safari and Chrome */
	-o-transition: background-color 0.4s; /* Opera */
	-ms-transition: background-color 0.4s; /* IE */
	transition: background-color 0.4s;
}

#nav li a:hover {
	background-color: #a6001c;
	color: #fff;

	-moz-transition: background-color 0s; /* Firefox 4 */
	-webkit-transition: background-color 0s; /* Safari and Chrome */
	-o-transition: background-color 0s; /* Opera */
	-ms-transition: background-color 0s; /* IE */
	transition: background-color 0s;
}

.ribbon-title, #order-basket .event h4 a {
	background-color: #a6001c;
}

a.pre-bg:hover, button.pre-bg:hover, #order .event h4 a:hover {
	color: #fff;
	background-color: #bd4055;
}

a.pre-bg:active, button.pre-bg:active, #order .event h4 a:active {
	background-color: #bd4055;
	top: 1px;
}

#order-basket .event h4 {
	display: block;
	max-width: 100%;
}

#order-basket .event h4 a {
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#order-basket .event span.date {
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	padding: 10px 0;
	font-size: 1.3em;
}


#basket a {
	line-height: 26px;
	margin-top: 8px;
	margin-bottom: 8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 6px 8px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	background-color: #a6001c;
}

#basket a:hover {
	background-color: #bd4055;
}

#nav li a:active, #basket a:active {
	background-color: #bd4055;
}

.card, .flyer, #tabbed section, .upsell .card, .card.highlight {
	background-color: #fff;
	border: 1px solid #e0e0e0;
}

#tickets .category {
	border-color: #e0e0e0;
}

#tickets .ticket.highlight {
	background-color: #a6001c;
	color: #fff;
	margin: -21px;
}

#tickets .ticket.highlight:active {
	background-color: #333;
}

.ticket .includes ul li {
	font-weight: 600;
}

.upsell {
 background-color: #a6001c;
 border-color: #a6001c;

 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
}

.upsell > header {
	color: #fff;
}

.upsell .items {
	border: 0;
}

.toggler {
	color: #a6001c;
}

.toggler:hover {
	color: #333;
}

.toggler:active {
	top: 1px;
}

#tickets .ticket .notice, #order .ticket .notice {
	color: #fff;
	background-color: #e90;
}

.upsell header .open-close {
	zoom: 1;
	filter: alpha(opacity=75);
	opacity: 0.75;
}

.upsell header:hover .open-close {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
}

.upsell .card {
	color: #111;
	border-color: #777;
}

fieldset {
	background-color: transparent;
}

#menu-toggle:hover, #menu-toggle.on {
	background-color: #a6001c;
}

.simple-modal .simple-modal-footer a.btn.primary {
  background-color: #a6001c !important;
}

.simple-modal .simple-modal-footer a.btn.primary:hover {
  background-color: #333 !important;
}

.simple-modal .simple-modal-footer a.btn.primary:active {
  background-color: #333 !important;
}

.group-buy .or {
	background-color: #ddd;
	color: #111;
}

.group-buy input, .group-buy textarea {
	background-color: #fff;
}

#group-left, #group-right {
	border-color: #d8d6cc;
}

.dropdown li.active {
	color: #a6001c;
}

.dropdown li.focus {
	background-color: #a6001c;
	color: #fff;
}

#pre-footer.wrap {
	text-align: center;
	padding-top: 0;
	padding-bottom: 30px;
}

#pre-footer.wrap a {
	display: inline-block;
}

#pre-footer img {
	width: 100%;
	max-width: 480px;
}

.instalment-details .panel-box {
	background-color: #fff;
	border: 1px solid #e0e0e0;
	font-size: 1.3em;
}

button.light, .btn.light, .instalment-details .btn.on, .copier-group .copier {
	background-color: #e0e0e0;
}

.instalment-details .btn.on:before {
	background-color: #e0e0e0;
}

.instalment-details .intervals strike {
	color: #81817a;
}

#event-header .border-top {
	border-top: 10px solid #a6001c;
}

#event-header .card {
	border-top: 0;
	padding-top: 15px;
}

#event-header .event-image {
	display: none;
}

#event-header .event-details .event-title {
	font-size: 3.2em;
	line-height: 1.2em;
}

.event-title a {
	color: #111;
}

.event-title a:hover {
	color: #a6001c;
}

.event-title a:active {
	color: #333;
}

.calendar-save {
	margin-left: 2px;
	font-size: 9px;
	top: -2px;
}

.calendar-save i {
	color: #bbb;
	-moz-transition: color 0.25s; /* Firefox 4 */
	-webkit-transition: color 0.25s; /* Safari and Chrome */
	-o-transition: color 0.25s; /* Opera */
	-ms-transition: color 0.25s; /* IE */
	transition: color 0.25s;
}

.calendar-save:hover i {
	color: #5fbe30;
}

.calendar-save .icon-plus {
	top: 2px;
}

.calendar-save:active {
	top: 0;
}

.btn .calendar-save {
	margin-left: 0;
	margin-right: 5px;
}

.btn .calendar-save i {
	color: inherit;
}

#no-tickets {
	padding-top: 0;
}

#no-tickets .error p {
	margin: 0;
	width: auto;
	text-align: left;
}

#sidebar .event-image {
	margin-bottom: 20px;
}

.lineup ul, .genre ul {
	font: 2em 'Titillium Web', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

.genre ul {
	font-size: 1.8em;
}

#tabs li a {
	font: 1.4em 'Titillium Web', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

#tabs .ui-tabs-active a {
	background-color: #fff;
}

#social-discount h1, .social-discount h5 {
	color: #a6001c;
}

#social-discount h1 {
	line-height: 1.2em;
}

#social-discount, .social-discount {
	border-color: #fb0;
	background-color: #ffdf8f;
}

.menu-sub {
	background-color: #fff;
	border-color: #e0e0e0;
}

.menu-sub li {
	border-color: #e0e0e0;
}

#faq h3 {
	margin-top: 30px;
}

#faq h3:first-of-type {
	margin-top: 0;
}

#faq .menu-block.card ul {
	padding-left: 20px;
}

#order-complete .rsn-social {
	text-align: center;
	margin-top: 30px;
}

#order-complete .rsn-social .buttons {
	margin: 10px auto 0;
	width: 240px;
	text-align: center;
}

#order-complete .rsn-social .buttons .twitter-follow-button , #order-complete .rsn-social .buttons .fb-like {
	display: inline-block;
	margin: 0 5px;
	float: left;
}

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

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

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

	#nav {
		margin-top: 0;
		margin-bottom: -10px;
	}

	#nav li a {
		color: #fff;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		line-height: 28px;
		padding: 8px;
		height: 28px;
		display: block;

		-moz-transition: background-color 0.4s; /* Firefox 4 */
		-webkit-transition: background-color 0.4s; /* Safari and Chrome */
		-o-transition: background-color 0.4s; /* Opera */
		-ms-transition: background-color 0.4s; /* IE */
		transition: background-color 0.4s;
		margin: 0;
		background-color: #fc0;
	}

	#nav li:first-of-type a {
		border-top: 0;
	}

	#nav li:last-of-type a {
		border-bottom: 0;
	}

	#nav li a:hover {
		background-color: #444;
	}

	#nav li a:active {
		background-color: #a6001c;
		border-top-color: #a6001c;
	}

	#basket a {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		height: 48px;
		line-height: 48px;
		margin: 0;
		padding-right: 10px;
		padding-left: 10px;
		color: #444;
	}

	#basket a:hover {
		background-color: #a6001c;
		color: #fff;
	}

	#basket a:active, #menu-toggle:active {
		background-color: #333;
	}

	#menu-toggle {
		background-position: 0 0;
	}

	#menu-toggle:hover {
		background-position: -180px 0;
	}

	#menu-toggle.on {
		background-position: -180px 0;
		background-color: #ccc;
	}

	#menu-toggle:active {
		background-position: -180px 1px;
	}

	#event-header .event-image {
		display: block;
		float: left;
		width: 22%;
		padding-right: 20px;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#event-header .event-image .flyer {
		margin: 0;
	}

	#event-header .event-details {
		float: left;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 78%;
	}

	#sidebar .event-image {
		display: none;
	}
}

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

	.ticket .notice {
		margin-bottom: 10px !important;
	}

	#event-header .event-details .event-title {
		font-size: 2.6em;
	}

	.event-age {
		top: -7px;
		font-size: 11px;
		line-height: 16px;
		height: 16px;
		padding: 0 3px;
	}
}

.select-seats-btn {
	font-family: 'Titillium Web', "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: 600;
}

.selected-seats-label {
	font-size: 13px;
	font-weight: bold;
	display: none;
}

.selected-seats-label p {
	font-size: 13px;
}

.selected-seats-label span {
	font-size: 16px;
    padding-top: 4px;
    display: block;
}

#checkout-start.disabled {
	opacity: .5;
}

.ideal-bank-select-container {
	background-color: #f7f7f4;
    border: 1px solid #aaa;
    border-radius: 2px;
}

.broadcast-links {
	background:#eee;
	border:1px dashed #111;
	padding:15px;
	margin:10px 10px 20px 10px;
	box-sizing: border-box;
}
.broadcast-links h3 {
	margin:0;
	line-height: 1;
}

.broadcast-links p {
	margin:8px 0;
}