/* ---- BADGE ---- */
div.badge {
	margin:150px 0 40px 0;
	width:100px;
}

div.badge img {
	display:block;
	width:100%;
}



* {
	outline:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}
		html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, 
		address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, 
		b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, 
		thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, 
		hgroup, menu, nav, section, summary, time, mark, audio, video {
			margin: 0;
			padding: 0;
			border: 0;
			font-size: 100%;
			vertical-align: baseline;
		}

		article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
			display: block;
		}





		html {
			width:100%;
			height:100%;
			 -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */
		}
		body {
			margin:0;
			padding:0;
			width:100%;
			height:100%;
			line-height:1.7;
			font-family:"quatro-slab", helvetica, arial, sans-serif;
			font-size:15px;
			color:#ffc9f1;
			background-color:#241537;
		}

		
		
		
		/* --- GENERAL --- */
		h1 {
			font-family:"boucherie-block", helvetica, arial, sans-serif;
			color:#ffffff;
			font-size:28px;
			margin:35px 0;
			padding-bottom:25px;
			text-align:center;
			position:relative;
			line-height:1.2;
		}
		
		h1:after {
			position:absolute;
			content:'';
			width:40px;
			border-top:#8d559a solid 3px;
			bottom:0px;
			left:50%;
			margin-left:-20px;
		}
		
		h1.left {
			text-align: left;
		}
		
		h1.left:after {
			left:0;
			margin-left:0;
		}
		
		
		h2 {
			color:#ffffff;
			margin:25px 0;
			font-size:20px;
			line-height:1.5;
		}
		
		h3 {
			font-size:16px;
			color:#ffffff;
			margin: 0 0 25px 0;
		}
		

		p {
			margin: 0 0 25px 0;
			
			
		}
		
		p.intro {
			font-size:18px;
			color:#ffffff;
			margin: 0 auto 50px auto;
			text-align: center;
			max-width:700px;
		}
		
		
		p.hotel {
			max-width:300px;
		}
		
		
		.noMargin {
			margin:0 !important;
		}
		
		.center {
			text-align:center;
		}
		
		a {
			color:#d36488;
			text-decoration:none;
		}
		
		a.button {
			display:inline-block;
			font-weight:700;
			text-transform: uppercase;
			letter-spacing: 1px;
			font-size:14px;
			padding:10px 20px;
			min-width:140px;
			text-align: center;
			border:#d36488 solid 2px;
		}
		
		a.button:hover {
			color:#ffffff;
			border-color: #ffffff;
		}
		
		ul {
			list-style:none;
			margin:0;
			padding:0;
			font-size:inherit;
		}

		hr {
			height:0;
			border-bottom:0;
			margin:30px auto;
		}	

		b { color:#ffffff;}
		
		
		/* --- STRUCTURES --- */

		section {
			overflow:hidden;
			padding-top:50px;
			position:relative;
		}
				
	
		


		div.content {
			padding:40px 5%;
			max-width:1400px;
			margin:0 auto;
		}
		
		div.hero {
			width:100%;
			margin-bottom:
			max-width:1200px;
			margin:0 auto 50px auto;
			position:relative;
			overflow:hidden;
		}
		
		div.hero img {
			display:block;
			width:100%;
		}
	
		div.container {
			width:90%;
			max-width:1400px;
			margin:0 auto;
			overflow:hidden;
		}

		section div.container {
			width:100%;
		}
	
		










/* ------ NAV MOBILE ------ */


#navToggle	{
	width:45px;
	height:45px;
	background-color:#E98EB1;
	position:fixed;
	top:25px;
	right:2.5%;
	z-index:10;
	cursor:pointer;
	opacity:0.9;
}

.navOpen #navToggle {
	background-color:#b15c97;
}

#navToggle div	{
	display:block;
	width:22px;
	height:3px;
	left:50%;
	margin-left:-11px;
	background-color:#ffffff;
	position:absolute;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}


#navToggle .top		{
	top:15px;
	}


#navToggle .middle1,
#navToggle .middle2 {
	top:22px;
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg) ;
}

.navOpen #navToggle .middle1 {
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg);
}

.navOpen #navToggle .middle2 {
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg) ;
}


#navToggle .bottom	{
	top:29px;
	}

