* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

form a {
	color: #e76d6d;}
	
	.hide {
		display:none;
	}
	
form input {
    margin:0;
}

#SSN {display: none}

/* App Container */

form {
	color: #FFF;
	width: 100%;
	margin: 0;
	z-index: 105;
	color: #000;
    font-size: 12px;
    margin: 2%;
    width: 96%;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box; }

form * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box; }



/* Red labels for incorrect fields */

form .problem	{ color: #FF0000; }



/* Three main boxes */

form #PersonalInfo,
form #ResidentialInfo,
form #EmploymentInfo, form #BankruptcyInfo {
	display: block;
	width: 100%;
	padding: 10px;
	height: inherit;
}

form #PersonalInfo {
	width: 49%;
	min-height: 175px;
	float: left;}

form #ResidentialInfo	{
	width: 49%;
	min-height: 175px;
	float: right;}

form #EmploymentInfo	{
    border-top: 1px dotted #999;
    height: 150px;
}

form #BankruptcyInfo	{
    border-top: 1px dotted #999;
    height: auto;
    padding-bottom: 30px;
}

/* Other sections */

form.authorization {
	display: block;
	width: 100%;
	margin: 10px 0;
	padding: 10px;
	color: #000;
	border-top: 1px dotted #999;
}

form.disclaimer {
	display: block;
	width: 100%;
	font-size: 10px;
	margin: 20px 0;
	padding: 20px 0;
	
	 }



/* Typography */

form legend {
	display: block;
	padding: 15px 0 0px;
	font-family: 'Montserrat', sans-serif;;
	font-size: 20px;
	line-height: 20px;
	color: #e8320b;
    font-weight: 300;
    top: 0;
    position: relative;
    border-top: 0;
    width: 100%;
   }

label {
	font-size: 11px;
	color: #000;
	font-weight: 400;
	vertical-align: top;
	line-height: 1.2;
}

/* Form */

	/*clear appearance */

	form input,
	form select	{ outline: 0; }


	/*set appearance */
	form input,
	form select {
		height: 20px;
		padding: 0 5px;
		border-radius: 3px;
		font-size: 12px;
		line-height: 12px;
		border: 1px solid #999;
		}

	form select {
		padding-right: 0;}

	/*labels*/
	form #PersonalInfo label,
	form #ResidentialInfo label,
	form #EmploymentInfo label{
		display: inline-block;
		width: 35%;
		vertical-align: top;
	}


	/*nested labels fix*/
	form #PersonalInfo label label	{ width: 100%; }
	form #PersonalInfo label label label	{ width: 100%; }
	form #ResidentialInfo label label			{ width: 100%; }
	form #ResidentialInfo label label label	{ width: 100%; }
	form #EmploymentInfo label label			{ width: 100%; }
	form #EmploymentInfo label label label	{ width: 100%; }

	/*add space between fields*/
	form #PersonalInfo div		{ margin-bottom: 4px ;width: 100%; display: inline-block; }
	form #ResidentialInfo div	{ margin-bottom: 4px; }
	form #EmploymentInfo div	{ margin-bottom: 4px; }
	form.authorization div		{ margin-bottom: 4px; position: relative; left: 20px; width: 95%}

/* Personal Information */
	#Name input											{ width: 50%; }
	form #PersonalInfo #emailInputs  					{ width: 64%; display:inline-block; margin-bottom: 0px; }
	form #PersonalInfo #emailInputs  input				{ width: 100% }
	form #PersonalInfo #homePhoneInputs					{ width: 64%; margin-bottom: 0px; }
	form #PersonalInfo #homePhoneInputs input			{ width: 32% }
	form #PersonalInfo #dobInputs						{ width: 64%; margin-bottom: 0px; }
	form #PersonalInfo #dobInputs select				{ width: 32%}

	form #PersonalInfo #nameInputs {
		width:64%;
		display:inline-block;
		margin-bottom: 0px;
	}

/* Residential Information */
	form #ResidentialInfo #streetAddressInputs  		{ width: 64%; display:inline-block; margin-bottom: 0px; }
	form #ResidentialInfo #streetAddressInputs input	{ width: 100% }
	form #ResidentialInfo #cityInputs					{ width: 64%; display:inline-block; margin-bottom: 0px; }
	form #ResidentialInfo #cityInputs input				{ width: 100% }
	form #ResidentialInfo #								{ width: 64%; margin-bottom: 0px; }
	form #ResidentialInfo #								{ width: 33%}

