@font-face {
	font-family: OpenSansLight;
	src: url(../fonts/OpenSans-Light-webfont.eot);
	src: url(../fonts/OpenSans-Light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/OpenSans-Light-webfont.woff) format('woff'),url(../fonts/OpenSans-Light-webfont.ttf) format('truetype'),url(../fonts/OpenSans-Light-webfont.svg#OpenSansLight) format('svg');
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: OpenSansRegular;
	src: url(../fonts/OpenSans-Regular-webfont.eot);
	src: url(../fonts/OpenSans-Regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/OpenSans-Regular-webfont.woff) format('woff'),url(../fonts/OpenSans-Regular-webfont.ttf) format('truetype'),url(../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular) format('svg');
	font-weight: 400;
	font-style: normal
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

body {
	font-family: OpenSansRegular,Arial,sans-serif
}

.filter-primary {
	color: #575755;
	padding: 2.5em 10em;
	text-align: center
}

	.filter-primary h1 {
		font-family: OpenSansLight,Arial,sans-serif;
		font-size: 3em;
		font-weight: 300
	}

.overlay-dotted {
	background-image: url(../images/line-art-marquee.png);
	background-position: center top;
	background-repeat: repeat-x
}

.hidden {
	display: none
}

.loader {
	margin: auto;
	overflow: hidden
}

	.loader.loader-overlay {
		position: absolute;
		z-index: 999;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-top: 0;
		margin-bottom: 0;
		width: 100%;
		height: 14em
	}

	.loader .spinner {
		font-size: 1em;
		border-radius: 50%;
		border-top: 1.1em solid rgba(1,92,174,.2);
		border-right: 1.1em solid rgba(1,92,174,.2);
		border-bottom: 1.1em solid rgba(1,92,174,.2);
		border-left: 1.1em solid #982881;
		height: 8em;
		width: 8em;
		margin: 2em auto;
		position: relative;
		text-indent: -9999em;
		-webkit-animation: load8 .8s infinite linear;
		animation: load8 .8s infinite linear
	}

	.loader.loader-inline {
		height: 0;
		overflow: visible;
		text-align: right
	}

		.loader.loader-inline .spinner {
			border-width: 1.5em;
			display: inline-block;
			font-size: 2px;
			margin: 0 5em;
			top: -27px;
			z-index: 9
		}

form {
	width: 100%;
	position: relative
}

	form.dual-form {
		width: 45%;
		float: left;
		margin-right: 5%
	}

label {
	color: #575755;
	display: block;
	font-size: 14px;
	margin: 5px auto 2px
}

/*input[type=text], select {
	background-color: #ebeef3;
	border: 1px solid #f7f7f7;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-sizing: border-box;
	font-size: 14px;
	line-height: 18px;
	padding: 5px;
	width: 100%
}*/

input[type=submit] {
	background-color: #632678;
	border: 0 none;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 18px;
	padding: 10px 50px;
	margin-top: 5px
}

	input[type=submit]:hover {
		background-color: #431a51
	}

.address-picklist-container {
	position: absolute;
	width: 100%;
	z-index: 10;
}

.address-picklist {
	background-color: #fff;
	border: 2px solid #632678;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-sizing: border-box;
	max-height: 206px;
	overflow: auto;
	overflow-x: hidden;
	padding: 0
}

	.address-picklist div, .use-address-entered {
		color: #575755;
		font-size: 14px;
		line-height: 1.4;
		padding: 5px 11px
	}

.use-address-entered {
	background-color: #fff;
	border: 2px solid #632678;
	border-top: 0;
	margin-top: -1px
}

	.use-address-entered:hover {
		background: #f4f4f4;
		cursor: pointer
	}

.address-picklist .selected:first-child, .address-picklist div:first-child:hover {
	border-top: 0;
	padding-top: 5px
}

.address-picklist .selected:last-child, .address-picklist div:last-child:hover {
	border-bottom: 0;
	padding-bottom: 5px
}

.address-picklist .selected, .address-picklist div:hover {
	cursor: pointer;
	background: #f4f4f4;
	border-bottom: 1px solid #632678;
	border-top: 1px solid #632678;
	padding: 4px 11px
}

.formatted-address {
	border-radius: 4px;
	line-height: 24px;
	margin: 5px auto
}

	.formatted-address .search-again-link {
		background: #632678;
		color: #fff;
		display: block;
		padding: 5px;
		font-size: 14px;
		line-height: 18px;
		margin-top: 5px;
		text-align: center;
		text-decoration: none;
		width: 20%
	}

	.formatted-address h3 {
		color: #00be8b;
		font-size: 2em;
		font-family: OpenSansLight,Arial,sans-serif;
		line-height: 1.1;
		margin: 0 auto 10px
	}

.ua-banner {
	display: none;
	background: #fcf8e3;
	border-bottom: 1px solid #ffb321;
	padding: 1em 0;
	text-align: center
}

@media (max-width:480px) {
	.filter-primary {
		padding: 1em
	}

		.filter-primary h1 {
			font-size: 1.5em
		}

	form, form.dual-form {
		width: 100%
	}

	.formatted-address input {
		width: 100%
	}

	.formatted-address label {
		width: 100%
	}
}