.navOpen #navToggle .top,
.navOpen #navToggle .bottom {
	opacity:0;
}


nav  a {
	color:#ffffff;
	line-height:20px;
	text-transform:uppercase;
	font-weight:700;
	font-size:12px;
}



nav a.active,
nav li a.active,
.no-touch nav a:hover {
	color:#fc7ba5;
}




#navMobile {
	position:fixed;
	top:0;
	right:0;
	height:100%;
	padding-top:100px;
	width:300px;
	z-index:9;
	background-color:#964c7f;
	opacity:0.95;
	width:0px;
	overflow-x:hidden;
		-webkit-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;

}

.navOpen #navMobile {
	width:300px;
}

#navMobile .header {
	position:absolute;
	top:0;
	left:0px;
	padding:10px 20px;
	width:300px;
	height:100px;
	color:#ffffff;
}


#navMobile .header a {
	font-size:11px;
	font-weight:bold;
	display:block;
	margin-bottom:5px;
}



#navMobile .header .city{
	letter-spacing:1px;	
	color:#ffffff;
	text-transform:uppercase;
	font-size:24px;
	line-height:1;
	margin-bottom:3px;
	display:block;
	font-family:"boucherie-block", helvetica, arial, sans-serif;
}


#navMobile .header .date {
	font-size:12px;
	font-weight:700;
	color:#ffffff;
	text-transform: uppercase;

}


#navMobile .links {
	height:100%;
	width:100%;
	overflow:auto;

}

#navMobile p {
	position:absolute;
	top:10px;
	left:20px;
	line-height:20px;
	font-size:14px;
	letter-spacing:1px;
}

#navMobile p small {
	font-size:12px;
}

#navMobile p a {
	display:block;
	font-size:12px;
	margin:0 0 10px 0;
	color:#999999;
	letter-spacing:0px;
}




#navMobile li a {
	padding:10px 20px;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
}



#navMobile ul {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	border-top:#ffffff solid 3px;
}

#navMobile li 	{
	border-bottom:#b15c97 solid 1px;
}


/* ------ NAV DESKTOP ------ */


#navXL {
	width:100%;
	height:50px;
	background-color:#9d5085;
	color:#ffffff;
	display:none;
	opacity:0.95;
	/* border-bottom:#d36488 solid 5px; */
}



.navWrapper {
	position:fixed;
	top:0px;
	z-index:9;
	left:0px;
	width:100%;
}





#navXL ul {
	margin:0 auto;
	padding:0;
	list-style:none;
	width:90%;
	max-width:1400px;
	overflow:hidden;
}

#navXL ul li {
	float:left;
	margin:12px 15px 15px 0;
}

#navXL ul li.change {
	float:right;
	margin-right:0px;
}

#navXL a {
	font-size:11px;
	display:block;

}























