@font-face {
	font-family: 'EnglishGrotesque-Medium';
	src: url("../fonts/325B56_0_0.eot");
	src: url("../fonts/325B56_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/325B56_0_0.woff2") format("woff2"), url("../fonts/325B56_0_0.woff") format("woff"), url("../fonts/325B56_0_0.ttf") format("truetype");
}

@font-face {
	font-family: 'EnglishGrotesque-Thin';
	src: url("../fonts/325B56_1_0.eot");
	src: url("../fonts/325B56_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/325B56_1_0.woff2") format("woff2"), url("../fonts/325B56_1_0.woff") format("woff"), url("../fonts/325B56_1_0.ttf") format("truetype");
}

@font-face {
	font-family: 'Circe-Bold';
	src: url("../fonts/325B53_0_0.eot");
	src: url("../fonts/325B53_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/325B53_0_0.woff2") format("woff2"), url("../fonts/325B53_0_0.woff") format("woff"), url("../fonts/325B53_0_0.ttf") format("truetype");
}

@font-face {
	font-family: 'Circe-Regular';
	src: url("../fonts/325B53_1_0.eot");
	src: url("../fonts/325B53_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/325B53_1_0.woff2") format("woff2"), url("../fonts/325B53_1_0.woff") format("woff"), url("../fonts/325B53_1_0.ttf") format("truetype");
}

html {
	overflow-x: hidden;
}

html, body {
	background-color: #F8F9F6;
	color: #000;
	line-height: 1;
	font-family: "minion-pro", Times, helvetica, arial, sans-serif;
}

html.noscroll, body.noscroll {
	overflow: hidden;
}

.clear {
	clear: both;
}

.hideOnDesktop {
	display: none !important;
}

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

.hideOnMobile {
	display: block !important;
}

@media only screen and (max-width: 760px) {
	.hideOnMobile {
		display: none !important;
	}
}

a {
	text-decoration: none;
	color: inherit;
}

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

@media only screen and (max-width: 760px) {
	.chrome img {
		image-rendering: auto;
	}
}

.nav {
	background: #F8F9F6;
	position: fixed;
	width: 100%;
	top: 0;
	-webkit-transition: top 0.2s ease;
	-moz-transition: top 0.2s ease;
	-ms-transition: top 0.2s ease;
	-o-transition: top 0.2s ease;
	transition: top 0.2s ease;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	z-index: 10;
}

.nav.shorter {
	top: -36px;
}

@media only screen and (max-width: 1160px) {
	.nav {
		top: -36px;
		height: 86px;
	}
}

.nav .top {
	background: #000;
	color: #F8F9F6;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.nav .top ul li a {
	padding: 14px 10px 12px;
	color: #a0a0a0;
	font-size: 10px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
}

.nav ul {
	margin: 0 auto;
	text-align: center;
}

.nav ul li {
	display: inline-block;
	font-size: 0;
	padding: 0 6px;
	vertical-align: middle;
}

@media only screen and (max-width: 830px) {
	.nav ul li {
		padding: 0 1px;
	}
}

.nav ul li a {
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	padding: 20px 10px 18px;
	display: block;
}

@media only screen and (max-width: 1300px) {
	.nav ul li a {
		padding: 20px 6px 18px;
	}
}

@media only screen and (max-width: 1230px) {
	.nav ul li a {
		padding: 20px 2px 18px;
	}
}

.nav ul li a.buyTicketLink {
	border: solid 1px #686f32;
	padding: 8px 18px 5px;
	background-color: #686f32;
	color: #fff;
	font-weight: 200;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
}

.nav ul li a.buyTicketLink:hover {
	background-color: #FFFFFF;
	color: #686f32;
}

.nav ul li a.nova {
	background-color: #1d1d1b;
	padding: 0;
	height: 50px;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.nav ul li a.nova:hover {
	background-color: #ff4713;
}

.nav ul li a.important {
	color: #D80000;
	text-decoration: underline;
}

@media only screen and (max-width: 860px) {
	.nav ul {
		display: none;
	}
}

.overlayNav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #F8F9F6;
	z-index: 15;
	text-align: center;
	display: none;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.4s, visibility 0.4s;
	-moz-transition: opacity 0.4s, visibility 0.4s;
	-ms-transition: opacity 0.4s, visibility 0.4s;
	-o-transition: opacity 0.4s, visibility 0.4s;
	transition: opacity 0.4s, visibility 0.4s;
}

.overlayNav.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s;
}

.overlayNav .inner {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: (translate(-50%, -50%),);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	padding: 0 50px;
	box-sizing: border-box;
	margin-top: -40px;
}

@media only screen and (max-height: 600px) {
	.overlayNav .inner {
		margin-top: 0;
	}
}

.overlayNav .logo {
	margin: 30px auto 0;
	display: block;
	width: 180px;
}

.overlayNav .logo img {
	width: 100%;
}

@media only screen and (max-height: 960px) {
	.overlayNav .logo {
		margin-top: 25px;
	}
	.overlayNav .logo img {
		width: 120px;
	}
}

@media only screen and (max-height: 600px) {
	.overlayNav .logo {
		display: none;
	}
}

.overlayNav .vertical {
	margin-top: 35px;
}

@media only screen and (max-height: 600px) {
	.overlayNav .vertical {
		margin-top: 0;
	}
}

.overlayNav .vertical li {
	display: block;
	padding: 12px 0;
}

.overlayNav .vertical li.mobileBuyTicketsLink {
	padding: 18px 0 14px 0;
	margin: 0 0 30px;
}

.overlayNav .vertical li.mobileBuyTicketsLink a {
	background-color: #686f32;
	color: #FFF;
	padding: 15px 30px 12px 30px;
}

@media only screen and (max-width: 768px) {
	.overlayNav .vertical li.mobileBuyTicketsLink a {
		padding: 12px 26px 8px 26px;
	}
}

.overlayNav .vertical li a {
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1.5px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.overlayNav .vertical li a.important {
	color: #D80000;
}

.overlayNav .vertical li a.nova {
	/*background-color:$nova-grey;
          padding: 15px 20px 12px 22px;
          height:50px;
          display:inline-block;*/
}

@media only screen and (max-height: 960px) {
	.overlayNav .vertical li {
		padding: 9px 0;
	}
	.overlayNav .vertical li a {
		font-size: 16px;
	}
}

@media only screen and (max-height: 690px) {
	.overlayNav .vertical li {
		padding: 6px 0;
	}
	.overlayNav .vertical li a {
		font-size: 14px;
	}
}

@media only screen and (max-height: 600px) {
	.overlayNav .vertical li {
		padding: 10px 0;
	}
	.overlayNav .vertical li a {
		font-size: 15px;
	}
}

.overlayNav .bottom {
	position: absolute;
	bottom: 32px;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: (translate(-50%, 0),);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

@media only screen and (max-height: 600px) {
	.overlayNav .bottom {
		display: none;
	}
}

.overlayNav .bottom .social {
	margin-bottom: 25px;
}

@media only screen and (max-height: 640px) {
	.overlayNav .bottom .social {
		display: none;
	}
}

.overlayNav .bottom .social a {
	display: inline-block;
	margin: 0 10px;
}

.overlayNav .bottom .social a img {
	width: 36px;
}

.overlayNav .bottom ul li {
	display: inline-block;
	padding: 0 20px;
}

.overlayNav .bottom ul li a {
	font-size: 10px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1.5px;
}

.rightLink, .leftLink {
	position: absolute;
	top: 14px;
	right: 20px;
	z-index: 17;
}

.rightLink a, .leftLink a {
	font-size: 10px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	display: block;
	color: #a0a0a0;
}

.leftLink {
	right: auto;
	left: 20px;
}

.rightLinkSocial {
	position: absolute;
	top: 51px;
	right: 20px;
	z-index: 17;
}

.rightLinkSocial a {
	display: inline-block;
	margin: 0 1px;
	font-size: 0;
}

.rightLinkSocial a:first-child {
	margin-left: 0;
}

.rightLinkSocial a:last-child {
	margin-right: 0;
}

.rightLinkSocial a img {
	width: 20px;
}

.menuToggle {
	position: fixed;
	left: 20px;
	top: 40px;
	cursor: pointer;
	height: 30px;
	width: 20px;
	z-index: 20;
	-webkit-transition: top 0.2s ease;
	-moz-transition: top 0.2s ease;
	-ms-transition: top 0.2s ease;
	-o-transition: top 0.2s ease;
	transition: top 0.2s ease;
}

.menuToggle.shorter {
	top: 4px;
}

@media only screen and (max-width: 1160px) {
	.menuToggle {
		top: 4px;
	}
}

.menuToggle span {
	font-size: 10px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	display: block;
	position: absolute;
	top: 18px;
	padding-left: 27px;
}

.menuToggle .menuI {
	transition: 0.4s ease;
	transition-timing-function: cubic-bezier(0.75, 0, 0.29, 1.01);
	margin-top: 10px;
	position: absolute;
	background: #000;
	height: 2px;
	border-radius: 10px;
	width: 17px;
}

.menuToggle .menuI.topI {
	top: 5px;
}

.menuToggle .menuI.topI.topAnimate {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: (rotate(45deg),);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 10px !important;
}

.menuToggle .menuI.midI {
	top: 10px;
}

.menuToggle .menuI.midI.midAnimate {
	opacity: 0;
}

.menuToggle .menuI.bottomI {
	top: 15px;
}

.menuToggle .menuI.bottomI.bottomAnimate {
	top: 10px !important;
	-webkit-transform: rotate(-225deg);
	-moz-transform: rotate(-225deg);
	-ms-transform: (rotate(-225deg),);
	-o-transform: rotate(-225deg);
	transform: rotate(-225deg);
}

.download {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	display: block;
	text-align: center;
	width: 140px;
	margin: 40px auto 30px;
}

.download:hover {
	color: #000;
	background: #F8F9F6;
}

@media only screen and (max-width: 760px) {
	.download {
		margin: 0 auto 30px;
	}
}

#page_nova {
	background-color: #1d1d1b;
}

#page_nova .main {
	background-color: #1d1d1b;
	color: #FFF;
}

#page_nova .main .pageIntro {
	padding-bottom: 60px;
	max-width: 840px;
}

#page_nova .main .pageIntro p {
	font-style: italic;
}

#page_nova .main .XlTitle {
	font-size: 11vw;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	letter-spacing: 4px;
	line-height: 9.5vw;
	-webkit-transition: margin 1s ease, opacity 1s ease;
	-moz-transition: margin 1s ease, opacity 1s ease;
	-ms-transition: margin 1s ease, opacity 1s ease;
	-o-transition: margin 1s ease, opacity 1s ease;
	transition: margin 1s ease, opacity 1s ease;
}

#page_nova .main .XlTitle.center {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: (translate(-50%, -50%),);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	margin-top: 50px;
	opacity: 0;
}

#page_nova .main .XlTitle.center.active {
	margin-top: 0;
	opacity: 1;
}

#page_nova .main .XlTitle.left {
	text-align: left;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: (translate(-50%, 0%),);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	bottom: -4.5vw;
	margin-bottom: -50px;
	opacity: 0;
}

#page_nova .main .XlTitle.left.active {
	margin-bottom: 0;
	opacity: 1;
}

@media only screen and (max-width: 760px) {
	#page_nova .main .XlTitle.left {
		text-align: center;
	}
}

#page_nova .main .XlTitle.right {
	text-align: right;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: (translate(-50%, 0%),);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	bottom: -4.5vw;
	margin-bottom: -50px;
	opacity: 0;
}

#page_nova .main .XlTitle.right.active {
	margin-bottom: 0;
	opacity: 1;
}

@media only screen and (max-width: 760px) {
	#page_nova .main .XlTitle.right {
		text-align: center;
	}
}

#page_nova .main .XlTitle.top {
	text-align: center;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: (translate(-50%, 0%),);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	top: -4.5vw;
	margin-top: 50px;
	opacity: 0;
}

#page_nova .main .XlTitle.top.active {
	margin-top: 0;
	opacity: 1;
}

#page_nova .main .ticketContainer {
	max-width: 1400px;
}

#page_nova .main .download {
	font-family: 'rift-soft';
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 2px;
	line-height: 44px;
	background-color: #FFF;
}

#page_nova .main .download:hover {
	background-color: transparent !important;
	color: #FFF !important;
}

#page_nova .main .download.red {
	color: #a2242d;
	border: solid 1px #FFF;
}

#page_nova .main .download.teal {
	color: #005b67;
	border: solid 1px #FFF;
}

#page_nova .main .download.orange {
	background-color: #ff4713;
	border: solid 1px #ff4713;
}

#page_nova .main .download.white {
	color: #1d1d1b;
	background-color: #FFF;
	border: solid 1px #FFF;
}

#page_nova .main .grid {
	max-width: 100%;
	width: 100%;
	padding: 60px 10px;
}

@media only screen and (max-width: 760px) {
	#page_nova .main .grid {
		padding: 30px 10px;
	}
}

#page_nova .main .grid.red {
	background-color: #a2242d;
}

#page_nova .main .grid.teal {
	background-color: #005b67;
}

#page_nova .main .grid.orange {
	background-color: #ff4713;
}

#page_nova .main .grid .routeHolder {
	max-width: 1720px;
	margin: 0 auto;
	position: relative;
}

#page_nova .main .grid .routeHolder .routeArticle .routeArticleText {
	max-width: 780px;
	margin: 60px auto;
}

#page_nova .main .grid .routeHolder .routeArticle .routeArticleText p {
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0.8px;
}

#page_nova .main .grid .routeHolder .routeArticle .routeArticleText p em {
	font-style: italic;
	font-size: 12px;
}

#page_nova .main .grid .routeHolder .routeArticle .imageHolderHalf .fact {
	position: absolute;
	max-width: 310px;
}

#page_nova .main .grid .routeHolder .routeArticle .imageHolderHalf .fact h2 {
	font-family: 'rift-soft';
	font-weight: 600;
	font-size: 70px;
	letter-spacing: 2px;
	margin-bottom: 5px;
}

@media only screen and (max-width: 760px) {
	#page_nova .main .grid .routeHolder .routeArticle .imageHolderHalf .fact h2 {
		font-size: 30px;
	}
}

#page_nova .main .grid .routeHolder .routeArticle .imageHolderHalf .fact h3 {
	font-style: italic;
	font-size: 22px;
	line-height: 27px;
	letter-spacing: 0.4px;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	#page_nova .main .grid .routeHolder .routeArticle .imageHolderHalf .fact h3 {
		font-size: 15px;
		line-height: 24px;
	}
}

#page_nova .main .grid .routeHolder .routeArticle table {
	width: 100%;
}

#page_nova .main .grid .routeHolder .routeArticle table tr td, #page_nova .main .grid .routeHolder .routeArticle table tr th {
	border: solid 1px;
	padding: 20px;
	text-align: center;
}

#page_nova .main .grid .routeHolder .routeArticle table tr th {
	font-family: 'rift-soft';
	font-weight: 600;
	font-size: 24px;
	letter-spacing: 2px;
}

#page_nova .main .grid .routeHolder .routeArticle table tr th img {
	height: 50px;
}

#page_nova .main .grid .routeHolder .routeArticle table tr td {
	font-style: italic;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: 0.4px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#page_nova .main .grid .routeHolder.spaceTop {
	margin-top: 4vw;
}

#page_nova .main .grid .routeHolder #track span {
	font-family: 'rift-soft';
	font-weight: 600;
	font-size: 24px;
	letter-spacing: 2px;
}

#page_nova .main .grid .routeFactsContainer {
	width: 100%;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
	padding: 20px 0;
	max-width: 1400px;
	margin: 0 auto;
}

#page_nova .main .grid .routeFactsContainer .col_1-4 {
	width: 25%;
}

#page_nova .main .grid .routeFactsContainer .col_1-4:nth-child(4) {
	border-right: none;
}

#page_nova .main .grid .routeFactsContainer .col_1-2 {
	width: 50%;
}

#page_nova .main .grid .routeFactsContainer .col_1-2:nth-child(2) {
	border-right: none;
}

#page_nova .main .grid .routeFactsContainer .col_1-4, #page_nova .main .grid .routeFactsContainer .col_1-2 {
	float: left;
	box-sizing: border-box;
	padding: 30px 30px;
	text-align: center;
	border-right: solid 1px #fff;
}

#page_nova .main .grid .routeFactsContainer .col_1-4 h2, #page_nova .main .grid .routeFactsContainer .col_1-2 h2 {
	font-family: 'rift-soft';
	font-weight: 600;
	font-size: 24px;
	letter-spacing: 2px;
	margin-bottom: 5px;
}

#page_nova .main .grid .routeFactsContainer .col_1-4 h3, #page_nova .main .grid .routeFactsContainer .col_1-2 h3 {
	font-style: italic;
	font-size: 22px;
	line-height: 27px;
	letter-spacing: 0.4px;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	#page_nova .main .grid .routeFactsContainer .col_1-4 h3, #page_nova .main .grid .routeFactsContainer .col_1-2 h3 {
		font-size: 15px;
		line-height: 24px;
	}
}

@media only screen and (max-width: 1000px) {
	#page_nova .main .grid .routeFactsContainer .col_1-4, #page_nova .main .grid .routeFactsContainer .col_1-2 {
		padding: 0 10px;
	}
}

@media only screen and (max-width: 700px) {
	#page_nova .main .grid .routeFactsContainer .col_1-4, #page_nova .main .grid .routeFactsContainer .col_1-2 {
		width: 100%;
		padding: 20px 20px;
		border-right: none;
	}
}

#page_nova .main .full {
	width: 100%;
	min-height: 680px;
	height: 85vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

@media only screen and (max-width: 760px) {
	#page_nova .main .full {
		min-height: auto;
	}
}

#page_nova h1 {
	font-family: 'rift-soft';
	font-weight: 600;
	font-size: 35px;
	line-height: 35px;
}

#page_nova h1.large {
	color: #ff4713;
	font-size: 60px;
	margin-bottom: 10px;
	line-height: 70px;
}

.main .whatsOnHeader {
	margin: 0 auto;
	width: 100%;
	background-color: #F8F9F6;
	position: fixed;
	top: 85px;
	border-top: solid 1px #000;
	-webkit-transition: top 0.2s ease;
	-moz-transition: top 0.2s ease;
	-ms-transition: top 0.2s ease;
	-o-transition: top 0.2s ease;
	transition: top 0.2s ease;
	z-index: 10;
}

@media only screen and (max-width: 1100px) {
	.main .whatsOnHeader {
		top: 50px;
	}
}

.main .whatsOnHeader.shorter {
	top: 50px;
}

.main .whatsOnHeader.radioHeader {
	background-color: #FFA500;
}

.main .whatsOnHeader.radioHeader ul li {
	display: block;
	padding: 14px 0 12px;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	color: #000;
	font-size: 10px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
}

@media only screen and (max-width: 760px) {
	.main .whatsOnHeader.radioHeader ul li span {
		display: none;
	}
}

.main {
	position: relative;
	top: 86px;
	background: #F8F9F6;
}

@media only screen and (max-width: 1100px) {
	.main {
		top: 50px;
	}
}

.main .headerUnderlay {
	height: 85vh;
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.main .map {
	height: 100%;
	width: 100%;
}

.main .map .marker {
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.main .map .marker.logo {
	display: block;
	border: none;
	cursor: pointer;
	padding: 0;
}

.main .map .marker.dot {
	width: 20px;
	height: 20px;
}

.main .map .mapboxgl-popup .mapboxgl-popup-content {
	padding: 10px 10px 5px;
	background: #F8F9F6;
}

.main .map .mapboxgl-popup .mapboxgl-popup-tip {
	border-top-color: #F8F9F6;
}

.main .map .mapboxgl-popup h1 {
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 0.6px;
	text-align: center;
	padding-top: 6px;
}

@media only screen and (max-width: 760px) {
	.main .map .mapboxgl-popup h1 {
		font-size: 12px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 0.4px;
	}
}

.main .map .mapboxgl-popup p.address {
	font-family: "minion-pro";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 14px;
	text-align: center;
	display: block;
	letter-spacing: 0.4px;
	padding: 6px;
	line-height: 22px;
}

@media only screen and (max-width: 760px) {
	.main .map .mapboxgl-popup p.address {
		font-size: 12px;
		line-height: 18px;
	}
}

.main .map .mapboxgl-popup img {
	max-width: 200px;
}

.main .gm-style-iw {
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	padding-top: 7px;
	width: 100% !important;
}

.main .gm-style-iw img.preview {
	max-width: 260px;
}

.main .gm-style-iw ~ div {
	top: 14px !important;
}

.main #track {
	max-width: 1200px;
	width: 90%;
	position: relative;
	margin: 60px auto 60px;
	/*canvas{
      border-top:1px solid rgba(0,0,0,0.05);
      height:140px !important;
    }*/
}

@media only screen and (max-width: 760px) {
	.main #track {
		padding: 0 10px;
		width: 100%;
		box-sizing: border-box;
		margin-top: 40px;
	}
}

.main #track h1 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	text-align: center;
	padding-bottom: 30px;
}

.main #track .desc {
	margin-bottom: 40px;
	text-align: center;
	line-height: 22px;
}

.main #track .ykey {
	position: absolute;
	left: -60px;
	width: 50px;
	text-align: right;
	display: none;
}

.main #track .ykey.top {
	bottom: 93px;
}

.main #track .ykey.bottom {
	bottom: -5px;
}

.main #track .xkey {
	position: absolute;
	padding-top: 5px;
}

@media only screen and (max-width: 540px) {
	.main #track .xkey.x2, .main #track .xkey.x4 {
		display: none;
	}
}

.main #track .xkey.x1 {
	left: 0;
}

.main #track .xkey.x2 {
	left: 25%;
	margin-left: -13px;
}

.main #track .xkey.x3 {
	left: 50%;
	margin-left: -13px;
}

