/* Style for our header texts
	* --------------------------------------- */
	h3{
		font-size: 100px;
		font-family: "Squada One", sans-serif;
		letter-spacing: 8px;
		text-transform: uppercase;
		color: #fff;
		margin:0;
		padding:0;
		
	}

	.title {
		position:relative;
		top: 45%;
	}

	h2{
		font-size: 100px;
		font-family: "Squada One", sans-serif;
		letter-spacing: 8px;
		text-transform: uppercase;
		color: #fff;
		margin:0;
		padding:0;
	}

	
	h1{
		font-size: 100px;
		font-family: "Squada One", sans-serif;
		letter-spacing: 8px;
		text-transform: uppercase;
		color: #fff;
		margin:0;
		padding:0;
		opacity:0;
	}
	
	.contacttitle {
		margin-top: 80px;
	}

	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
	}


	/* Backgrounds will cover all the section
	* --------------------------------------- */
	.section{
		background-size: cover;
	}

	.firstbg{
		background-image: url('https://web.archive.org/web/20180110044339im_/http://www.hayes-pullard.com/images/home2_1280.jpg');
		background-size: cover;
		background-attachment:fixed;
		position:absolute;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
	}

	/* Defining each sectino background and styles
	* --------------------------------------- */
	#section0{
		background-color: transparent !important;
		padding: 30% 0 0 0;
		overflow:hidden;
		
	}
	#section1{
		background: #000000 !important;
		padding: 6% 0 0 0;
	}
	#section2{
		background: #000000 !important;
		padding: 6% 0 0 0;
	}
	#section3{
		background: #000000 !important;
		padding: 6% 0 0 0;
	}
	body {
	        background-image: url('https://web.archive.org/web/20180110044339im_/http://www.hayes-pullard.com/images/signup2017.png');
	        background-size: cover;
		background-attachment:fixed;
		text-align:center;
		width: 100%;
    
	}


	.eventinfo {
		color: #ffffff;
		font-family: 'Montserrat', sans-serif;
		font-size: 18px;
		font-weight: 400;
		opacity: 0;
	}
	
	.topbar {
		background: transparent;
		width: 100%;
		top: 0;
		position: fixed;
		left: 0;
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 50px;
		z-index:99;
	}
	
	.topbargrey {
		background: transparent;
		width: 100%;
		top: 0;
		position: fixed;
		left: 0;
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 50px;
		z-index: 99;
	}
	
	.name {
		width: 50%;
		float: left;
		position: relative;
		text-align: center;
		font-family: 'Squada One', sans-serif;
		font-size: 44px;
		letter-spacing: 8px;
		color: #ffffff;
		font-weight: 400;
		z-index: 999;
		height: 30px;
		line-height: 30px;
	}
	
	.menu {
		width: 25%;
		float: left;
		position: relative;
		text-align: right;
		z-index: 999;
		height: 30px;
		font-size: 30px;
		color: #ffffff;
	}
	
	.crossout {
		position: absolute;
		text-align: right;
		z-index: 999;
		height: 30px;
		font-size: 30px;
		color: #ffffff;
		right:45px;
		top:43px;
	}
	
	.social {
		width: 25%;
		float: left;
		position: relative;
		text-align: left;
		z-index: 999;
		height: 30px;
		display: inline-block;
		
	}
	
	.arrowdown {
		width: 40px;
		height: 40px;
		line-height: 40px;
		position: fixed;
		bottom: 35px;
		right: 50px;
		background: transparent;
		display: inline-block;
		opacity: 1;
		z-index:1;
		color:#ffffff;
    		-webkit-transform: translateY(0px);
    		transform: translateY(0px);
    		-webkit-animation: bounce 2s ease 0s infinite;
    		animation: bounce 2s ease 0s infinite;
	}
	
	@-webkit-keyframes bounce {
 		0% {-webkit-transform: translateY(0);} 
 		25% {-webkit-transform: translateY(10px);}
 		50% {-webkit-transform: translateY(0);}
 		75% {-webkit-transform: translateY(10px);}
 		100% {-webkit-transform: translateY(0);}
	}
 
	@-moz-keyframes bounce {
 		0% {-webkit-transform: translateY(0);} 
 		25% {-webkit-transform: translateY(10px);}
 		50% {-webkit-transform: translateY(0);}
 		75% {-webkit-transform: translateY(10px);}
 		100% {-webkit-transform: translateY(0);}
	}
 
	@-o-keyframes bounce {
 		0% {-webkit-transform: translateY(0);} 
 		25% {-webkit-transform: translateY(10px);}
 		50% {-webkit-transform: translateY(0);}
 		75% {-webkit-transform: translateY(10px);}
 		100% {-webkit-transform: translateY(0);}
	}
	
	@keyframes bounce {
 		0% {-webkit-transform: translateY(0);} 
 		25% {-webkit-transform: translateY(10px);}
 		50% {-webkit-transform: translateY(0);}
 		75% {-webkit-transform: translateY(10px);}
 		100% {-webkit-transform: translateY(0);}
	}
	
	.cd-primary-nav {
  		/* by default it's hidden - on top of the viewport */
  		position: fixed;
  		left: 0;
  		top: 0;
  		height: 100%;
  		width: 100%;
  		background: rgba(0,0,0,.8);
    		padding: 0;
    		margin: 0;
    		list-style-type:none;
    		text-align: center;
    		font-family: "Squada One", sans-serif;
    		text-transform: uppercase;
    		letter-spacing: 8px;
    		font-size: 44px;
    		visibility: hidden;
    		opacity:0;
    		-o-transition: all 0.5s ease-in-out;
  		-moz-transition: all 0.5s ease-in-out;
  		-webkit-transition: all 0.5s ease-in-out;
  		transition: all 0.5s ease-in-out;
		}

	.cd-primary-nav.is-visible {
		opacity: 1;
  		-o-transition: all 0.5s ease-in-out;
  		-moz-transition: all 0.5s ease-in-out;
  		-webkit-transition: all 0.5s ease-in-out;
  		transition: all 0.5s ease-in-out;
  		visibility:visible;
	}
	
	.cd-header {
  		position: absolute;
  		top: 0;
  		left: 0;
  		background: transparent;
  		height: 80px;
  		width: 100%;
  		transition: background-color 0.3s;
		}
 
	.cd-header.is-fixed {
  		/* when the user scrolls down, we hide the header right above the viewport */
  		position: fixed;
  		top: -80px;
  		background-color: rgba(2, 23, 37, 0.96);
  		transition: transform 0.3s;
	}
 
	.cd-header.is-visible {
  		/* if the user changes the scrolling direction, we show the header */
  		transform: translate3d(0, 100%, 0);
	}
    	
    	.navstyle {
    		list-style-type:none;
    		padding-top:10%;
    	}
    	
    	button {
    		width: 300px;
    		border: 1.5px solid #ffffff;
    		background: transparent;
    		line-height: 46px;
    		font-family: 'Montserrat', sans-serif;
    		font-size: 18px;
    		text-transform: uppercase;
    		text-align: center;
    		color: #ffffff;
    		font-weight: 400;
    		opacity: 0;
    	}
    	
    	
    	
    	[type='text'] {
    		width: 100%;
    		border: 1.5px solid #ffffff;
    		background: transparent;
    		line-height: 46px;
    		height: 46px;
    		font-family: 'Montserrat', sans-serif;
    		font-size: 18px;
    		text-transform: uppercase;
    		text-align: left;
    		color: #ffffff;
    		font-weight: 400;
    		margin-bottom: 25px;
    	}
    	
    	[type='submit'] {
    		text-align: center;
    		width: 100%;
    		line-height: 46px;
    	}
    	
    	textarea {
    		width: 100%;
    		border: 1.5px solid #ffffff;
    		background: transparent;
    		height: 117px;
    		font-family: 'Montserrat', sans-serif;
    		font-size: 18px;
    		text-align: left;
    		color: #ffffff;
    		font-weight: 400;
    		margin-bottom: 25px;
    	}
    	
    	[type='text']:focus {
    		background: transparent;
    		line-height: 46px;
    	}
    	
    	textarea:focus {
    		background: transparent;
    	}
    	
    	.contactwrap {
    		width: 100%;
    		text-align:center;
    	}
    	
    	.contactformwrap {
    		width: 1000px;
      		text-align: center;
    		opacity: 0;	
    		margin: 0 auto;	
    	
    	}
    	
    	.contactformleft {
    		float:left;
    		position: relative;
    		margin-right: 3%;
    		width: 30%;
    		text-align: left;
    		opacity: 0;
    	}
    	
    	.contactformright {
    		float:left;
    		position: relative;
    		text-align: left;
    		width: 67%;
    		opacity: 0;
    	}
    	
    	.footertext {
    		width: 100%;
    		position: absolute;
      		text-align: center;
    		font-family: 'Montserrat', sans-serif;
    		font-weight: 400;
    		font-size: 12px;
    		opacity: 0;
    		text-transform: uppercase;
    		color: #ffffff;
    		bottom: 40px;
    	}
    	
    	.footertext a {
    		color: #ffffff;
    		font-weight: 700;
    		opacity: .8;
    	}

	.footertext a:hover {
	        opacity: 1;
	        transition: all 0.5s ease-in-out;
	        -webkit-transition: all 0.5s ease-in-out;
	        -moz-transition: all 0.5s ease-in-out;
	        -o-transition: all 0.5s ease-in-out;
	}
	
	.footertextsignup {
    		width: 100%;
    		position: absolute;
      		text-align: center;
    		font-family: 'Montserrat', sans-serif;
    		font-weight: 400;
    		font-size: 12px;
    		opacity: 1;
    		text-transform: uppercase;
    		color: #212121;
    		bottom: 50px;
    	}
    	
    	.footertextsignup a {
    		color: #212121;
    		font-weight: 700;
    		opacity: 1;
    	}

	.footertextsignup a:hover {
	        opacity: .7;
	        transition: all 0.5s ease-in-out;
	        -webkit-transition: all 0.5s ease-in-out;
	        -moz-transition: all 0.5s ease-in-out;
	        -o-transition: all 0.5s ease-in-out;
	}
	
	.alert {
		padding: 8px 35px 8px 14px;
		clear: left;
		color: #c09853;
		background-color: #fcf8e3;
		border: 1.5px solid #fbeed5;
		transition: all 0.5s ease-in-out;
	        -webkit-transition: all 0.5s ease-in-out;
	        -moz-transition: all 0.5s ease-in-out;
	        -o-transition: all 0.5s ease-in-out;
	}
	
	.alert-success {
    		font-family: 'Montserrat', sans-serif;
    		font-size: 18px;
    		text-transform: uppercase;
    		text-align: left;
    		color: #ffffff;
    		font-weight: 400;
		border-color: #05c600;
		background: rgba(5, 198, 0, .7);
		margin-bottom:40px;
		    -webkit-transition: all 0.5s ease-in-out;
	        -moz-transition: all 0.5s ease-in-out;
	        -o-transition: all 0.5s ease-in-out;
	}

	.alert-error, .alert-danger {
		background: rgba(238, 0, 0, .7);
		border-color: #ee0000;
 		font-family: 'Montserrat', sans-serif;
    		font-size: 18px;
    		text-transform: uppercase;
    		text-align: left;
    		color: #ffffff;
    		font-weight: 400;
    		margin-bottom: 40px;
    		    -webkit-transition: all 0.5s ease-in-out;
	        -moz-transition: all 0.5s ease-in-out;
	        -o-transition: all 0.5s ease-in-out;
		
	}
	
	.sendbutton {
		background: transparent;
		border: 1.5px #ffffff solid;
		font-family: 'Montserrat', sans-serif;
    		font-size: 18px;
    		text-transform: uppercase;
    		font-weight:400;
    		text-align:center;
    		color: #ffffff;
    		
	}
    	
    	input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    		background-color: transparent;
    		background-image: none;
    		color: #ffffff;
	}
	
	.animated {
		-webkit-animation-duration:1s;
		animation-duration:1s;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;
	}
    	
    	@-webkit-keyframes fadeInUp {
    		0% {
    		opacity:0;
    		-webkit-transform:translate3d(0,100%,0);
    		transform:translate3d(0,100%,0);
    		}
    		100% {
    		opacity:1;
    		-webkit-transform:none;
    		transform:none;
    		}
    	}
    	
        @keyframes fadeInUp {
    		0% {
    		opacity:0;
    		-webkit-transform:translate3d(0,100%,0);
    		transform:translate3d(0,100%,0);
    		}
    		100% {
    		opacity:1;
    		-webkit-transform:none;
    		transform:none;
    		}
    	}
    	
    	.fadeInUp {
    		-webkit-animation-name:fadeInUp;
    		animation-name:fadeInUp;
    	}
    	
    	.pagestylewrap {
    		width: 100%;
    		margin: 0;
    		padding: 0;	
    		top: 100%;
    		position: absolute;
    		text-align:center;
    		background-color: #ffffff;
    		
    	}
    	
    	.pagestyle {
    		width: 70%;
    		margin: 0 auto;
    		font-family: 'Montserrat', sans-serif;
    		color: #212121;
    		font-size: 18px;
    		padding-top:50px;
    		z-index: 999;
    		
    	}
    	
    	.lefthalf {
    		width: 49%;
    		float:left;
    		margin-right:2%;
    	}
    	
    	.righthalf {
    		width: 49%;
    		float:left;
    	}

	.control-group {
	display: inline-block;
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: middle;
	background: #fff;
	float:left;
	margin-bottom:25px;
	border:1.5px solid #212121;
	}
	
	.control {
	font-size: 18px;
	position: relative;
	display: block;
	margin-bottom: 0;
	text-align:center;
	cursor: pointer;
	line-height:50px;
	color: #212121;
	}