/* ------- HOME ------- */


		.playPause {
			animation-play-state: paused !important;
		}
		
		body.play .playPause {
			animation-play-state: running !important;
		}
		
		@keyframes moveRiderXS{
		from{background-position-x:0px;}
		to{background-position-x:-1800px;}
		}
		
		@keyframes moveRider{
		from{background-position-x:0px;}
		to{background-position-x:-2400px;}
		}
		
		
		
		@keyframes moveBg{
		from{background-position-x:0px;}
		to{background-position-x:-2500px;}
		}
		
		@keyframes moveCactus{
		from{background-position-x:0px;}
		to{background-position-x:-2500px;}
		}
		
		
		#home {
			position:relative;
			margin-bottom:0;
			width:100%;
			height:95%;
			min-height:450px;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9a4784+0,b08691+50,bba397+100 */
			background: #9a4784; /* Old browsers */
			background: -moz-linear-gradient(top,  #9a4784 0%, #b08691 50%, #bba397 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  #9a4784 0%,#b08691 50%,#bba397 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  #9a4784 0%,#b08691 50%,#bba397 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a4784', endColorstr='#bba397',GradientType=0 ); /* IE6-9 */

			overflow:hidden;
		}
		
		
		
		div.eventHeader {
			position:relative;
			width:100%;
			z-index:6;
			margin-bottom:280px;
			text-align:center;
			text-transform: uppercase;
			display:inline-block;
			vertical-align: middle;
			color:#ffffff;
		}
		
		div.valign {
			display:inline-block;
			width:0px;
			overflow:hidden;
			height:100%;
			vertical-align: middle;
		}
		
		div.eventHeader .city {
			margin-top:-5px;
			font-weight:700;
			font-size:14px;
			font-family:"boucherie-block", helvetica, arial, sans-serif;
			letter-spacing: 1px;
		
		}
		
		div.eventHeader .date {
			font-weight:700;
			font-size:18px;
			font-family:"quatro-slab", helvetica, arial, sans-serif;
		}
		
		
		div.eventHeader img {
			display:block;
			width:75%;
			max-width:300px;
			margin:40px auto 0px auto;
		}
		
		
		
		
		#home div.rider {
			width:300px;
			height:310px;
			left:50%;
			margin-left:-150px;
			overflow:hidden;
			background:url(../images/general/home-rider.png);
			background-size:1800px;
			
			animation: moveRiderXS 0.45s steps(6) infinite;
			background-repeat:repeat-x;
			background-position:left bottom;
			position:absolute;
			bottom:40px;
			z-index:7;
			transform: translateZ(0);
			
		}
		
		
		
	
		
		#home div.mount {
			width:300px;
			height:200px;
			background-image:url(../images/general/home-bg-mount.png);
			background-repeat: no-repeat;
			background-size: cover;
			z-index: 2;
			bottom:270px;
			right:-100px;
			position:absolute;
		}
		
		div.road {
			width:100%;
			height:130px;
			
			background-image:url(../images/general/home-bg-road.png);
			background-repeat:repeat-x;
			background-position: bottom;
			background-size:25px;
			position:absolute;
			bottom:0;
			z-index:6;
		}
		
		#home div.cactus {
			position:absolute;
			bottom:125px;
			width:100%;
			height:250px;
			background-size:2500px auto;
			background-image:url(../images/general/home-cactus.png);
			background-position: left bottom;
			background-repeat: repeat-x !important;
			z-index:6;
			
			animation: moveCactus 28s infinite linear;
			-webkit-backface-visibility: hidden;
		}
		
		#home div.moon {
			width:30px;
			height:30px;
			position:absolute;
			background-image:url(../images/general/home-bg-moon.png);
			background-repeat: no-repeat;
			background-size:cover;
			top:30px;
			left:10%;
			z-index:2;

		}
		
		
		#home div.stars {
			width:100%;
			height:300px;
			z-index:3;
			position:absolute;
			top:0;
			background-image:url(../images/general/home-bg-stars.png);
			background-size:500px auto;
			background-position: center top;
			background-repeat:repeat-x;
		}
		
		#home div.bg {
			position:absolute;
			left:0;
			bottom:150px;
			width:100%;
			height:250px;
			background-position:center bottom;
			background-repeat: repeat-x;	
			-webkit-backface-visibility: hidden;
			transform: translateZ(0);
			
		}
		
		#home div.bg1 { 
			background-image: url(../images/general/home-bg1.png); 
			z-index:5;	
			bottom:130px;
			animation: moveBg 60s infinite linear;
			background-size: 2500px;
		}
		#home div.bg2 { 
			background-image: url(../images/general/home-bg2.png); 
			z-index:4;
			background-position:right bottom;
			animation: moveBg 150s infinite linear; 
			background-size: 2500px;
		}
		#home div.bg3 { 
			background-image: url(../images/general/home-bg3.png); 
			z-index:3;	
			background-size:cover;
			background-position:right bottom;
			/* animation: moveBg 230s infinite linear; */
		}
		#home div.bg4 { background-image: url(../images/general/home-bg4.png); 
			z-index:2;	
			background-size:cover;
			background-position:right bottom;
		}



		
		/* ---- THE PARTY ---- */
		#theParty {
			padding-top:0;	
		}

		#theParty div.sectionContainer {
			background: #5c2f52; /* Old browsers */
			background: -moz-linear-gradient(top,  #5c2f52 0%, #211436 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  #5c2f52 0%,#211436 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  #5c2f52 0%,#211436 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c2f52', endColorstr='#211436',GradientType=0 ); /* IE6-9 */
		}
		
		ul.info {
			list-style:none;
			margin:0 0 25px 0;
			padding:0;
			font-size:15px;
		}
		
		
		ul.info .label {
			display:inline-block;
			width:35%;
			max-width:150px;
			color:#ffffff;
			font-weight:700;
			vertical-align:top;
		}
		
		ul.info .details {
			display:inline-block;
			vertical-align:top;
			width:58%;
		}
		
		
		#theParty div.container {
			max-width: 1000px;
		}
		



		/* ---- HOW TO GET THERE ---- */

		#howToGetThere div.sectionContainer {
			background-color:#542956;
			width:90%;
			max-width:1400px;
			margin:0 auto 0 auto;
			overflow:hidden;
		}
		
				
		#howToGetThere div.content {
			position:relative;
			padding-left:10%;
			
		}
		
		#howToGetThere div.hero {
			background-color:#371c3c;
			margin:0;
		}
		
		#howToGetThere div.hero .sky {
			max-width:700px;
			margin:0 auto 30px auto;
		}
		
		#howToGetThere div.hero .land {
			width:800px;
		}
		
		
		#howToGetThere div.hero .riders {
			position:absolute;
			width:50%;
			right:30px;
			top:25%;
			max-width:700px;
		}
		
		#howToGetThere h1 {
			margin-top:-50px;
		}
		
		#howToGetThere .cactus {
			width:40%;
			max-width:440px;
			position:absolute;
			left:60%;
			bottom:0px;
			display:none;
		}
		
		#howToGetThere .map {
			font-size:0px;
		}
		
		#howToGetThere #map {
			width:100%;
			height:300px;
		}
		
		
		
		/* ---- WHAT TO WEAR ---- */
		#whatToWear div.sectionContainer, 
		#auction  div.sectionContainer {
			
		background: #683c57; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #683c57 0%, #683c57 22%, #582b5a 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #683c57 0%,#683c57 22%,#582b5a 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #683c57 0%,#683c57 22%,#582b5a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#683c57', endColorstr='#582b5a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}
		
		#whatToWear div.hero img,
		#contest div.hero img {
			width:100%;
			max-width:500px;
			margin:0 auto;
		}
		
		/* ---- AUCTION ---- */
		#auction div.hero img {
			width:67%;
			max-width:300px;
			margin:0 auto;
		}
	
		/* ---- SPONSORS ---- */
		#sponsors div.sectionContainer {
			width: 90%;
			max-width: 1400px;
			margin:0 auto;
			background-color:#3f1f41;
		}
	