.main #track .xkey.x4 {
	left: 75%;
	margin-left: -13px;
}

.main #track .xkey.x5 {
	right: 0;
}

.main #track img {
	width: 100%;
	display: block;
}

@media only screen and (max-width: 760px) {
	.main #track img {
		padding-bottom: 5px;
	}
}

.main .header {
	height: 85vh;
	width: 100%;
	overflow: hidden;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	min-height: 680px;
}

@media only screen and (max-width: 768px) {
	.main .header.homeHeader {
		height: auto;
	}
}

@media only screen and (max-width: 760px) {
	.main .header {
		min-height: 360px;
	}
	.main .header.mapHeader {
		height: 65vh;
	}
}

.main .header .ebLogo {
	position: absolute;
	left: 50%;
	top: 5%;
	max-width: 200px;
	z-index: 9;
	font-size: 0;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: (translate(-50%, 0),);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

@media only screen and (max-width: 1120px) {
	.main .header .ebLogo {
		max-width: 150px;
	}
}

@media only screen and (max-width: 1010px) {
	.main .header .ebLogo {
		display: none;
	}
}

.main .header .ebLogo img {
	width: 100%;
}

.main .header .headerSlider {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #000;
}

.main .header .headerSlider .slick-slide {
	min-height: 85vh;
}

@media only screen and (max-height: 800px) {
	.main .header .headerSlider .slick-slide {
		min-height: 680px;
	}
}

.main .header .videoHolder {
	overflow: hidden;
	position: relative;
	height: 100%;
	min-height: 100%;
}

@media only screen and (max-width: 760px) {
	.main .header .videoHolder {
		backface-visibility: hidden;
	}
}

.main .header .videoHolder video {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: (translate(-50%, -50%),);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	backface-visibility: hidden;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	overflow: hidden;
}

@media only screen and (max-width: 760px) {
	.main .header .videoHolder video {
		height: 100%;
		min-width: 100%;
	}
}

.main .header .headerFixed {
	height: 85vh;
	width: 100%;
	background-color: #e2f0f3;
}

.main .header .headerFixed div {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	height: 85vh;
}

.main .header .splitLeft, .main .header .splitRight {
	width: 50%;
	height: 100%;
	position: relative;
	float: left;
}

@media only screen and (max-width: 768px) {
	.main .header .splitLeft, .main .header .splitRight {
		width: 100%;
	}
}

.main .header .splitLeft:hover .splitSlider .splitSliderSlides .splitItem:before, .main .header .splitRight:hover .splitSlider .splitSliderSlides .splitItem:before {
	opacity: 0.5;
}

.main .header .splitLeft .splitSlider .splitSliderSlides, .main .header .splitRight .splitSlider .splitSliderSlides {
	overflow: hidden;
}

.main .header .splitLeft .splitSlider .splitSliderSlides .splitItem, .main .header .splitRight .splitSlider .splitSliderSlides .splitItem {
	width: 100%;
	height: 85vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: (scale(1, 1),);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

.main .header .splitLeft .splitSlider .splitSliderSlides .splitItem:before, .main .header .splitRight .splitSlider .splitSliderSlides .splitItem:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 7;
	mix-blend-mode: multiply;
	opacity: 0;
	background-color: #111111;
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-ms-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

.main .header .splitLeft .splitSlider .splitSliderSlides .splitItem img, .main .header .splitRight .splitSlider .splitSliderSlides .splitItem img {
	width: 75%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 8;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: (translate(-50%, -50%),);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media only screen and (max-height: 650px) {
	.main .header .splitLeft .splitSlider .splitSliderSlides .splitItem img, .main .header .splitRight .splitSlider .splitSliderSlides .splitItem img {
		top: 55%;
	}
}

@media only screen and (max-height: 580px) {
	.main .header .splitLeft .splitSlider .splitSliderSlides .splitItem img, .main .header .splitRight .splitSlider .splitSliderSlides .splitItem img {
		top: 60%;
	}
}

@media only screen and (max-width: 760px) {
	.main .header .splitLeft .splitSlider .splitSliderSlides .splitItem img, .main .header .splitRight .splitSlider .splitSliderSlides .splitItem img {
		top: 50%;
	}
}

.main .header .splitLeft .splitButtonHolder, .main .header .splitRight .splitButtonHolder {
	display: block;
	margin-bottom: 15px;
}

.main .header .splitLeft .splitButtonHolder .splitButton, .main .header .splitRight .splitButtonHolder .splitButton {
	padding: 17px 30px 14px 31px;
	border: 2px solid #FFF;
	font-family: 'Circe-Regular';
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
	display: inline-block;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
}

.main .header .splitLeft .splitButtonHolder .splitButton:hover, .main .header .splitRight .splitButtonHolder .splitButton:hover {
	background-color: #FFFFFF;
	color: #000000;
}

.main .header .splitLeft .splitLink, .main .header .splitRight .splitLink {
	font-family: 'Circe-Regular';
	text-transform: uppercase;
	font-size: 8px;
	letter-spacing: 1px;
	position: relative;
}

.main .header .splitLeft .splitTop, .main .header .splitRight .splitTop {
	position: absolute;
	z-index: 8;
	color: #FFF;
	width: 100%;
	text-align: center;
	top: 9%;
}

@media only screen and (max-height: 735px) {
	.main .header .splitLeft .splitTop, .main .header .splitRight .splitTop {
		top: 7%;
	}
}

.main .header .splitLeft .splitTop p, .main .header .splitRight .splitTop p {
	font-family: 'Circe';
	font-weight: 300;
	font-size: 34px;
	letter-spacing: 2px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.main .header .splitLeft .splitTop span, .main .header .splitRight .splitTop span {
	font-family: 'Circe-Regular';
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.main .header .splitLeft .splitBottom, .main .header .splitRight .splitBottom {
	position: absolute;
	z-index: 8;
	color: #FFF;
	width: 100%;
	text-align: center;
	bottom: 5%;
}

.main .header .splitLeft .splitBottom p, .main .header .splitRight .splitBottom p {
	font-family: 'Circe';
	font-weight: 300;
	font-size: 34px;
	letter-spacing: 2px;
	margin-bottom: 40px;
	text-transform: uppercase;
}

@media only screen and (max-width: 760px) {
	.main .header .splitLeft .splitBottom p, .main .header .splitRight .splitBottom p {
		margin-bottom: 20px;
	}
}

.main .header .splitLeft .splitAbc {
	background-image: url("../images/whats-on/abc-featured.jpg");
}

.main .header .splitLeft .splitAbc img {
	max-width: 400px;
}

@media only screen and (max-height: 735px) {
	.main .header .splitLeft .splitAbc img {
		max-width: 350px;
	}
}

.main .header .splitLeft .splitNorman {
	background-image: url("../images/whats-on/norman.jpg");
}

.main .header .splitLeft .splitNorman img {
	max-width: 500px;
}

.main .header .splitLeft .splitFestivalOne {
	background-image: url("../images/whats-on/festival1.jpg");
}

.main .header .splitLeft .splitFestivalTwo {
	background-image: url("../images/whats-on/festival2.jpg");
}

.main .header .splitLeft .splitFestivalThree {
	background-image: url("../images/whats-on/festival3.jpg");
}

.main .header .splitLeft .splitFestivalFour {
	background-image: url("../images/whats-on/festival4.jpg");
}

.main .header .splitLeft .splitFestivalFive {
	background-image: url("../images/whats-on/festival5.jpg");
}

.main .header .splitRight .splitItem img {
	max-width: 500px;
}

.main .header .splitRight .splitRideOne {
	background-image: url("../images/whats-on/ride1.jpg");
}

.main .header .splitRight .splitRideTwo {
	background-image: url("../images/whats-on/ride2.jpg");
}

.main .header .splitRight .splitRideThree {
	background-image: url("../images/whats-on/ride3.jpg");
}

.main .header .splitRight .splitRideFour {
	background-image: url("../images/whats-on/ride4.jpg");
}

.main .header .splitRight .splitRideFive {
	background-image: url("../images/whats-on/ride5.jpg");
}

.main .header .splitRight .splitRideSix {
	background-image: url("../images/whats-on/ride6.jpg");
}

.main .header .layer {
	backface-visibility: hidden;
	filter: blur(0);
	z-index: 1;
	transform-origin: center bottom;
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
}

.main .header .layer.videolayer {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: (translate(-50%, -50%),);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.main .header .layer.bottom {
	background-color: #000;
	z-index: 1;
	background-position: center;
}

.main .header .layer.middle {
	background-image: url("../images/header/Background_test.jpg");
	-webkit-animation: kenburns 35s forwards linear;
	-moz-animation: kenburns 35s forwards linear;
	-ms-animation: kenburns 35s forwards linear;
	-o-animation: kenburns 35s forwards linear;
	animation: kenburns 35s forwards linear;
	z-index: 2;
	background-position: center;
}

.main .header .layer.top {
	background-image: url("../images/header/Rider_test.png");
	z-index: 3;
	background-position: center 20%;
}

.main .header .layer.whatsOnHeaderInfo .logo {
	top: 5% !important;
	width: 200px;
}

@media only screen and (max-width: 760px) {
	.main .header .layer.whatsOnHeaderInfo .logo {
		top: 10%;
		width: 140px;
	}
}

.main .header .layer.whatsOnHeaderInfo .button {
	top: 90% !important;
}

.main .header .layer.whatsOnHeaderInfo .button.homeFestivalBtn {
	left: 40% !important;
}

@media only screen and (max-width: 1000px) {
	.main .header .layer.whatsOnHeaderInfo .button.homeFestivalBtn {
		left: 30% !important;
		font-size: 8px !important;
		padding: 0 14px !important;
		width: 86px !important;
	}
}

.main .header .layer.whatsOnHeaderInfo .button.homeRideBtn {
	left: 60% !important;
}

@media only screen and (max-width: 1000px) {
	.main .header .layer.whatsOnHeaderInfo .button.homeRideBtn {
		left: 70% !important;
		font-size: 8px !important;
		padding: 0 14px !important;
		width: 86px !important;
	}
}

.main .header .layer.whatsOnHeaderInfo .homepageLineup {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: (translate(-50%, -50%),);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	max-width: 760px;
	width: 80%;
}

@media only screen and (max-height: 850px) {
	.main .header .layer.whatsOnHeaderInfo .homepageLineup {
		max-width: 660px;
	}
}

@media only screen and (max-width: 760px) {
	.main .header .layer.whatsOnHeaderInfo .homepageLineup {
		width: auto;
		height: 200px;
	}
}

.main .header .layer.info {
	z-index: 4;
	text-align: center;
	background: rgba(0, 0, 0, 0.2);
}

.main .header .layer.info .logo {
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: (translate(-50%, 0%),);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	top: 18%;
	width: 200px;
}

@media only screen and (max-width: 760px) {
	.main .header .layer.info .logo {
		top: 10%;
		width: 140px;
	}
}

.main .header .layer.info .novaLogo {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: (translate(-50%, -50%),);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 500px;
}

@media only screen and (max-width: 760px) {
	.main .header .layer.info .novaLogo {
		width: 140px;
	}
}

.main .header .layer.info h1 {
	width: 100%;
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: (translate(-50%, -50%),);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 42px;
	text-transform: uppercase;
	font-family: 'Circe-Regular';
	letter-spacing: 4px;
	line-height: 50px;
	color: #F8F9F6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.main .header .layer.info h1 {
		font-size: 28px;
		text-transform: uppercase;
		font-family: 'Circe-Regular';
		letter-spacing: 4px;
		line-height: 38px;
		padding: 0 10px;
		box-sizing: border-box;
	}
}

.main .header .layer.info h1.memoryMessage {
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: (translate(-50%, 0%),);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	top: 63%;
	font-size: 42px;
	text-transform: uppercase;
	font-family: 'Circe-Regular';
	letter-spacing: 4px;
}

@media only screen and (max-width: 760px) {
	.main .header .layer.info h1.memoryMessage {
		font-size: 28px;
		text-transform: uppercase;
		font-family: 'Circe-Regular';
		letter-spacing: 3px;
		line-height: 32px;
		top: 55%;
	}
}

.main .header .layer.info p {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: (translate(-50%, -50%),);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 67%;
	width: 100%;
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	color: #F8F9F6;
	line-height: 30px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.main .header .layer.info p {
		display: none;
	}
}

.main .header .layer.info .button {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: (translate(-50%, -50%),);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 83%;
	font-size: 14px;
	height: 50px;
	line-height: 53px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1.4px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
}

.main .header .layer.info .button:hover {
	color: #000;
	background: #F8F9F6;
}

@media only screen and (max-width: 760px) {
	.main .header .layer.info .button {
		font-size: 12px;
		height: 42px;
		line-height: 45px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 1px;
		color: #F8F9F6;
		background: #000;
		-webkit-transition: background 0.3s ease, color 0.3s ease;
		-moz-transition: background 0.3s ease, color 0.3s ease;
		-ms-transition: background 0.3s ease, color 0.3s ease;
		-o-transition: background 0.3s ease, color 0.3s ease;
		transition: background 0.3s ease, color 0.3s ease;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		border: 1px solid #000;
		padding: 0 22px;
		display: inline-block;
	}
	.main .header .layer.info .button:hover {
		color: #000;
		background: #F8F9F6;
	}
}

.main .header .layer.info.deep .logo {
	top: 13%;
}

.main .header .layer.info.deep p {
	top: 78%;
}

.main .header .layer.info.deep .button {
	top: 88%;
}

@media only screen and (max-height: 960px) {
	.main .header .layer.info.deep h1 {
		font-size: 42px;
		text-transform: uppercase;
		font-family: 'Circe-Regular';
		letter-spacing: 4px;
		line-height: 50px;
	}
	.main .header .layer.info.deep p {
		font-size: 18px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 1px;
	}
}

@media only screen and (max-width: 760px) {
	.main .header .layer.info.deep h1 {
		font-size: 36px;
		text-transform: uppercase;
		font-family: 'Circe-Regular';
		letter-spacing: 3px;
		line-height: 42px;
	}
}

.main .pageIntro {
	margin: 0 auto;
	padding: 100px 10px 90px;
	box-sizing: border-box;
	text-align: center;
	max-width: 830px;
	width: 100%;
	margin: 0 auto;
}

.main .pageIntro.rulesIntro {
	padding-bottom: 60px;
}

.main .pageIntro.ticketsIntro {
	padding-bottom: 0;
}

.main .pageIntro .mobile {
	display: none;
}

@media only screen and (max-width: 760px) {
	.main .pageIntro .mobile {
		display: block;
	}
}

@media only screen and (max-width: 540px) {
	.main .pageIntro {
		padding: 50px 10px 50px !important;
	}
	.main .pageIntro.the500text {
		padding-top: 0 !important;
	}
}

.main .pageIntro h1 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
}

@media only screen and (max-width: 540px) {
	.main .pageIntro h1 {
		font-size: 18px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 1px;
		line-height: 24px;
	}
}

.main .pageIntro h1.large {
	font-size: 64px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 5px;
	margin-bottom: 40px;
}

@media only screen and (max-width: 540px) {
	.main .pageIntro h1.large {
		font-size: 32px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 2px;
		line-height: 40px;
	}
}

.main .pageIntro h2 {
	margin-top: 60px;
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
}

@media only screen and (max-width: 540px) {
	.main .pageIntro h2 {
		font-size: 16px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 1px;
		line-height: 24px;
	}
}

.main .pageIntro p {
	width: 100%;
	margin: 30px auto 0;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0.3px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 540px) {
	.main .pageIntro p {
		font-size: 16px;
		line-height: 22px;
		padding: 0 10px;
		box-sizing: border-box;
	}
}

.main .pageIntro a.darkButton {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 0px;
	display: inline-block;
}

.main .pageIntro a.darkButton:hover {
	color: #000;
	background: #F8F9F6;
}

.main .locationIntro {
	margin: 0 auto;
	text-align: center;
}

@media only screen and (max-width: 760px) {
	.main .locationIntro {
		margin: 0 auto;
	}
}

.main .locationIntro h1 {
	font-size: 72px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 7px;
}

@media only screen and (max-width: 540px) {
	.main .locationIntro h1 {
		font-size: 22px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 3px;
	}
}

.main .locationIntro p {
	margin: 40px auto 0;
	max-width: 1000px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	box-sizing: border-box;
	padding: 0 10px;
}

.main .locationIntro p.shorter {
	width: 80%;
	max-width: 860px;
	display: block;
	font-size: 30px;
	line-height: 38px;
	letter-spacing: 1px;
	text-align: center;
}

@media only screen and (max-width: 760px) {
	.main .locationIntro p.shorter {
		font-size: 22px;
		line-height: 29px;
		width: 100%;
	}
}

.main .locationIntro p.wider {
	max-width: 1000px;
	width: 100%;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0.4px;
	text-align: center;
}

@media only screen and (max-width: 760px) {
	.main .locationIntro p.wider {
		font-size: 15px;
		line-height: 24px;
	}
}

@media only screen and (max-width: 540px) {
	.main .locationIntro p {
		font-size: 16px;
		line-height: 22px;
		padding: 0 20px;
		box-sizing: border-box;
	}
}

.main .locationIntro a:not(.button) {
	text-decoration: underline;
}

.main .sponsor {
	margin: 0 auto 45px;
	text-align: center;
}

.main .sponsor img {
	width: 220px;
}

.main .sponsor span {
	display: block;
	margin-top: 15px;
	font-size: 11px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	line-height: 15px;
}

.main .smallLink {
	text-align: center;
	margin-top: 45px;
}

.main .smallLink a {
	font-size: 11px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
}

.main .smallLink span {
	display: block;
	margin: 10px auto;
	width: 40px;
	height: 2px;
	background: #000;
}

.main .eroicaBadge {
	margin-top: 50px;
}

.main .eroicaBadge img {
	width: 150px;
}

.main .eroicaBadge small {
	margin-top: 10px;
	line-height: 12px;
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 0;
	text-transform: none;
}

.main .twoSections {
	padding: 0 10px 80px;
	margin: 0 auto;
	max-width: 1720px;
	width: 90%;
	box-sizing: border-box;
}

@media only screen and (max-width: 1040px) {
	.main .twoSections {
		width: 100%;
	}
}

.main .twoSections .col {
	box-sizing: border-box;
	position: relative;
	float: left;
	height: auto;
	overflow: hidden;
	padding: 10px;
}

.main .twoSections .col.col_1-2 {
	width: 50%;
}

@media only screen and (max-width: 760px) {
	.main .twoSections .col.col_1-2 {
		width: 100%;
	}
}

.main .twoSections .col .posterWrapper {
	position: relative;
	display: inline-block;
}

.main .twoSections .col .posterWrapper.enlargePoster {
	cursor: zoom-in;
}

.main .twoSections .col .posterWrapper span {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: (translate(-50%, -50%),);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.main .twoSections .col .posterWrapper span img {
	width: 60px;
}

.main .twoSections .col .posterWrapper > img {
	width: 100%;
	max-width: 547px;
	margin: 0 auto;
	display: block;
}

.main .twoSections .col a.darkButton {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	margin-top: 40px;
	display: inline-block;
}

.main .twoSections .col a.darkButton:hover {
	color: #000;
	background: #F8F9F6;
}

.main .grid {
	padding: 0 10px 80px;
	margin: 0 auto;
	max-width: 1720px;
	width: 90%;
	box-sizing: border-box;
	/*@include media(min-width,1800px){
      width:90%;
    }
    @include media(max-width,1800px){
      width:90%;
    }
    @include media(max-width,1400px){
      width:1200px;
    }*/
}

@media only screen and (max-width: 1040px) {
	.main .grid {
		width: 100%;
	}
}

.main .grid.noSpaceBottom {
	padding-bottom: 0;
}

.main .grid.thinner {
	max-width: 1400px;
}

.main .grid.inline {
	font-size: 0;
}

.main .grid.locationGrid {
	max-width: 1480px;
	padding-top: 40px;
}

@media only screen and (max-width: 760px) {
	.main .grid.locationGrid {
		padding-top: 40px;
	}
}

.main .grid.locationGrid hr {
	background: #000;
	display: block;
	width: 40%;
	height: 1px;
	margin: 80px auto;
	border: none;
}

@media only screen and (max-width: 760px) {
	.main .grid.locationGrid hr {
		margin: 40px auto 60px;
		width: 60%;
	}
}

@media only screen and (max-width: 760px) {
	.main .grid {
		width: 100%;
	}
}

.main .grid.homeBoxes {
	padding-bottom: 0;
}

@media only screen and (max-width: 760px) {
	.main .grid.homeBoxes {
		padding-bottom: 50px;
	}
}

.main .grid .col {
	box-sizing: border-box;
	position: relative;
	float: left;
	height: auto;
	overflow: hidden;
	padding: 10px;
	/*@include media(max-width,1400px){
        width:50%;
        &.last{
          display:none;
        }
      }*/
}

@media only screen and (min-width: 1500px) {
	.main .grid .col {
		width: 33.33%;
	}
	.main .grid .col.last {
		display: block;
	}
}

@media only screen and (max-width: 1500px) {
	.main .grid .col {
		width: 50%;
	}
	.main .grid .col.last {
		display: none;
	}
}

@media only screen and (max-width: 760px) {
	.main .grid .col {
		width: 100%;
	}
	.main .grid .col.last {
		display: block;
	}
}

.main .grid .col:before {
	content: "";
	display: block;
	padding-top: 67.5%;
	position: relative;
	z-index: 1;
	margin-bottom: 40px;
}

@media only screen and (max-width: 760px) {
	.main .grid .col:before {
		margin-bottom: 0;
	}
}

.main .grid .col.thinArticle {
	width: 50%;
}

.main .grid .col.thinArticle:before {
	padding-top: 45%;
}

.main .grid .col .inner {
	position: absolute;
	top: 10px;
	left: 10px;
	bottom: 40px;
	right: 10px;
	z-index: 2;
}

.main .grid .col .inner:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 760px) {
	.main .grid .col .inner {
		bottom: 10px;
	}
}

.main .grid .col .inner h1 {
	position: absolute;
	text-align: center;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	color: #F8F9F6;
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	bottom: 110px;
	z-index: 2;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.main .grid .col .inner a {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	bottom: 45px;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: (translate(-50%, 0%),);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	z-index: 2;
	display: block;
}

.main .grid .col .inner a:hover {
	color: #000;
	background: #F8F9F6;
}

.main .grid .col.pic .inner {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../images/example.jpg");
}

.main .grid .col.video:hover .videoHover {
	opacity: 1;
}

.main .grid .col.video .videoHover {
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	overflow: hidden;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.main .grid .col.video .videoHover video {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: (translate(-50%, -50%),);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 100%;
}

.main .grid .col.video .inner {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

@media only screen and (max-width: 760px) {
	.main .grid .col.video .inner video {
		display: none;
	}
}

.main .grid .col.video #norman {
	background-image: url("../images/home/EB_Norman_Jay-0.jpg");
}

.main .grid .col.video #abc {
	background-image: url("../images/home/EB_The_ABC-0.jpg");
}

.main .grid .col.video #ride {
	background-image: url("../images/home/EB_The_Ride-0.jpg");
}

.main .grid .col.video #hurricane {
	background-image: url("../images/home/EB_Hurricane.jpg");
}

.main .grid .col.video #bars {
	background-image: url("../images/home/EB_Bars-0.jpg");
}

.main .grid .col.video #food {
	background-image: url("../images/home/EB_The_Food-0.jpg");
}

.main .grid .col.video #shopping {
	background-image: url("../images/home/EB_Shopping-0.jpg");
}

