/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/*# sourceMappingURL=normalize.min.css.map */


body {
	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.6rem;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

*, *:before, *:after {
	box-sizing: inherit;
}

.viewport {
	width: 92%;
	margin: 0 auto;
	max-width: 1200px;
}

/* mast head */

.masthead {
	position: relative;
	width: 100%;
	z-index:700;
	background: #fff;

}

.masthead_wrapper {
	display: flex;
	align-content: center;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 18px 0 18px 0;
}



/* logo */

.masthead-logo {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #7c7c7c;
}

.masthead-advertorial {
	margin-left: auto;
    margin-right: auto;
    font-size: 0.75rem;
    color: #737373;
}

.cobrand .masthead-logo {
	width: 50%;
}



.masthead-logo img {
	width: 100%;
	height: auto;
	max-width: 30px;
	margin-right: 5px;
}

.cobrand-logo {
	width: 50%;
	text-align: center;
}

.cobrand-logo img {
	width: 100%;
	height: auto;
	max-width: 125px;

}

.cobrand-logo span {
	display: none;
}

/* mobile trigger */

.mobile-trigger {
	width:46px;
	padding: 0 10px;
	border: none;
	background: transparent;
}

.mobile-trigger span {
	display: block;
	width: 90%;
	height: 2px;
	margin-bottom: 4px;
	background-color: #000;
}

/* desktop nav */

.masthead-nav {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #fff;
}

.masthead-nav--active {
	display: block;
}

/* hero */


.fast-notice {
	background: #00A05E;
	color: #fff;
	margin-top: 60px;
	padding: 10px 0;
	text-align: center;
}

/* loader */

.loader{
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom: 0;

	z-index: 100000;
	margin: auto;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	background: rgba(255,255,255,.6);
	display: none;
}

.loader div {
	font-size: 1.5rem;
	text-align: center;

	background: #fff;
	display: block;
	color: #000;
	padding:60px 30px;

	height: auto;
	-webkit-font-smoothing: antialiased;
	line-height: 1.5rem;
	box-shadow: 0px 1px 3px #666;
}

.loader p small{
	font-size: 1rem
}



/* short form */

.shortForm {
	background: #fff;
	padding: 10px;
	border-radius: 3px;
}

.form-group {
	margin-bottom: 10px;
}

.form-back {
	display: block;
	text-align: center;
	font-size: 12px;
	text-decoration: underline;
	border: none;
	background: none;
	margin: 22px auto 0;
}

.form-group label {
	text-align: left;
	font-size: 12px;
	display: block;
}

.form-input {
	border: 1px solid #c0c0c0;
	display: block;
	width: 100%;
	padding: 10px;
	font-size: 16px;
	line-height: 16px;
	-webkit-appearance: none;
	background: #fff;
	border-radius: 0;
}

.form-select {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%2000000'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
	background-size: 12px;
	background-position: calc(100% - 10px) 60%;
	background-color: #fff;
}

.shortform-disclaimer {
	font-size: 10px;
	line-height: 12px;
	color: #666;
}

.shortform-title {
	text-align: center;
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 18px;
	line-height: 22px;
	border-bottom: 1px solid #ccc;
}


/* content */

.content {
	padding: 40px 0;
}

.content--greybg {
	background: #f8f8f8;
}

.content--bluebg {
	background: #29276a;
}

.content h3 {
	font-size: 20px;
	font-weight: 600;
}

/* three icon list */

.three-icon-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.three-icon-list li {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.three-icon-list li:last-child {
	margin-bottom: 0;
}

.three-icon-list h3 {
	margin: 0;
	padding: 0;
	font-size: 22px;
}

.three-icon-list p {
	margin: 0;
	padding: 0;
	color: #efefef;
}

.three-icon-list svg {
	min-width: 60px;
	width: 60px;
	height: auto;
	align-self: flex-start;
	margin-right: 20px;
	margin-top: 5px;
}

.three-icon-list svg g, .three-icon-list svg path {
	fill: #fff;
}

.checkmark-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.checkmark-list li {
	background: url("../images/checkmark.svg") no-repeat;
	background-position: left 45%;
	background-size: 12px;
	padding-left: 20px;
	margin-bottom: 10px;
}

.checkmark-list.credit-list li {
	line-height: 20px;
	background-position: left 20%;
}

.mastfoot-links {
	background: #efefef;
	padding: 40px 0;
}

.mastfoot-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mastfoot-links li a {
	color: #333;
	font-size: 14px;
	text-decoration: none;
}

.mastfoot-disclaimer {
	padding: 40px 0;
	background: none;
	color: #303030;
	font-size: 12px;
	line-height: 16px;
}

.mastfoot-logo {
	width: 200px;
	color: #333;
	font-size: 12px;
}

.mastfoot-col {
	margin-bottom: 20px;
}

.mastfoot p {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.mastfoot-logo img {
	width: 100%;
	height: auto;
}

.sidebox {
	width: 100%;
	border: 1px solid #c0c0c0;
	padding: 20px;
	margin-bottom: 20px;
}

.desktop-right-col {
	padding-top: 40px;
}

.popup-window {
	position: fixed;
	display: none;
	width: 80%;
	height: 80vh;
	background: #fff;
	top: 2%;
	left: 10%;
	border-radius: 3px;
	z-index: 900;
}

.popup-header {
	padding: 12px 16px 8px 16px;
	border-bottom: 1px solid #999;
}

.popup-header img {
	width: 60%;
	max-width: 200px;
	height: auto;
}

.popup-header svg {
	width: 20px;
	height: auto;
	float:right;
}

.popup-content {
	clear: both;
	padding: 10px;
	height: 80%;
	overflow: auto
}

.popup-footer {
	border-top: 1px solid #999;
	padding: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.overlay {
	background: #000;
	opacity: 0.5;
	z-index: 800;
	width: 100%;
	height: 100vh;
	position: fixed;
	display: none;
	top: 0;
	left: 0;
}

.content-app {
	margin-top: 54px;
	position: relative;
	padding: 30px 0 100px 0;
	background: #e6ebf1;
}

.content-app.with-progress {
	margin-top: 0;
}

.form-progress-wrapper {
	background: #ccc;
	height: 8px;
	width: 100%;
	position: relative;
}

.form-progress-bar {
	width: 25%;
	height: 100%;
	background: #136F63;
}

.form-steps {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	width: 100%;
	justify-content: space-between;
	background: #ccc;

}

.form-steps li {
	width: 33.3%;
}

.form-steps li a {
	display: block;
	padding: 4px 10px;
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	text-transform: uppercase;
}




a.form-steps-current:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #136F63;
	transform-origin: 100% 0;
	transform: skew(-45deg);
	z-index: -1;
}

a.form-steps-completed:after {
	transform: skew(0);
}


.form-steps li a.form-steps-current {
	background: #ccc;
	z-index: 1;
}

.form-steps li a.form-steps-current:after {

}


.form-panel h3 {
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 0;
}

.form-panel h2 {
	font-weight: 500;
	margin-top: 0;
}

.form-input-inline {
	display: flex;
	justify-content: space-between;
}

.form-input-inline input, .form-input-inline select {
	width: 48%;
}

.form-group-inline {
	display: flex;
	justify-content: space-between;
}
.form-group-inline .form-group  {
	width: 48%;
}

.form-input-notice {
	display: block;
	padding: 10px;
	font-size: 11px;
	background: #ccc;
	line-height: 14px;
}

.form-input-error {
	display: none;
	padding: 15px;
	font-size: 16px;
	background: #fff;
	border:1px dashed red;
	line-height: 14px;
	color: red;
	margin:10px 0;
}

.errors .form-input-error{
	display: block;
}

.form-group-submit {
	margin-top: 20px;
	text-align: center;
}

.is-processing .form-group-submit input{
	opacity: .5;
	cursor: wait;
	animation: pulse1 1s linear infinite;
}

@keyframes pulse1 {
  0% {opacity: .5}
  50% {opacity: .3}
  100% {opacity: .5}
}


.form-button {
	background: #00A05E;
	color: #fff;
	font-weight: 600;
	width: 100%;
	min-width: 150px;
	border: none;
	padding: 15px 10px;
	text-decoration: none;
	text-align: center;
}

.form-button-submit {
	width: 100%;
	display: block;
	font-size: 18px;
	margin: 0 auto;
	max-width: none;
	padding: 15px 0;
}

.shortform-button {
	width: 100%;
	max-width: 305px;
}

.form-check-image {
	width: 100%;
	height: auto;
	max-width: 400px;
}

.form-group-center {
	text-align: center;
}

.form-disclaimer {
	padding: 10px;
	background: #f5f5f5;
}

.form-disclaimer p {
	font-size: 11px;
	line-height: 14px;
}

.highlight-input{
	background: #ffffa3
}

.credit-offer_wrapper {
	box-shadow: 0 0px 6px #c0c0c0;
	margin-top: 50px;
	display: flex;
	border-radius: 5px;	
}

.credit-offer {
	padding: 40px;
	width: 70%;
}

.credit-offer-title {
	text-transform: uppercase;
	font-weight: 500;
	margin: 0;
	padding: 0;
	color: #3169b3;;
}

.credit-offer-sidebar, .after-offer-sidebar {
	background: #f5f5f5;
	width: 30%;
	padding: 20px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	font-size: 90%;
}

.credit-offer-svg-wrapper {
	text-align: center;
}

.credit-offer-sidebar svg {
	width: 150px;
	height: auto;
	margin: 0 auto;
}

.after-offer-wrapper {
	box-shadow: 0 0 6px #c0c0c0;
	border-radius: 5px;
	display: flex;
}

.after-offer {
	padding: 40px;
	width: 70%;
}

.after-offer-title {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.cta {
	background: #29276a;
	text-align: center;
	color: #fff;
}

.primaryBtn {
	background: #F88421;
	border-radius: 20px;
	color: #fff;
	padding: 14px 22px;
	text-decoration: none;
	font-weight: 600;
	font-size: 20px;
	display: inline-block;
}

.primaryBtn:hover {
	opacity: 0.9;
}

.cta p {
	font-size: 14px;
	color: #ccc;
}


@media all and (min-width: 760px) {

	.cobrand-logo span {
		display: inline-block;
		vertical-align: top;
		margin-top: 4px;
		margin-right: 10px;
		font-size: 12px;
	}
	
	.cobrand-logo img{
		display: inline-block;
	}
	
	.shortForm {
		width: 50%;
		margin: 0 auto;
		background: rgba(255,255,255, 0.9);
	}

	.three-icon-list {
		display: flex;
		justify-content: space-between;
	}

	.three-icon-list li {
		width: 30%;
		margin-bottom: 0;
	}

	.form-button--primary {
		max-width: 220px;
		margin: 0 auto;
	}

	.sidebox {
		padding: 40px;
	}

	.desktop-flex {
		display: flex;
		justify-content: space-between;
	}

	.desktop-left-col {
		width: 40%;
	}

	.desktop-right-col {
		width: 55%;
	}
	
	.mastfoot_wrapper {
		display: flex;
		justify-content: space-between;
	}
	
	.masthead_wrapper {
		padding: 12px 0 12px 0;		
	}

	.mastfoot-links ul {
		display: flex;

	}
	.mastfoot-links li {
		margin-right: 20px;
	}

	.content-app {
		padding: 40px 0 100px 0;
	}

	.content-app .viewport {
		max-width: 40%;
	}
}