.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.control-group_size {
	display: inline-block;
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: middle;
	background: #fff;
	float:left;
	margin-bottom:50px;
	border:1.5px solid #212121;
	}
	
	.control_size {
	font-size: 18px;
	position: relative;
	display: block;
	margin-bottom: 0;
	text-align:center;
	cursor: pointer;
	line-height:50px;
	color: #212121;
	}

.control_size input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.control-group_tshirt {
	display: inline-block;
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: middle;
	background: #fff;
	float:left;
	margin-bottom:25px;
	border:1.5px solid #212121;
	}
	
	.control_tshirt {
	font-size: 18px;
	position: relative;
	display: block;
	margin-bottom: 0;
	text-align:center;
	cursor: pointer;
	line-height:50px;
	color: #212121;
	}

.control_tshirt input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.control__indicator {
	position: relative;
	top: 0;
	left: 0;
	width: 50%;
	height: 46px;
	background: #ffffff;
	float:left;
	border-right: 1px solid #212121;
}

.control__indicator_tshirt {
	position: relative;
	top: 0;
	left: 0;
	width: 50%;
	height: 46px;
	background: #ffffff;
	float:left;
	border-right: 1px solid #212121;
}

.control__indicator_size {
	position: relative;
	top: 0;
	left: 0;
	width: 16.6666666%;
	height: 46px;
	background: #ffffff;
	float:left;
	border-right: 1px solid #212121;
}