#sponsors .content {
	text-align:center;
	width:100%;
	max-width:1600px;
	margin:0 auto;
}

#sponsors .sectionContainer {s
	width:100%;
	max-width:100%;
}



#sponsors div.sponsorLogos h3 {
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:1px;
	margin:30px 0;
}


#sponsors .sponsorLogos {
	text-align:center;
	width:100%;
	margin:0 auto;
}

#sponsors .sponsorLogos img {
	display:inline-block;
	width:47%;
	max-width:200px;
}





/* ------ COMMITTEE ------ */
#committee div.hero img {
	width:33%;
	max-width:150px;
	margin:0 auto;
}

#committee div.container {
	max-width:800px;
	margin:0 auto;
}

	


ul.committee {
	list-style:none;
	margin:0;
	padding:0;
}






/* ----- ABOUT ----- */
#about div.sectionContainer {
	
		width: 90%;
		max-width: 1400px;
		margin:0 auto;
	
		background: #683c57; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #683c57 0%, #683c57 22%, #582b5a 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #683c57 0%,#683c57 22%,#582b5a 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #683c57 0%,#683c57 22%,#582b5a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#683c57', endColorstr='#582b5a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

#about .logo img {
	display:block;
	width:90%;
	max-width:250px;
	margin:0 auto 30px auto;
}




/* ----- DONATE ----- */
#donate .button {
	width:90%;
	margin:0 auto;
	max-width:1400px;
}

/* ----- CONTACT ----- */
#auction p,
#contactUs p {
	max-width:450px;
	margin-left: auto;
	margin-right:auto;
}








/* ----------- REGISTRATION ----------------- */

img.paymentSponsor {
	display:block;
	width:150px;
	margin:0 0 10px 0;
}

