/* Main Content */
	main[data-scope="local"]
	{
		background: #df1c18 url("../../media/images/main.bg.jpg") center top / 100% 100% no-repeat scroll;
	}

	main[data-scope="local"] h2
	{
		color: #fff;
		font: 700 italic 36px/40px "Charter", "Times New Roman", "Times", serif;
		text-align: center;
		text-transform: uppercase;

		margin: 15px 0 35px;
	}

	main[data-scope="local"] h3
	{
		color: #fff;
		font: 700 italic 25px/28px "Charter", "Times New Roman", "Times", serif;
		text-align: left;
		text-transform: uppercase;

		margin: 0 0 10px;
	}

	main[data-scope="local"] .pinstripe{
		position: relative;
	}

	main[data-scope="local"] .pinstripe:after,
	main[data-scope="local"] .pinstripe:before{
		position: absolute;
		content: '';
		height: 1px;
		width: 35%;
		background: #fff;
		top: 40%;
	}

	main[data-scope="local"] #register .pinstripe:after,
	main[data-scope="local"] #register .pinstripe:before{
		width: 44%;
	}

	main[data-scope="local"] .pinstripe:after{
		right: 0;
	}

	main[data-scope="local"] .pinstripe:before{
		left: 0;
	}

	main[data-scope="local"] .pinstripe h3{
		text-align: center;
	}

	@media all and (min-width: 1024px){
		main[data-scope="local"] .pinstripe h3{
			margin-bottom: 35px;
		}

		main[data-scope="local"] .pinstripe + p.note{
			margin-bottom: 35px;
		}
	}

	/* Page Header */
		main[data-scope="local"] header.page-header
		{
			text-align: center;
		}

		main[data-scope="local"] header.page-header p
		{
			font: 300 13px/16px "Gotham", "Arial", "Helvetica", sans-serif;
			text-align: center;

			margin: 0;
		}

		main[data-scope="local"] header.page-header p a
		{
			-webkit-transition: all .25s;
			-ms-transition: all .25s;
			transition: all .25s;

			color: #fff;
			text-decoration: underline;
		}

	/* Step Tracker */
		main[data-scope="local"] header.page-header .step-tracker
		{
			text-align: center;
			
			clear: both;
			display: block;
			margin: 25px auto 15px;

			height: 10px;
			max-width: 808px;
			width: 100%;
		}
		
		main[data-scope="local"] header.page-header .step-tracker:before,
		main[data-scope="local"] header.page-header .step-tracker:after
		{
			clear: both;
			display: block;

			content: "";
		}
		
		main[data-scope="local"] header.page-header .step-tracker .steps
		{
			clear: both;
			display: block;
			margin: 0 auto;

			height: 8px;
			width: 100%;
		}
		
		main[data-scope="local"] header.page-header .step-tracker .steps:before,
		main[data-scope="local"] header.page-header .step-tracker .steps:after
		{
			clear: both;
			display: block;

			content: "";
		}

		main[data-scope="local"] header.page-header .step-tracker .step
		{
			background: #fff;

			display: block;
			float: left;
			margin-right: 14px;

			height: 100%;
			width: calc(33% - 7px);
		}

		main[data-scope="local"] header.page-header .step-tracker .step:last-of-type
		{
			margin-right: 0;
		}

		main[data-scope="local"] header.page-header .step-tracker .step:after
		{
			background: #888;
			-webkit-transition: width .5s;
			-ms-transition: width .5s;
			transition: width .5s;

			display: block;
			position: absolute;
			 top: 0;
			 left: 0;

			height: 100%;
			width: 0;

			content: "";
		}

		main[data-scope="local"] header.page-header .step-tracker[data-step='1'] .steps .step.step-1:after,
		main[data-scope="local"] header.page-header .step-tracker[data-step='2'] .steps .step.step-2:after,
		main[data-scope="local"] header.page-header .step-tracker[data-step='3'] .steps .step.step-3:after
		{
			width: 100%;
		}

		main[data-scope="local"] header.page-header .step-tracker footer
		{
			clear: both;
			display: block;
			margin: 15px 0 0;
		}
		
		main[data-scope="local"] header.page-header .step-tracker footer:before,
		main[data-scope="local"] header.page-header .step-tracker footer:after
		{
			clear: both;
			display: block;

			content: "";
		}

		main[data-scope="local"] header.page-header .step-tracker footer .label
		{
			font: 700 italic 18px/18px "Charter", "Times New Roman", "Times", serif;
			text-transform: uppercase;
	
			float: left;
		}

		main[data-scope="local"] header.page-header .step-tracker footer .label i
		{
			font-style: inherit;

			display: none;
		}

		main[data-scope="local"] header.page-header .step-tracker[data-step='1'] footer .label i.step-1,
		main[data-scope="local"] header.page-header .step-tracker[data-step='2'] footer .label i.step-2,
		main[data-scope="local"] header.page-header .step-tracker[data-step='3'] footer .label i.step-3
		{
			display: inline;
		}

		main[data-scope="local"] header.page-header .step-tracker footer .indicator
		{
			font-size: 13px;
			font-weight: 300;

			float: right;
		}
	
	/* Form */
		main[data-scope="local"] form
		{
			display: block;
			margin: 0 auto 80px;

			width: 860px;
		}

		main[data-scope="local"] form:before,
		main[data-scope="local"] form:after
		{
			clear: both;
			display: block;

			content: "";
		}

		/* Form Pages */
			main[data-scope="local"] form > .step
			{
				clear: both;
				display: block;
			}

			main[data-scope="local"] form[data-step] > .step
			{
				display: none;
			}
			
			main[data-scope="local"] form > .step:before,
			main[data-scope="local"] form > .step:after
			{
				clear: both;
				display: block;

				content: "";
			}

			main[data-scope="local"] form[data-step="1"] .step:nth-of-type(1),
			main[data-scope="local"] form[data-step="2"] .step:nth-of-type(2),
			main[data-scope="local"] form[data-step="3"] .step:nth-of-type(3)
			{
				display: block;
			}

			main[data-scope="local"] form
			{
				display: block;
				margin: 40px auto 80px;

				width: 860px;
			}

			main[data-scope="local"] form:before,
			main[data-scope="local"] form:after
			{
				clear: both;
				display: block;

				content: "";
			}

			main[data-scope="local"] form h3
			{
				text-align: center;

				margin-bottom: 30px;
			}

			main[data-scope="local"] form p
			{
				font-size: 13px;
				font-weight: 300;
				line-height: 16px;
				text-align: center;

				clear: both;
				display: block;
				margin: 0 0 20px;
			}
			
			main[data-scope="local"] form p.note
			{
				color: #fff;
				text-transform: none;
			}
			
			main[data-scope="local"] form p.note.ssn
			{
				margin: 45px 0 35px;
			}

			main[data-scope="local"] form section
			{
				clear: both;
				display: block;
				margin-bottom: 60px;
			}

			main[data-scope="local"] form section:before,
			main[data-scope="local"] form section:after
			{
				clear: both;
				display: block;

				content: "";
			}

			main[data-scope="local"] form fieldset.input
			{
				clear: none;
				float: left;

				width: calc(50% - 14px);
			}

			main[data-scope="local"] form fieldset.input:nth-of-type(2n)
			{
				margin-left: 28px;
			}

			main[data-scope="local"] form fieldset.input.wide
			{
				clear: both;
				display: block;
				float: none;
				margin-right: auto;
				margin-left: auto;
				
				max-width: 390px;
				width: 100%;
			}
				
			main[data-scope="local"] form input[type='password']
			{
				text-transform: none;
			}

			main[data-scope="local"] form fieldset.input[data-for="state"] label
			{
				clear: none;
				float: left;

				width: 56px;
			}

			main[data-scope="local"] form fieldset.input[data-for="state"] .wrap:last-of-type
			{
				float: right;
			}

			main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for="state"] .marker
			{
				right: 130px;
			}

			main[data-scope="local"] form fieldset.input[data-for="state"] select
			{
				clear: none;
				float: left;

				max-width: 190px;
				width: 100%;
			}

			main[data-scope="local"] form fieldset.input[data-for="state"] input#zip
			{
				clear: none;
				float: left;

				width: 122px;
			}
			
			main[data-scope="local"] form fieldset.input[data-for~="av"]
			{
				text-align: center;
				
				clear: both;
				display: block;
				float: none;
				margin-right: auto;
				margin-left: auto;

				width: calc(100% - 250px);
			}
			
			main[data-scope="local"] form fieldset.input[data-for~="av"] label
			{
				line-height: 34px;
				text-align: right;
				vertical-align: middle;

				display: inline-block;
				margin-right: 15px;

				width: 152px;
			}

			main[data-scope="local"] form fieldset.input[data-for~="av"] select#gender
			{
				clear: none;
				display: inline-block;
				margin-right: 0;

				width: 150px;
			}
			
			main[data-scope="local"] form fieldset.input[data-for~="av"] .input-block
			{
				line-height: 34px;
				vertical-align: middle;

				display: inline-block;
				
				width: calc(100% - 255px);
			}

			main[data-scope="local"] form fieldset.input[data-for~="av"] .input-block input,
			main[data-scope="local"] form fieldset.input[data-for~="av"] .input-block select
			{
				line-height: 34px;
				vertical-align: middle;

				clear: none;
				float: left;
				margin-right: 12px;

				width: 88px;
			}

			main[data-scope="local"] form fieldset.input[data-for~="av"] .input-block input:last-of-type,
			main[data-scope="local"] form fieldset.input[data-for~="av"] .input-block select:last-of-type
			{
				clear: none;
				float: left;
				margin-right: 12px;

				width: 88px;
			}

			main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for~="av"]:nth-of-type(1) .marker
			{
				right: 233px;
			}

			main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for~="av"]:nth-of-type(2) .marker
			{
				right: 95px;
			}

			main[data-scope="local"] form fieldset.input.wide[data-for="agree"]
			{
				text-align: center;
			}

			main[data-scope="local"] form fieldset.input.wide[data-for="sms"] label,
			main[data-scope="local"] form fieldset.input.wide[data-for="sms"] .label
			{
				font-size: 12px;
				font-weight: 400;
				line-height: normal;
				text-transform: none;

				float: left;

				width: calc(100% - 30px);
			}

			main[data-scope="local"] form fieldset.input.wide[data-for="sms"] input
			{
				float: left;
			}

			main[data-scope="local"] form fieldset.input[data-for="reg-purchase"] label
			{
				line-height: 17px;

				width: calc(100% - 130px);
			}

			main[data-scope="local"] form fieldset.input[data-for="reg-purchase"] select#reg-purchase
			{
				text-align: center;

				clear: none;
				float: right;

				width: 120px;
			}

			main[data-scope="local"] form fieldset.input input.other
			{
				line-height: normal;

				height: 30px;
				width: 30px;
			}

			main[data-scope="local"] form fieldset.input input.other.focus,
			main[data-scope="local"] form fieldset.input input.other.filled
			{
				width: 100%;
			}

			main[data-scope="local"] form fieldset.input input.other + label
			{
				left: 40px;
			}
		
		/* Form Controls */
			main[data-scope="local"] fieldset.controls .button
			{
				float: left;
			}

			main[data-scope="local"] fieldset.controls .button:first-child:nth-last-child(1)
			{
				float: right;
			}

			main[data-scope="local"] fieldset.controls .button + .button
			{
				float: right;
			}
			
			main[data-scope="local"] form:not([data-step]) > .step fieldset.controls
			{
				display: none;
			}
			
			main[data-scope="local"] form:not([data-step]) > .step:last-of-type fieldset.controls
			{
				display: block;
			}
	
	/* PIN Form */
		main[data-scope="local"] form#register-pin.hidden
		{
			display: none;
			z-index: -1;
		}

		main[data-scope="local"] form#register-pin p.note
		{
			margin: 25px 0;
		}

		main[data-scope="local"] form#register-pin fieldset.input
		{
			max-width: none;
			margin-top: 45px;
		}

		main[data-scope="local"] form#register-pin #pin-pin
		{
			clear: none;
			float: left;

			width: 260px;
		}

		main[data-scope="local"] form#register-pin #pin-bday-year
		{
			clear: none;
			float: left;

			width: 150px;
		}

		main[data-scope="local"] form#register-pin
		{
			margin-bottom: 50px;
		}

		main[data-scope="local"] form#register-pin label
		{
			text-align: center;

			clear: none;
			float: left;
			padding: 0 15px;

			width: 110px;
		}

		main[data-scope="local"] form#register-pin .button
		{
			clear: none;
			float: right;
			top: -6px;
	
			min-width: 215px;
		}