/* Employee Information */
	#employee_left						{ width: 49%; float: left; } /*left col*/
	#employee_right						{ width: 49%; float: right; } /*right col*/
	#EmployerPhone input				{ width: 15%; }
	#EmployerZip input					{ width: 20%; }
	#EmploymentType select				{ width: 62%; }
	#TimeWithEmployer select			{ width: 31%; }
	#EmploymentIncome input				{ width: 30%; }

/* Authorization and Certification */
	.authorization input				{ position: relative; top: 2px; margin-right: -14px; right: 20px}

/* Submit Button */
	.afw_applybtn {
	transition: background-color 0.25s ease;
	width: 70%;
	height: auto;
	background: url("../img/applyarrow.png"),#bd1a30; 
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	line-height: 18px;
	border: none;
	box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5);
	padding: 15px;
	text-align: left;
	margin: 4% auto;
	background-size: contain, auto;
	background-repeat: no-repeat, repeat;
	background-position: right, center, center, center;
	display: block;
	text-decoration: none;
	vertical-align: middle;
	border-radius: 15px; }


	.afw_applybtn:hover {
		background: url("../img/applyarrow.png"), #800213; 
	background-size: contain, auto;
	background-repeat: no-repeat, repeat;
	background-position: right, center, center, center;
	display: block;
	text-decoration: none;
	vertical-align: middle; }

#submit {height: auto !important}





/**********************************************
	TABLETS and MOBILE - smaller than 960px
***********************************************/
	@media only screen and (max-width: 959px) {

		form #PersonalInfo, form #ResidentialInfo, form #EmploymentInfo
		{ padding: 10px; margin-bottom: 15px;  }

	/*make everything flow vertically*/
		form #PersonalInfo	{ width: 100%; float: none; }
		form #ResidentialInfo	{ width: 100%; float: none; }
		form #EmploymentInfo	{ width: 100%; height: auto}
		#employee_left					{ width: 100%; float: none; } /*left col*/
		#employee_right					{ width: 100%; float: none; } /*right col*/

	/*make forms big enough for touch input*/
		form input, form select {
			height: 40px;
			padding: 0 5px;
			border-radius: 3px;
			font-size: 12px;
			line-height: 12px;
			border: 1px solid #999;
		}

	/*increase space between fields */
		form #PersonalInfo div	{ margin-bottom: 11px; }
		form #ResidentialInfo div	{ margin-bottom: 11px; }
		form #EmploymentInfo div	{ margin-bottom: 11px; }

	/*type*/
		legend				{ padding: 10px 0;  }
		form label					{ font-size: 11px; display: block; width: 100%; }

	/* Personal Information */
		#nameInputs input					{ width: 50%; height: 40px; }
		#HomePhone input					{ width: 33.3%; }
		#CellPhone input					{ width: 32%; }
		#DOB select							{ width: 33.3%; }
		#SSN input							{ width: 30%; }

	/* Residential Information */
		#State #l_state						{ width: 50%;} /*state input*/
		#State #l_zip						{ width: 40%; } /*zip input */
		#TimeAtAddress select				{ width: 50%; }
		#HousingPayment input				{ width: 80%; }
	/* Employee Information */
		#EmployerPhone input				{ width: 33.3%; }
		#EmployerZip input					{ width: 40%; }
		#EmploymentType select				{ width: 100%; }
		#TimeWithEmployer select			{ width: 50%; }
		#EmploymentIncome input				{ width: 80%; }

	/* Authorization */
		form input[type="checkbox"]			{ display: inline-block; height: 15px; }
		form label[for="lfi_authorization"]	{ display: inline; }
		form label[for="lfi_applicanttype"]	{ display: inline; }
		form label[for="cmi_media_optin"]	{ display: inline; }


	/* Submit Button */
		.afw_applybtn							{ width: 90%; height: 50px; }
	
	/* adaptions for GUA */
		#EmployerName, #Occupation, #EmployerPhone, #EmploymentType, #TimeWithEmployer, #EmploymentIncome, form #EmploymentInfo #employerNameInputs, form #EmploymentInfo #occupationInputs, form #EmploymentInfo #employerPhoneInputs, form #EmploymentInfo #employmentTypeInputs, form #EmploymentInfo #timeWithEmployerInputs, form #EmploymentInfo #employmentIncomeInputs, form #ResidentialInfo #residenceTypeInputs, form #ResidentialInfo #timeAtAddressInputs, form #ResidentialInfo #housingPaymentInputs, form #ResidentialInfo #cityInputs, form #ResidentialInfo #streetAddressInputs, form #PersonalInfo #dobInputs, form #PersonalInfo #homePhoneInputs, form #PersonalInfo #emailInputs, form #PersonalInfo label, form #ResidentialInfo label, form #EmploymentInfo label {
			display: block;
			width: 100% !important;
		}	
		
		form #PersonalInfo #nameInputs {
			width: 100%;
			display: block;
			margin-bottom: 0px;
			height: 40px;
		}		
		
		form #State, form #Zip {
			width: 100%;
			display: block;
		}		
				
		form #ResidentialInfo #stateInputs {
			display: inline-block;
			width: 100%;
			margin-bottom: 0;
		}
				
		form #ResidentialInfo #zipInputs {
			width: 38%;
		}
				
		#EmploymentType, #TimeWithEmployer, #EmploymentIncome {
			position: initial;
		}
				
		form #EmploymentInfo #employerPhoneInputs input {
			width: 32%;
		}		
		
		form #EmploymentInfo input {
			width:100%
		}
				
		form #CertAndAuth {
			margin-top: 0px;
		}		
		
		form #Privacy label {
			margin-top:70px;
		}
		
		form #Privacy div, form #CMIMediaOptIn div, form #CoBuyer div, form #newsLetterOptInField div {
			display: block;
			position: absolute;
			left: 10px;
			bottom: auto;
			top: 12px;
			height: 1px;
		}
		
		form #Privacy div {
			top:70px;
		}
				
		form #CertAndAuth label {
			width: 84%;
		}
		
		#Privacy, #CMIMediaOptIn, #CoBuyer {
			position: relative;
		}
			
		#CMIMediaOptInInputs, #coBuyerInputs {
			position: absolute;
			top: 0;
		}
			
		#privacyInputs {
			position: absolute;
			top: 75px;
		}
		
		#CertAndAuth label {
			margin-bottom:10px;
		}
		
		#CertAndAuth legend {
			position:absolute
		}
		
		#Privacy label {
			margin-top: 75px;
		}
		
		.responsive{
			margin:2%;
			width:96%;
		}
	}