body.pgRegistration {
	background-color:#ffffff;
}


body.pgRegistration .content {
	width:100%;
	margin:0px auto 50px auto;
	max-width:700px;
	color:#666666;
	position:relative;
}

body.pgRegistration .content h3,
body.pgRegistration .content b {
	color:#000000;
}



body.pgRegistration h1 {
	margin-left:auto;
	margin-right:auto;
	color:#62376c;	
}

body.pgRegistration h2 {
	color:#ad5376;	
	font-size:26px;
	line-height:1.1;
}


body.pgRegistration h1.hat {
	margin-top:10px;
}
	

body.pgRegistration .content a {	


}

body.pgRegistration hr {
	border-top:#d5d5d5 dotted 1px;
}




body.pgRegistration h2.locale span.city {
	font-family:"boucherie-block", helvetica, arial, sans-serif;
	letter-spacing:1px;	
	color:#ef6489;
	margin-bottom:0px;	
}

body.pgRegistration h2.locale span.date {
	font-size:16px;
	font-weight:bold;	
	text-transform:uppercase;
	letter-spacing:1px;
	color:#ef6489;
}



body.pgRegistration img.hat {
	display:block;
	width:50%;
	max-width:250px;
	margin:0 auto;
}

body.pgRegistration p {
	position:relative;
	z-index:1;
}


ul.ticketChart {
	margin: 0 0 28px 0;
	padding:0;
	list-style:none;
	border:#d5d5d5 solid 1px;
	background-color:#f5f5f5;
	position:relative;
	z-index:1;
}

ul.ticketChart li {
	border-top:#d5d5d5 solid 1px;
	padding:10px;
	width:100%;
	position:relative;
}

ul.ticketChart li:first-child {
	border:0;
}

ul.ticketChart li p:last-child {
	margin:0;
}













/* -------- FOOTER ------ */
footer {
	position:relative;
	z-index:1;
	background-color:#ffffff;
	overflow:hidden;
	text-align:center;
	margin: 0 auto;
	font-family:helvetica, arial, sans-serif;
}


footer p.copyright {
	color:#ffffff;
	margin:0;
}


.logoBg {
	background-color:#d0d0d0;
	padding:20px 0;
}

.logoBg .rethink {
	width:150px;
	margin:0 auto;
}

.logoBg .rethink img {
	width:100%;
}

.footerLinks {
	width:100%;
	max-width:1400px;
	padding:30px 0;
	margin:0 auto;
	overflow:hidden;
}



.footerLinks a {
	color:#b3a99f;
}

.footerLinks a:hover {
	color:#c6bbb0
}

.footerLinks h3 {
	margin:0;
}

.footerLinks h3 a {
	font-weight:bold;
	text-transform:uppercase;
	color:#ee2b74;
}

.footerLinks h3 a:hover {
	color:#fc498c;
}

.auxLinks {
	width:100%;
	background-color:#EF638F;
	padding:30px 20px;
	overflow:hidden;
}

.auxLinks .col1of3 {
	margin-bottom:20px;
}

.auxLinks a {
	text-transform:uppercase;
	color:#ffffff;
}

.auxLinks a:hover {
	color:#ffd8ed;
}


.auxLinks .limit {
	width:100%;
	max-width:1200px;
	margin:0 auto;
}




/* ------- SOCIAL LINKS ------ */
#socialLinks {
	background-color:#ffffff;
	padding:30px;
	position:relative;
	width:100%;
	text-align:center;
	font-size:0px;
	line-height:0px;
}

#socialLinks a {
	display:inline-block;
	width:30px;
	margin:0 5px;
	opacity:0.7;
}

#socialLinks a:hover {
	opacity:1;
}

#socialLinks a img {
	width:100%;
}























/* ------- FORM ------- */



.pfForm .pfField.disabled > * {
	opacity:0.25;
}



.pfForm   {
	font-size:14px;
}

.pfBox.pfField {
	margin:0 0 25px 0;
}

table .pfBox.pfField {
	margin:0;
}

.pfBox.pfField.XL {
	max-width:none;
}


.pfLabelGroup {
	position:relative;
	margin:0 0 5px 0;
}

fieldset.pfField {
	padding:0;
	border:0;
}