.control--radio .control__indicator {
	border-radius: 0;
}

.control--radio .control__indicator_tshirt {
	border-radius: 0;
}

.control_size--radio .control__indicator_size {
	border-radius: 0;
}

/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
	background: #ccc;
}

/* Hover and focus states */
.control_tshirt:hover input ~ .control__indicator_tshirt,
.control_tshirt input:focus ~ .control__indicator_tshirt {
	background: #ccc;
}

/* Hover and focus states */
.control_size:hover input ~ .control__indicator_size,
.control_size input:focus ~ .control__indicator_size {
	background: #ccc;
}

/* Checked state */
.control input:checked ~ .control__indicator {
	background: #212121;
	color: #ffffff;
}

/* Checked state */
.control_tshirt input:checked ~ .control__indicator_tshirt {
	background: #212121;
	color: #ffffff;
}

/* Checked state */
.control_size input:checked ~ .control__indicator_size {
	background: #212121;
	color: #ffffff;
}

/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
	background: #212121;
	color: #ffffff;
}

/* Hover state whilst checked */
.control_tshirt:hover input:not([disabled]):checked ~ .control__indicator_tshirt,
.control_tshirt input:checked:focus ~ .control__indicator_tshirt {
	background: #212121;
	color: #ffffff;
}

/* Hover state whilst checked */
.control_size:hover input:not([disabled]):checked ~ .control__indicator_size,
.control_size input:checked:focus ~ .control__indicator_size {
	background: #212121;
	color: #ffffff;
}


