#ez-header {
    min-height: 50px !Important;
    background-color: #2d3142;
    border:none;
}
.form-container{
    float:none !important;
}
.ez-step{
    margin-top: 100px !important;
    display: none;
}
.step-head {
    text-align:center;
    font-weight: 700;
    font-size: 24px;
}
.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.ez-control{
    border-radius:0 !important;
}
.ez-form-text {
    padding-left: 10px;
    font-weight:normal;
}
.ez-form-text-center {
    font-weight: normal;
    text-align:center;
}
.ochre-form-header {
    color: #ef8354 !important;
    padding-left:10px;
}
.next-btn {
    border-radius: 0;
    color: #ffffff;
    background-color: #ef8354 !important;
    height: 47px;
    font-family: Heebo;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
}
.back-btn {
    border-radius: 0;
    color: #ef8354;
    background-color: #ffffff !important;
    font-family: Heebo;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    height: 47px;
}
.back-btn:hover {
    color: #ef8354;
}
.first-name {
    font-weight: normal;
}
.fields-review {
	font-weight: normal;
}

.btn-addon {
    border-radius: 0;
    /*background-color: #8c8c8c;*/
}
.btn-group-addon {
    
}
.loan-list {
	background-color: white !important;
	color: black;
	box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
	border: 1px solid rgba(0,0,0,.15) !important;
	border-radius: 4px !important;
	min-width: 70px !important;
}
.thank-you-head {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    margin-top: 100px !important;
}
.invalid {
    background-color: #ffdddd;
}
.ssn-container > input {
    width:65px;
    display:inline;
}
.ezapp-footer {
    bottom: 0;
    width: 100%;
    background-color: #2d3142;
    font-family: 'Heebo';
    font-size: 12px;
    color: #bfc0c0;
    margin-top:50px;
    /*position: absolute;*/
}
.continue-footer {
    bottom: 0;
    width: 100%;
    background-color: #2d3142;
    font-family: 'Heebo';
    font-size: 12px;
    color: #bfc0c0;
    margin-top: 50px;
}
.ez-form-head-text{
    text-align:center;
    font-weight:normal;
}
#navbar{
    margin-bottom:0px !important;
}

@font-face {
    font-family: 'password';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/password.ttf') format('truetype');
}

input.ssn-mask {
    font-family: 'password';
}



/* CSS Animation */
@keyframes spin {
	to{	transform: rotate(1turn);}
}

@-webkit-keyframes spin {
	from {-webkit-transform: rotate(0deg)}
	to {-webkit-transform: rotate(360deg);}
}

.spinner {
	position: relative;
	display: inline-block;
	width: 5em;
	height: 5em;
	margin: 0 .5em;
	font-size: 24px;
	text-indent: 999em;
	overflow: hidden;
	animation: spin 0.89s infinite steps(8);
	-webkit-animation: spin 0.89s infinite steps(8);
}

	.spinner:before,
	.spinner:after,
	.spinner > div:before,
	.spinner > div:after {
		content: '';
		position: absolute;
		top: 0;
		left: 2.25em; /* (container width - part width)/2  */
		width: .5em;
		height: 1.5em;
		border-radius: .2em;
		background: #eee;
		box-shadow: 0 3.5em #eee; /* container height - part height */
		transform-origin: 50% 2.5em; /* container height / 2 */
		-webkit-transform-origin: 50% 2.5em; /* container height / 2 */
	}

	.spinner:before {
		background: #555;
	}

	.spinner:after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		background: #777;
	}

	.spinner > div:before {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		background: #999;
	}

	.spinner > div:after {
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
		background: #bbb;
	}