fieldset.pfField ul {
	list-style:none;
	margin:0;
	padding:0;
}

fieldset.pfField > .pfBox.pfField {
	margin-bottom:0;
}



.pfOptionSet ul li {
	margin: 10px 0 5px 0;
    padding-left: 25px;
    position: relative;
}

.pfOptionSet ul li input[type="radio"],
.pfOptionSet ul li input[type="checkbox"] {
    height: 15px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 15px;
    margin:0;
}


table .pfOptionSet ul li input[type="radio"],
table .pfOptionSet ul li input[type="checkbox"] {
	position:relative;
}

table .pfOptionSet ul li  {
	margin:0;
	padding:0;
}

abbr {
	position:absolute;
	left:-9px;
	top:0px;
	line-height:1.2;
	border:0px;

	border-bottom: none !important;
	text-decoration: none !important;
}

input[type="text"],
input[type="email"],
input[type="number"],
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	background-color: #f9f9f9;
    border: medium none;
    box-shadow: 0 1px 2px #d0d0d0 inset;
	border:#d9d9d9 solid 1px;
    padding: 0px 10px;
    width: 100%;
    max-width:100%;
    height:35px;
  	display:block;
  	border-radius:0px;

}

textarea {
	height:50px;
	padding:10px;
	margin:0px;
	min-height:85px;
	width:100%;
	min-width:100%;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position:relative;
	border-radius:0px !important;

	background-image:url(../images/shell/icon-dropdown-arrow.svg);
	background-repeat:no-repeat;
	background-position:right;
}












/* credit card expiry */
#card_csc,
.pfBox.pfField.ccExp {
	display:inline-block;
	width:33%;
	margin-right:3%;
	vertical-align:top;
}

.pfBox.pfField.ccExp.ccYear {
	width:33%;
	margin-right:0px;
}
#card_csc,
input.ccExp {
	text-align:center;
}


.pgRegistration .button,
.pfForm  input[type="submit"],
.pfForm  input[type="button"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size:inherit;
	font-weight:700;
	border:0px;
	background-color:#000000;
	color:#ffffff;
	padding:15px 30px;
	border-radius:0px;
	font-size:14px;
	letter-spacing:1px;
	text-transform:uppercase;
	display:inline-block;
}


.pgRegistration .button.alt {
	background-color:#000000;
	color:#ffffff;
}


div.formFooter {
	margin:40px 0;
}



/* errors */

.pfError.pfField {
	position:relative;
	padding:7px 5px 7px 20px;
	font-size:12px;
	color:#900000;
	line-height:15px;
}

.pfError.pfField .pfIcon {
	position:absolute;
	left:1px;
	top:8px;

}

.pfError.pfField  label.error{

}

/* hidden */

.pfHidden {
	display: none;
}

.pfPageAlert {
	padding:7px 10px;
	width:100%;
	max-width:1000px;
	border:#000000 solid 1px;
	margin:0 0 20px 0;
	position:relative;
	padding-left:40px;
	color:#000000;
}

.pfPageAlert .fa{
	position:absolute;
	left:13px;
	top:17px;
	font-size:16px;
}


.pfPageAlert.pfFailure {
	color:#900000;
	border:#900000 solid 1px;
}


/* specific */
#discount_cd-box abbr {
	display:none;
}


.pfField.tickets {
	width:80px;
	display:inline-block;
}

span.ticketPrice {
	display:inline-block;
	margin-left:10px;
}


/* -- ticket price chart -- */

div.ticketTable {
	/* border-bottom:#d5d5d5 solid 1px; */
	margin:0 0 40px 0;
	padding:0 0 10px 0;
}


div.ticketTable h4 {
	font-size:18px;
	margin-bottom:10px;
}


div.ticketTable hr {
	border-top:#d5d5d5 solid 1px;
}


div.ticketTable div.pfBox {
	position:relative;
	padding-right:70px;
	width:100%;
	margin:0 0 10px 0;
	border-bottom:#d5d5d5 solid 1px;
	padding-bottom:5px;
}

div.ticketTable div.pfLabelGroup  {
	padding:5px 0;
	width:100%;
}

div.ticketTable label.pfLabel {
	width:100%;
	display:table;
}