/* Check mark */
.control__indicator:after {
	position: absolute;
	display: none;
	content: '';
}


/* Check mark */
.control__indicator_tshirt:after {
	position: absolute;
	display: none;
	content: '';
}

/* Check mark */
.control__indicator_size:after {
	position: absolute;
	display: none;
	content: '';
}

/* Show check mark */
.control input:checked ~ .control__indicator:after {
	display: block;
}

/* Show check mark */
.control_tshirt input:checked ~ .control__indicator_tshirt:after {
	display: block;
}

/* Show check mark */
.control_size input:checked ~ .control__indicator_size:after {
	display: block;
}

/* Checkbox tick */
.control--checkbox .control__indicator:after {
	top: 4px;
	left: 8px;
	width: 3px;
	height: 8px;
	transform: rotate(45deg);
	border: solid #fff;
	border-width: 0 2px 2px 0;
	visibility:hidden;
}

/* Radio button inner circle */
.control--radio .control__indicator:after {
	top: 7px;
	left: 7px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	visibility:hidden;
}

/* Checkbox tick */
.control_tshirt--checkbox .control__indicator_tshirt:after {
	top: 4px;
	left: 8px;
	width: 3px;
	height: 8px;
	transform: rotate(45deg);
	border: solid #fff;
	border-width: 0 2px 2px 0;
	visibility:hidden;
}

/* Radio button inner circle */
.control_tshirt--radio .control__indicator_tshirt:after {
	top: 7px;
	left: 7px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	visibility:hidden;
}

/* Checkbox tick */
.control_size--checkbox .control__indicator_size:after {
	top: 4px;
	left: 8px;
	width: 3px;
	height: 8px;
	transform: rotate(45deg);
	border: solid #fff;
	border-width: 0 2px 2px 0;
	visibility:hidden;
}

/* Radio button inner circle */
.control_size--radio .control__indicator_size:after {
	top: 7px;
	left: 7px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	visibility:hidden;
}

.registration {
	font-family: "Squada One";
	font-size: 44px;
	color: #212121;
	letter-spacing: 8px;
	padding-bottom:50px;
}

.waiver {
	width: 100%;
	padding: 10px;
	margin-bottom: 40px;
	border: 1.5px solid #212121;
}
/*
     FILE ARCHIVED ON 04:43:39 Jan 10, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:55:18 Jun 27, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 1.263
  load_resource: 324.359
  PetaboxLoader3.resolve: 70.091
  PetaboxLoader3.datanode: 195.833
*/