/**********************************************
	PREQUALIFIER
	!! SHOULD BE WRAPPED IN #calc DIV !!
***********************************************/
/* Calc Wrapper */
	#calc 							{
		width: 95%;
		display: block;
		margin: auto;
		padding: 20px;
		background: #faf7ef;
		position: relative;
		font-size: 12px;
		line-height: 14px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 5px;
		box-shadow: inset 0 -5px 0 0 rgba(0,0,0,.1); }

	#calc *							{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

	#calc input						{ height: 20px; padding: 0 5px; border: 1px solid #CCC; font-size: 12px; line-height: 12px; }
	#calc input[type="radio"]		{ height: 12px; padding: 0; border: 0; font-size: inherit; line-height: inherit; }

/* Positions */
	.step1							{ width: 45%; float: left; }
	.step2							{ width: 50%; float: right; padding-left: 5%; border-left: 1px dashed #ccc; }

/* Typography */
	.calctitle						{ display: block; padding: 5px 0; margin-bottom: 5px; font-size: 14px; line-height: 16px; font-weight: bold; color: #4CC3E6; }

/* Step 1 */
	.step1 div						{ width: 100%; margin-bottom: 12px; }
	.step1 div b					{ display: inline-block; float: right; }
	.step1 div input				{ margin-right: 10px; }

/* Step 2 */
	.step2 div						{ width: 100%; margin-bottom: 5px; }
	.step2 #monthly_income			{ margin-bottom: 35px; }
	.step2 b						{ display: inline-block; width: 35%; float: right; }
	.step2 b input					{ width: 65%; }

/* Step 3 */
	.step3 div						{ width: 100%; clear: both; margin-bottom: 10px; }
	.step3 b						{ display: inline-block; width: 35%; float: right; }
	.step3 b input					{ width: 65%; }
	.step3 small					{ display: block; font-size: 11px; margin-top: 5px; }

/* Qualified Loan Amount */
	.qualify						{ width: 100%; border-top: 1px dashed #ccc; padding: 10px 0; }
	.qualify .heading				{ width: 45%; float: left; }
	#chosenloancell 				{ width: 50%; padding: 10px; float: right; background: #fff; border: 1px solid #ccc; text-align: center; font-weight: bold; font-size: 18px;
									position: relative; top: 7px; color: #009bff }

/* Step 4 - Lead In */
	.leadin							{ width: 100%; border-top: 1px dashed #ccc; padding: 10px 0; }
	.leadin .submit_zip				{ width: 50%; float: left; }
	.leadin i						{ display: block; width: 45%; float: right; font-style: normal; font-size: 11px; line-height: 18px; }
	.leadin #zipcode				{ width: 30%; height: 41px; font-size: 14px; line-height: 41px; font-weight: bold; }
	.leadin #submitbutton			{
		display: inline-block;
		width: 60%;
		height: 41px;
		margin-left: 9%;
		font-size: 18px;
		line-height: 41px;
		color: #FFF;
		font-weight: bold;
		border-radius: 5px;
		text-align: center;
		overflow: hidden;
		cursor: pointer;
		font-family: 'Lato';
		background: #91E2FE;
		background: -moz-linear-gradient(top,  #91E2FE 0%, #4CC3E6 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91E2FE), color-stop(100%,#4CC3E6));
		background: -webkit-linear-gradient(top,  #91E2FE 0%,#4CC3E6 100%);
		background: -o-linear-gradient(top,  #91E2FE 0%,#4CC3E6 100%);
		background: -ms-linear-gradient(top,  #91E2FE 0%,#4CC3E6 100%);
		background: linear-gradient(to bottom,  #91E2FE 0%,#4CC3E6 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91E2FE', endColorstr='#4CC3E6',GradientType=0 );
		box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .1);
		position: relative;
		border: 0;
		outline: 0;
		top: 1px; }

	.leadin #submitbutton:hover		{ background: #000029; }

/* Conditional */
	.conditional					{ width: 100%; border-top: 1px dashed #ccc; padding: 10px 0; font-size: 10px; }


/**********************************************
	TABLETS and MOBILE - smaller than 960px
***********************************************/
	@media only screen and (max-width: 959px) {
		#calc input						{ height: 40px; padding: 0 5px; border: 1px solid #CCC; font-size: 12px; line-height: 12px; }
		#calc input[type="radio"]		{ height: 12px; padding: 0; border: 0; font-size: inherit; line-height: inherit; }

	/* Positions */
		.step1							{ width: 100%; float: none; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #ccc; }
		.step2							{ width: 100%; float: none; padding-left: 0; border-left: 0; }
		.step3							{ width: 100%; float: none; padding-top: 10px; margin-top: 10px; border-top: 1px dashed #ccc; }

	/* Step 2 */
		.step2 div						{ width: 100%; margin-bottom: 10px; }
		.step2 b						{ display: block; width: 100%; float: none; }
		.step2 b input					{ width: 85%; margin-top: 5px; }

	/* Qualified Loan Amount */
		.qualify						{ width: 100%; border-top: 1px dashed #ccc; padding: 20px 0; }
		.qualify .heading				{ width: 100%; float: none; margin-bottom: 0; }
		#chosenloancell 				{ width: 100%; padding: 10px; float: none; background: #fff; border: 1px solid #ccc; text-align: center; font-weight: bold; font-size: 18px; }

	/* Step 4 - Lead In */
		.leadin							{ width: 100%; border-top: 1px dashed #ccc; padding: 10px 0; }
		.leadin .submit_zip				{ width: 100%; float: none; }
		.leadin i						{ display: block; width: 100%; float: none; font-style: normal; font-size: 11px; line-height: 18px; margin-top: 20px; }
		.leadin #zipcode				{ width: 35%; height: 41px; font-size: 14px; line-height: 14px; font-weight: bold; }
		.leadin #submitbutton			{ width: 60%; margin-left: 4%; }
	}


.clear									{ clear: both; margin: 0; padding: 0; }

/*Footer - Ad*/

.rightcol_adbox { float:right; width:198px; height:651px; position:relative; margin-left:6px; }
.rightcol_adbox .rcab-app_bkrd { width:198px; height:651px; position:absolute; z-index:251; top:0; left:-15px; }
.rightcol_adbox .rcab-app_pad { padding:18px 0 0 0; }
.rightcol_adbox .rcab-app_label { font-size:10px; color:#999; text-align:right; padding:2px 20px 0 0; }

#new-app_container { width:896px; }
.leftcol-app_content { float:left; width:690px }

.afw_error { width:594px; color:#FF0000; padding:5px 8px 5px 8px; margin-bottom:8px; background-color:#f4f7f9; text-align:left; font-size:10px; }
.afw_error_title { font-weight:bold; font-size:11px; padding:0 0 10px 0; margin:0; }
.afw_error_li { background-position:0 3px; }
.afw_error ul { margin: 0 10px; padding:0; list-style:none; list-style-type:none; line-height:1.35; }

#tcpaSubmit {
	border:none;
	background:none;
	text-decoration:underline;
	cursor:pointer;
	padding:0;
	margin:0;
	color:#e76d6d;}

#tcpa {color:#FFF;}

#typ_content{color:#FFF;}

.full-width-tablet div{color:grey ! important;}






#message {
	background: #FAF7EF;
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 20px;
	border-bottom: 4px solid #E1DED7;}

#message h1 {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    text-shadow: 0 1px 2px #FFFFFF;
	left: 5px;
    color: #4CC3E7;
    font-size: 18px;
    font-weight: bold;
	font-family: Arial;}

#message p {
	font-size: 11px;
	color: #808080;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	left: 5px;
	text-shadow: 0 1px 5px #FFF;}

#message p + p {
	margin: 20px 0 20px 0}


.disclaimer {display: none !important;}



.afw_applybtn {margin:40px auto!important;}

#tcpa {
	display: block;
	margin:10px auto;
	color: #FFF !important;
    font-size: 11px !important;}

#tcpaSubmit {
	margin: 0 !important;
	padding: 0 !important;
	display: inline !important;
	font-size: 11px;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;}


#typ_content .confirm_title {
	color: #000029 !important;
	margin-bottom: 10px;}


#appBaq {
	background: #91E2FE;
	padding: 25px 20px 35px 20px;
	margin-bottom: -20px;}

script + .heading {
    display: block;
    margin: 10px auto;
    text-shadow: 0 1px 2px #FFFFFF;
    color: #4CC3E7;
    font-size: 18px;
    font-weight: bold;
	background: #FAF7EF;
	width: 93%;
	border-radius: 5px;
	padding: 20px 0 20px 2%;
	border-bottom: 4px solid #E1DED7;}

#SSN img {
	display: none;}



.application br:last-of-type {display: none;}

.application br:nth-last-of-type(2) {display: none;}

@media screen and (max-width: 400px) {
	script + .heading {
		width: 90%;
		padding: 20px 0 20px 5%;}}


#spDisclaimer { color: #FFFFFF;font-size: 11px;}

form .two, form .three {
    margin: 0;
}

form select {
	margin:0
}


form #Bankruptcyinfo {
   vertical-align: middle;
}

#Bankruptcyinfo label {
    width: 100%;
   
}

#Bankruptcyinfo label ~ div{
     margin-left: 0;
    padding-left: 0;
}
#BankruptcyDischarged, #BankruptcyChapter, #BankruptcyDischargedRecently {
    visibility: hidden;
    display: none!important;
}
#HaveBankruptcy, #BankruptcyChapter, #BankruptcyDischarged, #BankruptcyDischargedRecently{
    width: 47%;
    display: inline-block;
}

#HaveBankruptcy label, #BankruptcyChapter label, #BankruptcyDischarged label, #BankruptcyDischargedRecently label{
    width: 100%;
    display: inline-block;
}


#HaveBankruptcy, #BankruptcyDischarged {
    margin: 0 5% 0 0;
}

#BankruptcyDischarged.showdis, #BankruptcyChapter.showdis, #BankruptcyDischargedRecently.showdis{
    visibility: visible;
    display: inline-block!important;
}


@media screen and (max-width: 800px) {

    #HaveBankruptcy, #BankruptcyChapter, #BankruptcyDischarged, #BankruptcyDischargedRecently{
    width: 100%;
    
}
}