div.ticketHeader span {
	font-size:11px;
	text-transform:uppercase;
	display:table-cell;
	letter-spacing:1px;
	vertical-align:top;
	padding:7px 0;
}

div.ticketHeader span.price {
	display:none;
}

div.ticketTable span.qty {
	width:70px;
	text-align:right;
}

div.ticketTable  span.price  {
	padding-left:10px;
}

div.ticketTable span.description {
	display:table-row;
	font-size:12px;
}

div.ticketTable div.ticketHeader {
	display:table;
	width:100%;
	border-bottom:#000000 solid 2px;
	border-top:#d5d5d5 solid 1px;
	margin-bottom:15px;
}




div.ticketTable input.itemQuantity {
	position:absolute;
	right:0;
	top:0;
	width:50px;
	text-align:right;
}


div.ticketTable div.pfBox.noBorder {
	border:0px;
}





div.ticketTable div.discount div.pfLabelGroup {
	padding:0;
}










/* ------ TABLE ------ */



div.contentWindow {
	width:100%;
	overflow:auto;
	margin:0 0 40px 0;
}

div.contentWindow table.chart {
	margin:0;
}

table.chart {
	width:100%;
	margin:0 0 40px 0;
	background-color:#ffffff;
	border:1px solid #d5d5d5;
	border-bottom:0px;
	font-size:14px;
}

table.chart td {
	padding:10px;
	border-bottom:1px solid #d5d5d5;
	vertical-align:top !important;
}


table.chart th {
	text-align:left;
	padding:10px;
	color:#000000;
	border-bottom:2px solid #000000;
	background-color:#ffffff;
}

table.chart .amount {
	 text-align:right;
}

table.chart .total {
	border-top:#999999 solid 2px;
	color:#584d45;
}


table.chart .sel {
	width:30px;
}

table.chart tr.full  td{
	color:#cccccc;
}


table.chart tr.subtotal td {
	border-top:1px solid #d5d5d5;
}

table.chart tr.subtotal,
table.chart tr.tax,
table.chart tr.total {
	background-color:#f5f5f5;
}


table.chart .description,
table.chart .label  {
	width:50%;
}

table.chart tr.total td {
	font-weight:bold;
	color:#000000;
}




/* transaction summary */
table.summary td {
	border-left:0px;
}











/* ------------------- BREAK POINT ------------------------*/
@media screen and (min-width:600px) {
	
	
		/* --- HOME --- */
		#home div.moon {
			width:50px;
			height:50px;
			top:50px;
			left:15%;
		}
	
	
	/* ---- COMMITTEE ---- */
	#committee  .col1of2 {
		width:47%;
		float:left;
		margin-left:6%;
	}

	#committee  .col1of2:first-child {
		margin-left:0;
	}

			
			
	/* -------- REGISTRATION --------- */
	ul.ticketChart li {
		padding-left:150px;
	}
	
	ul.ticketChart .label {
		width:150px;
		position:absolute;
		left:10px;
	}	
	
	
	
	
	/* ----------- FORM ---------- */
	
	div.fieldContainer {
		width:100%;
		display:table;
	}

	div.fieldContainer .col1of2 {
		width:47%;
		float:left;
		margin-left:6%;
	}
	
	div.fieldContainer .col1of2:first-child {
		margin-left:0;
	}
		

}



/* ------------------------------------- BREAKPOINT ---------------------------------- */
@media screen and (min-width:650px) {	
				
		/* ---- HOW TO GET THERE ---- */
		#howToGetThere  .cactus {
			display:block;	
		}
	
	
		p.hotel {
			width:50%;
			max-width:400px;
		}
		
	
	
	}
	






/* -------------- BREAK POINT ------------- */