.main .grid .col.video #accommodation {
	background-image: url("../images/home/EB_Camping_Glamping-0.jpg");
}

.main .grid .col.video #kids {
	background-image: url("../images/home/EB_Kids_Club-0.jpg");
}

.main .grid .col.video #entertainment {
	background-image: url("../images/home/EB_Live_Music-0.jpg");
}

.main .grid .col.video #best {
	background-image: url("../images/home/EB_Best_In_Show-0.jpg");
}

.main .grid .col.video #family {
	background-image: url("../images/home/EB_Family-0.jpg");
}

.main .grid .col.quote:before {
	padding-top: 50%;
}

@media only screen and (max-width: 1400px) {
	.main .grid .col.quote {
		width: 100%;
	}
	.main .grid .col.quote:before {
		padding-top: 260px;
	}
	.main .grid .col.quote.secondLast {
		display: none;
	}
}

.main .grid .col.quote .inner:after {
	content: none;
}

.main .grid .col.quote .inner p {
	padding-top: 40px;
	width: 75%;
	text-align: center;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: (translate(-50%, 0%),);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	font-size: 20px;
	line-height: 29px;
	letter-spacing: 0.3px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 540px) {
	.main .grid .col.quote .inner p {
		width: 100%;
		font-size: 16px;
		line-height: 22px;
		padding: 20px 20px;
		box-sizing: border-box;
	}
}

.main .grid .col.quote .inner .author {
	font-size: 10px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 0.4px;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: (translate(-50%, 0%),);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	bottom: 45px;
}

@media only screen and (max-width: 760px) {
	.main .grid .col.quote.secondLast {
		display: none;
	}
}

.main .grid .contactTitle {
	text-align: center;
	font-size: 36px;
	text-transform: uppercase;
	font-family: 'Circe-Regular';
	letter-spacing: 3px;
	margin: 0px auto 40px;
	padding-top: 20px;
}

.main .grid .contactBlock {
	text-align: center;
	margin-bottom: 60px;
	padding: 30px;
	float: none;
	display: inline-block;
	vertical-align: top;
}

.main .grid .contactBlock:before {
	display: none;
}

@media only screen and (max-width: 760px) {
	.main .grid .contactBlock {
		margin-bottom: 40px;
		padding: 20px;
	}
}

.main .grid .contactBlock h1 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	margin-bottom: 30px;
}

@media only screen and (max-width: 760px) {
	.main .grid .contactBlock h1 {
		font-size: 16px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 1px;
		margin-bottom: 20px;
	}
}

.main .grid .contactBlock p {
	font-size: 18px;
	line-height: 27px;
	letter-spacing: 0.4px;
	max-width: 90%;
	margin: 0 auto;
}

.main .grid .contactBlock p a {
	text-decoration: underline;
}

@media only screen and (max-width: 760px) {
	.main .grid .contactBlock p {
		font-size: 14px;
		line-height: 22px;
	}
}

.main .grid .contactBlock.first {
	width: 100%;
	max-width: 820px;
	margin: 0 auto 40px;
	box-sizing: border-box;
	display: block;
}

@media only screen and (max-width: 760px) {
	.main .grid .contactBlock.first {
		margin-bottom: 0;
	}
}

.main .grid .contactBlock.last {
	margin-bottom: 40px;
	width: 100%;
	box-sizing: border-box;
}

@media only screen and (max-width: 760px) {
	.main .grid .contactBlock.last {
		margin-bottom: 0;
	}
}

.main .grid .faqBlock {
	text-align: left;
	margin-bottom: 60px;
}

@media only screen and (max-width: 760px) {
	.main .grid .faqBlock {
		margin-bottom: 40px;
	}
}

.main .grid .faqBlock h1 a {
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
}

@media only screen and (max-width: 760px) {
	.main .grid .faqBlock h1 a {
		font-size: 16px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 1px;
		line-height: 24px;
	}
}

.main .grid .faqBlock ul li {
	padding: 10px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width: 760px) {
	.main .grid .faqBlock ul li {
		padding: 7px 0;
	}
}

.main .grid .faqBlock ul li a {
	display: inline-block;
}

.main .grid .faqBlock ul li a:hover {
	text-decoration: underline;
}

.main .grid .faqBlock a {
	font-size: 18px;
	line-height: 27px;
	letter-spacing: 0.4px;
	display: block;
}

.main .grid .faqBlock a.seeAll {
	margin-top: 20px;
	color: #888;
	text-decoration: underline;
	font-size: 16px;
}

@media only screen and (max-width: 760px) {
	.main .grid .faqBlock a {
		font-size: 14px;
		line-height: 22px;
		letter-spacing: 0.3px;
	}
}

.main .grid .faqBlock.singleCategory {
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
}

.main .grid .faqBlock.singleCategory p {
	margin-bottom: 30px;
}

.main .grid .faqBlock.singleCategory p span {
	font-style: italic;
}

.main .grid .col_1-3 {
	box-sizing: border-box;
	position: relative;
	float: left;
	padding: 10px;
	width: 33.33%;
}

@media only screen and (max-width: 760px) {
	.main .grid .col_1-3 {
		width: 100%;
		padding-bottom: 30px;
	}
}

.main .grid .col_1-2 {
	box-sizing: border-box;
	position: relative;
	float: left;
	padding: 10px;
	width: 50%;
}

@media only screen and (max-width: 760px) {
	.main .grid .col_1-2 {
		width: 100%;
		padding-bottom: 30px;
	}
}

.main .grid .shopHolder h1 {
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	text-align: center;
	padding-top: 80px;
}

.main .grid .shopHolder .shopItem {
	text-align: center;
	padding: 35px;
}

.main .grid .shopHolder .shopItem img {
	max-height: 300px;
	max-width: 100%;
	margin: 0 auto;
}

.main .grid .shopHolder .shopItem h3 {
	line-height: 22px;
	text-transform: uppercase;
	padding: 20px;
	margin: 0 auto;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 2px;
	max-width: 350px;
}

.main .grid .shopHolder .shopItem a {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	margin-top: 0;
	display: inline-block;
}

.main .grid .shopHolder .shopItem a:hover {
	color: #000;
	background: #F8F9F6;
}

.main .grid .rideHolder .routeIntro {
	text-align: center;
	padding: 80px 10px 60px;
	box-sizing: border-box;
}

.main .grid .rideHolder .routeIntro.first {
	padding-top: 0;
}

@media only screen and (max-width: 760px) {
	.main .grid .rideHolder .routeIntro {
		padding: 60px 10px 40px;
	}
}

@media only screen and (max-width: 760px) {
	.main .grid .rideHolder .routeIntro.rulesMid {
		padding-top: 0;
	}
}

.main .grid .rideHolder .routeIntro h1 {
	font-family: 'EnglishGrotesque-Thin';
	font-size: 50px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-bottom: 20px;
}

@media only screen and (max-width: 1040px) {
	.main .grid .rideHolder .routeIntro h1 {
		font-size: 42px;
	}
}

.main .grid .rideHolder .routeIntro h2 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-bottom: 30px;
}

@media only screen and (max-width: 1040px) {
	.main .grid .rideHolder .routeIntro h2 {
		font-size: 18px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 1px;
	}
}

@media only screen and (max-width: 760px) {
	.main .grid .rideHolder .routeIntro h2 {
		line-height: 24px;
	}
}

.main .grid .rideHolder .routeIntro p {
	display: block;
	padding: 0 30px 15px;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: 0.4px;
	max-width: 810px;
	margin: 0 auto;
}

.main .grid .rideHolder.findMeHolder {
	padding-bottom: 80px;
	float: left;
	width: 100%;
}

.main .grid .rideHolder .routeType {
	text-align: center;
}

.main .grid .rideHolder .routeType .top {
	box-sizing: border-box;
	padding: 35px 10px;
}

.main .grid .rideHolder .routeType .top h1 {
	font-size: 60px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 5px;
	padding-bottom: 10px;
}

@media only screen and (max-width: 1040px) {
	.main .grid .rideHolder .routeType .top h1 {
		font-size: 42px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 4px;
	}
}

.main .grid .rideHolder .routeType .top h2 {
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	padding-bottom: 10px;
}

@media only screen and (max-width: 1040px) {
	.main .grid .rideHolder .routeType .top h2 {
		font-size: 20px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 2px;
	}
}

.main .grid .rideHolder .routeType .top h3 {
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
}

@media only screen and (max-width: 1040px) {
	.main .grid .rideHolder .routeType .top h3 {
		font-size: 13px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 1px;
	}
}

.main .grid .rideHolder .routeType .top.short {
	background: rgba(226, 128, 0, 0.25);
	border-bottom: 4px solid #e28000;
}

.main .grid .rideHolder .routeType .top.medium {
	background: rgba(39, 111, 255, 0.25);
	border-bottom: 4px solid #276fff;
}

.main .grid .rideHolder .routeType .top.long {
	background: rgba(170, 49, 54, 0.25);
	border-bottom: 4px solid #aa3136;
}

.main .grid .rideHolder .routeType .middle {
	padding-top: 40px;
	padding-bottom: 50px;
	background: #aeaeae;
}

.main .grid .rideHolder .routeType .middle.short {
	background: rgba(226, 128, 0, 0.15);
}

.main .grid .rideHolder .routeType .middle.medium {
	background: rgba(39, 111, 255, 0.15);
}

.main .grid .rideHolder .routeType .middle.long {
	background: rgba(170, 49, 54, 0.15);
}

.main .grid .rideHolder .routeType .middle table {
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'Circe-Regular';
	letter-spacing: 0.4px;
	text-transform: none;
	margin: 0px auto 20px;
}

.main .grid .rideHolder .routeType .middle table tr td {
	text-align: left;
	padding: 4px 6px;
}

.main .grid .rideHolder .routeType .middle table tr td.right {
	text-align: right;
}

.main .grid .rideHolder .routeType .middle p {
	display: block;
	padding: 0 30px 15px;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: 0.4px;
}

@media only screen and (max-width: 1040px) {
	.main .grid .rideHolder .routeType .middle p {
		font-size: 15px;
		line-height: 22px;
		padding: 0 15px 10px;
	}
}

.main .grid .rideHolder .routeType .middle a {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	margin-top: 15px;
	display: inline-block;
}

.main .grid .rideHolder .routeType .middle a:hover {
	color: #000;
	background: #F8F9F6;
}

.main .grid .rideHolder .routeType .bottom {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	overflow: hidden;
	display: block;
	height: auto;
}

.main .grid .rideHolder .routeType .bottom:before {
	content: "";
	display: block;
	padding-top: 100%;
	position: relative;
	z-index: 1;
}

.main .grid .rideHolder .routeType .bottom.short {
	background-image: url("../images/short.jpg");
}

.main .grid .rideHolder .routeType .bottom.medium {
	background-image: url("../images/medium.jpg");
}

.main .grid .rideHolder .routeType .bottom.long {
	background-image: url("../images/long.jpg");
}

.main .grid .rideHolder .rideEssentials {
	text-align: center;
	padding: 100px 10px 40px;
	box-sizing: border-box;
}

@media only screen and (max-width: 760px) {
	.main .grid .rideHolder .rideEssentials {
		padding: 40px 10px 0px;
	}
}

.main .grid .rideHolder .rideEssentials h1 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
}

.main .grid .rideHolder .rideEssentials > p {
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.4px;
	max-width: 80%;
	margin: 40px auto 60px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 540px) {
	.main .grid .rideHolder .rideEssentials > p {
		width: 100%;
		font-size: 16px;
		line-height: 22px;
		margin: 30px auto 40px;
	}
}

@media only screen and (max-width: 760px) {
	.main .grid .rideHolder .rideEssentials .col_1-3 {
		margin-bottom: 20px;
	}
}

.main .grid .rideHolder .rideEssentials .col_1-3 h2 {
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
}

.main .grid .rideHolder .rideEssentials .col_1-3 img {
	width: 80%;
	margin: 0px auto 20px;
}

.main .grid .rideHolder .rideEssentials .col_1-3 a {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	margin-top: 0;
	display: inline-block;
}

.main .grid .rideHolder .rideEssentials .col_1-3 a:hover {
	color: #000;
	background: #F8F9F6;
}

.main .grid .rideHolder .rideEssentials .col_1-3 p {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.2px;
	margin: 15px auto 20px;
	box-sizing: border-box;
	padding: 0 40px;
}

@media only screen and (max-width: 1040px) {
	.main .grid .rideHolder .rideEssentials .col_1-3 p {
		padding: 0;
	}
}

@media only screen and (max-width: 760px) {
	.main .grid .rideHolder .rideEssentials .col_1-3 p {
		font-size: 14px;
		line-height: 18px;
	}
}

.main .grid .rideHolder .quoteBox {
	text-align: center;
}

.main .grid .rideHolder .quoteBox .image {
	height: auto;
	overflow: hidden;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.main .grid .rideHolder .quoteBox .image:before {
	content: "";
	display: block;
	padding-top: 67.5%;
	position: relative;
	z-index: 1;
}

@media only screen and (max-width: 760px) {
	.main .grid .rideHolder .quoteBox .image:before {
		margin-bottom: 0;
	}
}

.main .grid .rideHolder .quoteBox .image:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.15);
}

.main .grid .rideHolder .quoteBox .image h1 {
	position: absolute;
	text-align: center;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	color: #F8F9F6;
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	line-height: 26px;
	bottom: 40px;
	z-index: 2;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.main .grid .rideHolder .quoteBox p {
	box-sizing: border-box;
	padding: 30px 30px 60px 0;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.4px;
	text-align: left;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.main .grid .rideHolder .quoteBox p {
		padding-bottom: 20px;
		font-size: 16px;
		line-height: 21px;
		padding-right: 0;
	}
}

.main .grid .rideHolder .quoteBox a {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	display: inline-block;
	margin: -40px auto 0px;
}

.main .grid .rideHolder .quoteBox a:hover {
	color: #000;
	background: #F8F9F6;
}

.main .grid .rideHolder .rulesSection {
	text-align: center;
	padding-bottom: 100px;
}

@media only screen and (max-width: 760px) {
	.main .grid .rideHolder .rulesSection {
		padding-bottom: 80px;
	}
}

.main .grid .rideHolder .rulesSection .info > p {
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.4px;
	max-width: 60%;
	margin: 40px auto 60px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.main .grid .rideHolder .rulesSection .info > p {
		max-width: 100%;
		box-sizing: border-box;
		padding: 0 20px;
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 30px;
	}
}

.main .grid .rideHolder .rulesSection .info > a {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
}

.main .grid .rideHolder .rulesSection .info > a:hover {
	color: #000;
	background: #F8F9F6;
}

.main .grid .rideHolder .rulesSection .info .left, .main .grid .rideHolder .rulesSection .info .end, .main .grid .rideHolder .rulesSection .info .middle {
	float: left;
	text-align: center;
}

@media only screen and (max-width: 760px) {
	.main .grid .rideHolder .rulesSection .info .left, .main .grid .rideHolder .rulesSection .info .end {
		display: none;
	}
}

.main .grid .rideHolder .rulesSection .info .left, .main .grid .rideHolder .rulesSection .info .end {
	margin-top: 10%;
}

.main .grid .rideHolder .rulesSection .info .left h1, .main .grid .rideHolder .rulesSection .info .end h1 {
	font-size: 38px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 4px;
	padding-bottom: 10px;
	display: block;
}

.main .grid .rideHolder .rulesSection .info .left h2, .main .grid .rideHolder .rulesSection .info .end h2 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	padding-bottom: 5px;
	display: block;
}

.main .grid .rideHolder .rulesSection .info .left h3, .main .grid .rideHolder .rulesSection .info .end h3 {
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
}

.main .grid .rideHolder .rulesSection .info .left table, .main .grid .rideHolder .rulesSection .info .end table {
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'Circe-Regular';
	letter-spacing: 0.4px;
	text-transform: none;
	margin: 30px auto 20px;
}

.main .grid .rideHolder .rulesSection .info .left table tr td, .main .grid .rideHolder .rulesSection .info .end table tr td {
	text-align: left;
	padding: 3px 6px;
}

.main .grid .rideHolder .rulesSection .info .left table tr td.right, .main .grid .rideHolder .rulesSection .info .end table tr td.right {
	text-align: right;
}

.main .grid .rideHolder .rulesSection .info .left {
	width: 20%;
}

.main .grid .rideHolder .rulesSection .info .middle {
	width: 100%;
}

@media only screen and (max-width: 760px) {
	.main .grid .rideHolder .rulesSection .info .middle {
		width: 100%;
	}
}

.main .grid .rideHolder .rulesSection .info .middle img {
	width: 100%;
	max-width: 800px;
}

.main .grid .rideHolder .rulesSection .info .end {
	width: 20%;
}

.main .grid .rideHolder .talesSection {
	padding-top: 90px;
	text-align: center;
}

.main .grid .rideHolder .talesSection > h1 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	padding-bottom: 40px;
}

.main .grid .rideHolder .rideQuotes {
	padding-bottom: 100px;
}

@media only screen and (max-width: 760px) {
	.main .grid .rideHolder .rideQuotes {
		padding-bottom: 60px;
	}
}

.main .grid .rideHolder .rideQuotes.homeQuotes {
	padding-bottom: 80px;
	padding-top: 30px;
}

@media only screen and (max-width: 760px) {
	.main .grid .rideHolder .rideQuotes.homeQuotes {
		padding-bottom: 10px;
	}
}

.main .grid .rideHolder .rideQuotes.rideMiddleQuotes {
	padding-bottom: 0;
	padding-top: 60px;
}

@media only screen and (max-width: 760px) {
	.main .grid .rideHolder .rideQuotes.rideMiddleQuotes {
		padding-top: 40px;
		padding-bottom: 30px;
	}
}

.main .grid .rideHolder .rideQuotes.rideBottomQuotes {
	padding-bottom: 80px;
}

@media only screen and (max-width: 760px) {
	.main .grid .rideHolder .rideQuotes.rideBottomQuotes {
		padding-top: 0;
		padding-bottom: 10px;
	}
}

.main .grid .rideHolder .rideQuotes.rideBottomQuotes h1 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	text-align: center;
	padding: 40px 0;
}

.main .grid .rideHolder .rideQuotes .rideQuoteSpacer {
	float: left;
	width: 100%;
	margin: 10px 0;
}

@media only screen and (max-width: 760px) {
	.main .grid .rideHolder .rideQuotes .rideQuoteSpacer {
		display: none;
	}
}

.main .grid .rideHolder .rideQuotes .col_1-3 {
	text-align: center;
}

@media only screen and (max-width: 1100px) {
	.main .grid .rideHolder .rideQuotes .col_1-3 {
		width: 100%;
	}
}

.main .grid .rideHolder .rideQuotes .col_1-3 img {
	max-width: 170px;
	width: 100%;
	margin: 0 auto;
}

.main .grid .rideHolder .rideQuotes .col_1-3 h1 {
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	padding: 10px 0 30px;
}

.main .grid .rideHolder .rideQuotes .col_1-3 p {
	width: 80%;
	margin: 0 auto;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.4px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.main .grid .rideHolder .rideQuotes .col_1-3 p {
		width: 100%;
	}
}

.main .grid .routeHolder .routeInfoWrapper {
	max-width: 1000px;
	margin: 0 auto;
}

.main .grid .routeHolder .routeInfoType {
	margin-top: 20px;
}

@media only screen and (max-width: 760px) {
	.main .grid .routeHolder .routeInfoType {
		margin-top: 0px;
	}
}

.main .grid .routeHolder .routeInfoType h1 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	margin-bottom: 5px;
	text-align: center;
}

.main .grid .routeHolder .routeInfoType h2 {
	font-style: italic;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0.4px;
	margin-bottom: 30px;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.main .grid .routeHolder .routeInfoType h2 {
		font-size: 15px;
		line-height: 24px;
	}
}

.main .grid .routeHolder .routeInfoType h3 {
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	margin-bottom: 5px;
	text-align: center;
}

.main .grid .routeHolder .routeInfoType h4 {
	font-style: italic;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0.4px;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.main .grid .routeHolder .routeInfoType h4 {
		font-size: 15px;
		line-height: 24px;
	}
}

