html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
img { display: block }
*, *:before, *:after { box-sizing: border-box;  }
html { -webkit-text-size-adjust: 100%; font-size:62.5%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased;}

@font-face {
  font-family: 'Guardian Egyptian Web';
  src: url('../fonts/GuardianEgyp-Medium-Web.woff') format('woff');
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Guardian Egyptian Web';
  src: url('../fonts/GuardianEgyp-Regular-Web.woff') format('woff');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
    font-family: BentonSans-Bla;
    src: url(https://icm.aexp-static.com/Internet/OPENHP/sharedcss/OpenElevator/fonts/BentonSans-Black.woff) format("woff");
    font-weight: normal;
    font-style: normal
}

.GuardianEgyp-Regular-Web {
  font-family: 'Guardian Egyptian Web';  font-weight:  400;  font-style:   normal;  font-stretch: normal;
}

.GuardianEgyp-Medium-Web {
  font-family: 'Guardian Egyptian Web'; font-weight:  500; font-style: normal; font-stretch: normal;
}

/* for reference, these are how the various weights of Benton Sans are called after being loaded onto the page via the iNav */
.bs { font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal; }
.bs-bk { font-family: 'BentonSans-Bk', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal; }
.bs-lt { font-family: 'BentonSans-Lt', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal; }
.bs-md { font-family: 'BentonSans-Md', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal; }
.bs-bd { font-family: 'BentonSans-Bd', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal; }

body {
	font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	font-size: 1.6rem;
	background: #e2e6e8;
	color: #001E51;
}

.content {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto 0 auto;
	background: #fff;
}

.mf-hero {
	background: url(../img/heroBG.jpg) no-repeat;
	height:400px;
	width: 100%;
	position: relative;
	background-size: cover;
}

.heartland {
	margin-top: 1em;
	font-size: 1.3rem;
	color: #FFF;
	padding-top: 1.5em;
	margin-top: 1.5em;
	border-top: 1px solid #0064BC;
}

	.heartland span {font-family: Helvetica, sans-serif; font-weight: bold;  font-size: 1.5rem; }

.hero-blue {
	background-image: url(../img/world_service_tile.svg);
	background-repeat: repeat;
	background-color: #006FCF;
	width: 62%;
	position: absolute;
	right: 0;
	top: 20px;
}


.hero-text {
	background: #006FCF;
	width: 55%;
	padding: 40px;
	color: #fff;
}

	.hero-text.hland { padding: 30px 30px 20px 30px; }

	.hero-text p {
		font-size: 1.5rem;
		line-height: 1.8em;
		margin-bottom: 0;
	}

.mf-headBG {
	background-image: linear-gradient(#006FCF,#006FCF), url(../img/world_service_tile.svg);
	background-size: 55% 100%, auto;
	background-repeat: no-repeat, repeat;
	background-color: #006FCF;
	width: 100%;
	min-height: 250px;
	position: relative;
}

	.mf-headBG .nav-panel { top: 0; }
	
	.nav-panel-no-links { min-height: 80px; background-image: none;}

	
.mf-head-text {
	max-width: 900px;
	margin: 0 auto;
	width: 90%;
	height: 220px;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
}

	.mf-head-text h1 { width: 50%; max-width: 500px;}

.nav-mobile {
	display: none;
	padding: 12px 0 16px 0;
}

.nav-links { text-align: center; margin-top: 6px; }

.nav-link {
	color: #fff;
	font-size: 1.6rem;
	text-decoration: none;
	display: inline-block;
	margin-right: 2em;
}

	.nav-link-on, .nav-link-on:hover {
		font-family: 'BentonSans-Bd', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	}


.mf-logotype {
	font-family: 'BentonSans-Bd', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	padding-right: .5em;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 1.4rem;
	display: block;
	text-align: center;
}

.mf-logotype:hover, .mf-logotype:focus { color: #a4c2fe; }

	
.nav-panel, .nav-panel-tablet {
	width: 260px;
	background: #fff;
	position: absolute;
	top: -22px;
	right: 25px;
	padding: 16px 30px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
	border-left: 0px solid #cdcdcd;
	border-right: 0px solid #cdcdcd;
	border-bottom: 0px solid #cdcdcd;
	z-index: 2;
}

.nav-panel-tablet { display: none; }

.nav-sticky-wrap {
	position: fixed;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	bottom: -80px;
	height: 70px;
	z-index: 9;
	transition: bottom .25s;
}

.nav-sticky {
	background: #006FCF;
	width: 100%;
	padding: 20px 30px 35px 30px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	border-top:1px solid #ededed;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
	
	.nav-sticky .nav-logo { padding: 0; border: 0; margin: 0;}
	.nav-sticky .nav-panel-link { margin: 0; font-size: 1.3rem; margin-left: 2.5em;}
	.nav-sticky .nav-panel-phone { margin-left: auto; font-size: 1.8rem;}
		.nav-panel-phone a { color: #006FCF;}
		

	.nav-sticky-footer {position: relative; padding: 20px 30px;}

.show-sticky {
	bottom: 0;
	display: block;
	transition: bottom .25s;
}

.nav-logo {
	font-family: 'BentonSans-Bd', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	color: #006FCF;
	letter-spacing: 1px;
	font-size: 1.3rem;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	text-align: center;
	padding-bottom: 1.2em;
	margin-bottom: 1.2em;
	border-bottom: 1px solid #dedede;
}


	.nav-logo span { 
		font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
		text-align: center;
		display: block;
		font-size: 1.1rem;
		margin-bottom: 4px;
	}

.nav-panel-link {
	display: block;
	font-size: 1.4rem;
	margin-bottom: 1em;
	color: #006FCF;
	text-decoration: none;
}
	
	.nav-panel-link:hover, .nav-panel-link:focus { text-decoration: underline; }
	.nav-sign-in { font-size: 1.3rem; text-align: center;}
	.nav-panel-link-on { font-family: 'BentonSans-Bd', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal; }


.nav-button, .btn-white, .nav-button-video {
	font-family: 'BentonSans-Md', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	color: #fff;
	background: #006FCF;
	padding: 0 3em;
	line-height: 2.5em;
	display: block;
	text-decoration: none;
	text-align: center;
	border-radius: 4px;
	transition: background-color .15s;
	margin: 1.1em 0;
}

	.btn-white { background: #fff; color: #006FCF; display: inline-block; margin:10px 0;}

	.nav-button:hover, .nav-button:focus, .btn-white:hover, .btn-white:focus { background: #001E51; color: #fff;}
	
	.nav-button-video { cursor: pointer; padding-right: 2em; background-image: url(../img/PlayIcon_blue.svg); background-size: 24px; background-repeat: no-repeat; background-position: 15px 50%; margin-right: 30px;}
	.nav-button-video:hover { background-color: #001E51;}

.nav-panel-phone {
	font-family: 'BentonSans-Bd', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	text-align: center;
	font-size: 1.3rem;
	color: #006FCF;
	padding: 3px 0;
}
.nav-link-color { color: #fff;}
.home-terms {
	display: flex;
	margin: 50px 0;
	align-items: center;
	border-bottom: 1px solid #ededed;
	padding-bottom: 60px;
}

.home-terms-left {
	width: 50%;
	padding-right: 50px;
	padding-left: 30px;
}

	.home-term-text {
		margin-bottom: 2em;
		background-repeat: no-repeat;
		padding-left: 60px;
	}

	.home-term-text p { margin: .5em 0; line-height: 1.6em; font-size: 1.5rem;}

	.term-success { background-image: url(../img/dls-icon-success.svg); }
	.term-autopay { background-image: url(../img/dls-icon-autopay.svg); }
	.term-time { background-image: url(../img/dls-icon-time.svg); }

.home-terms-right {
	width: 50%;
	padding-left: 60px;
}

.terms-and-fees {
	background: #f5f5f5;
	padding: 50px 40px;
	margin-top: -20px;
}

.term-and-fee {
	text-align: center;
	border-bottom: 1px solid #ddd;
	padding-bottom: 2em;
	margin-bottom: 2em;
}

	.term-and-fee-term {font-size: 1.5rem; letter-spacing: 1px; font-family: 'Guardian Egyptian Web';  font-weight:  500;  font-style:   normal;  font-stretch: normal; text-transform: uppercase; text-align: center; margin-bottom: 1.25em; }
	.term-and-fee-fee { color: #006FCF; font-size: 1.8rem;}
	.term-and-fee:last-of-type { border: 0; margin: 0; padding: 0;}


.stats {
	display: flex;
	margin: 40px auto 30px auto;
	width: 90%;
	max-width: 760px;
	justify-content: space-between;
}

.stat {
	text-align: center;
	font-family: 'Guardian Egyptian Web'; font-weight:  400; font-style: normal; font-stretch: normal; 
	width: 26%;
	font-size: 1.5rem;
	line-height: 20px;
}

	.stat-head { font-size: 5.5rem; font-family: 'Guardian Egyptian Web'; font-weight:  500; font-style: normal; font-stretch: normal; margin-bottom: 8px; padding-left: 18px; }
	.stat-head span { font-size: 1.6rem; display: inline-block; top: -1.5em; position: relative;}


.home-hiw-button-wrap {
	display: flex;
	justify-content: center;
	margin: 0 auto 40px auto;
}

	.home-hiw-divider { width: 34%; background: #e7e7e7; height: 5px;}


.footer-story {
	width: 100%;
	height: 412px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: relative;
}

.fs-text {
	width: 350px;
	margin-right: 10%;
	color: #fff;
	position: relative;
	z-index: 2;
}
	.fs-text h2 { font-size: 1.3rem; margin-bottom: 2em; letter-spacing: 1px; text-shadow: 0px 0px 6px rgba(0,0,0,0.5);}
	.fs-text .nav-button { margin: 2em 0 0 0;}
	.fs-quote {font-family: 'BentonSans-Md', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal; font-size: 1.5rem; line-height: 1.3em; }
	.fs-author { font-family: 'BentonSans-Bd', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal; margin: 1em 0; font-size: 1.5rem; line-height: 1.4em;}
	.fs-info { font-size: 1.5rem; line-height: 1.5em; text-shadow: 0px 0px 6px rgba(0,0,0,0.5); }
	.fs-jesse { background: url(../img/poster_jesse.jpg) no-repeat;}
	.fs-amy { background: url(../img/poster_amy.jpg) no-repeat;}
	.fs-jon { background: url(../img/poster_jon.jpg) no-repeat;}
	.footer-story.fs-left { justify-content: flex-start; background-position: 70% 0%; }
	.footer-story.fs-left .fs-text { margin-right: 0; margin-left: 10%; }
	
	.fs-actions { display: flex; align-items: center; margin-top: 20px;}
	.fs-actions a { color: #fff; }

	.video-overlay { background: rgba(0,0,0,.75); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none;}
	.showingVideo .video-overlay { display: block;}

.fs-video-box {
	width: 50%;
	position: absolute;
	left: 2.5%;
	top: 12%; 
	display: none;
}

	.footer-story.fs-left .fs-video-box { left: auto; right: 2.5%; }


.merchant-stories {
	margin-top: 40px;
}


.merchant-video {
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 80px 0 80px 0;
	background-color: #001E51;
	position: relative;
	width: 100%;
}

	.merchant-video.merchant-story { background: #fff; border-bottom: 1px solid #d8d8d8; color: #001E51; margin: 0 0; padding: 80px 0; }
	.merchant-story:last-of-type { border-bottom: none; }
	.ms-video-left { flex-direction: row-reverse;}
	.ms-video-left .merchant-video-right { margin-right: 0; margin-left: 5%;}
	.ms-video-left .merchant-video-left { margin-left: 0; margin-right: 5%;}

.merchant-video-left {
	width: 33%;
	margin-left: 5%;
}

	.mvt-quote {font-family: 'BentonSans-Md', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal; font-size: 1.8rem; line-height: 1.3em; }
	.mvt-author { font-family: 'BentonSans-Bd', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal; margin: 1em 0; font-size: 1.5rem; line-height: 1.4em; margin-bottom: 30px; }
	.mvt-info { font-size: 1.5rem; line-height: 1.5em; }
	.mvt-info a { color: #fff; }

.merchant-video-right {
	width: 50%;
	padding-top: 28.125%;
	background-size: cover;
	margin-right: 5%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-repeat: no-repeat;
	position: relative;
}

.merchant-video-box {
	width: 50%;
	position: absolute;
	top: 80px;
	right: 5%;
	display: none;
}

.ms-video-left .merchant-video-box { right: auto; left: 5%;}

.mv-play {
	font-family: "BentonSans-Bla"; font-style: Normal; font-weight: Normal;
	font-size: 4.5rem;
	line-height: 1.5em;
	cursor: pointer;
	text-shadow: 3px 3px 5px rgba(0,0,0,.3);
	position: absolute;
	top: 35%;
}

	.mv-play svg { position: relative; top: 10px; }
	.mv-play:hover #play-blue { fill: #001E51; }

	.merchant-video.merchant-story .mv-play { color: #fff; }


.footerH3 {
	max-width: 700px;
	margin: 4em auto 2em auto;
}

.get-started {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #006FCF;
	padding: 30px 40px;
	max-width: 900px;
	margin: 0 auto;
	border-radius: 2px;
}

.gs-text {
	color: #fff;
	line-height: 1.8em;
	font-family: 'BentonSans-Md', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;	
	font-size: 1.5rem;
	width: 70%;
}

	.gs-text span a { color: #fff; }

.gs-button {
	font-family: 'BentonSans-Md', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	color: #006FCF;
	background: #fff;
	padding: 0 3em;
	line-height: 2.5em;
	display: block;
	text-decoration: none;
	text-align: center;
	border-radius: 4px;
	transition: background .15s;
	min-width: 190px;
	margin-left: 1em;
}

	.gs-button:hover, .gs-button:focus { background: #001E51; color: #fff; }


.calc {
	width: 90%;
	max-width: 900px;
	margin: 60px auto 20px auto;
}

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

.calc-left {
	width: 46%;
	display: flex;
}

.calc-entry { width: 100%; }

.calc-amt-intro {
	display: block;
	margin: 0 0 .75em 0;
	font-size: 1.8rem;
	line-height: 1.6em;
	text-transform: none;
	margin-bottom: 1.5em;
	font-family: 'BentonSans-Bd', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
}

.calc-amt-label { text-transform: none; font-size: 1.5rem;}

.calc-inputBox {
	display: flex;
	border: 1px solid #d8d8d8;
	transition: .125s;
	width: 100%;
	border-radius: 2px;
	padding: 5px;
}

.calc-inputBox:hover {
	border: 1px solid #006fcf;
}

	.calc-input-focus {
		outline: 1px solid #000;
	}

	.calc-dollar {
		background-color: #006FCF;
		color: #fff;
		font-size: 2.4rem;
		width: 45px;
		border-radius: 2px;
		justify-content: center;
		display: flex;
		align-items: center;
		font-family: 'BentonSans-Md', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
		flex-shrink: 0;
	}

	.calc-input {
		border: 0;
		-webkit-appearance: none;
		font-size: 20px;
		padding: .5em;
		font-family: 'BentonSans-Bd', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
		width: 100%;
	}

.calc-input-details {
	display: flex;
	justify-content: space-between;
	margin-top: 1em;
}

.calc-fineprint {
	font-size: 1.4rem;
}

.calc-clear {
	color: #ADAFAF;
	cursor:pointer;
	font-family: 'BentonSans-Md', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	display: none;
	font-size: 1.2rem;
}

.calc-error {
	color: #f35320;
	font-family: 'BentonSans-Md', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
}

.calc-disburse-box {
	display: flex;
	background: #ededed;
	padding: 20px 35px;
	margin-top: 30px;
	display: none;
	border-radius: 2px;
}

.calc-disburse-days {
	font-size: 5.5rem;
	text-align: center;
	font-family: 'BentonSans-Md', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
}

	.calc-disburse-days div { font-size: 1.5rem; font-family: 'BentonSans-Bk', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal; margin-top: 5px;}

.calc-disburse-text {
	font-family: 'BentonSans-Bk', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	line-height: 1.8em;
	font-size: 1.35rem;
	margin-left: 40px;
}

.calc-disburse {
	margin: 2em auto;
	font-size: 2rem;
	line-height: 1.5em;
	font-family: 'BentonSans-Bk', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	display: none;
}

.calc-right {
	width: 46%;
	padding-top: 55px;
}

.calc-terms {
	background: #ededed;
	padding: 1em 1.75em;
	font-family: 'BentonSans-Bk', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	line-height: 1.8em;
	font-size: 1.5rem;
	margin: 0 0 40px 0;
	display: none;
	border-radius: 2px;
}

.calc-result {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #d8d8d8;
}

	.calc-result-no-rule { border-bottom: 0 !important; }
	.calc-result-double-rule { border-bottom: 4px solid #ededed !important; }

.calc-result-amt {
	font-size: 1.6rem;
	font-family: 'BentonSans-Bd', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	color: #adafaf;
}

.calc-result-label {
	font-family: 'BentonSans-Bd', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	font-size: 1.5rem;
	text-transform: uppercase;
	color: #adafaf;
	/* padding-left: 1em; */
}

.has-results.calc-result { border: none; padding-top: 0; padding-bottom: 0; margin-bottom: 0; }
.has-results .calc-result-label { color: #000; }
.has-results .calc-result-amt { color: #000; }
.has-results.edr { padding: 1.5em 0 0 0; margin: -1em 0 1em 0; }
.has-results.edr .calc-result-label {	color: #006FCF; }
.has-results.edr .calc-result-amt {	color: #006FCF; }

.calc-result-desc {
	margin: .75em 0 2em 0;
	font-size: 1.4rem;
	line-height: 1.4em;
	display: none;
	border-bottom: 1px solid #d8d8d8;
	padding-bottom: 1em;
}

	.calc-result-desc div { max-width: 80%; }


.calc-footer {
	display: none;
	margin-bottom: 40px;
}

.calc-origination {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	max-width: 700px;
}

.co-text {
	width: 62%;
	font-family: "BentonSans-Bla"; font-style: Normal; font-weight: Normal;
	color: #000;
	text-transform: uppercase;
	font-size: 2rem;
	line-height: 1.2em;
}

	.co-text span { color: #006FCF; }

.calc-tandc {
	width: 95%;
	max-width: 900px;
	font-family: 'Helvetica Neue', Helvetica, sans-serif; font-style: Normal; font-weight: Normal;
	color: #4D4F53;
	margin: 50px auto 80px auto;
}

.calc-tandc p {
	font-size: 1.2rem;
	line-height: 1.7em;
	text-align: center;
}

.calc-disclaimer {
	margin: 3em auto 2em auto;
	max-width: 900px;
	font-size: 1.2rem;
	line-height: 1.4em;
}

.two-cols {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 900px;
	margin: 0 auto;
}

.col-one {
	width: 39%;
}

	.col-one h4:first-of-type { margin-top: 0; }

.hiw-intro {
	margin: 90px auto 60px auto;
}

.hiw-tagline-box {
	max-width: 900px;
	margin: 60px auto;
}

.hiw-tagline {
	font-family: "BentonSans-Bla", 'Helvetica Neue', Helvetica, sans-serif; font-style: Normal; font-weight: Normal;
	color: #001E51;
	max-width: 900px;
	font-size: 2.8rem;
	text-transform: uppercase;
	line-height: 1.2em;
}

.hiw-tagline div { color: #006FCF; font-size: 1.6rem; margin-bottom: 1em; }
.hiw-tagline span { color: #006FCF; }

.hiw-payment {
	background: #006FCF;
	color: #fff;
	padding: 60px 0;
}

	.hiw-payment h2 { font-size: 2.5rem; color: #fff; text-transform: none; margin: 0 auto 1em auto; line-height: 1.3em; max-width: 600px; width: 90%; text-align: center; font-family: 'BentonSans-Bd', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;}
	.hiw-payment h3 { font-size: 1.7rem; color: #fff; text-transform: none; line-height: 1.3em; margin: 2em auto .5em auto; max-width: 630px; width: 90%;text-align: center;font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;}
		.hiw-payment h3:last-of-type { max-width: 920px; }
	
	.hiw-payment .two-cols { align-items: flex-start; border-top: 1px solid #0064BC;border-bottom: 1px solid #0064BC; padding: 40px 0 20px 0; margin-top: 40px; width: 90%; }

	.col-one h3 { text-align: left; margin: 0 0 1em 0;font-family: 'BentonSans-Md', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;}

.or-divider {
	color: #fff;
	margin: 0 30px;
	height: 140px;
	font-family: 'BentonSans-Bd', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	background-image: linear-gradient(#1D2561,#1D2561),linear-gradient(#1D2561,#1D2561);
	background-repeat: no-repeat;
	background-size: 1px 50px, 1px 50px;
	background-position: 50% 0%, 50% 100%;
	font-size: 1.5rem;
	display: flex;
	align-items: center;
}

.hiw-payment-box {
	border: 1px solid #fff;
	padding: 15px 40px;
	display: flex;
	margin: 60px auto 0 auto;
	width: 90%;
	max-width: 550px;
	justify-content: space-between;
	align-items: center;
	border-radius: 2px;
}

.textEntry {
	font-size: 16px;
	padding: .85em;
	display: block;
	margin-bottom: 1.3em;
	border: 1px solid #ccc;
	margin-right: .5em;
	width: 100%;
	border-radius: 3px;
	background: #fbfbfb;
}

.textEntry:focus {
	border: 1px solid #1274B8 !important;
	background: #fff;
	transition: all .4s;
}

/* otherwise Firefox puts a red border around numeric fields that have patterns in the when not valid, which happens because of commas added to number */
:invalid {  box-shadow: none !important; }
:-moz-submit-invalid { box-shadow: none !important; }
:-moz-ui-invalid { box-shadow: none !important; }

.entrySet {
	display: flex;
	align-items: flex-start;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 1em;
}

.entrySet .textEntry {
	border-radius: 0 3px 3px 0;
	margin: 0;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

label {
	display: block;
	margin: 1em 0 .5em 0;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 1.3em;
}

.submitBtn {
	-webkit-appearance: none;
	font-size: 1.6rem;
	margin: 1em 0 2em 0;
	display: block;
	width: 100%;
	border: 1px solid transparent;
	color: #fff;
	background-color: #006FCF;
	padding: 1em 0;
	border-radius: 4px;
	cursor: pointer;
	transition: background .2s;
	font-family: 'BentonSans-Md', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	text-decoration: none;
}

.submitBtn:hover,.submitBtn:focus { 	background-color: #001E51;}
.submitBtn:active { background-color: #001E51;}

	.signin-disabled .submitBtn { background-color: #F7F8F9; color: #ccc; 	border: 1px solid #CCCCCC;}

.applyBG {
	background-image: linear-gradient(#0b1b51,#0b1b51);
	background-size: 100% 320px;
	background-position: 0 180px;
	background-repeat: no-repeat;
}

.apply-wrap {
	display: flex;
	justify-content: space-between;
	margin: 40px auto 0 auto;
}

	.applyBG section { width: 82%; background: none;}
	.applyBG h2 { text-transform: none; font-size: 1.9rem; line-height: 1.6em; max-width: 600px; margin: 2em 0 0 0;}

.apply-left {
	width: 45%;
	background: #fff;
}

.apply-right {
	width: 45%;
	margin-top:130px;
}

.apply-form {
	border: 1px solid #dedede;
	padding: 1.5em 2em;
}

	.apply-form h3 { color: #006FCF; text-transform: none; margin: 0 0 1em 0; font-size: 2rem; font-family: 'BentonSans-Md', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal; }

.apply p {
	font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	font-size: 1.8rem;
	line-height: 1.5em;
}

.apply-info {
}

	.apply-info li { color: #fff; margin-left: 1em; margin-bottom: .5em;}
	.apply-info h3 {
		text-align: left;
		color: #fff;
		font-family: 'BentonSans-Md', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
		text-transform: none;
	}
	
		.apply-info h3 div { font-family: 'BentonSans-Bk', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;}

.apply-quote {
	font-family: 'BentonSans-Bk', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	line-height: 2em;
	font-size: 2rem;
	text-align: center;
	width: 100%;
	max-width: 390px;
	padding: 1.5em 0;
	background-image: linear-gradient(#ededed,#ededed), linear-gradient(#ededed,#ededed);
	background-size: 80% 5px;
	background-position: 50% 0, 50% 100%;
	background-repeat: no-repeat;
	margin-top: 120px;
}

	.apply-quote div { font-size: 1.5rem; margin-top: 2em;}

p.fineprint {
	font-size: 1.2rem;
	color: #666;
	font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	text-align: left;
	margin: 1em 0 2em 0;
}

.dollars {
	background: #fff;
	font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	padding: 0 .8em;
	font-size: 2rem;
	color: #999;
	line-height: 2.35em;
}

.alert {
	background: #B42C01;
	padding: 1em;
	font-size: 1.3rem;
	color: #fff;
	text-align: center;
	margin: 1em 0;
	display: none;
	font-weight: bold;
	line-height: 1.5em;
}

.hasMask { color: #666; }
.alert-border { border: 1px solid #B42C01 !important; }
.alert-color { color: #B42C01; }

.hideMe {
	display: none;
}



.faq {
	width: 95%;
	max-width: 1000px;
	margin: 60px auto 0 auto;
	color: #4D4F53;
	font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	display: flex;
}

.faq-tabs {
	width: 220px;
	-wekbit-position: sticky;
	position: sticky;
	top: 0;
	/* https://stackoverflow.com/questions/44446671/my-position-sticky-element-isnt-sticky-when-using-flexbox */
	align-self: flex-start;
}

.faq-head {
	font-size: 3.2rem;
	font-family: 'BentonSans-Bd', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	margin-bottom: 1em;
	margin-top: 2em;
}

	.faq-head:first-of-type {
		margin-top: 0;
	}

.faq-tab {
	padding-right: 4em;
	color: #1274B8;
	font-size: 1.6rem;
	line-height: 2.5em;
	margin-bottom: 1em;
	cursor: pointer;
	text-align: right;
	border-right: 6px solid transparent;
	display: block;
	text-decoration: none;
}

	.faq-tab-on {
		border-right: 6px solid #1274B8;
	}

	.faq-tab:hover, .faq-tab:focus { text-decoration: underline; }

	.faq-content {
		padding-left: 4em;
		color: #000;
		max-width: 850px;
		border-left: 1px solid #ADAFAF;
	}

	.q {
		font-family: 'BentonSans-Md', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
		font-size: 1.8rem;
		margin: 0 0 1em 0;
		color: #000;
		text-transform: none;
	}

	.answer {
		font-size: 1.5rem;
		margin-bottom: 4em;
	}

		.answer p { line-height: 1.6em; }
		.answer ul {
			list-style: disc;
			margin-left: 2em;
			margin-top: 0;
		}
		.answer ol {
			list-style: decimal;
			margin-left: 2em;
		}
		.answer li {
			background: none;
			padding-left: 0;
			font-size: 1.5rem;
			line-height: 1.6em;
			margin-bottom: 1em;
		}
		
		.answer ol li { padding-left: .75em;}

	.answer-subhead { font-weight: bold; font-size: 1.6rem; margin: 1.5em 0 1em 0; }
	.answer-fineprint { font-size: 1.3rem; }

.tandc {
	padding: 3em 0;
	margin: 3em auto;
	border-top: 1px solid #ededed;
}

.tandc p {
	font-size: 1.2rem;
	line-height: 1.8em;
	color: #4D4F53;
	font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
}

.signin-subhead {
	font-size: 1.6rem;
	text-align: center;
	margin: 2em 0 3em 0;
}

	.signin-subhead strong a { color: #000; } /* for mobile tel link */

.signin-forms {
	display: flex;
	justify-content:center;
	width: 88%;
	max-width: 800px;
	padding: 40px 0;
	margin: 40px auto 0 auto;
}

.signin-form {
	max-width: 380px;
	background: #fff;
	margin: 0 10px;
	width: 47%;
}

.signin-panel-head {
	font-size: 2rem;
	font-family: 'BentonSans-Md', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	text-align: center;
	padding: 1.5em 0;
	border: 1px solid #dddddd;
}

	.signin-focused .signin-panel-head { background-color: #0b1b51; color: #fff; }

.signin-panel {
	padding: 0 2em 2em 2em;
	font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	border: 1px solid #ededed;
}

	.signin-panel p { text-align: center; font-size: 1.4rem;color: #4D4F53; margin: 2em 0; }

.signin-err {
	background: #900;
	color: #A33F1F;
	line-height: 1.4em;
	background: url(../img/dls-icon-warning-filled.svg) 0 6px no-repeat;
	padding-left: 3em;
	margin: 1em 0;
	font-size: 1.5rem;
	min-height: 30px;
	display: none;
}

section {
	margin: 0 auto;
	width: 90%;
	max-width: 1200px;
	background: #fff;
}

	.section-100 { width: 100%; }

h1 {
	font-family: "BentonSans-Bla", 'Helvetica Neue', Helvetica, sans-serif; font-style: Normal; font-weight: Normal;
	color: #fff;
	text-transform: uppercase;
	font-size: 3rem;
	line-height: 1.1em;
}

	h1 span { display: block; }

h2 {
	font-family: 'BentonSans-Bd', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	font-size: 1.5rem;
	text-transform: uppercase;
}

h3 {
	font-size: 2rem;
	font-family: "BentonSans-Bla", 'Helvetica Neue', Helvetica, sans-serif; font-style: Normal; font-weight: Normal;
	line-height: 1.4em;
	text-transform: uppercase;
}

	h3 span { color: #006FCF; }

	.checkH3 { background: url(../img/check.svg) no-repeat; background-size: 36px; background-position: 0 50%; padding-left: 50px; line-height: 1.1em;}

h4 {
	font-family: 'BentonSans-Bd', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	color: #006FCF;
	font-size: 1.5rem;
	text-transform: uppercase;
	margin: 2em 0 8px 0;
}

	h4 + p { margin-top: 0; }


	.hCenter { text-align: center; }

p a {
	color: #1274b8;
	text-decoration: none;
}

p a:hover, p a:focus, .learnMore:hover, .learnMore:focus {
	 text-decoration: underline; }

p {
	margin: 1em 0;
	line-height: 1.5em;
	font-size: 1.5rem;
}

ul {
	margin: 1.5em 0;
}

li {
	font-size: 1.6rem;
	color: #333;
	margin-bottom: 1em;
	background: url(../img/bullet.svg) no-repeat 0 6px;
	padding-left: 2em;
	line-height: 1.4em;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 70%;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}


.tel {
	white-space: nowrap;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#iNavNGI_Header .iNavShadow { display: none !important; }

.sm-screen {
	display: none;
}


/* prevent telephone numbers and addresses from being formatted in iOS */
a[x-apple-data-detectors] {
	color: inherit !important;
	text-decoration: none !important;
	font-size: inherit !important;
	font-family: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
}

/* https://stackoverflow.com/questions/4086107/html-positionfixed-page-header-and-in-page-anchors */
.jumptarget::before {
	content:"";
	display:block;
	height:80px;
	margin:-80px 0 0;
}

.embed-container { position: relative; z-index: 2; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mobile-only { display: none; }

/* IE11 */
/* https://stackoverflow.com/questions/20541306/how-to-write-a-css-hack-for-ie-11 */
 @media all and (-ms-high-contrast:none)  {

}

@media all and (max-width: 1100px) {
	.hero-text { width: 90%; }
	.hero-text h1 { width: 50%; min-height: 230px; font-size: 3.2rem;}
	.mf-hero { background-position: 15% 0;}
	.home-terms { margin-top: 120px; }
}

@media all and (max-width: 1020px) {
	.fs-text { margin-right: 5%; }
}

@media all and (max-width: 900px) {
	.hero-text { padding: 25px;}
	.fs-jesse { background-position: 60% 0; }
	.fs-amy { background-position: 60% 0; }
	.mf-hero { background-position: 35% 0;}
	.showingVideo { flex-direction: column;height: auto !important; justify-content: center;padding: 20px 0;}
		.showingVideo.fs-jesse {  background-image: linear-gradient(to left, #160c02, #5f423c); }
		.showingVideo.fs-amy {  background-image: linear-gradient(to left, #353535, #5c5d58); }
		.showingVideo.fs-jon {  background-image: linear-gradient(to left, #353535, #5c5d58); }
		.showingVideo .fs-video-box { position: relative; width: 90%; margin: 0 auto; left: auto; }
		.showingVideo .fs-text, .showingVideo.footer-story.fs-left .fs-text { width: 90%; margin: 20px auto 0 auto; }
		.showingVideo.footer-story.fs-left .fs-video-box { left: auto; right: auto; }
		.showingVideo.footer-story.fs-left { justify-content: center;}
		.applyBG section { width: 95%; }
		.apply-left { width: 55%; }
		.apply-right { width: 40%; }
			.apply-info li { font-size: 1.4rem; }
}

@media all and (max-width: 850px) {
	.mf-hero { background-position: 0 0; }
	.hero-blue { right: auto; left: 0; width: 100%; top: auto; bottom: -160px; background-size: 40%;}
	.hero-text h1 { width: 100%;font-size: 2.6rem; }
	.hero-blue .nav-panel { display: none; }
	.nav-panel-tablet { top: 0; display: block; }
	.home-terms { margin-top: 190px; }
	.hero-text h1 { min-height: 0;}
}

@media all and (max-width: 820px) {
	.nav-link { font-size: 1.4rem; margin-right: 1.5em; }
	.calc-cols { display: block; }
	.calc-left, .calc-right { width: 100%; }
	.calc-right { padding-top: 35px; }
	.calc h2 { margin-bottom: .25em; }
	.merchant-video { flex-direction: column-reverse; padding: 40px 0 !important; }
	.merchant-video-right { width: 90%; padding-top: 50.625%; margin: 0 auto !important; }
	.merchant-video-left { width: 90%; margin: 20px auto 0 auto !important; }
	.merchant-video-box { width: 90%; right: 0 !important; left: 0 !important; top: 40px; margin: auto; }
	.nav-sticky .nav-panel-link { margin-left: 1.5em; }
	.two-cols { margin: 40px auto; flex-direction: column; }
	.col-one { width: 100%; }
	.col-one h3, .col-one p { text-align: center; margin: 0 auto; }
	.col-one p { margin: 13px 0 23px 0; }
	.hiw-tagline { margin-top: 40px; }
	.or-divider { width: 20%; text-align: center; background-image: none; height: auto; display: block; border-top: 1px solid #1D2561; margin: 1em auto 2em auto; padding: 1em 0; border-bottom: 1px solid #1D2561;}
	.two-cols h4 {text-align: center;}
}

@media all and (max-width: 750px) {
	.home-terms { flex-direction: column; }
	.hero-blue { background-size: 55%; }
	.home-terms-left { width: 100%; border-right: none; border-bottom: 1px solid #dedede; padding: 0; margin-bottom: 40px;}
	.home-terms-right { width: 100%; padding-left: 0;}
	.nav-sticky { display: none; }
	.nav-sticky.nav-sticky-footer { display: flex; flex-direction: column;}
	.nav-sticky.nav-sticky-footer .nav-panel-link { margin: 1em 0 0 0;}
	.nav-sticky.nav-sticky-footer .nav-panel-phone { margin: 1em 0 0 0; }
	.tandc { margin: 1em auto; padding: 1em 0; border: none; }
}

@media all and (max-width: 700px) {
	.mf-head { flex-direction: column; height: auto; padding: 14px 0;}
	.mf-logotype { margin-bottom: 8px; }
	.nav-link, .nav-link:hover, .nav-link:focus { height: auto; box-shadow: none; padding-top: 5px; }
	.faq-tabs { display: none; }
	.faq-content { margin: 0 auto; border: none; padding: 0; width: 90%; max-width: 550px; }
	.home-hiw-divider { width: 20%; }
	.get-started { flex-direction: column; }
	.gs-text { width: 100%; }
	.gs-button { margin: 1em 0 0 0; }
	.footerH3 { margin-top: 2em;}
	.apply-quote { font-size: 1.5rem; }
}

@media all and (max-width: 650px) {
	.mf-hero { background-position: 10% 0;}
	.fs-jesse { background-image: linear-gradient(to left, rgba(0,0,0,.75), rgba(0,0,0,.75)), url(../img/poster_jesse.jpg); height: 320px; justify-content: center; background-position: 0 0, 0% 0%;}
	.fs-amy { background-image: linear-gradient(to left, rgba(0,0,0,.75), rgba(0,0,0,.75)), url(../img/poster_amy.jpg); height: 320px; justify-content: center; background-position: 0 0, 40% 0%;}
	.fs-jon { background-image: linear-gradient(to left, rgba(0,0,0,.75), rgba(0,0,0,.75)), url(../img/poster_jon.jpg); height: 320px; justify-content: center; background-position: 0 0, 90% 20% !important;}
		.fs-text { width: 90%; margin: 20px auto !important;}
		.showingVideo .fs-text { max-width: 100%; margin-right: auto; }
	.apply-wrap { flex-direction: column-reverse; margin-top: 20px;}
	.apply-left, .apply-right { width: 100%; }
	.apply-right { margin-top: 0; margin-left: 20px; }
	.apply-quote { display: none; }
	.applyBG { background-size: 100% 460px;}
	.applyBG h2 { padding-top: 50px; color: #000; margin: 0 1em; }
	.signin-forms { flex-direction: column; }
	.signin-form { max-width: 100%; width: 100%; margin: 0 0 30px 0; }
	.signin-panel-head { cursor: pointer; }
	.signin-two-forms { display: none; }
	.nav-mobile + .nav-panel-no-links { display: none; }
}

@media all and (max-width: 600px) {
	.calc-origination { flex-direction: column; margin-bottom: 30px; }
	.co-text { width: 100%; }
	.mf-hero { background-position: 0 0;}
	.mf-headBG { min-height: 0; height: auto; background-size: 90% 100%, 70%; padding: 30px; }
	.mf-head-text { height: auto; width: 100%; display: block; }
		.mf-head-text h1 { max-width: 100%; width: 100%; margin: 0 auto; }
	.hero-text h1 { font-size: 2rem;}
	.nav-panel, .nav-panel-tablet { display: none; }
	.nav-mobile { display: block; background: #002663;}
	.nav-links { display: flex; flex-wrap: wrap; justify-content: center; }
	.nav-link { margin: 0 .75em; }
	.btn-white.mobile-only { display: inline-block; margin: 1em 0  0 0; }
	.calc { margin-top: 30px;}
	.merchant-stories { margin-top: 0; }
}

@media all and (max-width: 500px) {
	.mf-hero { background-position: 5% -30px;}
	.hero-blue { bottom: -160px;}
	.home-terms {margin-bottom: 40px; margin-top: 210px;}
	.stats { flex-direction: column; margin-top: 20px; }
	.stat { width: 100%; margin-bottom: 3em; }
		.stat:last-of-type { margin-bottom: 0;}
	.mvt-quote { font-size: 1.7rem; }
	.fs-actions { flex-direction: column; }
		.fs-actions .nav-button-video { margin-right: 0; }
	.get-started { padding: 15px 25px 25px 25px;}
	.hiw-payment-box { flex-direction: column; }
	.tandc p { line-height: 1.4em; font-size: 1.1rem;}
}

@media all and (max-width: 470px) {
	.home-hiw-divider { display: none; }
	.calc-amt-label { font-size: 1.6rem; }
	.calc h2, .repayment-left h2 {font-size: 2.4rem;}
	.calc-input { font-size: 20px; }
	.calc-fineprint { font-size: 1.2rem; }
	.calc-result-amts-divider { margin: 0 1em; }
	.calc-result-amt-small, .calc-result-amt { font-size: 2rem; }
	.faq-head { font-size: 2.8rem; }
}

@media all and (max-width: 320px) {
	.calc-fineprint { font-size: 1.3rem; }
	.calc-result-label { font-size: 1.5rem; }
	.calc-result-amt { font-size: 2.1rem; }
	.faq-tab { font-size: 1.3rem; margin: 0 .8em; }
	.nav-link { font-size: 1.2rem; }
}