@media screen and (min-width:800px) {
	
	
	/* --- GENERAL --- */
		body {
			font-size:16px;
		}
	
		
		h1 {
			margin:60px 0 40px 0;
			font-size:34px;
		}
	
	
		h1:after {
			width:50px;
			margin-left:-25px;
		}
	
	
			
		h2 {
			margin:30px 0;
			font-size:26px;
		}
	
		h3 {
			margin:0 0 30px 0;
			font-size:18px;
		}
	
		p {
			margin-bottom:30px;	
		}
	
		p.intro {
			font-size:20px;
		}
	
		
	
		/* --- STRUCTURE --- */
	
		div.content {
			padding:50px 5%;
		}
	
	
		div.col1of2 {
			width:48%;
			float:right;
		}
	
		div.col1of2:first-child{
			float:left;
		}
	
	
		
		/* --- TRAIL --- */
		div.trail {
			background-image:url(../images/general/trail-bg.png);
			background-repeat:no-repeat;
			background-size:700px;
			background-position:center 100px;
		}
	
		
	
	
	
		/* --- THE PARTY --- */
	
		#theParty .container {
			width:100%;
		}
		
		ul.info {
			font-size:16px;
			margin:0 0 30px 0;
		}
	
	
	
	
		/* --- HOME --- */
	
		@keyframes moveCactus{
		from{background-position-x:0px;}
		to{background-position-x:-3000px;}
		}
		
	
		#home {
			min-height:600px;
		}
		
		div.eventHeader img {
			max-width:400px;
		}
	
		div.eventHeader .city {
			font-size:18px;
		}
	
		div.eventHeader .date {
			font-size:22px;
		}
	
		#home div.rider {
			width:400px;
			height:310px;
			left:50%;
			margin-left:-220px;
			animation: moveRider 0.45s steps(6) infinite;
			background-size:2400px;
			position:absolute;
		}
	
		#home div.cactus {
			height:400px;
			bottom:120px;
			background-size:3000px auto;
			animation: moveCactus 28s infinite linear;
		}
	
	
	
		/* ---- HOW TO GET THERE ---- */
	
		
		
		#howToGetThere  h1 {
			margin-top:-75px;
		}
	
		#howToGetThere div.hero .riders {
			right:30px;
			top:19%;
		}
	
		#howToGetThere div.hero .land {
			width:1400px;
		}

	
	
		/* ---- WHAT TO WEAR ----*/
		#whatToWear .content,
		#auction .content {
			padding-left:10%;
			padding-right:10%;
		}
		
	
		/* ---- AUCTION ---- */
		#auction {
			margin-top:400px;
		}
	
	
		
		
	
	

	
	
	
	/* ------- REGISTRATION ----- */
	body.pgRegistration h2.locale span.city {
		font-size:30px;
	}
	
	body.pgRegistration h2.locale span.date {
		font-size:22px;
	}


		/* ------ FOOTER ------ */
	.footerLinks ul {
		float:left;
		width:50%;
	}

	.col1of3 {
	    float: left;
	    width: 33.3333%;
	    margin-bottom:20px;
	}
	


}



		
/* ------------------------------------- BREAKPOINT ---------------------------------- */
@media screen and (min-width:900px) {
			
		/* --- GENERAL --- */
		h1 {
			font-size:40px;
		}

		/* ---- HOW TO GET THERE ---- */
		#howToGetThere div.content {
			padding-left:20%;
		}
	
		#howToGetThere div.hero .riders {
			top:40px;
		}
	
	

		
	
	
	}
		



/* -------------- BREAK POINT ------------- */

@media screen and (min-width:1200px) {
	/* ----- NAV ----- */
	#navXL {
		display:block;
	}

	#navToggle {
		display:none;
	}

	#navMobile,
	.navOpen #navMobile {
		width:0px;
	}
	
	
	
	
	
	
	/* ---- HOME ---- */
	.sectionContainer {
	
	}
	
	#home {
		padding-top:0;
	}
	
	#home {
		min-height:700px;
	}

	/* --- HOME --- */
	#home div.moon {
		top:80px;
	}


	div.eventHeader img {
		max-width:600px;
	}

	
	
	
	/* ---- HOW TO GET THERE ---- */
	
	
		#howToGetThere div.hero .riders {
			right:10%;
			top:20px;
		}


	/* ---- REGISTRATION ---- */
	body.pgRegistration img.hat {
		margin-top:50px;
	}
	
	
	
/* ------------------------------------- BREAKPOINT ---------------------------------- */
@media screen and (min-width:1300px) {
	#navXL a {
	font-size:12px;	
	}
}
	
	
	
	
	

/* ------------------------------------- BREAKPOINT ---------------------------------- */
@media screen and (min-width:1500px) {
	
		#howToGetThere div.content {
			padding-left:15%;
		}
	}