/* Media Queries */
	/* Large Displays */
		@media (min-width: 1024px) 
		{
			/* Main Content */
				/* Page Header */
					main[data-scope="local"] .page-header p a:active,
					main[data-scope="local"] .page-header p a:hover,
					main[data-scope="local"] .page-header p a:focus
					{
						color: #e7ba65;
					}
		}
	
	/* Small Displays */
		@media (max-width: 1023px) 
		{
			/* Header */
				header[data-scope="global"]
				{
					display: none;
				}

			/* Main Content */
				main[data-scope="local"] 
				{
					padding-top: 20px;
				}

				main[data-scope="local"] h2
				{
					font-size: 20px;
					line-height: normal;

					margin: 0 0 25px;
				}
				
				/* Page Header */
					main[data-scope="local"] .page-header
					{
						padding: 0 20px;
					}

					main[data-scope="local"] .page-header p 
					{
						font-size: 10px;
						line-height: normal;
					}
				
				/* Step Tracker */
					main[data-scope="local"] header.page-header .step-tracker
					{
						margin: 10px auto;
					}

					main[data-scope="local"] header.page-header .step-tracker .step
					{
						margin-right: 4px;

						width: calc(33% - 2px);
					}

					main[data-scope="local"] header.page-header .step-tracker footer
					{
						margin: 5px auto 0;
						padding: 0 10px;
					}
					
					main[data-scope="local"] header.page-header .step-tracker footer .label
					{
						font-size: 13px;
					}
					
					main[data-scope="local"] header.page-header .step-tracker footer .indicator
					{
						font-size: 10px;
					}

				/* Form */
					main[data-scope="local"] form
					{
						box-sizing: border-box;
						margin: 0 auto 20px;
						padding: 0 30px;

						width: 100%;
					}

					main[data-scope="local"] .pinstripe:after,
					main[data-scope="local"] .pinstripe:before{
					    width: calc(50% - 80px);
					}

					main[data-scope="local"] #register .pinstripe:after,
					main[data-scope="local"] #register .pinstripe:before{
						width: calc(50% - 30px);
					}

					main[data-scope="local"] form section
					{
						margin-bottom: 25px;
					}
					
					main[data-scope="local"] form h3
					{
						font-size: 16px;
						text-align: left;
						
						margin-bottom: 10px;
					}
					
					main[data-scope="local"] form p
					{
						font-size: 10px;
						line-height: 
					}
					
					main[data-scope="local"] form fieldset.input,
					main[data-scope="local"] form fieldset.input:nth-of-type(2n)
					{
						box-sizing: border-box;
						clear: both;
						float: none;
						margin-left: 0;

						width: 100%;
					}
				
				/* Form Pages */
					/* Step 1 */
						main[data-scope="local"] form .step:nth-of-type(1) fieldset.input[data-for="state"] .wrap:nth-of-type(1)
						{
							clear: right;
							display: inline-block;
							float: left;
							margin: 0 0 10px;
							
							width: calc(100% - 56px);
						}

						main[data-scope="local"] form .step:nth-of-type(1) fieldset.input[data-for="state"] .wrap:nth-of-type(1) select
						{
							max-width: none;
							width: 100%;
						}
						
						main[data-scope="local"] form .step:nth-of-type(1) fieldset.input[data-for="state"] .wrap:nth-of-type(2)
						{
							float: none;
				
							width: 100%;
						}
						
						main[data-scope="local"] form .step:nth-of-type(1) fieldset.input[data-for="state"] .wrap:nth-of-type(2) input#zip
						{
							width: 100%;
						}
					
					/* Step 2 */
						main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for~="av"]
						{
							width: 100%;
						}

						main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for~="av"]:nth-of-type(1) label,
						main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for="state"] label
						{
							text-align: left;

							float: left;
							margin: 0 15px 0 0;
							
							width: 66px;
						}
						
						main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for~="av"]:nth-of-type(2) label
						{
							text-align: left;

							clear: both;
							display: block;

							width: 100%;
						}

						main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for~="av"] label[for='bday-month']
						{
							text-align: left;

							clear: both;
							display: block;

							width: 100%;
						}

						main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for~="av"] .input-block,
						main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for="state"] select
						{
							float: left;
							
							width: calc(100% - 82px);
						}

						main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for~="av"]:nth-of-type(2) .input-block,
						main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for~="mobile"] .input-block
						{
							clear: both;
							display: block;
							float: none;

							width: 100% !important;
						}

						main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for~="av"] .input-block select#gender
						{
							width: 100%;
						}
						
						main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for~="av"]:nth-of-type(2) .input-block input,
						main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for~="av"]:nth-of-type(2) .input-block select,
						main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for~="av"]:nth-of-type(2) .input-block input:last-of-type,
						main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for~="av"]:nth-of-type(2) .input-block select:last-of-type,
						main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for~="av"] .input-block input[name^='mobile']
						{
							float: left;
							margin-right: 10px;

							width: calc(33% - 10px);
						}

						main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for~="av"]:nth-of-type(2) .input-block input:last-of-type,
						main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for~="av"]:nth-of-type(2) .input-block select:last-of-type,
						main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for~="av"] .input-block input[name^='mobile']:last-of-type
						{
							margin-right: 0;

							width: 33%;
						}
						
						main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for~="av"]:nth-of-type(1) .marker,
						main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for~="av"]:nth-of-type(2) .marker
						{
							right: -14px;
						}

						main[data-scope="local"] form .step:nth-of-type(2) fieldset.input[data-for~="av"]:nth-of-type(2) .marker
						{
							top: 31px;
						}
						
						main[data-scope="local"] form p.note.ssn
						{
							margin: 25px 0;
						}

					/* Step 3 */
						main[data-scope="local"] form .step:nth-of-type(3) fieldset.input[data-for="reg-purchase"] label
						{
							line-height: normal;

							clear: both;
							display: block;
							float: none;
							margin: 10px 0;

							height: auto;
							width: 100%;
						}

						main[data-scope="local"] form .step:nth-of-type(3) fieldset.input[data-for="reg-purchase"] select#reg-purchase
						{
							clear: both;
							display: block;
							float: none;

							width: 100%;
						}
						
					/* Form Controls */
						main[data-scope="local"] fieldset.controls
						{
							text-align: center;
						}

						main[data-scope="local"] fieldset.controls .button,
						main[data-scope="local"] fieldset.controls .button:first-child:nth-last-child(1),
						main[data-scope="local"] fieldset.controls .button + .button
						{
							float: none;
							margin-right: auto;
							margin-left: auto;
						}

				/* PIN Form */
					main[data-scope="local"] form#register-pin
					{
						margin: 10px 0;
					}

					main[data-scope="local"] form#register-pin p.note
					{
						margin: 15px 0;
					}

					main[data-scope="local"] form#register-pin #pin-pin
					{
						clear: both;
						float: none;
						margin: 0 0 10px;

						width: 100%;
					}

					main[data-scope="local"] form#register-pin #pin-bday-year
					{
						clear: right;
						float: right;

						width: 150px;
					}

					main[data-scope="local"] form#register-pin label
					{
						text-align: left;

						clear: left;
						float: left;
						padding: 0;

						width: 110px;
					}

					main[data-scope="local"] form#register-pin .button
					{
						clear:  both;
						float: none;
						margin: 15px 0;
						top: auto;
				
						min-width: 260px;
					}
		}