@charset "UTF-8";

.bluebar {
	min-height: 45px;
	background: linear-gradient(90deg, #007BFF 0, #025AB9 100%)
}
.hero {
	margin-bottom: 0;
	padding-top: 100px;
	padding-bottom: 100px;
	background: #fff;
}

	.hero h1 {
		margin: 0;
		padding: 0 0 20px 0;
		color: #025AB9;
		font-family: "Inter", sans-serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-size: 3.375em;
		line-height: 1.25em;
		text-align: left;
		text-shadow: 2px 2px 0 rgba(255, 255, 255, .9)
	}

		.hero h1 span {
			display: block
		}

	.hero h2 {
		margin-bottom: 30px;
		color: #707070;
		font-family: "Inter", sans-serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-size: 1.5em;
		line-height: normal;
		text-align: left
	}

.zipContainer {
	display: block;
	padding: 1px;
	width: fit-content;
}

.textfield {
	padding: 5px 12px;
	color: #333;
	font-size: 1em;
	line-height: 1.3333333;
	font-weight: 400;
	background: #fff
}

.btn-default {
	color: #fff;
	font-weight: normal;
	background-color: #FF7F00;
	border-color: #FF7F00
}

	.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover {
		color: #fff !important;
		background-color: #F07800 !important;
		border-color: #F07800 !important
	}

	.btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].active, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
		background-color: #FF7F00;
		border-color: #FF7F00
	}

.card-disclaimer {
    color: #707070;
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 16px;
    font-weight: 600;
}

.bullets {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #00366f;
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 20px;
	font-weight: 500;
}

	.bullets li {
		padding: 0 0 25px 0;
	}

		.bullets li span {
			display: inline-block;
			width: 20px;
			text-align: center;
		}

input {
	vertical-align: middle
}

.message {
	margin-bottom: 0 !important;
	padding: 10px 0;
	color: #DE4F5C;
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 13px !important;
	font-weight: 600 !important;
	text-align: left
}

#TrustedSiteBadge {
	display: none;
}

@media (min-width:991px) and (max-width:1199px) {
	.hero h1 {
		font-size: 3em;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.hero {
		margin-bottom: 0;
		padding-top: 50px;
		padding-bottom: 35px;
		background: #fff;
	}

		.hero h1 {
			padding-bottom: 10px;
			font-size: 1.9375em;
		}

		.hero h2 {
			font-size: 1.125em;
		}

	.message {
		padding: 10px 0;
		color: #DE4F5C;
		font-family: Arial, Helvetica, "sans-serif";
		font-size: 14px !important;
		font-weight: 700 !important;
		text-align: left
	}
}

@media (min-width:768px) and (max-width:939px) {
	.zipContainer {
		display: block;
		padding: 1px;
		width: 85%
	}
}

@media (min-width:280px) and (max-width:767px) {
	.hero {
		margin-bottom: 0;
		padding-top: 10px;
		padding-bottom: 0;
		background: #fff
	}

		.hero h1 {
            margin-top: 20px;
			font-size: 2.25em;
			text-align: center
		}

			.hero h1 span {
				display: inline
			}

		.hero h2 {
			font-size: 1.25em;
			text-align: center
		}

		.hero p {
			margin-bottom: 40px;
			text-align: center;
		}

	.zipContainer {
		display: block;
		margin: 0 auto;
		padding: 1px;
	}

	.textfield {
		margin-bottom: 15px;
		height: 48px;
		border-radius: 6px !important;
	}

	.btn-default {
		width: 100%;
		height: 48px;
		border-radius: 6px !important;
	}

	.message {
		padding: 10px 20px;
		color: #DE4F5C;
		font-family: Arial, Helvetica, "sans-serif";
		font-size: 14px !important;
		font-weight: 700 !important;
		text-align: center
	}

	#TrustedSiteBadge {
		display: block;
		margin: 15px auto 0 auto;
		padding-left: 0;
		padding-bottom: 0;
		text-align: center;
	}

	.bullets {
		list-style: none;
		margin: 0;
		padding: 0;
		color: #00366f;
		font-family: Arial, Helvetica, "sans-serif";
		font-size: 20px;
		font-weight: 500;
	}

		.bullets li {
			margin: 0 auto;
			padding: 0 0 35px 0;
			width: 75%;
			text-align: center;
		}

			.bullets li span {
				display: block;
				margin: 0 auto;
				width: 20px;
				text-align: center;
			}

				.bullets li span .fas {
					font-size: 28px;
				}
}

@media (min-width:439px) and (max-width:639px) {
	.zipContainer {
		display: block;
		margin: 0 auto;
		padding: 1px;
		width: 70%
	}

	.zipContainer2 {
		width: 70%
	}
}

@media (min-width:320px) and (max-width:439px) {
	.hero h1 {
		padding-bottom: 15px;
		font-size: 2.25em;
		text-align: center
	}

	.zipContainer {
		display: block;
		margin: 0 auto;
		padding: 1px;
		width: 80%
	}
}

@media screen and (max-width: 414px) {
	.hero h1 {
		padding-bottom: 15px;
		font-size: 2.125em;
		text-align: center
	}

	.hero h2 {
		font-size: 1.25em
	}
}

@media screen and (max-width: 390px) {
	.hero h2 {
		font-size: 1.25em
	}
}

@media screen and (max-width: 375px) {
	.hero h1 {
		padding-bottom: 15px;
		font-size: 2em;
		text-align: center
	}

	.hero h2 {
		font-size: 1.125em
	}
}

@media screen and (max-width: 360px) {
	.mobile-menu li a {
		font-size: 13px;
	}

	.hero h2 {
		font-size: 1.125em
	}
}

@media screen and (max-width: 320px) {
	.hero h1 {
		padding-bottom: 15px;
		font-size: 1.875em;
		text-align: center
	}

	.mobile-menu li a {
		font-size: 11px;
	}

	.zipContainer {
		display: block;
		margin: 0 auto;
		padding: 1px;
		width: 100%
	}
}