a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
img { display: block; vertical-align: middle; }
*, *:before, *:after { box-sizing: border-box;  }
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased;}

/* this is in the DLS but can't be accessed outside of americanexpress.com domains so include it locally for dev but DELETE WHEN MOVED TO PRODUCTION (E2 or E3) */
@font-face{
	font-family:dls-icons;
	src:url("/content/dam/amex/common/dls/iconfont/dls-icons.woff") format("woff");
}

/* these aren't included in the DLS */
	@font-face{
		font-family:'BentonSans-Bd';
		src:url("https://www.aexp-static.com/nav/ngn/fonts/342cdec0-7d5d-43a9-84bf-8a77730526ee-3.woff") format("woff");
	}

	@font-face{
		font-family:'BentonSans-Md';
		src:url("https://www.aexp-static.com/nav/ngn/fonts/0fababca-4914-46dd-9b0f-efbd51f67ae8-3.woff") format("woff");
	}

	@font-face{
		font-family:'BentonSans-Bk';
		src:url("https://www.aexp-static.com/nav/ngn/fonts/325e6ad0-38fb-4bad-861c-d965eab101d5-3.woff") format("woff");
	}

/* Benton Sans 300 (Book), 400 (Regular), and Medium (500) are included in the Global Nav, but Bold (700) and Guardian are not. */
@font-face{
	font-family:'BentonSans';
	src:url("/content/dam/amex/us/business-loans/fonts/BentonSansBold.woff") format("woff");
	font-weight: 700;
}

@font-face {
  font-family: 'Guardian Egyptian Web';
  src: url('/content/dam/amex/us/business-loans/fonts/GuardianEgyp-Semibold-Web.woff') format('woff');
  font-weight:  600;
  font-style:   normal;
  font-stretch: normal;
}

body {
	font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;
	background: #e3e6e8;
}

.mf-hero {
	background: url(/content/dam/amex/us/business-loans/img/bizHero.jpg) no-repeat;
	height:344px;
	width: 100%;
	position: relative;
	background-size: cover;
	display: flex;
	align-items: flex-end;
	background-position: 100% 0;
	margin-bottom: 60px;
}

.hero-text {
	background: #00175A url(/content/dam/amex/us/business-loans/img/hero-pattern.gif) no-repeat;
	background-size: contain;
	color: #fff;
	padding: 25px 45px 20px 80px;
	width: 100%;
	max-width: 520px;
	position: relative;
	z-index: 2;
}


	.h1-alt {
		background: #00175A;
		padding: 1em;
		width: 350px;
		font-size: 1.5rem;
		display: none;
	}

