/* Header */
	header[data-scope="global"] .nav-toggle,
	header[data-scope="global"] nav[data-context="primary"]
	{
		display: none !important;
	}

/* Main Content */
	main[data-scope="local"] h2,
	main[data-scope="local"] h3
	{
		color: #fff;
		font: italic 700 28px/30px "Arvo", "Arial", "Helvetica", sans-serif;
		text-align: center;
		text-transform: uppercase;

		margin: 0 0 20px;
	}

	main[data-scope="local"] [role="region"] > .envelope
	{
		background: #582059;
		
		padding-top: 25px;

		max-width: 1080px;
	}

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

		main[data-scope="local"] header.page-header p
		{
			font: 400 15px/16px "Brandon Grotesque", "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: 860px;
			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 .steps .step
		{
			background: #fff;

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

			height: 100%;
			width: calc(25% - 6px);
		}

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

		main[data-scope="local"] header.page-header .step-tracker .steps .step:after
		{
			background: #c47d47 url("../../media/images/register/step-tracker.bg.jpg") 0 0 no-repeat; 

			-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 .steps .step.step-1:after
		{
			background-position: 0 0;
		}
		
		main[data-scope="local"] header.page-header .step-tracker .steps .step.step-2:after
		{
			background-position: 25% 0;
		}
		
		main[data-scope="local"] header.page-header .step-tracker .steps .step.step-3:after
		{
			background-position: 50% 0;
		}
		
		main[data-scope="local"] header.page-header .step-tracker .steps .step.step-4:after
		{
			background-position: 75% 0;
		}

		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-1:after,
		main[data-scope="local"] header.page-header .step-tracker[data-step='3'] .steps .step.step-1:after,
		main[data-scope="local"] header.page-header .step-tracker[data-step='4'] .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-2:after,
		main[data-scope="local"] header.page-header .step-tracker[data-step='4'] .steps .step.step-2:after,
		main[data-scope="local"] header.page-header .step-tracker[data-step='3'] .steps .step.step-3:after,
		main[data-scope="local"] header.page-header .step-tracker[data-step='4'] .steps .step.step-3:after,
		main[data-scope="local"] header.page-header .step-tracker[data-step='4'] .steps .step.step-4: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: italic 700 21px/21px "Arvo", "Arial", "Helvetica", sans-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: 16px;
			font-weight: 300;

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

			width: 800px;
		}

		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),
			main[data-scope="local"] form[data-step="4"] .step:nth-of-type(4)
			{
				display: block;
			}

			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: "";
			}

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

				margin-bottom: 30px;
			}

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

				clear: both;
				display: block;
				margin: 0 0 22px;
			}
			
			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;

				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"] label
			{
				line-height: 13px;
				text-align: right;
				vertical-align: middle;

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

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

				float: right;
				
				width: calc(100% - 120px);
			}

			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: 30px;
				vertical-align: middle;

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

				width: 89px;
			}

			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
			{
				margin-right: 0;
			}

			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 fieldset.input[data-for~="license"] input,
			main[data-scope="local"] form fieldset.input[data-for~="license"] label
			{
				clear: none;
			}
			
			main[data-scope="local"] form fieldset.input[data-for~="license"] #ssn
			{
				width: 230px;
			}
			
			main[data-scope="local"] form fieldset.input[data-for~="license"] #ssn + .marker
			{
				right: auto;
				left: 238px;
			}
			
			main[data-scope="local"] form fieldset.input[data-for~="license"] #license
			{
				margin-left: 40px;

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

			main[data-scope="local"] form fieldset.input[data-for~="license"] #state_id_number
			{
				margin-left: 15px;
				width: 150px;
			}
			
			main[data-scope="local"] form fieldset.input[data-for~="license"] label[for="state_id_number"],
			main[data-scope="local"] form fieldset.input[data-for~="license"] #state_id_number
			{
				float: right;
			}
			
			main[data-scope="local"] form fieldset.input[data-for~="license"] [data-for~="state"]
			{
				width: 210px;
			}

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

			main[data-scope="local"] form fieldset.input #reg-primary-brand,
			main[data-scope="local"] form fieldset.input #reg-secondary-brand,
			main[data-scope="local"] form fieldset.input #reg-package
			{
				float: right;
				
				width: 280px;
			}

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

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

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

				clear: none;
				float: right;

				width: 88px;
			}

			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
			{
				text-align: center;
			}

			main[data-scope="local"] fieldset.controls [role="button"]
			{
				clear: none;
				display: inline-block;
				margin: 0 12px;

				min-width: 170px;
				width: auto;
			}
			
			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;
			}

/* 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;
					}
		
				/* Form Controls */
					main[data-scope="local"] fieldset.controls [role="button"][data-viewport*="L"],
					main[data-scope="local"] fieldset.controls [role="button"][data-viewport*="XL"]
					{
						display: inline-block !important;
					}
		}
	
	/* Small Displays */
		@media (max-width: 1023px) 
		{
			/* Main Content */
				main[data-scope="local"] 
				{
					padding-top: 100px;
				}

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

					margin: 0 0 25px;
				}

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

					margin: 0 0 25px;
				}

				main[data-scope="local"] h2,
				main[data-scope="local"] h3
				{
					
				}
				
				/* 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"] 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: 18px;
						line-height: 24px;
						text-align: left;

						margin: 0 0 22px;
					}
					
					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%;
					}

				main[data-scope="local"] fieldset.controls [role="button"][data-viewport*="S"]
				{
					display: inline-block !important;
				}
				
				/* 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 [role="button"],
						main[data-scope="local"] fieldset.controls [role="button"]:first-child:nth-last-child(1),
						main[data-scope="local"] fieldset.controls [role="button"] + [role="button"]
						{
							float: none;
							margin-right: auto;
							margin-left: auto;
						}
		}