.ispinner {
	position: relative;
	width: 20px;
	height: 20px;
}

	.ispinner .ispinner-blade {
		position: absolute;
		left: 44.5%;
		top: 37%;
		width: 10%;
		height: 25%;
		border-radius: 50%/20%;
		-webkit-animation: ispinner-fade 1s linear infinite;
		animation: ispinner-fade 1s linear infinite;
		-webkit-animation-play-state: paused;
		animation-play-state: paused;
	}

		.ispinner .ispinner-blade:nth-child(1) {
			-webkit-animation-delay: -1.66667s;
			animation-delay: -1.66667s;
			-webkit-transform: rotate(30deg) translate(0, -150%);
			transform: rotate(30deg) translate(0, -150%);
		}

		.ispinner .ispinner-blade:nth-child(2) {
			-webkit-animation-delay: -1.58333s;
			animation-delay: -1.58333s;
			-webkit-transform: rotate(60deg) translate(0, -150%);
			transform: rotate(60deg) translate(0, -150%);
		}

		.ispinner .ispinner-blade:nth-child(3) {
			-webkit-animation-delay: -1.5s;
			animation-delay: -1.5s;
			-webkit-transform: rotate(90deg) translate(0, -150%);
			transform: rotate(90deg) translate(0, -150%);
		}

		.ispinner .ispinner-blade:nth-child(4) {
			-webkit-animation-delay: -1.41667s;
			animation-delay: -1.41667s;
			-webkit-transform: rotate(120deg) translate(0, -150%);
			transform: rotate(120deg) translate(0, -150%);
		}

		.ispinner .ispinner-blade:nth-child(5) {
			-webkit-animation-delay: -1.33333s;
			animation-delay: -1.33333s;
			-webkit-transform: rotate(150deg) translate(0, -150%);
			transform: rotate(150deg) translate(0, -150%);
		}

		.ispinner .ispinner-blade:nth-child(6) {
			-webkit-animation-delay: -1.25s;
			animation-delay: -1.25s;
			-webkit-transform: rotate(180deg) translate(0, -150%);
			transform: rotate(180deg) translate(0, -150%);
		}

		.ispinner .ispinner-blade:nth-child(7) {
			-webkit-animation-delay: -1.16667s;
			animation-delay: -1.16667s;
			-webkit-transform: rotate(210deg) translate(0, -150%);
			transform: rotate(210deg) translate(0, -150%);
		}

		.ispinner .ispinner-blade:nth-child(8) {
			-webkit-animation-delay: -1.08333s;
			animation-delay: -1.08333s;
			-webkit-transform: rotate(240deg) translate(0, -150%);
			transform: rotate(240deg) translate(0, -150%);
		}

		.ispinner .ispinner-blade:nth-child(9) {
			-webkit-animation-delay: -1s;
			animation-delay: -1s;
			-webkit-transform: rotate(270deg) translate(0, -150%);
			transform: rotate(270deg) translate(0, -150%);
		}

		.ispinner .ispinner-blade:nth-child(10) {
			-webkit-animation-delay: -0.91667s;
			animation-delay: -0.91667s;
			-webkit-transform: rotate(300deg) translate(0, -150%);
			transform: rotate(300deg) translate(0, -150%);
		}

		.ispinner .ispinner-blade:nth-child(11) {
			-webkit-animation-delay: -0.83333s;
			animation-delay: -0.83333s;
			-webkit-transform: rotate(330deg) translate(0, -150%);
			transform: rotate(330deg) translate(0, -150%);
		}

		.ispinner .ispinner-blade:nth-child(12) {
			-webkit-animation-delay: -0.75s;
			animation-delay: -0.75s;
			-webkit-transform: rotate(360deg) translate(0, -150%);
			transform: rotate(360deg) translate(0, -150%);
		}

	.ispinner.animating .ispinner-blade {
		-webkit-animation-play-state: running;
		animation-play-state: running;
	}

	.ispinner.white .ispinner-blade {
		background-color: white;
	}

	.ispinner.gray .ispinner-blade {
		background-color: #8C8C8C;
	}

	.ispinner.large {
		width: 35px;
		height: 35px;
	}

		.ispinner.large .ispinner-blade {
			width: 8.57143%;
			height: 25.71429%;
			border-radius: 50%/16.67%;
		}

@-webkit-keyframes ispinner-fade {
	0% {
		opacity: 0.85;
	}

	50% {
		opacity: 0.25;
	}

	100% {
		opacity: 0.25;
	}
}

@keyframes ispinner-fade {
	0% {
		opacity: 0.85;
	}

	50% {
		opacity: 0.25;
	}

	100% {
		opacity: 0.25;
	}
}
@media only screen and (max-width: 700px) {
    .ispinner {
        position: relative;
        width: 20px;
        height: 20px;
        left: 21%;
    }
}