.main .grid .routeHolder .routeInfoType span {
	text-align: center;
	display: block;
	padding: 10px 0;
}

.main .grid .routeHolder .routeInfoType table {
	margin: 0 auto;
	font-size: 16px;
}

.main .grid .routeHolder .routeInfoType table td {
	text-align: left;
	padding: 4px 10px;
}

.main .grid .routeHolder .routeInfoType table td.right {
	text-align: right;
}

.main .grid .routeHolder .routeInfoIcon {
	text-align: center;
}

@media only screen and (max-width: 760px) {
	.main .grid .routeHolder .routeInfoIcon {
		margin: 10px auto;
	}
}

.main .grid .routeHolder .routeInfoIcon img {
	width: 250px;
}

.main .grid .routeHolder .routeArticle {
	padding-top: 20px;
	max-width: 1000px;
	margin: 0 auto;
}

.main .grid .routeHolder .routeArticle h1 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	padding-bottom: 30px;
	text-align: center;
}

@media only screen and (max-width: 760px) {
	.main .grid .routeHolder .routeArticle h1 {
		font-size: 18px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 2px;
		line-height: 24px;
		padding-bottom: 20px;
	}
}

.main .grid .routeHolder .routeArticle .author {
	font-style: italic;
	font-size: 14px;
	letter-spacing: 0.4px;
	display: block;
	text-align: center;
	margin: 40px auto;
}

.main .grid .routeHolder .routeArticle .intro {
	width: 80%;
	max-width: 1000px;
	display: block;
	font-size: 30px;
	line-height: 38px;
	letter-spacing: 1px;
	text-align: center;
	margin: 0 auto 40px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.main .grid .routeHolder .routeArticle .intro {
		font-size: 22px;
		line-height: 29px;
		margin-bottom: 10px;
	}
}

.main .grid .routeHolder .routeArticle .imageHolder {
	text-align: center;
	margin-bottom: 50px;
	position: relative;
	top: 50px;
	opacity: 0;
	-webkit-transition: top 1s ease, opacity 1s ease;
	-moz-transition: top 1s ease, opacity 1s ease;
	-ms-transition: top 1s ease, opacity 1s ease;
	-o-transition: top 1s ease, opacity 1s ease;
	transition: top 1s ease, opacity 1s ease;
}

.main .grid .routeHolder .routeArticle .imageHolder img {
	width: 100%;
	position: relative;
}

@media only screen and (max-width: 760px) {
	.main .grid .routeHolder .routeArticle .imageHolder img {
		width: 100%;
	}
}

.main .grid .routeHolder .routeArticle .imageHolder.active {
	top: 0;
	opacity: 1;
}

.main .grid .routeHolder .routeArticle .imageHolderHalf {
	text-align: center;
	margin-bottom: 50px;
	width: 50%;
	float: left;
	position: relative;
}

.main .grid .routeHolder .routeArticle .imageHolderHalf img {
	width: 100%;
	position: relative;
	top: 50px;
	opacity: 0;
	-webkit-transition: top 1s ease, opacity 1s ease;
	-moz-transition: top 1s ease, opacity 1s ease;
	-ms-transition: top 1s ease, opacity 1s ease;
	-o-transition: top 1s ease, opacity 1s ease;
	transition: top 1s ease, opacity 1s ease;
}

@media only screen and (max-width: 760px) {
	.main .grid .routeHolder .routeArticle .imageHolderHalf img {
		width: 100%;
	}
}

.main .grid .routeHolder .routeArticle .imageHolderHalf img.active {
	top: 0;
	opacity: 1;
}

.main .grid .routeHolder .routeArticle .routeArticleText {
	margin-top: 30px;
	padding: 0 10px;
	margin-bottom: 40px;
	box-sizing: border-box;
}

@media only screen and (max-width: 760px) {
	.main .grid .routeHolder .routeArticle .routeArticleText {
		margin-bottom: 30px;
	}
}

.main .grid .routeHolder .routeArticle .routeArticleText h2 {
	font-size: 30px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	margin-bottom: 30px;
	text-align: center;
}

@media only screen and (max-width: 760px) {
	.main .grid .routeHolder .routeArticle .routeArticleText h2 {
		font-size: 26px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 2px;
	}
}

.main .grid .routeHolder .routeArticle .routeArticleText p {
	font-size: 18px;
	line-height: 27px;
	letter-spacing: 0.4px;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	max-width: 800px;
	margin: 0 auto 30px;
}

@media only screen and (max-width: 760px) {
	.main .grid .routeHolder .routeArticle .routeArticleText p {
		font-size: 15px;
		line-height: 24px;
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 760px) {
	.main .grid .routeHolder .routeArticle .routeArticleText .button {
		margin-top: 20px;
	}
}

.main .grid .routeHolder .enter {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	display: block;
	text-align: center;
	width: 180px;
	margin: 0 auto 100px;
}

.main .grid .routeHolder .enter:hover {
	color: #000;
	background: #F8F9F6;
}

.main .grid .routeHolder .enter.first {
	margin: 60px auto 40px;
}

.main .grid .routeHolder .poi {
	margin: 120px auto 0;
	max-width: 1000px;
}

@media only screen and (max-width: 760px) {
	.main .grid .routeHolder .poi {
		margin-top: 90px;
	}
}

.main .grid .routeHolder .poi h1 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	margin-bottom: 35px;
	text-align: center;
}

@media only screen and (max-width: 760px) {
	.main .grid .routeHolder .poi h1 {
		margin-bottom: 30px;
	}
}

.main .grid .routeHolder .poi h2 {
	margin-bottom: 5px;
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	text-align: center;
}

.main .grid .routeHolder .poi p {
	max-width: 600px;
	width: 100%;
	box-sizing: border-box;
	padding: 0 20px;
	margin: 0 auto 10px;
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.4px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
}

.main .grid .routeHolder .poi .col_1-3 {
	margin-top: 30px;
}

@media only screen and (max-width: 760px) {
	.main .grid .routeHolder .poi .col_1-3 {
		margin-top: 0;
		padding: 0;
	}
}

.main .grid .routeHolder .poi table {
	text-align: center;
	margin-top: 0;
}

.main .grid .full {
	width: 100%;
	min-height: 680px;
	height: 85vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	/*&.rideTickets{
        margin-top:20px;
        background:#252b2e;
        height:auto;
        min-height:auto;
        padding:80px 10px;
        box-sizing:border-box;
        color:$light;
        text-align:center;
        .first, .second, .third{
          box-sizing:border-box;
          position: relative;
          float: left;
          padding:10px;
        }
        .first, .third{
          width:35%;
          &.top{
            padding-top:40px;
          }
          &.middle{
            padding-top:7%;
          }
        }
        .second{
          width:30%;
          &.top{
            padding-bottom:20px;
          }
          img{
            width:100%;
            max-width:360px;
            &.logo{
              max-width:160px;
            }
          }
        }
        @include font-smoothing;
        h2{
          @include circe-link(20px,1px);
          line-height:26px;
        }
        h1{
          @include circe-link(40px,4px);
          padding-bottom:3px;
          display:inline-block;
          border-bottom:3px solid $light;
        }
        a{

        }
        @include media(max-width,1040px){
          padding:40px 10px;
          margin-top:20px;
          .first,.third{
            &.top{
              display:none;
            }
          }
          .third.middle{
            display:none;
          }
          .first.middle{
            float:right;
            padding:20px 0;
            h1{
              @include circe-link(26px,3px);
            }
          }
          .bottom{
            display:none;
          }
          .second.top, .first.middle, .second.middle{
            width:100%;
          }
        }
      }*/
}

.main .grid .full.camping {
	background-image: url("../images/camping.jpg");
}

.main .grid .full.camping .inner h1 {
	color: inherit;
}

.main .grid .full.camping .inner p {
	color: inherit;
}

@media only screen and (max-width: 760px) {
	.main .grid .full.camping .inner p {
		font-size: 16px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 1px;
		line-height: 24px;
	}
}

.main .grid .full.camping .inner p a {
	text-decoration: underline;
}

.main .grid .full.ride {
	background-image: url("../images/ride.jpg");
}

.main .grid .full.routeLong {
	background-image: url("../images/route-long/MamTor-8-e.jpg");
}

.main .grid .full.routeMedium {
	background-image: url("../images/route-long/JS_180617_189.jpg");
}

.main .grid .full.routeMedium2 {
	background-image: url("../images/route-medium/Sterndale-moor.jpg");
}

.main .grid .full .inner {
	text-align: center;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: (translate(-50%, 0%),);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}

.main .grid .full .inner h1 {
	font-size: 40px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 4px;
	color: #F8F9F6;
	margin-bottom: 30px;
	margin-top: 16vh;
}

.main .grid .full .inner p {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	color: #F8F9F6;
	line-height: 32px;
	text-transform: uppercase;
}

.main .grid .full .inner p a {
	color: #000;
}

.main .faqBottom, .main .faqContact {
	text-align: center;
	background: rgba(0, 0, 0, 0.035);
	padding: 140px 10px;
	box-sizing: border-box;
	margin-bottom: 100px;
	margin-top: -60px;
}

@media only screen and (max-width: 760px) {
	.main .faqBottom, .main .faqContact {
		padding: 80px 20px;
		margin-bottom: 60px;
	}
}

.main .faqBottom h1, .main .faqContact h1 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	margin-bottom: 30px;
}

@media only screen and (max-width: 760px) {
	.main .faqBottom h1, .main .faqContact h1 {
		font-size: 16px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 1px;
	}
}

.main .faqBottom p, .main .faqContact p {
	font-size: 18px;
	line-height: 27px;
	letter-spacing: 0.4px;
}

.main .faqBottom p a, .main .faqContact p a {
	text-decoration: underline;
}

.main .faqContent {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px 200px;
	box-sizing: border-box;
}

@media only screen and (max-width: 760px) {
	.main .faqContent {
		padding-bottom: 160px;
	}
}

.main .faqContent h1, .main .faqContent h2 {
	text-align: center;
}

.main .faqContent h1 {
	font-size: 28px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	margin-bottom: 40px;
}

@media only screen and (max-width: 760px) {
	.main .faqContent h1 {
		font-size: 22px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 3px;
		line-height: 30px;
	}
}

.main .faqContent h2 {
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	margin-bottom: 60px;
}

@media only screen and (max-width: 760px) {
	.main .faqContent h2 {
		font-size: 16px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 1px;
		line-height: 24px;
	}
}

.main .faqContent .faqAnswer strong {
	font-weight: bold;
}

.main .faqContent .faqAnswer em {
	font-style: italic;
}

.main .faqContent .faqAnswer p {
	margin-top: 30px;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: 0.4px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.main .faqContent .faqAnswer p {
		font-size: 14px;
		line-height: 22px;
	}
}

.main .faqContent .faqAnswer p a {
	text-decoration: underline;
}

.main .faqContent .faqAnswer .button {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	margin: 20px 0;
}

.main .faqContent .faqAnswer .button:hover {
	color: #000;
	background: #F8F9F6;
}

.main .faqContent .faqAnswer img {
	margin: 0 auto;
	max-width: 100%;
	display: block;
}

.main .faqContent .faqAnswer table {
	border: 1px solid #000;
	margin: 50px 0;
	width: 100% !important;
}

.main .faqContent .faqAnswer table tr td {
	padding: 20px;
}

@media only screen and (max-width: 760px) {
	.main .faqContent .faqAnswer table tr td {
		padding: 10px;
	}
}

.main .faqContent .faqAnswer table tr td p {
	margin-top: 0;
}

.main .faqContent .faqAnswer table tr td h2 {
	margin: 0 auto;
}

.main .faqContent .faqAnswer h1 {
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	margin: 80px 0 40px;
	text-align: left;
}

@media only screen and (max-width: 760px) {
	.main .faqContent .faqAnswer h1 {
		margin: 60px 0 30px;
	}
}

.main .faqContent .faqAnswer span a {
	text-decoration: underline;
}

.main .faqContent .faqAnswer span.button {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	margin: 20px 0;
}

.main .faqContent .faqAnswer span.button:hover {
	color: #000;
	background: #F8F9F6;
}

.main .mapHolder {
	min-height: 680px;
	height: 50vh;
}

@media only screen and (max-width: 760px) {
	.main .mapHolder {
		min-height: 300px;
	}
}

.main .mapHolder #map {
	height: 100%;
	width: 100%;
}

.main .videoHolder {
	position: relative;
	height: 100vh;
	min-height: 680px;
	width: 100%;
	margin-bottom: 40px;
	overflow: hidden;
}

@media only screen and (max-width: 760px) {
	.main .videoHolder {
		margin-bottom: 20px;
		min-height: 400px;
	}
}

@media only screen and (max-width: 760px) {
	.main .videoHolder.fullVideo {
		display: none;
	}
}

.main .videoHolder video {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: (translate(-50%, -50%),);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	overflow: hidden;
}

.main .signupHolder {
	margin: 90px auto 60px auto;
	width: 50%;
	min-width: 320px;
	max-width: 600px;
	text-align: center;
}

.main .signupHolder.faqSearch {
	width: 100%;
	margin: 80px auto;
}

@media only screen and (max-width: 760px) {
	.main .signupHolder.faqSearch {
		margin: 80px auto 40px;
		padding: 0 20px;
		box-sizing: border-box;
	}
}

.main .signupHolder.faqSearch h1 {
	font-size: 72px;
	text-transform: uppercase;
	font-family: 'Circe-Regular';
	letter-spacing: 4px;
}

@media only screen and (max-width: 760px) {
	.main .signupHolder.faqSearch h1 {
		font-size: 42px;
		text-transform: uppercase;
		font-family: 'Circe-Regular';
		letter-spacing: 3px;
	}
}

.main .signupHolder.faqSearch img {
	width: 200px;
	margin-bottom: 60px;
}

.main .signupHolder h1 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
}

.main .signupHolder p {
	font-size: 16px;
	letter-spacing: 0.4px;
	line-height: 24px;
	margin: 20px auto;
}

.main .signupHolder form {
	display: block;
	margin: 20px auto 60px;
}

.main .signupHolder form ::-webkit-input-placeholder {
	text-transform: uppercase;
	text-align: center;
	color: #000;
	opacity: 1;
}

.main .signupHolder form :-moz-placeholder {
	/* Firefox 18- */
	text-transform: uppercase;
	text-align: center;
	color: #000;
	opacity: 1;
}

.main .signupHolder form ::-moz-placeholder {
	/* Firefox 19+ */
	text-transform: uppercase;
	text-align: center;
	color: #000;
	opacity: 1;
}

.main .signupHolder form :-ms-input-placeholder {
	text-transform: uppercase;
	text-align: center;
	color: #000;
	opacity: 1;
}

.main .signupHolder form [placeholder]:focus::-webkit-input-placeholder {
	opacity: 0.3;
}

.main .signupHolder form [placeholder]:focus:-moz-placeholder {
	opacity: 0.3;
}

.main .signupHolder form [placeholder]:focus::-moz-placeholder {
	opacity: 0.3;
}

.main .signupHolder form [placeholder]:focus:-ms-input-placeholder {
	opacity: 0.3;
}

.main .signupHolder form input[type=text] {
	background: #fff;
	display: block;
	box-sizing: border-box;
	padding: 14px 10px 11px;
	width: 100%;
	text-align: center;
	border: solid 1px #000;
	-webkit-appearance: none;
	outline: none;
	font-size: 13px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	text-transform: none;
}

.main .signupHolder form button {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	margin: 25px auto 0;
	display: block;
	cursor: pointer;
	padding-bottom: 2px;
	height: 44px !important;
}

.main .signupHolder form button:hover {
	color: #000;
	background: #F8F9F6;
}

.main .signupHolder .termsContainer {
	width: 100%;
	padding: 20px 0 0;
	box-sizing: border-box;
}

.main .signupHolder .termsContainer label {
	font-size: 12px;
	letter-spacing: 0.4px;
	line-height: 24px;
	margin: 20px auto;
	position: relative;
	top: 1px;
	left: 5px;
	cursor: pointer;
}

.main .socialLinks {
	font-size: 0;
	margin-bottom: 90px;
	text-align: center;
}

.main .socialLinks a {
	display: inline-block;
	margin: 0 10px;
}

@media only screen and (max-width: 760px) {
	.main .socialLinks a {
		margin: 0 8px;
	}
}

.main .socialLinks a img {
	width: 40px;
}

.main .instagramHolder {
	font-size: 0;
	/*a{
      display:inline-block;
      background-size:cover;
      background-position:center;
      width:16.66%;
      backface-visibility: hidden;
      &:before{
        content: "";
        display: block;
        padding-top: 100%;
        position:relative;
        z-index:1;
      }
      @include transition(opacity 0.3s ease);
      @include media(max-width,1200px){
        width:33.33%;
      }
      @include small-mobile{
        width:50%;
      }
    }*/
}

@media only screen and (max-width: 540px) {
	.main .instagramHolder {
		padding: 0 10px;
		box-sizing: border-box;
	}
}

.main .instagramHolder .instagram_gallery {
	font-size: 0;
}

