html,body { height: 100%; width: 100%; margin:0;padding:0; }
body { padding:0; margin:0; font-style:normal; font-size:14px; font-family: Roboto,"Franklin Gothic Medium",Tahoma,sans-serif; }
html { font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; }
h1,h2,h3,h4,h5,p,form,label,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5 { font-family: 'Bebas Neue', cursive; }


*:focus {
	outline: none;
}

.col-left { height: 100%; display: flex; min-height: inherit; }
.col-right { height: 100%; display: flex; min-height: inherit; }
.col-center { height: 100%; display: flex; min-height: inherit; }
.h100 { height: 100%; min-height: inherit; }
.m-ah { margin: auto 0; }
.phone { color: inherit !important; text-decoration: none !important; }
.w100 { width: 100%; padding: 0.8em 0;}
#page.survey{
	font-size: 1.3em;
}
header { min-height:216px; background-color:#fff; }
header .call-callToAction { font-size: 1.1em; font-weight: 400; line-height: 1em; letter-spacing: 0.25px; color: #005EAD; }
header .phoneNumber { font-size: 1.7em; font-weight: 700; line-height: 1.5em; color: var(--primary-brand-color); }
.column-width{
	width: 33%;
	margin: 0 3.3em;
}
a{
	color: var(--primary-brand-color);
}
.column-width:first-child{
	width: 33%;
	margin: 0 3.3em 0 0;
}
.column-width:last-child{
	width: 33%;
	margin: 0 0 0 3.3em;
}
.smilingdiamonds{
	position: absolute;
	right: 15em;
}
section#code-form {
	width: 100%;
	position: relative;
	background: URL("https://images.unsplash.com/photo-1595182084742-abd9ecc0f0c8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=3150&q=80");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
section#code-form .hero-spacing{
	width: 85%;
	margin: 3.12em 0;
	z-index: 2;
}
section#code-form .heroTitle { color: var(--primary-brand-color); font-size: 2.89em; font-weight: 700; line-height: 1;}
section#code-form .heroSubtext { color: var(--primary-brand-color); font-size: 2.89em; font-weight: 400;}
section#code-form .input-lbl { color: #676F75; font-size: 2.1em; padding-top: 0.9em;}
section#code-form .txt-input {padding-top: 1.5em; padding-bottom: 1em;}
section#code-form .txt-input input{width: 23em; height: 3em; border-radius: 30px; text-align: center; font-size: 1.2em; border: 1px solid var(--primary-brand-color)}
section#code-form .txt-input input::placeholder{color: #D9D9D9; font-weight: 700; text-align: left; padding-left: 20px;}
/* section#code-form .input-hint {padding-bottom: 1.6em;} */
section#code-form .input-hint a { text-decoration: underline; color: var(--primary-brand-color); }
section#code-form .input-hint a:active { text-decoration: underline; color: var(--primary-brand-color); }
section#code-form .input-hint a:hover { text-decoration: underline; color: var(--primary-brand-color); }
section#code-form .form-button {}
section#code-form .form-button .iconify {font-size: 3em;}
section#code-form .form-button button { color: #FFF; background-color: var(--secondary-brand-color); width: 13.5em; font-weight: 700; font-size: 1.5em; border-radius: 30px; margin-bottom: 0.6em; border: none;}
section#code-form .form-button button:hover { transform: scale(1.02); box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); background-color: #FFE175;}
section#code-form .fico {margin-bottom: 3em;}
section#code-form .fico span{font-weight: 700;}

section#code-form-bottom { min-height: 1px; background-color: #005EAD; margin: 0 auto;}

footer#disclaimers { background-color: #EAEAEA; }

.width{
	width: 60%;
}

.show-loading-spinner {
	display: block !important;
}

section#exploring{
	padding: 3.9em 0;
}
section#exploring h3{
	font-size: 2em;
	margin-bottom: 1em;
	color: var(--secondary-brand-color);
}
.list-comparison{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
}
.list-comparison p{
	font-size: 1.3em;
}
.list-title{
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 1em;
}
.list-comparison:first-child{
	margin-right: 4em;
}
.list-comparison:last-child{
	margin-left: 4em;
}
.current-debt-balances.list-comparison{
	color: var(--primary-brand-color);
}
.yr-personal-loan.list-comparison{
	color: var(--secondary-brand-color);
}
.sub-item-title{
	font-weight: 400;
}
.value{
	font-weight: 700;
}
.vs-circle{
	display: flex;
	justify-content: center;
	border-radius: 100%;
	padding: 0.3em;
	font-size: 2em;
	border: 2px solid var(--primary-brand-color);
	color: var(--secondary-brand-color);
	margin: auto 0;
}
.example{
	color: #bbb;
	font-size: 1em;
	margin-bottom: 20px;
	text-align: left;
}
.example-wrapper{
	position: relative;
	border-radius: 8px;
	border: 1px solid #bbb;
	padding: 2em;
}

.highlight-container{
	position: absolute;
	z-index: -1;
	right: 33px;
    bottom: -23px;
    transform: scale(1.1) rotate(1deg);
}
.highlight-2{
    transform: scale(1.1) rotate(1deg);
}

.footer-links{
	margin-top: 30px;
	width: 100%;
}
.footer-links a{
	padding: 10px 20px;
}
.footer-links a:not(:last-child){
	border-right: 1px solid #bbb;
}
#call-to-action .iconify{
	font-size: 4em;
	color: var(--primary-brand-color);
}
.cta-words{
	font-size: 1.6em;
	color: var(--secondary-brand-color);
}
.cta-phone{
	font-size: 4em;
	color: var(--primary-brand-color);
}

footer#disclaimers{
	padding: 3.8em 0;
}
footer#disclaimers div, footer#disclaimers li{
	font-size: 0.9em;
    font-weight: 100;
}
footer#disclaimers h4{
	font-size: 0.9em;
	font-weight: 700;
	padding: 0.6em 0 0.2em 0;
}

.section-padding{
	padding-top: 3em;
}
.p-padding{
	padding-top: 1.25em;
}

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

/* TEXT */
.flex {
	display: flex;
}

.flex-j-start {
	display: flex;
	justify-content: flex-start;
}

.flex-j-center {
	display: flex;
	justify-content: center;
}

.flex-j-end {
	display: flex;
	justify-content: flex-end;
}

.flex-align-start {
	display: flex;
	align-items: flex-start;
}

.flex-align-center {
	display: flex;
	align-items: center;
}

.flex-align-end {
	display: flex;
	align-items: flex-end;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.flex-row {
	display: flex;
	flex-direction: row;
}

.flex-wrap {
	display: flex;
	flex-wrap: wrap;
}

.flex-j-space-around {
	display: flex;
	justify-content: space-around;
}

.flex-j-space-evenly {
	display: flex;
	justify-content: space-evenly;
}

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

.pointbreak-privacy-policy {
	* p {
		margin-bottom: 8px;
		line-height: 1.2rem;
	}
}

.has-bg-color {
	background-color: var(--primary-brand-color);
}

.hover-effect:hover {
	opacity: 0.5;
	color: white;
	background-color: var(--primary-brand-color);
}