.mf-headBG {
	background-image: linear-gradient(#00175A,#00175A), url(/content/dam/amex/us/business-loans/img/world_service_tile.svg);
	background-size: 55% 100%, auto;
	background-repeat: no-repeat, repeat;
	background-color: #00175A;
	width: 100%;
	min-height: 140px;
	padding-bottom: 20px;
	position: relative;
}

	.mf-headBG .nav-panel { top: 0; }

.mf-head-text {
	max-width: 900px;
	margin: 0 auto;
	width: 90%;
	height: 140px;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
}

	.mf-head-text h1 { width: 50%; max-width: 500px; color: #fff;}

.mf-logotype {
	font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 700;
	padding-right: .5em;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: .8750rem;
	display: block;
	text-align: center;
}

.mf-logotype:hover, .mf-logotype:focus { color: #a4c2fe; }

.nav-mobile {
	display: none;
	justify-content: flex-start;
	padding: 1em;
	margin: 0 auto;
	border-bottom: 1px solid #00175A;
}

	.nav-mobile a { margin-right: 1em; color: #006FCF;}
	.nav-mobile-phone { margin-left: auto; }

.ax-nav-links { text-align: center; margin-top: 6px; }

.ax-nav-link {
	color: #fff;
	font-size: 1.0rem;
	text-decoration: none;
	display: inline-block;
	margin-right: 2em;
}

	.ax-nav-link-on, .ax-nav-link-on:hover {
		font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 700;
	}

.nav-panel {
	width: 260px;
	background: #fff;
	position: absolute;
	top: 0;
	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;
	line-height: 1;
}

.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; color: #fff;}
	.nav-sticky .nav-panel-link { margin: 0; font-size: .81250rem; margin-left: 2.5em; color: #fff;}
	.nav-sticky .nav-panel-phone { margin-left: auto; font-size: 1.1250rem; color: #fff;}
		.nav-panel-phone a { color: #006FCF;}

	.nav-sticky-footer {position: relative; padding: 20px 30px; border-bottom: 1px solid #e3e6e8;}

.show-sticky {
	bottom: 0;
	display: block;
	transition: bottom .25s;
}

.nav-logo {
	font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 700;
	color: #006FCF;
	letter-spacing: 1px;
	font-size: .81250rem;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	text-align: center;
	padding-bottom: 1.2em;
	margin-bottom: 1.2em;
	border-bottom: 1px solid #dedede;
	text-decoration: none !important;
}

	.nav-logo span {
		font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
		text-align: center;
		display: block;
		font-size: .68750rem;
		margin-bottom: 4px;
	}

.nav-panel-link {
	display: block;
	font-size: .8750rem;
	margin-bottom: 1em;
	color: #006FCF;
	text-decoration: none;
}

	.nav-panel-link:hover, .nav-panel-link:focus { text-decoration: underline; }
	.nav-sign-in { font-size: .81250rem; text-align: center; padding-top: 1em; border-top: 1px solid #ccc;}
	.nav-panel-link-on { font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 700; }

	.nav-panel .nav-panel-link, .nav-panel-tablet .nav-panel-link { text-align: center; margin: 1em 0;}


.nav-button, .btn-white, .nav-button-video {
	font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	color: #fff;
	background: #006FCF;
	padding: 0 2em;
	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; text-decoration: none;}

.nav-panel-phone {
	font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	text-align: center;
	font-size: .81250rem;
	color: #006FCF;
	padding: 3px 0;
}


.whiteBG {
	background: #fff;
	width:100%;
	max-width: 1100px;
	margin: 0 auto;
}

section {
	width:90%;
	max-width: 1100px;
	margin: 0 auto;
}

.embed-container { position: relative; 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%; }

.funds {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	margin-bottom: 60px;
	padding: 0 40px;
}

	.funds-content {
		padding-right: 70px;
		width: 50%;
	}

	.funds-content-item {
		display: flex;
		margin-bottom: 2em;
	}

	.funds-content-item:last-child {
		margin-bottom: 0;
	}

	.funds-content-image {
		flex: 1;
		max-width: 40px;
	}
	
		.funds-content-image img { max-width: 100%; }

	.funds-content-detail {
		color: #00175A;
		flex: 2;
		padding-left: 15px;
	}

	.funds-content-headline { margin-bottom: 1em;}
	.funds-content-headline.hide-desktop { display: none; }
	.funds-content-title { font-size: .93750rem; font-family: 'Guardian Egyptian Web', serif; margin-bottom: 0; text-transform: uppercase; }
	.funds-content-paragraph { margin: 0 !important; }

	.funds-video {
		width: 50%;
		color: #00175A;
	}

	.funds-video-caption {
		font-size: .93750rem;
		font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 500;
		text-align: center;
		line-height: 1.2em;
		max-width: 90%;
		margin: 1em auto;
	}

.steps {
	background-color: #00175A;
	background-image: url(/content/dam/amex/us/business-loans/img/ribbon_dark.svg);
	background-size: 250%;
	background-position: 20% 50%;
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding: 50px 40px;
	text-align: center;
}

	.steps-title {
		color: #FFFFFF;
		text-transform: uppercase;
		font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 700;
		margin-bottom: .75em;
	}

	.steps-list {
		display: flex;
		justify-content: space-between;
		margin: auto;
		padding: 0;
	}

	.steps-item {
		margin-bottom: 2em;
		padding: 0 4.7%;
		position: relative;
		width: 33.3%;
	}
	
	.steps-item:after {
		background-color: #006FCF;
		content: '';
		height: 1px;
		position: absolute;
		right: -37%;
		top: 40px;
		width: 75%;
	}

	.steps-item:last-child:after {
		display: none;
	}

	.steps-item-number {
		background-color: #006FCF;
		border-radius: 50%;
		font-family: 'Guardian Egyptian Web', serif;
		font-size: 1.6250rem !important;
		height: 50px;
		line-height: 2 !important;
		margin: 0.5em auto !important;
		text-align: center;
		width: 50px;
	}

	.steps-item-title { font-size: 1.6250rem; font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 500;  }

	.steps .cta { font-size: 1.125rem; margin: 0 auto; width: 100%; max-width: 220px; }
	.steps .cta:hover, .steps .cta:focus { background: #FFFFFF; cursor: pointer; color: #006FCF; text-decoration: none; }

.calc {
	display: flex;
	max-width: 1000px;
	width: 90%;
	margin: 0 auto 60px auto;
	justify-content:space-between;
	padding-top: 60px;
}

.calc-left {
	width: 360px;
	flex-shrink: 0;
	margin-right: 40px;
}

.calc-infoBG {
	background: #006FCF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 20px 0;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	line-height: 1.2;
}

	.calc-info-item { margin: 20px 0; }
	.calc-info-label { font-size: 1.250rem; font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 300;}
		.calc-info-label span { text-transform: none;}
	.calc-info-value { font-size: 1.5rem; margin-top: .5em; letter-spacing: 1px; margin-bottom: 1em; font-family: 'Guardian Egyptian Web', serif; font-weight: 600;}
		.calc-info-value:last-of-type { margin-bottom: 0;}

	.calc-head-mobile { display: none;}

.calc-right p { margin-bottom: 2em; }

.calc-head {
	font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 500;
	margin: 0 0 1.5em 0;
	line-height: 1.4em;
	font-size: 1.0rem;
	color: #333;
}

.calc-step {
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	background-color: #EAEBED;
	padding: 20px 20px 25px 20px;
	position: relative;
}

.calc-step-left {
	width: 55%;
}

.calc-label {
	font-size: 1.125rem;
	margin-bottom: 8px;
	font-weight: 600;
	color: #00175A;
}

.calc-field {
	display: flex;
	width:40%;
	flex-shrink: 0;
}

.calc-amount {
	width: calc(100% - 1.8em);
	font-size: 16px;
	font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 500;
	padding-left: .75em;
}

.calc-amount:focus {
	outline: 1px solid #006FCF;
}

.calc-instructions {
	font-size: .781250rem;
	margin-top: 8px;
	color: #00175A;
}

	.clear { position: absolute; font-size: .781250rem; right: 22px; bottom: 10px; font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 500; cursor: pointer; }

.dollar {
	color: #fff;
	font-size: 1.56250rem;
	font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 700;
	height: 1.8em;
	width: 1.8em;
	background: #006FCF;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.calc-results { 
	max-width: 630px;
}

.calc-results-payments {
	display: flex;
	justify-content: space-between;
}

.calc-results-payment {
	font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 300;
	font-size: 1.0rem;
	text-align: center;
	padding: 10px 10px 20px 10px;
	line-height: 1.2em;
	background: #ededed;
	width: 23.5%;
	text-transform: uppercase;
}

.calc-results-payment span {
	font-size: 1.7rem;
	display: block;
	margin: 15px auto 0 auto;
	font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 700;
}

.mps { width: 100%; margin: 0 auto; font-size: calc(1.4rem * .625); }


.calc-results-footnote-box {
	display: flex;
	margin-top: 20px;
	align-items: flex-start;
}


.calc-results-footnote, .calc-fineprint {
	font-size: .68750rem;
	line-height: 1.4em;
	margin-left: 16px;
	font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
}

	.calc-fineprint { margin: 1em; }
	
	.calc-results-footnote a { color: #006fcf;}

.calc-results h2 { font-size: 1.250rem; font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 500; margin-bottom: .75em;}

.fp-bold {
	font-weight: bold;
}

.PoorRate { display: none; }

.apply-offer {
	background-color: #006FCF;
	background-image: url(/content/dam/amex/us/business-loans/img/ribbon_light.svg);
	background-size: 150%;
	background-position: 80% 50%;
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding: 50px 0;
}

	.apply-offer-content {
		max-width: 595px;
		margin: auto;
		text-align: center;
	}

	.apply-offer-title { color: #FFFFFF; line-height: 1.4em; }
	.apply-offer .cta-secondary { margin: 2em auto; width: 100%; max-width: 200px; }

.explores {
	display: flex;
	justify-content: center;
}

.explore-title { width: 100%; text-align: center; max-width: 720px; margin: 40px auto; font-size: 1.3750rem; margin-bottom: 1em; line-height: 1.4em;}
	.explore-title span { color: #006FCF; }

.explore-head {
	font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 300;
	font-size: calc(2rem * .625);
	line-height: 1.4em;
}

	.explore-head strong {font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 500;  }

.explore {
	background-color: #EAEBED;
	padding: 40px;
	width: 95%;
	max-width: 340px;
	margin: 0 10px;
	text-align: center;
	color: #00175A;
}

.explore-for {
	font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 700;
	font-size: calc(1.1rem * .625);
	line-height: 1.4em;
	text-transform: uppercase;
	margin: 2em 0;
}

.explore .cta { margin: 0 auto; width: 100%; }

.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: 260px;
	-wekbit-position: sticky;
	position: sticky;
	top: 80px;
	/* https://stackoverflow.com/questions/44446671/my-position-sticky-element-isnt-sticky-when-using-flexbox */
	align-self: flex-start;
}

.faq-head {
	font-size: 2.0rem;
	font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 700;
	margin-bottom: 1em;
	margin-top: 2em;
}

	.faq-head:first-of-type {
		margin-top: 0;
	}

.faq-tab {
	padding-right: 4em;
	color: #006FCF;
	font-size: 1.0rem;
	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 #006FCF;
	}

	.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', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 500;
		font-size: 1.1250rem;
		margin: 0 0 1em 0;
		color: #000;
		text-transform: none;
	}

	.answer {
		font-size: .93750rem;
		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: .93750rem;
			line-height: 1.6em;
			margin-bottom: 1em;
		}

		.answer ol li { padding-left: .75em;}

	.answer-subhead { font-weight: bold; font-size: 1.0rem; margin: 1.5em 0 1em 0; }
	.answer-fineprint { font-size: .81250rem; }



.questions {
	font-size: 1.250rem;
	text-align: center;
}

.tandc {
	padding: 1em 0 3em 0;
	margin: 3em auto 0 auto;
	border-top: 1px solid #ccc;
	max-width: 96%;
}

.content .tandc p {
	font-size: .750rem;
	line-height: 1.5em;
	font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
}

	.content .tandc p a { color: #006fcf; } 

.cta {
	font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	background-color: #006FCF;
	-webkit-appearance: none;
	border-radius: 3px;
	width: 31.5%;
	flex-shrink: 0;
	padding: .75em 0;
	white-space: nowrap;
	border: none;
	color: #fff;
	display: block;
	font-size: .93750rem;
	transition: background .125s;
	text-align: center;
	text-decoration: none;
}

.cta:hover, .cta:focus, .cta-secondary:hover, .cta-secondary:focus  { background: #001E51; cursor: pointer; color: #fff; text-decoration: none; }

.cta-secondary {
	-webkit-appearance: none;
	background-color: #FFFFFF;
	border: none;
	border-radius: 3px;
	color: #006FCF;
	display: block;
	font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal;
	font-size: .93750rem;
	flex-shrink: 0;
	padding: .75em 0;
	text-align: center;
	text-decoration: none;
	transition: background .125s;
	white-space: nowrap;
	width: 31.5%;
}

/* 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;
}

.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  top: 0px;
  z-index: 99;
}

strong {
	font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 700;
}

h1, .mobileH1 {
	font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 700;
	font-size: 1.80rem;
	line-height: 1.2em;
	text-transform: uppercase;
	color: #fff;
}

h2 {
	font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 700;
	font-size: 1.6250rem;
	line-height: 1em;
	margin-bottom: .75em;
	color: #00175A;
}

.content.a {
	color: #2157ED;
}

.content p {
	font-size: .93750rem;
	line-height: 1.4em;
	margin: 1em 0;
}

ul.axul {
	list-style: disc;
	margin-left: 1em;
	padding: 0;
}

ul.axul li {
	font-size: .9375rem;
	line-height: 1.5em;
}

sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 66%;
}

sup {
	top: -1ex;
}

select.pretty-dropdown {
 	background: #ffffff url("/content/dam/amex/us/business-loans/img/dd-down.svg");
	color: #40494e;
	border: none;
	outline: none;
	border-radius: 4px;
 	border: 1px solid #b2b7bd;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	padding: 9px 16px;
	background-position:  right center;
	background-repeat: no-repeat;
	background-size: 36px;
	overflow: hidden;
	text-indent: 0.01px;
	-moz-appearance: none  !important;
	appearance: none  !important;
	-ms-appearance: none  !important;
	-o-appearance: none !important;
	-webkit-appearance: none;
	outline: none;
	box-shadow: none;
	width: 100%;
}


select.pretty-dropdown:hover {
 	background-color: #ffffff;
	color: #40494e;
 	transition: background-color  .2s;
 	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
select.pretty-dropdown:focus {
	border: 1px solid #006FCF;
}

select.pretty-dropdown::-ms-expand {
	display: none;
}


.screenshot { position: relative; }


.screenshot img {
	margin: 0 auto;
	width: 100%;
}


/* 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: 930px) {
	.mf-hero { background-position: 100% -40px;  align-items: flex-start; flex-direction: column; margin-bottom: 100px;}
	.hero-text { background: #006FCF; border-bottom: 1px solid #00175A; max-width: 100%; background-image: none; padding: 20px 30px; margin-top: auto; transform: translateY(50px); }
	.hero-text .axul { display: flex; width: 90%; flex-wrap: wrap; justify-content: space-between;  }
	.hero-text .axli { width: 48%; }
	.hero-text p { margin-top: 0;}
	.h1-alt { display: block; }
	.h1-main { display: none; }
	.funds { flex-direction: column-reverse; margin: 0 auto 60px; padding: 0; width: 90%; }
		.funds-content, .funds-video { width: 100%; }
		.funds-content { padding: 0; }
		.funds-video { padding-bottom: 1em; }
		.funds-content-headline.hide-mobile { display: none; }
		.funds-content-headline.hide-desktop { display: block; }
	.steps-item { padding: 0 2%; }
	.calc-step { flex-direction: column; }
		.calc-step-left, .calc-step-right, .calc-field { width: 100%; }
		.calc-field { margin-top: 8px;}
	.clear { bottom: 5px; }
	.calc-left { width: 45%;}
	.calc-results-payments { flex-wrap: wrap; }
	.calc-results-payment { width: 49%; margin-bottom: 10px;}
	.calc-results-payment span { font-size: 1.3rem;}
		.calc-results-footnote-box .cta { width: 40%; }
	.apply-offer-content { margin: 0 auto; width: 90%; }
	.mps { font-size: .85rem; }
}

@media all and (max-width: 750px) {
	.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; }
	.mf-logotype { margin-bottom: 8px; }
	.ax-nav-link, .ax-nav-link:hover, .ax-nav-link:focus { height: auto; box-shadow: none; padding-top: 5px; }

	.nav-panel { display: none; }
	.nav-mobile { display: flex; margin-bottom: 30px; }
	.ax-nav-links { display: flex; flex-wrap: wrap; justify-content: center; }
	.ax-nav-link { margin: 0 .75em; }
	.questions { font-size: 1.0rem; }

	.h1-alt { width: 100%; text-align: center; font-size: 1.125rem; position: absolute; top: 0;}
	.mf-hero { background-position: 80% 0; padding-top: 26%; height: auto; background-size: 150%; margin-bottom: 80px;}
	.hero-text {transform: translateY(80px);}
	.hero-text .axul { width: 95%; }
	.hero-text .axli { width: 40%; margin-top: .75em; font-size: .8rem; }

	.funds { margin-bottom: 30px; }

	.steps { background-size: cover; background-position: center; padding: 50px 0; }
		.steps-content { margin: auto; width: 90%; }
		.steps-list { flex-direction: column; }
		.steps-item { margin-bottom: 0.5em; padding: 0; width: 100%; }
		.steps-item:after { display: none; }
		.steps .cta { margin-top: 1em; }

	.calc { flex-direction: column; padding-top: 20px;}
	.calc-left { width: 100%; }
		.calc-infoBG { flex-direction: row; padding: 0; justify-content: space-between; padding: 0 20px; margin-bottom: 20px; }
			.calc-info-item { width: 30%; }
			.calc-info-label { font-size: .8rem; font-family: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 500;}
			.calc-info-value { font-weight: 400; font-size: 1rem;}
	.calc-right h2 { display: none;}
	.calc-results h2 { display: block; }
	.calc-head-mobile { display: block; }
	.calc-results-payment { width: 23.5%; margin-bottom: 0;}
	.calc-results-footnote-box { flex-direction: column; }
		.calc-results-footnote { margin-left: 0; width: 100%; margin-top: 1em; }
}

@media all and (max-width: 660px) {
	.ax-nav-links { width: 100%; }
	.h1-alt { font-size: 1rem; }
	.faq { margin-top: 0; }
	.faq-tabs { display: none; }
	.faq-content { border: none; padding: 0 1em;}
	.mf-headBG { min-height: 0; padding-top: 20px;}
	.mf-head-text { height: auto; }
	.mf-head-text h1 { max-width: 100%; width: 100%; }
	.explore-title { margin: 30px 0 30px 0; }
	.explores { flex-direction: column; }
	.explore { width: 100%; margin: 0 0 20px 0; max-width: 100%; padding: 30px;}
}

@media all and (max-width: 560px) {
	.mf-hero { background-position: 80% 30%; background-size: 120%;}
}

@media all and (max-width: 550px) {
	.sticky { position: relative; }
	h3 { font-size: 1.50rem; }
	.calc-infoBG { flex-direction: column; padding: 15px; }
	.calc-info-label {  font-size: .675rem; }
	.calc-info-item { width: 100%; display: flex; align-items: center; margin: 5px 0; }
	.calc-info-value { margin-top: 0; margin-left: 1em; }
}

@media all and (max-width: 500px) {
	.tandc p { font-size: .8rem;}
	.mps { font-size: .65rem; line-height: 1.2em;}
	.calc-results-payment { padding-bottom: 15px; }
	.calc-results-payment span { font-size: 1.1rem;}
	.answer { margin-bottom: 2em;}
	.apply-offer { background-size: cover; background-position: center; }
}