.main .instagramHolder .instagram_gallery a {
	display: inline-block;
	width: 16.66%;
	box-sizing: border-box;
	position: relative;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

@media only screen and (max-width: 1200px) {
	.main .instagramHolder .instagram_gallery a {
		width: 33.33%;
	}
}

@media only screen and (max-width: 760px) {
	.main .instagramHolder .instagram_gallery a {
		width: 33.33%;
	}
}

@media only screen and (max-width: 540px) {
	.main .instagramHolder .instagram_gallery a {
		width: 50%;
	}
}

.main .instagramHolder .instagram_gallery a img {
	width: 100%;
}

.main .instagramHolder:hover a:not(:hover) {
	opacity: 0.75;
}

.newsHolder {
	padding-bottom: 100px;
}

.newsHolder .whatsOnBanner {
	margin: 0 auto;
	width: 100%;
	padding: 50px 0 0 0;
	display: block;
	max-height: 700px;
	height: 85vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}

.newsHolder .whatsOnBanner.friday {
	background-image: url("../images/whats-on/eroica-britannia-friday-norman-jay-banner.jpg");
}

.newsHolder .whatsOnBanner.saturday {
	background-image: url("../images/whats-on/eroica-britannia-saturday-martin-fry-banner.jpg");
}

.newsHolder .whatsOnBanner.sunday {
	background-image: url("../images/whats-on/eroica-britannia-sunday-the-ride-banner.jpg");
}

.newsHolder .whatsOnBanner.sunday .whatsOnButtonHolder {
	margin-bottom: 15px;
}

.newsHolder .whatsOnBanner .whatsOnButtonHolder {
	display: block;
}

.newsHolder .whatsOnBanner .whatsOnButtonHolder .whatsOnButton {
	padding: 17px 30px 14px 31px;
	border: 2px solid #FFF;
	font-family: 'Circe-Regular';
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
	display: inline-block;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
}

.newsHolder .whatsOnBanner .whatsOnButtonHolder .whatsOnButton:hover {
	background-color: #FFFFFF;
	color: #000000;
}

.newsHolder .whatsOnBanner .whatsOnLink {
	font-family: 'Circe-Regular';
	text-transform: uppercase;
	font-size: 8px;
	letter-spacing: 1px;
	position: relative;
}

.newsHolder .whatsOnBanner .whatsOnTop {
	position: absolute;
	z-index: 8;
	color: #FFF;
	width: 100%;
	text-align: center;
	top: 100px;
}

@media only screen and (max-height: 735px) {
	.newsHolder .whatsOnBanner .whatsOnTop {
		top: 90px;
	}
}

.newsHolder .whatsOnBanner .whatsOnTop p {
	font-family: 'Circe';
	font-weight: 300;
	font-size: 34px;
	letter-spacing: 2px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.newsHolder .whatsOnBanner .whatsOnTop span {
	font-family: 'Circe-Regular';
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.newsHolder .whatsOnBanner .whatsOnBottom {
	position: absolute;
	z-index: 8;
	color: #FFF;
	width: 100%;
	text-align: center;
	bottom: 50px;
}

.newsHolder .whatsOnBanner .whatsOnBottom p {
	font-family: 'Circe';
	font-weight: 300;
	font-size: 34px;
	letter-spacing: 2px;
	margin-bottom: 60px;
	text-transform: uppercase;
}

@media only screen and (max-width: 760px) {
	.newsHolder .whatsOnBanner .whatsOnBottom p {
		margin-bottom: 20px;
	}
}

.newsHolder .whatsOnBanner img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	max-width: 650px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: (translate(-50%, -50%),);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media only screen and (max-width: 760px) {
	.newsHolder .whatsOnBanner img {
		max-width: 400px;
	}
}

.newsHolder .whatsOnIntro {
	font-size: 18px;
	line-height: 27px;
	width: 90%;
	max-width: 790px;
	margin: 60px auto 0;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 0;
}

@media only screen and (max-width: 760px) {
	.newsHolder .whatsOnIntro {
		margin: 0 auto;
	}
}

.newsHolder .whatsOnTitle {
	text-transform: uppercase;
	font-size: 26px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	margin: 0 auto;
	padding-top: 60px;
	padding: 60px 20px 0;
	text-align: center;
	box-sizing: border-box;
}

.newsHolder .newsHeader {
	margin-top: 40px;
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsHeader {
		margin-top: 30px;
	}
}

.newsHolder .newsHeader .top {
	position: relative;
	font-style: italic;
	font-size: 14px;
	letter-spacing: 0.4px;
	border-bottom: 1px solid #000;
	padding-bottom: 15px;
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsHeader .top {
		padding-bottom: 25px;
	}
}

.newsHolder .newsHeader .top .left, .newsHolder .newsHeader .top .right {
	position: absolute;
	top: 0;
}

.newsHolder .newsHeader .top .left {
	left: 20px;
}

.newsHolder .newsHeader .top .center {
	display: block;
	text-align: center;
}

.newsHolder .newsHeader .top .right {
	right: 20px;
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsHeader .top .center {
		display: none;
	}
}

.newsHolder .newsHeader .middle {
	margin-top: 2px;
	border-top: 1px solid #000;
	margin-bottom: 2px;
	border-bottom: 1px solid #000;
	text-align: center;
}

.newsHolder .newsHeader .middle h1 {
	font-size: 64px;
	text-transform: uppercase;
	font-family: 'Circe-Regular';
	letter-spacing: 4px;
	display: block;
	padding: 30px 0 20px;
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsHeader .middle h1 {
		font-size: 24px;
		text-transform: uppercase;
		font-family: 'Circe-Regular';
		letter-spacing: 2px;
	}
}

.newsHolder .newsHeader .bottom {
	border-top: 1px solid #000;
	padding-top: 20px;
	text-align: center;
}

.newsHolder .newsHeader .bottom ul {
	font-size: 0;
}

.newsHolder .newsHeader .bottom ul li {
	display: inline-block;
	padding: 0 20px;
}

.newsHolder .newsHeader .bottom ul li a {
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	position: relative;
}

.newsHolder .newsHeader .bottom ul li a.active:after {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	height: 2px;
	background: #000;
}

.newsHolder .newsHeader .bottom ul li a:hover {
	opacity: 0.5;
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsHeader .bottom ul li {
		padding: 0 20px 30px;
	}
}

.newsHolder .newsHeader .bottom.whatsOnList {
	padding-top: 17px;
	padding-bottom: 15px;
	border-top: none;
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsHeader .bottom.whatsOnList ul li {
		padding: 0 10px;
	}
}

.newsHolder .newsHeader .bottom.whatsOnList ul li a {
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsHeader .bottom.whatsOnList ul li a {
		font-size: 14px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 1px;
	}
}

.newsHolder .newsHeader .bottom.whatsOnList ul li a.active:after {
	bottom: -2px;
}

.newsHolder .whatsOnHeader {
	margin: 0 auto;
	width: 100%;
	background-color: #F8F9F6;
	position: fixed;
	top: 85px;
	border-top: solid 1px;
	-webkit-transition: top 0.2s ease;
	-moz-transition: top 0.2s ease;
	-ms-transition: top 0.2s ease;
	-o-transition: top 0.2s ease;
	transition: top 0.2s ease;
	z-index: 10;
}

@media only screen and (max-width: 1100px) {
	.newsHolder .whatsOnHeader {
		top: 50px;
	}
}

@media only screen and (max-width: 760px) {
	.newsHolder .whatsOnHeader {
		top: 50px;
	}
}

.newsHolder .whatsOnHeader.shorter {
	top: 50px;
}

.newsHolder .newsArticle {
	margin-top: 48px;
}

.newsHolder .newsArticle.whatsOnArticle {
	margin-top: 60px;
	text-align: center;
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsArticle.whatsOnArticle {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsArticle {
		margin-top: 0px;
	}
}

.newsHolder .newsArticle .logo {
	display: block;
	margin: 0 auto;
	width: 160px;
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsArticle .logo {
		width: 120px;
	}
}

.newsHolder .newsArticle > h1 {
	text-align: center;
	font-size: 84px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 5px;
	line-height: 92px;
	display: block;
	padding: 0px 0 20px;
	max-width: 1200px;
	margin: 20px auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 960px) {
	.newsHolder .newsArticle > h1 {
		font-size: 64px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 4px;
		line-height: 72px;
	}
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsArticle > h1 {
		font-size: 32px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 3px;
		line-height: 40px;
		padding: 0px 20px 20px;
		box-sizing: border-box;
	}
}

.newsHolder .newsArticle > h2 {
	text-align: center;
	font-size: 22px;
	line-height: 26px;
	font-style: italic;
	display: block;
	padding: 0px 0 20px;
	max-width: 1200px;
	margin: -10px auto 20px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsArticle > h2 {
		font-size: 16px;
		line-height: 22px;
		margin-top: -20px;
		padding: 0px 20px 10px;
		box-sizing: border-box;
	}
}

.newsHolder .newsArticle .hero {
	margin: 0 auto;
	width: 90%;
	max-width: 1400px;
	height: auto;
	display: block;
}

.newsHolder .newsArticle .published {
	font-style: italic;
	font-size: 14px;
	letter-spacing: 0.4px;
	display: block;
	text-align: center;
	margin: 40px auto;
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsArticle .published {
		margin: 30px auto;
	}
}

.newsHolder .newsArticle .intro {
	margin: 30px auto;
	width: 80%;
	max-width: 1000px;
	display: block;
	font-size: 30px;
	line-height: 38px;
	letter-spacing: 1px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 30px;
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsArticle .intro {
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 10px;
		width: 100%;
		padding: 0 20px 20px;
		letter-spacing: 0.4px;
		box-sizing: border-box;
	}
}

.newsHolder .newsArticle .articleContent {
	margin: 30px auto;
	width: 80%;
	max-width: 1000px;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: 0.4px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsArticle .articleContent {
		font-size: 15px;
		line-height: 24px;
		margin: 10px auto;
		width: 100%;
		box-sizing: border-box;
		padding: 0 30px;
	}
}

.newsHolder .newsArticle .articleContent ul {
	list-style: disc;
}

.newsHolder .newsArticle .articleContent p {
	padding-bottom: 20px;
}

.newsHolder .newsArticle .articleContent p a {
	text-decoration: underline;
}

.newsHolder .newsArticle .articleContent p.smaller {
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 0.1px;
}

.newsHolder .newsArticle .articleContent.whatsOnArticle p {
	text-align: center !important;
}

.newsHolder .newsArticle .articleContent .centerOne p {
	padding-bottom: 60px;
	text-align: center;
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsArticle .articleContent .centerOne iframe {
		max-width: 100%;
	}
}

.newsHolder .newsArticle .articleContent span {
	display: inline-block;
}

.newsHolder .newsArticle .articleContent span a {
	text-decoration: underline;
}

.newsHolder .newsArticle .articleContent span.button {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	margin: 20px 0;
	text-decoration: none !important;
}

.newsHolder .newsArticle .articleContent span.button:hover {
	color: #000;
	background: #F8F9F6;
}

.newsHolder .newsArticle .articleContent .button {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	margin: 20px 0;
	text-decoration: none !important;
}

.newsHolder .newsArticle .articleContent .button:hover {
	color: #000;
	background: #F8F9F6;
}

.newsHolder .newsArticle .articleContent h1 {
	text-align: center;
	margin: 60px auto;
	font-size: 40px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 4px;
	line-height: 48px;
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsArticle .articleContent h1 {
		font-size: 26px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 3px;
		line-height: 32px;
		margin: 30px auto;
	}
}

.newsHolder .newsArticle .articleContent h2 {
	text-align: center;
	margin: 30px auto;
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	line-height: 30px;
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsArticle .articleContent h2 {
		font-size: 18px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 2px;
		line-height: 24px;
		margin: 20px auto;
	}
}

.newsHolder .newsArticle .articleContent strong {
	font-weight: bold;
}

.newsHolder .newsArticle .articleContent em {
	font-style: italic;
}

.newsHolder .newsArticle .articleContent table {
	border: 1px solid #000;
	margin: 50px 0;
	width: 100% !important;
}

.newsHolder .newsArticle .articleContent table tr td {
	padding: 20px;
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsArticle .articleContent table tr td {
		padding: 10px;
	}
}

.newsHolder .newsArticle .articleContent table tr td p {
	margin-top: 0;
}

.newsHolder .newsArticle .articleSlideshow {
	padding-top: 40px;
	padding-bottom: 70px;
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsArticle .articleSlideshow {
		padding-top: 20px;
		padding-bottom: 60px;
	}
}

.newsHolder .newsArticle .articleSlideshow .slick-slide {
	outline: none;
}

.newsHolder .newsArticle .articleSlideshow .slick-slide img {
	outline: none;
	height: 760px;
	max-width: 100%;
	box-sizing: border-box;
	padding: 0 3px;
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsArticle .articleSlideshow .slick-slide img {
		height: 420px;
	}
}

.newsHolder .newsArticle .articleSlideshow .slick-arrow {
	top: 50%;
	position: absolute;
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-ms-transform: (translate(0%, -50%),);
	-o-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	height: 40px;
	width: 21px;
	font-size: 0;
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	outline: none;
	cursor: pointer;
	z-index: 5;
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsArticle .articleSlideshow .slick-arrow {
		height: 30px;
		width: 20px;
		background-size: contain;
	}
}

.newsHolder .newsArticle .articleSlideshow .slick-arrow.slick-prev {
	background-image: url("../images/icons/arrow_left.png");
	left: 20px;
}

.newsHolder .newsArticle .articleSlideshow .slick-arrow.slick-next {
	background-image: url("../images/icons/arrow_right.png");
	right: 20px;
}

.newsHolder .newsArticle .articleSlideshow .slick-dots {
	text-align: center;
	position: absolute;
	bottom: 30px;
	width: 100%;
}

.newsHolder .newsArticle .articleSlideshow .slick-dots li {
	display: inline-block;
	margin: 0 5px;
	background: #CBCBCB;
	border: none;
	width: 5px;
	height: 5px;
	border-radius: 5px;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	position: relative;
}

.newsHolder .newsArticle .articleSlideshow .slick-dots li button {
	width: 5px;
	height: 5px;
	border-radius: 5px;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0;
	background: #CBCBCB;
	border: none;
}

.newsHolder .newsArticle .articleSlideshow .slick-dots li.slick-active button {
	background: #000;
}

.newsHolder .newsArticle .articleImages {
	margin: 20px auto;
	padding: 20px 0 30px;
	/*&.twoImages{
        font-size:0;
        display:table;
        img{
          width:50%;
          box-sizing:border-box;
          vertical-align:middle;
          &:nth-of-type(1){
            padding-right:15px;
          }
          &:nth-of-type(2){
            padding-left:15px;
          }
        }
      }*/
}

.newsHolder .newsArticle .articleImages.oneImage {
	text-align: center;
}

.newsHolder .newsArticle .articleImages.oneImage img {
	box-sizing: border-box;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
	display: block;
	max-height: 800px;
}

@media only screen and (max-width: 760px) {
	.newsHolder .newsArticle .articleImages.oneImage {
		padding: 0px 0 20px;
	}
}

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

.newsHolder .articleShare .social {
	display: inline-block;
	margin: 0 20px 40px;
}

.newsHolder .articleShare .social img {
	width: 50px;
}

.newsHolder .articleShare .back {
	border-bottom: 1px solid #000;
	font-size: 20px;
	letter-spacing: 0.4px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.newsWrapper {
	padding: 30px 10px 0 !important;
	font-size: 0;
}

@media only screen and (max-width: 760px) {
	.newsWrapper {
		padding: 0px 10px 0px !important;
	}
}

.newsWrapper .categoryIntro {
	text-align: center;
	padding-bottom: 40px;
	display: block;
	max-width: 860px;
	margin: 0 auto;
	font-size: 20px;
	line-height: 31px;
	letter-spacing: 0.3px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.newsWrapper > h1 {
	padding: 130px 0 30px;
	text-align: center;
	/*@include circe-link(22px,3px);
    @include small-mobile{
      @include circe-link(18px,1px);
      line-height:24px;
    }
    &.large{
      @include circe-link(64px,5px);
      margin-bottom:40px;
      @include small-mobile{
        @include circe-link(32px,2px);
        line-height:40px;
      }
    }*/
	font-family: 'EnglishGrotesque-Thin';
	font-size: 50px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 1040px) {
	.newsWrapper > h1 {
		font-size: 42px;
	}
}

.newsWrapper .newsItem {
	text-align: center;
	display: inline-block;
	font-size: 0;
	width: 25%;
	box-sizing: border-box;
	padding: 10px;
	margin-bottom: 0px;
	vertical-align: top;
}

@media only screen and (max-width: 1600px) {
	.newsWrapper .newsItem {
		width: 33.33%;
	}
}

@media only screen and (max-width: 1200px) {
	.newsWrapper .newsItem {
		width: 50%;
	}
}

@media only screen and (max-width: 600px) {
	.newsWrapper .newsItem {
		width: 100%;
		margin-bottom: 0px;
	}
}

.newsWrapper .newsItem span {
	color: #D80000;
}

.newsWrapper .newsItem h1 {
	box-sizing: border-box;
	padding: 20px 10px;
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.newsWrapper .newsItem h2 {
	box-sizing: border-box;
	padding: 0px 10px 15px;
	font-size: 14px;
	letter-spacing: 0.3px;
	line-height: 20px;
	margin-top: -13px;
	font-style: italic;
}

.newsWrapper .newsItem .image {
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
}

.newsWrapper .newsItem .image:before {
	content: "";
	display: block;
	padding-top: 67.5%;
	position: relative;
	z-index: 1;
}

.newsWrapper .newsItem p {
	box-sizing: border-box;
	padding: 15px 10px;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.3px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.newsWrapper .newsItem .readMore {
	text-decoration: underline;
	font-weight: bold;
	letter-spacing: 0.3px;
	font-size: 16px;
}

.sponsorHolder {
	text-align: center;
	max-width: 1200px;
	margin: 0 auto 80px;
}

.sponsorHolder h1 {
	margin: 40px auto;
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
}

@media only screen and (max-width: 760px) {
	.sponsorHolder h1 {
		font-size: 18px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 2px;
	}
}

.sponsorHolder ul {
	font-size: 0;
}

.sponsorHolder ul li {
	display: inline-block;
	width: 16.66%;
	text-align: center;
	padding-bottom: 10px;
}

@media only screen and (max-width: 760px) {
	.sponsorHolder ul li {
		width: 33.33%;
	}
}

@media only screen and (max-width: 540px) {
	.sponsorHolder ul li {
		width: 50%;
	}
}

.sponsorHolder ul li a {
	display: block;
}

.sponsorHolder ul li a img {
	width: 75%;
}

.footer {
	text-align: center;
	padding-bottom: 30px;
}

.footer .logo {
	width: 160px;
}

@media only screen and (max-width: 760px) {
	.footer .logo {
		width: 120px;
	}
}

.footer .leroicaLogo {
	width: 160px;
}

@media only screen and (max-width: 760px) {
	.footer .leroicaLogo {
		width: 120px;
	}
}

.footer .address {
	font-size: 15px;
	line-height: 21px;
	letter-spacing: 0.4px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 30px 0;
}

.footer ul li {
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	padding: 0 12px 5px;
}

.footer .bottom {
	padding: 25px 0 20px;
}

@media only screen and (max-width: 760px) {
	.footer .bottom {
		padding-top: 35px;
	}
}

.footer .bottom p {
	font-size: 10px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
}

.footer .bottom p a {
	display: inline-block;
	margin-right: 24px;
}

.footer .bottom p a.backToTop {
	margin-right: 0;
	margin-left: 24px;
}

@media only screen and (max-width: 760px) {
	.footer .bottom p a.backToTop {
		margin-top: 10px;
	}
}

@media only screen and (max-width: 760px) {
	.footer .bottom p a {
		display: block;
		margin: 0 0 10px 0;
	}
}

.footer .bottom p a.inline {
	display: inline;
}

.footer .bottom img {
	width: 100px;
	position: relative;
	top: 4px;
	margin: 15px;
}

.whatsOnTicketInfoContainer {
	max-width: 1000px;
	width: 100%;
	display: block;
	margin: 0 auto;
	padding: 60px 0 0 0;
}

@media only screen and (max-width: 760px) {
	.whatsOnTicketInfoContainer {
		padding: 50px 0 0;
	}
}

.whatsOnTicketInfoContainer p {
	box-sizing: border-box;
	padding: 0px 10px 30px;
	font-size: 18px;
	letter-spacing: 0.3px;
	line-height: 14px;
	text-transform: capitalize;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
}

.whatsOnTicketInfoContainer .col_1-3 {
	width: 33.33%;
	float: left;
	text-align: center;
}

@media only screen and (max-width: 760px) {
	.whatsOnTicketInfoContainer .col_1-3 {
		width: 100%;
		padding: 0 0 40px;
	}
}

.whatsOnTicketInfoContainer .col_1-3 .ticketImage {
	width: 240px;
	height: 100px;
	margin: 0 auto 30px;
	box-sizing: border-box;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

@media only screen and (max-width: 760px) {
	.whatsOnTicketInfoContainer .col_1-3 .ticketImage {
		margin: 0 auto 30px;
	}
}

.whatsOnTicketInfoContainer .col_1-3 .ticketImage:hover + span {
	color: #000;
	background: #F8F9F6;
}

.whatsOnTicketInfoContainer .col_1-3 .ticketImage.freeTicket {
	background-image: url("/images/whats-on/free-ticket.png");
}

.whatsOnTicketInfoContainer .col_1-3 .ticketImage.dayTicket {
	background-image: url("/images/whats-on/day-ticket.png");
}

.whatsOnTicketInfoContainer .col_1-3 .ticketImage.weekendTicket {
	background-image: url("/images/whats-on/weekend-ticket.png");
}

.whatsOnTicketInfoContainer .col_1-3 span {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	display: inline-block !important;
}

.whatsOnTicketInfoContainer .col_1-3 span:hover {
	color: #000;
	background: #F8F9F6;
}

.whatsOnTicketInfoContainer .col_1-2 {
	width: 50%;
	float: left;
	text-align: center;
}

@media only screen and (max-width: 760px) {
	.whatsOnTicketInfoContainer .col_1-2 {
		width: 100%;
		padding: 0 0 40px;
	}
}

.whatsOnTicketInfoContainer .col_1-2 .ticketImage {
	width: 240px;
	height: 100px;
	margin: 0 auto 30px;
	box-sizing: border-box;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

@media only screen and (max-width: 760px) {
	.whatsOnTicketInfoContainer .col_1-2 .ticketImage {
		margin: 0 auto 30px;
	}
}

.whatsOnTicketInfoContainer .col_1-2 .ticketImage:hover + span {
	color: #000;
	background: #F8F9F6;
}

.whatsOnTicketInfoContainer .col_1-2 .ticketImage.rideTicket {
	background-image: url("/images/ride/ride-ticket.png");
}

.whatsOnTicketInfoContainer .col_1-2 .ticketImage.concessionTicket {
	background-image: url("/images/ride/concession-ticket.png");
}

.whatsOnTicketInfoContainer .col_1-2 span {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
}

.whatsOnTicketInfoContainer .col_1-2 span:hover {
	color: #000;
	background: #F8F9F6;
}

.whatsOnFooterImage {
	width: 100%;
	height: auto;
	font-size: 0;
	margin: 85px auto 0;
}

@media only screen and (max-width: 760px) {
	.whatsOnFooterImage {
		margin: 50px auto 0;
	}
}

.whatsOnFooterImage img {
	width: 100%;
}

.galleryHeader {
	text-align: center;
	margin: 60px auto;
}

.galleryHeader h1 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
}

.galleryHeader .headlinesFilters {
	padding-top: 40px;
}

.galleryHeader .headlinesFilters a {
	position: relative;
	display: inline-block;
	padding: 0 20px;
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
}

.galleryHeader .headlinesFilters a.active:after {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 50%;
	margin-left: -10px;
	width: 20px;
	height: 2px;
	background: #000;
}

@media only screen and (max-width: 760px) {
	.galleryHeader .headlinesFilters a {
		padding: 0 10px;
	}
}

.galleryHolder {
	position: relative;
}

.galleryHolder div {
	width: 50%;
	box-sizing: border-box;
	padding: 10px;
	font-size: 0;
	float: left;
}

@media only screen and (max-width: 540px) {
	.galleryHolder div {
		width: 100%;
	}
}

.galleryHolder div img {
	width: 100%;
	height: auto;
}

.galleryHolder.threeGallery div {
	width: 33.33%;
}

@media only screen and (max-width: 540px) {
	.galleryHolder.threeGallery div {
		width: 100%;
	}
}

.pageHolder {
	max-width: 1000px;
	margin: 0 auto;
}

.pageHolder p {
	font-size: 18px;
	line-height: 27px;
	margin-bottom: 30px;
	letter-spacing: 0.4px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.pageHolder h1 {
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	margin-bottom: 20px;
	margin-top: 50px;
}

.pageHolder h2 {
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	margin-bottom: 20px;
	margin-top: 50px;
}

.pageHolder ul li {
	list-style: disc;
	margin-left: 20px;
}

.accommodationMap {
	width: 100%;
}

.accommodationMap .festivalMapHolder {
	position: relative;
}

.accommodationMap img {
	width: 100%;
}

.accommodationMap img.text {
	position: absolute;
	top: 0;
	left: 0;
}

.accommodationHolder {
	text-align: center;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder {
		padding-bottom: 50px !important;
	}
}

.accommodationHolder .accomIntro {
	margin-top: 80px;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .accomIntro {
		margin-top: 10px;
	}
	.accommodationHolder .accomIntro:first-of-type {
		margin-top: 60px;
	}
}

.accommodationHolder .accomIntro h1 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .accomIntro h1 {
		font-size: 18px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 1px;
	}
}

.accommodationHolder .accomIntro p {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.4px;
	width: 85%;
	margin: 0 auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .accomIntro p {
		font-size: 14px;
		line-height: 22px;
	}
}

.accommodationHolder hr {
	background: #000;
	display: block;
	width: 60%;
	height: 1px;
	margin: 80px auto;
	border: none;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder hr {
		margin: 30px auto;
	}
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .threeFreebies {
		margin-top: 60px;
	}
}

.accommodationHolder .threeFreebies h1 {
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .threeFreebies h1 {
		font-size: 16px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 1px;
	}
}

.accommodationHolder .threeFreebies p {
	font-size: 18px;
	line-height: 27px;
	width: 100%;
	max-width: 760px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 10px;
	margin-bottom: 60px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .threeFreebies p {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 30px;
	}
}

.accommodationHolder .threeFreebies .col_1-3 {
	margin-top: 20px;
}

.accommodationHolder .threeFreebies h2 {
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	margin-bottom: 15px;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .threeFreebies h2 {
		font-size: 14px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 1px;
	}
}

.accommodationHolder .threeFreebies img {
	width: 85%;
	margin: 0 auto;
	margin-bottom: 10px;
}

.accommodationHolder .threeFreebies a {
	text-decoration: underline;
	display: block;
}

.accommodationHolder .boutiqueHolder > h1 {
	margin-bottom: 20px;
	font-family: 'EnglishGrotesque-Thin';
	font-size: 50px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .boutiqueHolder > h1 {
		font-size: 42px;
		padding: 0 20px;
		box-sizing: border-box;
	}
}

.accommodationHolder .boutiqueHolder > p {
	font-size: 18px;
	line-height: 27px;
	width: 100%;
	max-width: 760px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 10px;
	margin-bottom: 60px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .boutiqueHolder > p {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 50px;
	}
}

.accommodationHolder .boutiqueHolder .accomOption {
	margin-bottom: 70px;
	display: inline-block;
	vertical-align: top;
	float: none;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .boutiqueHolder .accomOption {
		margin-bottom: 30px;
	}
}

.accommodationHolder .boutiqueHolder .accomOption img {
	max-width: 220px;
	margin: 0 auto 10px;
}

.accommodationHolder .boutiqueHolder .accomOption h2 {
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.accommodationHolder .boutiqueHolder .accomOption h3 {
	font-style: italic;
	font-size: 16px;
	margin-bottom: 30px;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .boutiqueHolder .accomOption h3 {
		margin-bottom: 20px;
	}
}

.accommodationHolder .boutiqueHolder .accomOption p {
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.4px;
	width: 90%;
	margin: 0 auto 30px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .boutiqueHolder .accomOption p {
		font-size: 14px;
		line-height: 22px;
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}
}

.accommodationHolder .boutiqueHolder .accomOption p a {
	text-decoration: underline;
}

.accommodationHolder .boutiqueHolder .accomOption > a {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	display: inline-block;
}

.accommodationHolder .boutiqueHolder .accomOption > a:hover {
	color: #000;
	background: #F8F9F6;
}

.accommodationHolder .boutiqueHolder .accomOption.wider {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 60px;
}

.accommodationHolder .boutiqueHolder .accomOption.wider p {
	text-align: center;
	margin-bottom: 50px;
}

.accommodationHolder .boutiqueHolder .accomOption.wider .option {
	width: 33.333%;
	display: inline-block;
	margin-bottom: 60px;
}

.accommodationHolder .boutiqueHolder .accomOption.wider .option > a {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	display: inline-block;
}

.accommodationHolder .boutiqueHolder .accomOption.wider .option > a:hover {
	color: #000;
	background: #F8F9F6;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .boutiqueHolder .accomOption.wider .option {
		width: 100%;
	}
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .boutiqueHolder .accomOption.wider {
		margin-bottom: 20px;
	}
}

.accommodationHolder .boutiqueHolder hr {
	margin: 30px auto 60px;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .boutiqueHolder hr {
		margin: 10px auto 40px;
	}
}

.accommodationHolder .boutiqueHolder .accomPerks > img {
	max-width: 220px;
	margin: 0 auto 10px;
}

.accommodationHolder .boutiqueHolder .accomPerks > p {
	font-size: 18px;
	line-height: 27px;
	width: 100%;
	max-width: 760px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 10px;
	margin-bottom: 60px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .boutiqueHolder .accomPerks > p {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 50px;
	}
}

.accommodationHolder .boutiqueHolder .accomPerks .perkList {
	text-align: left;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .boutiqueHolder .accomPerks .perkList {
		padding-bottom: 40px !important;
	}
	.accommodationHolder .boutiqueHolder .accomPerks .perkList:nth-of-type(3) {
		padding-bottom: 10px;
	}
}

.accommodationHolder .boutiqueHolder .accomPerks .perkList h2 {
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	max-width: 85%;
	margin: 0 auto 20px;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .boutiqueHolder .accomPerks .perkList h2 {
		max-width: 100%;
	}
}

.accommodationHolder .boutiqueHolder .accomPerks .perkList ul {
	max-width: 85%;
	margin: 0 auto;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .boutiqueHolder .accomPerks .perkList ul {
		max-width: 100%;
	}
}

.accommodationHolder .boutiqueHolder .accomPerks .perkList ul li {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.4px;
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.accommodationHolder .boutiqueHolder .accomPerks .perkList ul li:last-of-type {
	border-bottom: 0;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .boutiqueHolder .accomPerks .perkList ul li {
		font-size: 14px;
		line-height: 22px;
		padding: 8px 0;
	}
}

.accommodationHolder .travelHolder {
	margin-top: 90px;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .travelHolder {
		margin-top: 60px;
	}
}

.accommodationHolder .travelHolder h2 {
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.accommodationHolder .travelHolder h3 {
	font-style: italic;
	font-size: 16px;
	margin-bottom: 30px;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .travelHolder hr {
		margin: 60px auto;
	}
}

.accommodationHolder .travelHolder p {
	font-size: 18px;
	line-height: 27px;
	width: 100%;
	max-width: 760px;
	margin: 0px auto 30px;
	box-sizing: border-box;
	padding: 0 10px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.accommodationHolder .travelHolder p {
		font-size: 16px;
		line-height: 24px;
	}
}

.accommodationHolder .travelHolder p a {
	display: inline-block;
	text-decoration: underline;
}

.accommodationHolder .travelHolder > a {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	display: inline-block;
}

.accommodationHolder .travelHolder > a:hover {
	color: #000;
	background: #F8F9F6;
}

.rulesHolder .rulesYears {
	max-width: 960px;
	width: 100%;
	margin: 0 auto 60px;
	text-align: center;
}

@media only screen and (max-width: 760px) {
	.rulesHolder .rulesYears {
		display: none;
	}
}

.rulesHolder .rulesYears h2 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	line-height: 30px;
	margin-bottom: 12px;
}

.rulesHolder .rulesYears h1 {
	font-size: 42px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 4px;
}

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

.rulesHolder .rulesIntro h1 {
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	margin-bottom: 30px;
	line-height: 24px;
}

.rulesHolder .rulesIntro p {
	font-size: 18px;
	line-height: 27px;
	width: 100%;
	max-width: 860px;
	margin: 0px auto 70px;
	box-sizing: border-box;
	padding: 0 10px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.rulesHolder .rulesIntro p {
		font-size: 16px;
		line-height: 24px;
	}
	.rulesHolder .rulesIntro p:nth-of-type(2) {
		margin-bottom: 30px;
	}
}

.rulesHolder .rulesThree .images .col_1-3 img {
	width: 100%;
}

@media only screen and (max-width: 760px) {
	.rulesHolder .rulesThree .images .col_1-3:nth-of-type(2), .rulesHolder .rulesThree .images .col_1-3:nth-of-type(3) {
		display: none;
	}
}

.rulesHolder .rulesThree .rulesText h2 {
	text-align: left;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	line-height: 24px;
	max-width: 600px;
	margin: 30px auto 30px;
}

.rulesHolder .rulesThree .rulesText ul {
	list-style: disc;
	max-width: 640px;
	margin: 0 auto 50px;
	box-sizing: border-box;
	padding: 0 40px;
	font-size: 18px;
	line-height: 27px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.rulesHolder .rulesThree .rulesText ul {
		font-size: 16px;
		line-height: 24px;
	}
}

.rulesHolder .rulesThree .rulesText ul li {
	margin-top: 20px;
}

.rulesHolder .rulesThree .rulesText p {
	font-size: 18px;
	line-height: 27px;
	padding: 0px 40px 30px;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	max-width: 680px;
	margin: 0 auto;
}

@media only screen and (max-width: 1040px) {
	.rulesHolder .rulesThree .rulesText p {
		padding: 20px 10px;
	}
}

@media only screen and (max-width: 760px) {
	.rulesHolder .rulesThree .rulesText p {
		font-size: 16px;
		line-height: 24px;
		padding: 0 10px;
	}
}

.rulesHolder .bestShow {
	text-align: center;
	margin-top: 100px;
}

.rulesHolder .bestShow h1 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
}

@media only screen and (max-width: 760px) {
	.rulesHolder .bestShow h1 {
		line-height: 28px;
	}
}

.rulesHolder .bestShow h2 {
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	margin-top: 20px;
}

.rulesHolder .bestShow p {
	font-size: 18px;
	line-height: 27px;
	width: 100%;
	max-width: 860px;
	margin: 30px auto 40px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.rulesHolder .bestShow p {
		font-size: 16px;
		line-height: 24px;
		padding: 0 10px;
		box-sizing: border-box;
	}
}

.rulesHolder .bestShow a {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	display: inline-block;
}

.rulesHolder .bestShow a:hover {
	color: #000;
	background: #F8F9F6;
}

.rulesHolder .bestShow img {
	width: 100%;
	margin-top: 60px;
}

@media only screen and (max-width: 760px) {
	.rulesHolder .bestShow img {
		margin-top: 50px;
	}
}

.aboutContent p {
	padding-bottom: 100px;
	font-size: 18px !important;
	line-height: 27px !important;
}

@media only screen and (max-width: 760px) {
	.aboutContent p {
		font-size: 16px !important;
		line-height: 24px !important;
		padding: 0 10px 80px !important;
		box-sizing: border-box;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}

.aboutContent p img {
	width: 120px;
}

.aboutContent p strong {
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
}

.aboutContent .sponsor img {
	width: 200px;
}

@media only screen and (max-width: 760px) {
	.aboutContent .sponsor img {
		width: 160px;
	}
}

.festivalIntro {
	margin-top: 90px;
	text-align: center;
	padding: 0 20px;
	box-sizing: border-box;
}

@media only screen and (max-width: 760px) {
	.festivalIntro {
		margin-top: 70px;
	}
}

.festivalIntro h1 {
	font-size: 60px;
	text-transform: uppercase;
	font-family: 'Circe-Regular';
	letter-spacing: 5px;
	margin-bottom: 40px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.festivalIntro h1 {
		font-size: 42px;
		text-transform: uppercase;
		font-family: 'Circe-Regular';
		letter-spacing: 2px;
		line-height: 50px;
		margin-bottom: 30px;
	}
}

.festivalIntro h2 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	margin-bottom: 20px;
	line-height: 24px;
}

@media only screen and (max-width: 760px) {
	.festivalIntro h2 {
		font-size: 18px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 1px;
	}
}

.festivalIntro p {
	max-width: 760px;
	font-size: 18px;
	line-height: 27px;
	width: 100%;
	max-width: 860px;
	margin: 0 auto 40px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.festivalIntro p {
		font-size: 16px;
		line-height: 22px;
	}
}

.festivalIntro a {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	display: inline-block;
}

.festivalIntro a:hover {
	color: #000;
	background: #F8F9F6;
}

.festivalWrapper {
	margin-top: 10px !important;
}

.festivalMap {
	text-align: center;
	font-size: 0;
	padding-bottom: 30px !important;
}

.festivalMap h1 {
	font-family: 'EnglishGrotesque-Thin';
	font-size: 50px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-bottom: 20px;
	padding-bottom: 0px;
}

@media only screen and (max-width: 1040px) {
	.festivalMap h1 {
		font-size: 42px;
	}
}

.festivalMap h2 {
	margin-bottom: 60px;
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
}

@media only screen and (max-width: 760px) {
	.festivalMap h2 {
		font-size: 18px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 1px;
		line-height: 24px;
	}
}

.festivalMap .festivalMapHolder {
	position: relative;
}

.festivalMap img {
	width: 100%;
}

.festivalMap img.text {
	position: absolute;
	top: 0;
	left: 0;
}

.banner {
	width: 100%;
	height: 600px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url("../images/camping.jpg");
}

@media only screen and (max-width: 760px) {
	.banner {
		height: 420px;
		background-attachment: scroll;
	}
}

.ipad .banner {
	background-attachment: scroll;
}

.ipad .col.video {
	/*#ride{
        background-image:url('../images/home/ride.jpg');
      }
      #entertainment{
        background-image:url('../images/home/entertainment.jpg');
      }
      #family{
        background-image:url('../images/home/family.jpg');
      }
      #food{
        background-image:url('../images/home/food.jpg');
      }
      #best{
        background-image:url('../images/home/best.jpg');
      }
      #hq{
        background-image:url('../images/home/hq.jpg');
      }
      #shopping{
        background-image:url('../images/home/shopping.jpg');
      }
      #accommodation{
        background-image:url('../images/home/accommodation.jpg');
      }
      #news{
        background-image:url('../images/home/news.jpg');
      }*/
}

.ipad .col.video .inner {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.ipad .col.video .inner video {
	display: none;
}

.eroicaVideo {
	padding: 0px 20px 40px !important;
	text-align: center;
	max-width: 1240px !important;
	margin: 0 auto;
}

@media only screen and (max-width: 760px) {
	.eroicaVideo {
		padding: 0px 20px 10px !important;
	}
}

.eroicaVideo.rideVid {
	padding: 100px 10px 0 !important;
}

@media only screen and (max-width: 760px) {
	.eroicaVideo.rideVid {
		padding: 40px 10px 0px !important;
	}
}

.eroicaVideo.festivalVid {
	padding: 80px 10px 30px !important;
}

@media only screen and (max-width: 760px) {
	.eroicaVideo.festivalVid {
		padding: 60px 10px 10px !important;
	}
}

.eroicaVideo h1 {
	font-size: 26px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 2px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-bottom: 10px;
}

@media only screen and (max-width: 760px) {
	.eroicaVideo h1 {
		font-size: 22px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 2px;
		line-height: 26px;
	}
}

.eroicaVideo h2 {
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-bottom: 30px;
}

@media only screen and (max-width: 760px) {
	.eroicaVideo h2 {
		line-height: 24px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
}

.eroicaVideo .videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	height: 0;
}

.eroicaVideo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.eroicaVideo #play_button {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: (translate(-50%, -50%),);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 75px;
	cursor: pointer;
	z-index: 1;
}

.eroicaVideo .posterWrapper img {
	max-width: 700px;
	width: 100%;
}

.eroicaVideo p {
	margin: 0 auto;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0.3px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	max-width: 910px;
}

@media only screen and (max-width: 760px) {
	.eroicaVideo p {
		font-size: 15px;
		line-height: 22px;
	}
}

.eroicaVideo a.darkButton {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 30px;
	display: inline-block;
}

.eroicaVideo a.darkButton:hover {
	color: #000;
	background: #F8F9F6;
}

.videoOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 6000;
	display: none;
	top: 0;
}

.videoOverlay.show {
	display: block;
}

.videoOverlay .closeVideo {
	width: 35px;
	height: 35px;
	position: absolute;
	top: 35px;
	right: 35px;
	cursor: pointer;
}

.videoOverlay .videoWrapper {
	float: none;
	clear: both;
	width: 100%;
	max-width: 1280px;
	position: relative;
	top: 50%;
	left: 50%;
	max-height: 70vh;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: (translate(-50%, -50%),);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.videoOverlay .videoWrapper:before {
	content: '';
	padding-top: 56.25%;
	display: block;
}

.videoOverlay .videoWrapper > div {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

.videoOverlay .videoWrapper > div #official_video {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	max-height: 100%;
}

.posterOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 6000;
	display: none;
	top: 0;
}

.posterOverlay.show {
	display: block;
}

.posterOverlay .closePoster {
	width: 35px;
	height: 35px;
	position: absolute;
	top: 35px;
	right: 35px;
	cursor: pointer;
}

.posterOverlay .posterLarge {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: (translate(-50%, -50%),);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	width: 90%;
}

.posterOverlay .posterLarge img {
	max-width: 100%;
	max-height: 90vh;
}

.ticketsOverlay, .signupOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 6000;
	display: none;
	top: 0;
	opacity: 0;
	-webkit-transition: opacity 1.4s ease;
	-moz-transition: opacity 1.4s ease;
	-ms-transition: opacity 1.4s ease;
	-o-transition: opacity 1.4s ease;
	transition: opacity 1.4s ease;
}

.ticketsOverlay.show, .signupOverlay.show {
	display: block;
}

.ticketsOverlay.fadeIn, .signupOverlay.fadeIn {
	opacity: 1;
}

.ticketsOverlay .closePopup, .signupOverlay .closePopup {
	width: 70px;
	height: 70px;
	position: absolute;
	top: -6px;
	right: -6px;
	cursor: pointer;
	display: block;
}

@media only screen and (max-width: 760px) {
	.ticketsOverlay .closePopup, .signupOverlay .closePopup {
		top: -28px;
		right: -34px;
	}
}

.ticketsOverlay .closePopup img, .signupOverlay .closePopup img {
	width: 70px;
	height: auto;
}

.ticketsOverlay .ticketsPopup, .ticketsOverlay .signupPopup, .signupOverlay .ticketsPopup, .signupOverlay .signupPopup {
	text-align: center;
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: (translate(-50%, -50%),);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	width: 460px;
	height: 460px;
	border-radius: 100%;
	background: #DE9B84;
	box-sizing: border-box;
	padding: 60px;
}

@media only screen and (max-width: 760px) {
	.ticketsOverlay .ticketsPopup, .ticketsOverlay .signupPopup, .signupOverlay .ticketsPopup, .signupOverlay .signupPopup {
		width: 80%;
		height: auto;
		padding: 30px 30px 20px;
		border-radius: 5%;
	}
}

.ticketsOverlay .ticketsPopup span, .ticketsOverlay .signupPopup span, .signupOverlay .ticketsPopup span, .signupOverlay .signupPopup span {
	font-style: italic;
	display: block;
	margin: 0 0 17px;
	font-size: 24px;
}

@media only screen and (max-width: 760px) {
	.ticketsOverlay .ticketsPopup span, .ticketsOverlay .signupPopup span, .signupOverlay .ticketsPopup span, .signupOverlay .signupPopup span {
		margin: 20px 0 13px;
		font-size: 18px;
	}
}

.ticketsOverlay .ticketsPopup h2, .ticketsOverlay .signupPopup h2, .signupOverlay .ticketsPopup h2, .signupOverlay .signupPopup h2 {
	display: block;
	margin-bottom: 20px;
	font-size: 21px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
}

@media only screen and (max-width: 760px) {
	.ticketsOverlay .ticketsPopup h2, .ticketsOverlay .signupPopup h2, .signupOverlay .ticketsPopup h2, .signupOverlay .signupPopup h2 {
		font-size: 16px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 2px;
		margin-bottom: 15px;
	}
}

.ticketsOverlay .ticketsPopup hr, .ticketsOverlay .signupPopup hr, .signupOverlay .ticketsPopup hr, .signupOverlay .signupPopup hr {
	width: 50px;
	height: 2px;
	background: #000;
	border: none;
}

.ticketsOverlay .ticketsPopup p, .ticketsOverlay .signupPopup p, .signupOverlay .ticketsPopup p, .signupOverlay .signupPopup p {
	font-size: 18px;
	display: block;
	line-height: 24px;
	margin-bottom: 20px;
	margin-top: 15px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.ticketsOverlay .ticketsPopup p, .ticketsOverlay .signupPopup p, .signupOverlay .ticketsPopup p, .signupOverlay .signupPopup p {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 15px;
		margin-top: 10px;
	}
}

.ticketsOverlay .ticketsPopup a.popupLink, .ticketsOverlay .signupPopup a.popupLink, .signupOverlay .ticketsPopup a.popupLink, .signupOverlay .signupPopup a.popupLink {
	font-size: 12px;
	height: 40px;
	line-height: 43px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
}

.ticketsOverlay .ticketsPopup a.popupLink:hover, .ticketsOverlay .signupPopup a.popupLink:hover, .signupOverlay .ticketsPopup a.popupLink:hover, .signupOverlay .signupPopup a.popupLink:hover {
	color: #000;
	background: #F8F9F6;
}

@media only screen and (max-width: 760px) {
	.ticketsOverlay .ticketsPopup a.popupLink, .ticketsOverlay .signupPopup a.popupLink, .signupOverlay .ticketsPopup a.popupLink, .signupOverlay .signupPopup a.popupLink {
		font-size: 11px;
		height: 36px;
		line-height: 39px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 1px;
		color: #F8F9F6;
		background: #000;
		-webkit-transition: background 0.3s ease, color 0.3s ease;
		-moz-transition: background 0.3s ease, color 0.3s ease;
		-ms-transition: background 0.3s ease, color 0.3s ease;
		-o-transition: background 0.3s ease, color 0.3s ease;
		transition: background 0.3s ease, color 0.3s ease;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		border: 1px solid #000;
		padding: 0 22px;
		display: inline-block;
	}
	.ticketsOverlay .ticketsPopup a.popupLink:hover, .ticketsOverlay .signupPopup a.popupLink:hover, .signupOverlay .ticketsPopup a.popupLink:hover, .signupOverlay .signupPopup a.popupLink:hover {
		color: #000;
		background: #F8F9F6;
	}
}

.signupPopup {
	background: #e5e1c1 !important;
}

.signupPopup h2 {
	margin-top: 30px;
}

@media only screen and (max-width: 760px) {
	.signupPopup h2 {
		margin-top: 15px;
	}
}

.signupPopup form {
	display: block;
	margin: 15px auto 20px;
}

.signupPopup form ::-webkit-input-placeholder {
	text-transform: uppercase;
	text-align: center;
	color: #000;
	opacity: 1;
}

.signupPopup form :-moz-placeholder {
	/* Firefox 18- */
	text-transform: uppercase;
	text-align: center;
	color: #000;
	opacity: 1;
}

.signupPopup form ::-moz-placeholder {
	/* Firefox 19+ */
	text-transform: uppercase;
	text-align: center;
	color: #000;
	opacity: 1;
}

.signupPopup form :-ms-input-placeholder {
	text-transform: uppercase;
	text-align: center;
	color: #000;
	opacity: 1;
}

.signupPopup form [placeholder]:focus::-webkit-input-placeholder {
	opacity: 0.3;
}

.signupPopup form [placeholder]:focus:-moz-placeholder {
	opacity: 0.3;
}

.signupPopup form [placeholder]:focus::-moz-placeholder {
	opacity: 0.3;
}

.signupPopup form [placeholder]:focus:-ms-input-placeholder {
	opacity: 0.3;
}

.signupPopup form input[type=text] {
	background: #fff;
	display: block;
	box-sizing: border-box;
	padding: 14px 10px 11px;
	width: 100%;
	text-align: center;
	border: none;
	-webkit-appearance: none;
	outline: none;
	font-size: 13px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	margin-bottom: 15px;
	text-transform: none;
	border-radius: 0;
}

.signupPopup form button {
	cursor: pointer;
	outline: none;
	line-height: 42px !important;
	font-size: 12px;
	height: 41px;
	line-height: 44px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
}

.signupPopup form button:hover {
	color: #000;
	background: #F8F9F6;
}

@media only screen and (max-width: 760px) {
	.signupPopup form button {
		font-size: 11px;
		height: 36px;
		line-height: 39px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 1px;
		color: #F8F9F6;
		background: #000;
		-webkit-transition: background 0.3s ease, color 0.3s ease;
		-moz-transition: background 0.3s ease, color 0.3s ease;
		-ms-transition: background 0.3s ease, color 0.3s ease;
		-o-transition: background 0.3s ease, color 0.3s ease;
		transition: background 0.3s ease, color 0.3s ease;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		border: 1px solid #000;
		padding: 0 22px;
		display: inline-block;
		line-height: 37px !important;
	}
	.signupPopup form button:hover {
		color: #000;
		background: #F8F9F6;
	}
}

.signupPopup form .termsContainer {
	width: 100%;
	padding: 0 0 20px;
	box-sizing: border-box;
}

.signupPopup form .termsContainer label {
	font-size: 12px;
	letter-spacing: 0.4px;
	line-height: 1;
	margin: 20px auto;
}

.signupPopup form .signupPopupResponse {
	margin: 15px 0 0 0;
	font-size: 12px;
	line-height: 12px;
}

@media only screen and (max-width: 760px) {
	.signupPopup form .signupPopupResponse {
		margin-top: 15px;
		font-size: 10px;
	}
}

/*.offerWrapper{
  position: fixed;
  width: 100%;
  height: 100%;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  z-index: 6000;
  display: none;
  top:0;
  opacity:0;
  text-align:center;

  &:after{
    content:'';
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.4);
    z-index:1;
  }

  @include transition(opacity 1.4s ease);
  &.show{
    display: block;
  }
  &.fadeIn{
    opacity:1;
  }
  .offerPopup{
    z-index:2;
    text-align:center;
    @include center;
    text-align:center;
    width:600px;
    height:600px;
    border-radius:100%;
    background:#E2F0F3 !important;
    box-sizing:border-box;
    padding:60px;
    @include mobile{
      width:320px;
      height:auto;
      padding:20px 30px 40px;
      border-radius:6px;
    }
    span{
      font-style:italic;
      display:block;
      margin:35px 0 20px;
      font-size:24px;
      @include mobile{
        margin: 20px 0 13px;
        font-size: 18px;
      }
    }
    h2{
      display:block;
      margin-bottom:25px;
      @include circe-link(28px,3px);
      @include mobile{
        @include circe-link(16px,2px);
        margin-bottom:15px;
      }
    }
    hr{
      width:80px;
      height:2px;
      background:#000;
      border:none;
    }
    p{
      font-size:18px;
      display:block;
      line-height:24px;
      margin-bottom:20px;
      margin-top:20px;
      @include mobile{
        font-size:14px;
        line-height:22px;
        margin-bottom:15px;
        margin-top:12px;
      }
    }
    a{
      &.popupLink{
        @include dark-button(12px,1px,40px);
        @include mobile{
          @include dark-button(11px,1px,36px);
        }
      }
    }
    form{
      display:block;
      margin:30px auto 20px;
      @include placeholder{
        text-transform:uppercase;
        text-align:center;
        color:$dark;
        opacity:1;
      }
      @include placeholder-focus{
        opacity:0.3;
      }
      input{
        background:#fff;
        display:block;
        box-sizing:border-box;
        padding:14px 10px 11px;
        width:100%;
        text-align:center;
        border:none;
        -webkit-appearance:none;
        outline:none;
        @include circe-link(13px,1px);
        margin-bottom:15px;
        text-transform:none;
        max-width: 360px;
        margin: 0 auto 20px;
        width:100%;
        @include mobile{
          margin-bottom:15px;
        }
      }
      button{
        cursor:pointer;
        outline:none;
        line-height: 42px !important;
        @include dark-button(12px,1px,41px);
        @include mobile{
          @include dark-button(11px,1px,36px);
          line-height: 38px !important;
        }
      }
      .signupPopupResponse{
        margin:15px 0 0 0;
        font-size:12px;
        line-height:12px;
        @include mobile{
          margin-top:10px;
          font-size:10px;
        }
      }
    }
  }
  .offerLogo{
    display:inline-block;
    margin:40px auto 0;
    text-align:center;
    position:relative;
    z-index:2;
    img{
      width:90%;
      max-width:260px;
    }
    @include media(max-height,960px){
      margin-top:20px;
      img{
        max-width:180px;
      }
    }
    @include media(max-height,815px){
      display:none;
    }
    @include mobile{
      display:none;
      img{
        max-width:120px;
      }
    }
  }
  .mainLink{
    text-decoration:underline;
    font-size:16px;
    display:inline-block;
    margin-top:10px;
    @include mobile{
      margin-top:0;
    }
  }
  .ninetyThree{
    position:absolute;
    bottom:0;
    @include center-x;
    z-index:2;
    font-size:0;
    @include media(max-height,790px){
      display:none;
    }
    img{
      width:46px;
      @include mobile{
        width:32px;
        display:none;
      }
    }
  }
}*/
.offerBg {
	position: fixed;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../images/offer/tt.jpg");
	z-index: 0;
	top: 0;
	left: 0;
}

.offerBg.ynotBg {
	background-image: url("../images/offer/ynot-bg.jpg");
}

.offerPage {
	background: rgba(227, 224, 176, 0.75);
	width: 100%;
	max-width: 830px;
	margin: 0 auto;
	color: #05333c;
	min-height: 100vh;
	text-align: center;
	position: relative;
	z-index: 1;
	height: 100%;
}

.offerPage.ynot {
	background: rgba(210, 164, 107, 0.75);
	color: #ffffff;
}

.offerPage .offerInner {
	width: 100%;
	box-sizing: border-box;
	max-width: 530px;
	padding: 40px 10px 0;
	margin: 0px auto;
}

.offerPage .offerLogo img {
	width: 140px;
}

.offerPage .offerIntro {
	max-width: 490px;
	width: 100%;
	display: block;
	margin: 40px auto;
}

.offerPage .offerText {
	font-style: italic;
	font-size: 22px;
	letter-spacing: 1px;
	line-height: 30px;
	margin: 40px auto;
	display: block;
}

@media only screen and (max-width: 760px) {
	.offerPage .offerText {
		font-size: 17px;
		line-height: 25px;
	}
}

.offerPage form {
	display: block;
	margin: 20px auto 20px;
}

.offerPage form ::-webkit-input-placeholder {
	text-transform: uppercase;
	text-align: center;
	color: #05333c;
	opacity: 1;
}

.offerPage form :-moz-placeholder {
	/* Firefox 18- */
	text-transform: uppercase;
	text-align: center;
	color: #05333c;
	opacity: 1;
}

.offerPage form ::-moz-placeholder {
	/* Firefox 19+ */
	text-transform: uppercase;
	text-align: center;
	color: #05333c;
	opacity: 1;
}

.offerPage form :-ms-input-placeholder {
	text-transform: uppercase;
	text-align: center;
	color: #05333c;
	opacity: 1;
}

.offerPage form [placeholder]:focus::-webkit-input-placeholder {
	opacity: 0.3;
}

.offerPage form [placeholder]:focus:-moz-placeholder {
	opacity: 0.3;
}

.offerPage form [placeholder]:focus::-moz-placeholder {
	opacity: 0.3;
}

.offerPage form [placeholder]:focus:-ms-input-placeholder {
	opacity: 0.3;
}

.offerPage form input {
	background: #fff;
	display: block;
	box-sizing: border-box;
	padding: 14px 10px 11px;
	width: 100%;
	text-align: center;
	border: none;
	-webkit-appearance: none;
	border-radius: 0;
	outline: none;
	font-size: 13px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	margin-bottom: 15px;
	text-transform: none;
	max-width: 360px;
	margin: 0 auto 20px;
	width: 100%;
	color: #05333c;
}

@media only screen and (max-width: 760px) {
	.offerPage form input {
		margin-bottom: 15px;
	}
}

.offerPage form button {
	cursor: pointer;
	outline: none;
	line-height: 42px !important;
	font-size: 12px;
	height: 41px;
	line-height: 44px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #fff;
	background: #05333c;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #05333c;
	padding: 0 22px;
	display: inline-block;
}

.offerPage form button:hover {
	color: #05333c;
	background: #fff;
}

@media only screen and (max-width: 760px) {
	.offerPage form button {
		background-clip: border-box;
	}
}

@media only screen and (max-width: 760px) {
	.offerPage form button:hover {
		color: #fff;
		background: #05333c;
	}
}

.offerPage form .signupPopupResponse {
	margin: 20px 0 0 0;
	font-size: 20px;
}

.offerPage .expires {
	max-width: 280px;
	font-size: 14px;
	line-height: 20px;
	margin: 50px auto 40px;
	display: block;
}

.offerPage .offerTerms {
	width: 100%;
	font-size: 11px;
	line-height: 16px;
	width: 100%;
	margin: 60px auto 0;
	padding-bottom: 60px;
	display: block;
}

.offerPage .offerTerms a:hover {
	text-decoration: underline;
}

.firefox .offerPage form button {
	line-height: 40px !important;
}

@-webkit-keyframes kenburns {
	0% {
		-webkit-transform: translateZ(0) scale(1) rotate(0deg);
	}
	100% {
		-webkit-transform: translateZ(0) scale(1.3) rotate(0.3deg);
	}
}

@-moz-keyframes kenburns {
	0% {
		-webkit-transform: translateZ(0) scale(1) rotate(0deg);
	}
	100% {
		-webkit-transform: translateZ(0) scale(1.3) rotate(0.3deg);
	}
}

@-ms-keyframes kenburns {
	0% {
		-webkit-transform: translateZ(0) scale(1) rotate(0deg);
	}
	100% {
		-webkit-transform: translateZ(0) scale(1.3) rotate(0.3deg);
	}
}

@-o-keyframes kenburns {
	0% {
		-webkit-transform: translateZ(0) scale(1) rotate(0deg);
	}
	100% {
		-webkit-transform: translateZ(0) scale(1.3) rotate(0.3deg);
	}
}

@keyframes kenburns {
	0% {
		-webkit-transform: translateZ(0) scale(1) rotate(0deg);
	}
	100% {
		-webkit-transform: translateZ(0) scale(1.3) rotate(0.3deg);
	}
}

@-webkit-keyframes kenburns-small {
	0% {
		-webkit-transform: translateZ(0) scale(1) rotate(0deg);
	}
	100% {
		-webkit-transform: translateZ(0) scale(1.1) rotate(0.3deg);
	}
}

@-moz-keyframes kenburns-small {
	0% {
		-webkit-transform: translateZ(0) scale(1) rotate(0deg);
	}
	100% {
		-webkit-transform: translateZ(0) scale(1.1) rotate(0.3deg);
	}
}

@-ms-keyframes kenburns-small {
	0% {
		-webkit-transform: translateZ(0) scale(1) rotate(0deg);
	}
	100% {
		-webkit-transform: translateZ(0) scale(1.1) rotate(0.3deg);
	}
}

@-o-keyframes kenburns-small {
	0% {
		-webkit-transform: translateZ(0) scale(1) rotate(0deg);
	}
	100% {
		-webkit-transform: translateZ(0) scale(1.1) rotate(0.3deg);
	}
}

@keyframes kenburns-small {
	0% {
		-webkit-transform: translateZ(0) scale(1) rotate(0deg);
	}
	100% {
		-webkit-transform: translateZ(0) scale(1.1) rotate(0.3deg);
	}
}

@-webkit-keyframes kenburns-medium {
	0% {
		-webkit-transform: translateZ(0) scale(1) rotate(0deg);
	}
	100% {
		-webkit-transform: translateZ(0) scale(1.2) rotate(0.3deg);
	}
}

@-moz-keyframes kenburns-medium {
	0% {
		-webkit-transform: translateZ(0) scale(1) rotate(0deg);
	}
	100% {
		-webkit-transform: translateZ(0) scale(1.2) rotate(0.3deg);
	}
}

@-ms-keyframes kenburns-medium {
	0% {
		-webkit-transform: translateZ(0) scale(1) rotate(0deg);
	}
	100% {
		-webkit-transform: translateZ(0) scale(1.2) rotate(0.3deg);
	}
}

@-o-keyframes kenburns-medium {
	0% {
		-webkit-transform: translateZ(0) scale(1) rotate(0deg);
	}
	100% {
		-webkit-transform: translateZ(0) scale(1.2) rotate(0.3deg);
	}
}

@keyframes kenburns-medium {
	0% {
		-webkit-transform: translateZ(0) scale(1) rotate(0deg);
	}
	100% {
		-webkit-transform: translateZ(0) scale(1.2) rotate(0.3deg);
	}
}

@-webkit-keyframes kenburns-top {
	0% {
		-webkit-transform: translateZ(0) scale(0.85) rotate(0deg);
	}
	100% {
		-webkit-transform: translateZ(0) scale(1.1) rotate(0.3deg);
	}
}

@-moz-keyframes kenburns-top {
	0% {
		-webkit-transform: translateZ(0) scale(0.85) rotate(0deg);
	}
	100% {
		-webkit-transform: translateZ(0) scale(1.1) rotate(0.3deg);
	}
}

@-ms-keyframes kenburns-top {
	0% {
		-webkit-transform: translateZ(0) scale(0.85) rotate(0deg);
	}
	100% {
		-webkit-transform: translateZ(0) scale(1.1) rotate(0.3deg);
	}
}

@-o-keyframes kenburns-top {
	0% {
		-webkit-transform: translateZ(0) scale(0.85) rotate(0deg);
	}
	100% {
		-webkit-transform: translateZ(0) scale(1.1) rotate(0.3deg);
	}
}

@keyframes kenburns-top {
	0% {
		-webkit-transform: translateZ(0) scale(0.85) rotate(0deg);
	}
	100% {
		-webkit-transform: translateZ(0) scale(1.1) rotate(0.3deg);
	}
}

@-webkit-keyframes kenburns-inverted {
	0% {
		-webkit-transform: scale(1.4) rotate(0.3deg);
	}
	50% {
		-webkit-transform: scale(1) rotate(0deg);
	}
	100% {
		-webkit-transform: scale(1.4) rotate(0.3deg);
	}
}

@-moz-keyframes kenburns-inverted {
	0% {
		-webkit-transform: scale(1.4) rotate(0.3deg);
	}
	50% {
		-webkit-transform: scale(1) rotate(0deg);
	}
	100% {
		-webkit-transform: scale(1.4) rotate(0.3deg);
	}
}

@-ms-keyframes kenburns-inverted {
	0% {
		-webkit-transform: scale(1.4) rotate(0.3deg);
	}
	50% {
		-webkit-transform: scale(1) rotate(0deg);
	}
	100% {
		-webkit-transform: scale(1.4) rotate(0.3deg);
	}
}

@-o-keyframes kenburns-inverted {
	0% {
		-webkit-transform: scale(1.4) rotate(0.3deg);
	}
	50% {
		-webkit-transform: scale(1) rotate(0deg);
	}
	100% {
		-webkit-transform: scale(1.4) rotate(0.3deg);
	}
}

@keyframes kenburns-inverted {
	0% {
		-webkit-transform: scale(1.4) rotate(0.3deg);
	}
	50% {
		-webkit-transform: scale(1) rotate(0deg);
	}
	100% {
		-webkit-transform: scale(1.4) rotate(0.3deg);
	}
}

.festivalMapHeader {
	width: 100%;
	position: relative;
	overflow: hidden;
	font-size: 0;
}

.festivalMapHeader.clearWhatsOn {
	margin-top: 50px;
}

.festivalMapHeader .bg {
	width: 100%;
	height: auto;
}

.festivalMapHeader .plane {
	position: absolute;
	width: 150px;
	bottom: 30%;
	right: -20%;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: (rotate(0deg),);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-animation: moveplane 26s infinite linear;
	-moz-animation: moveplane 26s infinite linear;
	-ms-animation: moveplane 26s infinite linear;
	-o-animation: moveplane 26s infinite linear;
	animation: moveplane 26s infinite linear;
}

@media only screen and (max-width: 1100px) {
	.festivalMapHeader .plane {
		width: 100px;
	}
}

@media only screen and (max-width: 760px) {
	.festivalMapHeader .plane {
		width: 60px;
	}
}

@media only screen and (max-width: 540px) {
	.festivalMapHeader .plane {
		width: 40px;
	}
}

.festivalMapHeader .clouds {
	position: absolute;
	width: 100%;
	left: -20%;
	opacity: 0.7;
}

@media only screen and (max-width: 1100px) {
	.festivalMapHeader .clouds {
		display: none;
	}
}

.festivalMapHeader .clouds.cloud1 {
	max-width: 1800px;
	top: 30%;
	-webkit-transform: rotate(-31deg);
	-moz-transform: rotate(-31deg);
	-ms-transform: (rotate(-31deg),);
	-o-transform: rotate(-31deg);
	transform: rotate(-31deg);
	-webkit-animation: moveclouds1 50s infinite linear;
	-moz-animation: moveclouds1 50s infinite linear;
	-ms-animation: moveclouds1 50s infinite linear;
	-o-animation: moveclouds1 50s infinite linear;
	animation: moveclouds1 50s infinite linear;
}

.festivalMapHeader .clouds.cloud2 {
	max-width: 1800px;
	top: 30%;
	-webkit-transform: rotate(-31deg);
	-moz-transform: rotate(-31deg);
	-ms-transform: (rotate(-31deg),);
	-o-transform: rotate(-31deg);
	transform: rotate(-31deg);
	-webkit-animation: moveclouds2 100s infinite linear;
	-moz-animation: moveclouds2 100s infinite linear;
	-ms-animation: moveclouds2 100s infinite linear;
	-o-animation: moveclouds2 100s infinite linear;
	animation: moveclouds2 100s infinite linear;
}

.festivalMapHeader .mapOverlay {
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-ms-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

.festivalMapHeader .mapOverlay.hide {
	opacity: 0;
}

.festivalMapHeader .mapOverlay.remove {
	display: none;
}

.festivalMapHeader .mapOverlay .logo {
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: (translate(-50%, 0%),);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	top: 60px;
	width: 200px;
}

@media only screen and (max-height: 700px) {
	.festivalMapHeader .mapOverlay .logo {
		top: 40px;
		width: 160px;
	}
}

@media only screen and (max-height: 630px) {
	.festivalMapHeader .mapOverlay .logo {
		display: none;
	}
}

@media only screen and (max-width: 1100px) {
	.festivalMapHeader .mapOverlay .logo {
		display: none;
	}
}

.festivalMapHeader .mapOverlay .mapInnerWrapper {
	max-height: calc(100vh - 122px);
	height: 100%;
	width: 100%;
	position: absolute;
}

@media only screen and (max-width: 1100px) {
	.festivalMapHeader .mapOverlay .mapInnerWrapper {
		max-height: calc(100vh - 87px);
	}
}

.festivalMapHeader .mapOverlay .inner {
	text-align: center;
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: (translate(-50%, -50%),);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	width: 100%;
	margin-top: 10px;
}

@media only screen and (max-width: 1100px) {
	.festivalMapHeader .mapOverlay .inner {
		margin-top: 0;
	}
}

.festivalMapHeader .mapOverlay .inner p {
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Circe-Regular';
	letter-spacing: 2px;
	display: block;
	padding-bottom: 40px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: inherit;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 760px) {
	.festivalMapHeader .mapOverlay .inner p {
		padding-bottom: 25px;
		font-size: 12px;
		text-transform: uppercase;
		font-family: 'Circe-Regular';
		letter-spacing: 1px;
	}
}

.festivalMapHeader .mapOverlay .inner h1 {
	font-size: 42px;
	text-transform: uppercase;
	font-family: 'Circe-Regular';
	letter-spacing: 4px;
	line-height: 50px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 760px) {
	.festivalMapHeader .mapOverlay .inner h1 {
		line-height: 40px;
		font-size: 28px;
		text-transform: uppercase;
		font-family: 'Circe-Regular';
		letter-spacing: 3px;
	}
}

@media only screen and (max-width: 540px) {
	.festivalMapHeader .mapOverlay .inner h1 {
		line-height: 32px;
		font-size: 18px;
		text-transform: uppercase;
		font-family: 'Circe-Regular';
		letter-spacing: 2px;
	}
}

.festivalMapHeader .mapOverlay .inner span {
	display: block;
	padding-top: 40px;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Circe-Regular';
	letter-spacing: 2px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 760px) {
	.festivalMapHeader .mapOverlay .inner span {
		padding-top: 25px;
		font-size: 16px;
		text-transform: uppercase;
		font-family: 'Circe-Regular';
		letter-spacing: 2px;
	}
}

.fullMap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.fullMap .map {
	height: 100%;
	width: 100%;
}

.fullMap .map .marker {
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.fullMap .map .marker.logo {
	width: 76px;
	height: 106px;
}

.fullMap .map .marker.dot {
	width: 30px;
	height: 30px;
}

.fullMap .positionMe {
	font-size: 12px;
	height: 40px;
	line-height: 43px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: (translate(-50%, 0%),);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	z-index: 10;
	display: inline-block;
	bottom: 40px;
	background: #ff9900;
	color: black;
	touch-action: manipulation;
}

.fullMap .positionMe:hover {
	color: #000;
	background: #F8F9F6;
}

.fullMap .positionMe:hover {
	background: #ff9900;
	color: black;
}

.fullMap .positionMe.shorty {
	background: #000;
	color: white;
}

.fullMap .positionMe.shorty:hover {
	background: #000;
	color: white;
}

@-webkit-keyframes moveplane {
	0% {
		right: -20%;
		bottom: 30%;
	}
	50% {
		right: 120%;
		bottom: 60%;
		-webkit-transform: scale(1, 1) rotate(0deg);
		-moz-transform: scale(1, 1) rotate(0deg);
		-ms-transform: (scale(1, 1) rotate(0deg),);
		-o-transform: scale(1, 1) rotate(0deg);
		transform: scale(1, 1) rotate(0deg);
	}
	51% {
		-webkit-transform: scale(-1, 1) rotate(10deg);
		-moz-transform: scale(-1, 1) rotate(10deg);
		-ms-transform: (scale(-1, 1) rotate(10deg),);
		-o-transform: scale(-1, 1) rotate(10deg);
		transform: scale(-1, 1) rotate(10deg);
		right: 110%;
		bottom: 60%;
	}
	99% {
		right: -20%;
		bottom: 90%;
		-webkit-transform: scale(-1, 1) rotate(10deg);
		-moz-transform: scale(-1, 1) rotate(10deg);
		-ms-transform: (scale(-1, 1) rotate(10deg),);
		-o-transform: scale(-1, 1) rotate(10deg);
		transform: scale(-1, 1) rotate(10deg);
	}
	100% {
		right: -20%;
		bottom: 30%;
		-webkit-transform: scale(1, 1) rotate(0deg);
		-moz-transform: scale(1, 1) rotate(0deg);
		-ms-transform: (scale(1, 1) rotate(0deg),);
		-o-transform: scale(1, 1) rotate(0deg);
		transform: scale(1, 1) rotate(0deg);
	}
}

@-moz-keyframes moveplane {
	0% {
		right: -20%;
		bottom: 30%;
	}
	50% {
		right: 120%;
		bottom: 60%;
		-webkit-transform: scale(1, 1) rotate(0deg);
		-moz-transform: scale(1, 1) rotate(0deg);
		-ms-transform: (scale(1, 1) rotate(0deg),);
		-o-transform: scale(1, 1) rotate(0deg);
		transform: scale(1, 1) rotate(0deg);
	}
	51% {
		-webkit-transform: scale(-1, 1) rotate(10deg);
		-moz-transform: scale(-1, 1) rotate(10deg);
		-ms-transform: (scale(-1, 1) rotate(10deg),);
		-o-transform: scale(-1, 1) rotate(10deg);
		transform: scale(-1, 1) rotate(10deg);
		right: 110%;
		bottom: 60%;
	}
	99% {
		right: -20%;
		bottom: 90%;
		-webkit-transform: scale(-1, 1) rotate(10deg);
		-moz-transform: scale(-1, 1) rotate(10deg);
		-ms-transform: (scale(-1, 1) rotate(10deg),);
		-o-transform: scale(-1, 1) rotate(10deg);
		transform: scale(-1, 1) rotate(10deg);
	}
	100% {
		right: -20%;
		bottom: 30%;
		-webkit-transform: scale(1, 1) rotate(0deg);
		-moz-transform: scale(1, 1) rotate(0deg);
		-ms-transform: (scale(1, 1) rotate(0deg),);
		-o-transform: scale(1, 1) rotate(0deg);
		transform: scale(1, 1) rotate(0deg);
	}
}

@-ms-keyframes moveplane {
	0% {
		right: -20%;
		bottom: 30%;
	}
	50% {
		right: 120%;
		bottom: 60%;
		-webkit-transform: scale(1, 1) rotate(0deg);
		-moz-transform: scale(1, 1) rotate(0deg);
		-ms-transform: (scale(1, 1) rotate(0deg),);
		-o-transform: scale(1, 1) rotate(0deg);
		transform: scale(1, 1) rotate(0deg);
	}
	51% {
		-webkit-transform: scale(-1, 1) rotate(10deg);
		-moz-transform: scale(-1, 1) rotate(10deg);
		-ms-transform: (scale(-1, 1) rotate(10deg),);
		-o-transform: scale(-1, 1) rotate(10deg);
		transform: scale(-1, 1) rotate(10deg);
		right: 110%;
		bottom: 60%;
	}
	99% {
		right: -20%;
		bottom: 90%;
		-webkit-transform: scale(-1, 1) rotate(10deg);
		-moz-transform: scale(-1, 1) rotate(10deg);
		-ms-transform: (scale(-1, 1) rotate(10deg),);
		-o-transform: scale(-1, 1) rotate(10deg);
		transform: scale(-1, 1) rotate(10deg);
	}
	100% {
		right: -20%;
		bottom: 30%;
		-webkit-transform: scale(1, 1) rotate(0deg);
		-moz-transform: scale(1, 1) rotate(0deg);
		-ms-transform: (scale(1, 1) rotate(0deg),);
		-o-transform: scale(1, 1) rotate(0deg);
		transform: scale(1, 1) rotate(0deg);
	}
}

@-o-keyframes moveplane {
	0% {
		right: -20%;
		bottom: 30%;
	}
	50% {
		right: 120%;
		bottom: 60%;
		-webkit-transform: scale(1, 1) rotate(0deg);
		-moz-transform: scale(1, 1) rotate(0deg);
		-ms-transform: (scale(1, 1) rotate(0deg),);
		-o-transform: scale(1, 1) rotate(0deg);
		transform: scale(1, 1) rotate(0deg);
	}
	51% {
		-webkit-transform: scale(-1, 1) rotate(10deg);
		-moz-transform: scale(-1, 1) rotate(10deg);
		-ms-transform: (scale(-1, 1) rotate(10deg),);
		-o-transform: scale(-1, 1) rotate(10deg);
		transform: scale(-1, 1) rotate(10deg);
		right: 110%;
		bottom: 60%;
	}
	99% {
		right: -20%;
		bottom: 90%;
		-webkit-transform: scale(-1, 1) rotate(10deg);
		-moz-transform: scale(-1, 1) rotate(10deg);
		-ms-transform: (scale(-1, 1) rotate(10deg),);
		-o-transform: scale(-1, 1) rotate(10deg);
		transform: scale(-1, 1) rotate(10deg);
	}
	100% {
		right: -20%;
		bottom: 30%;
		-webkit-transform: scale(1, 1) rotate(0deg);
		-moz-transform: scale(1, 1) rotate(0deg);
		-ms-transform: (scale(1, 1) rotate(0deg),);
		-o-transform: scale(1, 1) rotate(0deg);
		transform: scale(1, 1) rotate(0deg);
	}
}

@keyframes moveplane {
	0% {
		right: -20%;
		bottom: 30%;
	}
	50% {
		right: 120%;
		bottom: 60%;
		-webkit-transform: scale(1, 1) rotate(0deg);
		-moz-transform: scale(1, 1) rotate(0deg);
		-ms-transform: (scale(1, 1) rotate(0deg),);
		-o-transform: scale(1, 1) rotate(0deg);
		transform: scale(1, 1) rotate(0deg);
	}
	51% {
		-webkit-transform: scale(-1, 1) rotate(10deg);
		-moz-transform: scale(-1, 1) rotate(10deg);
		-ms-transform: (scale(-1, 1) rotate(10deg),);
		-o-transform: scale(-1, 1) rotate(10deg);
		transform: scale(-1, 1) rotate(10deg);
		right: 110%;
		bottom: 60%;
	}
	99% {
		right: -20%;
		bottom: 90%;
		-webkit-transform: scale(-1, 1) rotate(10deg);
		-moz-transform: scale(-1, 1) rotate(10deg);
		-ms-transform: (scale(-1, 1) rotate(10deg),);
		-o-transform: scale(-1, 1) rotate(10deg);
		transform: scale(-1, 1) rotate(10deg);
	}
	100% {
		right: -20%;
		bottom: 30%;
		-webkit-transform: scale(1, 1) rotate(0deg);
		-moz-transform: scale(1, 1) rotate(0deg);
		-ms-transform: (scale(1, 1) rotate(0deg),);
		-o-transform: scale(1, 1) rotate(0deg);
		transform: scale(1, 1) rotate(0deg);
	}
}

@-webkit-keyframes moveclouds1 {
	0% {
		left: -1800px;
		top: 30%;
	}
	100% {
		left: 100%;
		top: -50%;
	}
}

@-moz-keyframes moveclouds1 {
	0% {
		left: -1800px;
		top: 30%;
	}
	100% {
		left: 100%;
		top: -50%;
	}
}

@-ms-keyframes moveclouds1 {
	0% {
		left: -1800px;
		top: 30%;
	}
	100% {
		left: 100%;
		top: -50%;
	}
}

@-o-keyframes moveclouds1 {
	0% {
		left: -1800px;
		top: 30%;
	}
	100% {
		left: 100%;
		top: -50%;
	}
}

@keyframes moveclouds1 {
	0% {
		left: -1800px;
		top: 30%;
	}
	100% {
		left: 100%;
		top: -50%;
	}
}

@-webkit-keyframes moveclouds2 {
	0% {
		left: -1800px;
		top: 30%;
	}
	100% {
		left: 100%;
		top: -50%;
	}
}

@-moz-keyframes moveclouds2 {
	0% {
		left: -1800px;
		top: 30%;
	}
	100% {
		left: 100%;
		top: -50%;
	}
}

@-ms-keyframes moveclouds2 {
	0% {
		left: -1800px;
		top: 30%;
	}
	100% {
		left: 100%;
		top: -50%;
	}
}

@-o-keyframes moveclouds2 {
	0% {
		left: -1800px;
		top: 30%;
	}
	100% {
		left: 100%;
		top: -50%;
	}
}

@keyframes moveclouds2 {
	0% {
		left: -1800px;
		top: 30%;
	}
	100% {
		left: 100%;
		top: -50%;
	}
}

/* poster */
.posterOverlay {
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: block;
	overflow-y: scroll;
}

.posterOverlay img.poster {
	width: 100%;
}

.posterOverlay a.posterHolder {
	opacity: 0;
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: (translate(-50%, -50%),);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 400px;
	-webkit-animation: spin 6s forwards 1s;
	-moz-animation: spin 6s forwards 1s;
	-ms-animation: spin 6s forwards 1s;
	-o-animation: spin 6s forwards 1s;
	animation: spin 6s forwards 1s;
	margin-left: -200px;
	margin-top: -150px;
}

@media only screen and (max-width: 760px) {
	.posterOverlay a.posterHolder {
		width: 300px;
		margin-left: -150px;
	}
}

.posterOverlay a.closePoster {
	position: fixed;
	top: 20px;
	right: 35px;
}

.posterOverlay a.closePoster img {
	width: 60px;
}

.filmContainer {
	text-align: center;
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
	max-width: 1000px;
	border: solid 20px #fff;
}

@media only screen and (max-width: 1100px) {
	.filmContainer {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		border: solid 20px #F8F9F6;
		overflow: hidden;
	}
	.filmContainer iframe, .filmContainer object, .filmContainer embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

.ticketContainer {
	max-width: 1000px;
	margin: 80px auto 0;
	text-align: center;
	font-size: 0;
}

.ticketContainer.noSpace {
	margin-top: 0;
}

.ticketContainer .col_1-4, .ticketContainer .col_1-3 {
	box-sizing: border-box;
	display: inline-block;
	padding: 0 20px;
	text-align: center;
}

@media only screen and (max-width: 1000px) {
	.ticketContainer .col_1-4, .ticketContainer .col_1-3 {
		padding: 0 10px;
	}
}

@media only screen and (max-width: 700px) {
	.ticketContainer .col_1-4, .ticketContainer .col_1-3 {
		width: 100% !important;
		padding: 0 40px;
	}
}

.ticketContainer .col_1-4 img, .ticketContainer .col_1-3 img {
	width: 100%;
	margin-top: 30px;
}

.ticketContainer .col_1-4 {
	width: 25%;
}

.ticketContainer .col_1-3 {
	width: 33.333333%;
}

.ticketContainer a.darkButton {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	margin: 0 auto;
	margin-top: 30px;
}

.ticketContainer a.darkButton:hover {
	color: #000;
	background: #F8F9F6;
}

.ticketContainer h1 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
}

@media only screen and (max-width: 540px) {
	.ticketContainer h1 {
		font-size: 18px;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 1px;
		line-height: 24px;
	}
}

@-webkit-keyframes spin {
	0% {
		opacity: 0.2;
		-webkit-transform: scale(0.2) rotate(0deg);
		-moz-transform: scale(0.2) rotate(0deg);
		-ms-transform: (scale(0.2) rotate(0deg),);
		-o-transform: scale(0.2) rotate(0deg);
		transform: scale(0.2) rotate(0deg);
	}
	15%, 100% {
		opacity: 1;
		-webkit-transform: scale(1) rotate(730deg);
		-moz-transform: scale(1) rotate(730deg);
		-ms-transform: (scale(1) rotate(730deg),);
		-o-transform: scale(1) rotate(730deg);
		transform: scale(1) rotate(730deg);
	}
}

@-moz-keyframes spin {
	0% {
		opacity: 0.2;
		-webkit-transform: scale(0.2) rotate(0deg);
		-moz-transform: scale(0.2) rotate(0deg);
		-ms-transform: (scale(0.2) rotate(0deg),);
		-o-transform: scale(0.2) rotate(0deg);
		transform: scale(0.2) rotate(0deg);
	}
	15%, 100% {
		opacity: 1;
		-webkit-transform: scale(1) rotate(730deg);
		-moz-transform: scale(1) rotate(730deg);
		-ms-transform: (scale(1) rotate(730deg),);
		-o-transform: scale(1) rotate(730deg);
		transform: scale(1) rotate(730deg);
	}
}

@-ms-keyframes spin {
	0% {
		opacity: 0.2;
		-webkit-transform: scale(0.2) rotate(0deg);
		-moz-transform: scale(0.2) rotate(0deg);
		-ms-transform: (scale(0.2) rotate(0deg),);
		-o-transform: scale(0.2) rotate(0deg);
		transform: scale(0.2) rotate(0deg);
	}
	15%, 100% {
		opacity: 1;
		-webkit-transform: scale(1) rotate(730deg);
		-moz-transform: scale(1) rotate(730deg);
		-ms-transform: (scale(1) rotate(730deg),);
		-o-transform: scale(1) rotate(730deg);
		transform: scale(1) rotate(730deg);
	}
}

@-o-keyframes spin {
	0% {
		opacity: 0.2;
		-webkit-transform: scale(0.2) rotate(0deg);
		-moz-transform: scale(0.2) rotate(0deg);
		-ms-transform: (scale(0.2) rotate(0deg),);
		-o-transform: scale(0.2) rotate(0deg);
		transform: scale(0.2) rotate(0deg);
	}
	15%, 100% {
		opacity: 1;
		-webkit-transform: scale(1) rotate(730deg);
		-moz-transform: scale(1) rotate(730deg);
		-ms-transform: (scale(1) rotate(730deg),);
		-o-transform: scale(1) rotate(730deg);
		transform: scale(1) rotate(730deg);
	}
}

@keyframes spin {
	0% {
		opacity: 0.2;
		-webkit-transform: scale(0.2) rotate(0deg);
		-moz-transform: scale(0.2) rotate(0deg);
		-ms-transform: (scale(0.2) rotate(0deg),);
		-o-transform: scale(0.2) rotate(0deg);
		transform: scale(0.2) rotate(0deg);
	}
	15%, 100% {
		opacity: 1;
		-webkit-transform: scale(1) rotate(730deg);
		-moz-transform: scale(1) rotate(730deg);
		-ms-transform: (scale(1) rotate(730deg),);
		-o-transform: scale(1) rotate(730deg);
		transform: scale(1) rotate(730deg);
	}
}

.cookieBar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	color: #000;
	padding: 20px 30px;
	box-sizing: border-box;
	font-size: 0;
	border-top: 1px solid #ededed;
	z-index: 5000;
	-webkit-transition: transform 0.3s ease;
	-moz-transition: transform 0.3s ease;
	-ms-transition: transform 0.3s ease;
	-o-transition: transform 0.3s ease;
	transition: transform 0.3s ease;
	-webkit-transform: translateY(500%);
	-moz-transform: translateY(500%);
	-ms-transform: (translateY(500%),);
	-o-transform: translateY(500%);
	transform: translateY(500%);
}

.cookieBar.show {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: (translateY(0%),);
	-o-transform: translateY(0%);
	transform: translateY(0%);
}

@media only screen and (max-width: 900px) {
	.cookieBar {
		padding: 15px 25px;
	}
}

@media only screen and (max-width: 760px) {
	.cookieBar {
		text-align: center;
		padding-top: 10px;
	}
}

.cookieBar .cookieInfo {
	display: inline-block;
}

@media only screen and (max-width: 760px) {
	.cookieBar .cookieInfo {
		display: block;
		margin-bottom: 15px;
	}
}

.cookieBar .cookieInfo p {
	font-size: 16px;
	margin-top: 15px;
}

@media only screen and (max-width: 900px) {
	.cookieBar .cookieInfo p {
		font-size: 14px;
		margin-top: 16px;
	}
}

@media only screen and (max-width: 760px) {
	.cookieBar .cookieInfo p {
		line-height: 20px;
	}
}

.cookieBar .cookieInfo p a {
	text-decoration: underline;
}

.cookieBar .cookieButton {
	display: inline-block;
	float: right;
}

@media only screen and (max-width: 760px) {
	.cookieBar .cookieButton {
		float: none;
		margin-bottom: 5px;
	}
}

.cookieBar .cookieButton a {
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	display: inline-block;
	outline: none;
}

.cookieBar .cookieButton a:hover {
	color: #000;
	background: #F8F9F6;
}

.ticketsIntroText {
	width: 100%;
	margin: 30px auto 0;
	font-size: 20px;
	line-height: 31px;
	letter-spacing: 0.3px;
	max-width: 830px;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 540px) {
	.ticketsIntroText {
		font-size: 16px;
		line-height: 22px;
		padding: 0 10px;
		box-sizing: border-box;
	}
}

.photoCreditText {
	font-size: 16px;
	line-height: 22px;
	display: block;
	text-align: center;
	margin-top: 40px;
}

.the500 {
	max-width: 80%;
	width: 500px;
	margin-top: -40px;
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: (translate(-50%, -50%),);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media only screen and (max-height: 960px) {
	.the500 {
		width: 400px;
	}
}

@media only screen and (max-width: 760px) {
	.the500 {
		margin-top: -10px;
	}
}

.logoCream {
	width: 200px;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: (translate(-50%, 0%),);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	bottom: 80px;
}

@media only screen and (max-height: 960px) {
	.logoCream {
		bottom: 60px;
		width: 160px;
	}
}

@media only screen and (max-width: 760px) {
	.logoCream {
		width: 140px;
		bottom: 60px;
	}
}

.the500text {
	padding-top: 40px !important;
	padding-bottom: 30px !important;
}

@media only screen and (max-width: 760px) {
	.the500text {
		padding-top: 0 !important;
	}
}

.the500text h1 {
	font-size: 50px !important;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px !important;
	line-height: 64px !important;
	margin-top: 50px;
}

@media only screen and (max-width: 760px) {
	.the500text h1 {
		font-size: 26px !important;
		text-transform: uppercase;
		font-family: 'Circe-Bold';
		letter-spacing: 2px !important;
		line-height: 36px !important;
		margin-top: 60px !important;
	}
}

.the500text h2.lessSpaceTop {
	margin-top: 40px;
}

.the500text p {
	margin-top: 20px !important;
}

.the500text em {
	font-style: italic;
}

.the500text em.italicTitle {
	display: block;
	margin-top: 40px;
	font-weight: 900;
	margin-bottom: 10px;
}

.the500text .button {
	margin-top: 30px;
	font-size: 12px;
	height: 42px;
	line-height: 45px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 1px;
	color: #F8F9F6;
	background: #000;
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	-ms-transition: background 0.3s ease, color 0.3s ease;
	-o-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #000;
	padding: 0 22px;
	display: inline-block;
	min-width: 140px;
}

.the500text .button:hover {
	color: #000;
	background: #F8F9F6;
}

.threeTickets {
	font-size: 0;
	margin: 100px auto 0;
	max-width: 1200px;
}

.threeTickets.noSpaceTop {
	margin-top: 20px;
}

.threeTickets h1 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Circe-Bold';
	letter-spacing: 3px;
	padding-bottom: 30px;
	text-align: center;
	display: block;
}

.threeTickets > a {
	display: inline-block;
	width: 33.33%;
	box-sizing: border-box;
	padding: 10px;
}

@media only screen and (max-width: 540px) {
	.threeTickets > a {
		width: 100%;
	}
}

.threeTickets > a img {
	width: 100%;
}

.threeTickets ul {
	list-style: none;
	max-width: 640px;
	margin: 30px auto 0px;
	box-sizing: border-box;
	padding: 0 40px;
	font-size: 18px;
	line-height: 27px;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 760px) {
	.threeTickets ul {
		font-size: 16px;
		line-height: 24px;
		padding: 0 20px;
	}
}

.threeTickets ul li {
	margin-top: 10px;
	list-style-position: inside;
}

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

@media only screen and (max-width: 760px) {
	.threeTickets .ticketOutro {
		margin-top: 40px;
	}
}