/* common */

html,
body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

html {
	background: url(/images/bg_gradient.png) no-repeat center / cover;
}

body {
	background: url(/images/bg_bottom.png) no-repeat center bottom / cover;
	-webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    font-size: 14px;
    color: #333;
	font-family: 'AvenirNextLTPro-Regular', serif;
}

::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}

::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .5);
	box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}


.g-disabled {
	pointer-events: none;
}

.form-control.g-disabled {
	background: #ccc;
}

.page {
	min-height: 100%;
	position: relative;
	padding: 60px 0;
}

.wrapper {
	background: #fff;
	box-shadow: 0px 3px 10px #0000001A;
	border-radius: 10px;
	position: relative;
	z-index: 0;
	min-height: calc(100vh - 120px);
	padding: 0;
	display: table;
}

/* sidebar */

.sidebar {
	height: 0;
	min-height: 100%;
	position: relative;
	top: 0;
	overflow-y: hidden;
	z-index: 1;
	width: 300px;
	color: #333;
	border-right: 1px solid #DBDBDB;
	display: table-cell;
	vertical-align: top;
	/* padding-bottom: 150px; */
}

.sidebar__wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.sidebar__content {
	height: 100%;
	padding: 15px;
	padding-top: 40px;
	padding-bottom: 100px;
}

.sidebar__logo {
	width: 200px;
	height: 60px;
	text-align: center;
	margin: 0 auto;
}

.sidebar__logo img {
	max-width: 100%;
	height: auto;
	max-height: 150px;
}

.sidebar_menu {
	margin-top: 120px;
}

/* sidebar footer */

.footer {
	border-top: 1px solid #DBDBDB;
	text-align: center;
	position: absolute;
	bottom: 16px;
	width: 100%;
	color: #003865;
	text-align: center;
	padding: 15px 20px;
}

.footer_title {
	font-weight: 400;
	margin-bottom: 16px;
	font-size: 14px;
}

.footer_links {
	text-align: center;
}

.footer_link,
.footer_link:hover {
	color: #706E6B;
}

.footer_devider {
	display: inline-block;
	height: 14px;
	width: 2px;
	vertical-align: middle;
	margin: 0 5px;
	background: #706E6B;
}

.sidebar__footer {
	position: relative;
	border-top: unset;
}

.sidebar__footer-separator {
	border-bottom: 1px solid #dbdbdb;
	margin-left: -20px;
	margin-right: -20px;
}

/* content */

.content {
	padding-top: 30px;
	margin-left: 300px;
	min-height: 100%;
	padding-bottom: 50px;
	display: table-cell;
	position: relative;
}

.content_center {
	vertical-align: middle;
	position: relative;
}

/* loader */

.g-loader {
     display: block;
     background: rgba(255, 255, 255, 0.8);
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     z-index: 999999;
     text-align: center;
}

.g-loader .spin-box {
    display: inline-block;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 40px;
    height: 40px;
}

.g-loader i {
    color: #003865;
}

/* login */

.loan-title {
	color: #0067AE;
}

.nav-link {
	color: #706E6B;
	line-height: 46px;
	text-align: left;
	padding-left: 60px;
	margin-bottom: 16px;
	border-radius: 5px;
}

.nav-link.active,
.nav-link:hover {
	background-color: #E5E2E2;
	color: #575656;
}

.nav-link.active {
	font-family: 'AvenirNextLTPro-Demi', serif;
}

.nav-link i {
	margin-right: 16px;
}

.title {
	font-weight: normal;
	font-size: 26px;
	line-height: 36px;
	color: #0067AE;
	font-weight: 300;
	margin-bottom: 10px;
}

.form-page {
	height: auto;
	margin: 32px auto;
	position: relative;
}

.form-page_user {
	height: 610px;
}

.form-page__brand {
	margin-bottom: 60px;
}

.form-page__brand img {
	/* avoid logo scaling to full width of parent */
	max-width: 150px;
	height: auto;
}

.form-page__greeting {
	float: left;
	width: 50%;
	margin-left: -15px;
}

.form-page__title {
	font-size: 36px;
	color: #0067AE;
	font-weight: 300;
	width: 330px;
}

.form-page__footer {
	position: absolute;
	left: 0;
	bottom: 140px;
	color: #003865;
	white-space: nowrap;
	height: 120px;
	z-index: -1;
}

.form-page__form {
	float: right;
	width: 50%;
	background: #fff;
	padding: 60px 50px;
	padding-bottom: 30px;
	box-shadow: 0px 3px 10px #0000001A;
	border-radius: 10px;
	height: 100%;
}

.form-group {
    margin-bottom: 20px;
}

.form-page__form-label {
	font-family: 'AvenirNextLTPro-Demi', serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	margin-bottom: 2px;
	color: #333;
}

.form-page__form-control {
	border: 1px solid #BFBFBE;
	height: 54px;
	line-height: 54px;
	display: block;
	width: 100%;
	padding: 0px 16px;
	font-size: 16px;
}

.btn {
	height: 40px;
	line-height: 41px;
	border: 1px solid #0067AE;
	background: #0067AE;
	color: #fff;
	text-align: center;
	padding: 0 20px;
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn:hover {
	color: #fff;
}

.btn-info {
	background: #fff;
	color: #0067AE;
}

.btn-info:hover,
.btn-info:focus {
	background: #0067AE;
	color: #fff;
}

.form-page__form-submit {
	display: block;
	width: 220px;
	margin: 0 auto;
	text-transform: uppercase;
}

/* fields */

.form-group {
	position: relative;
	margin-bottom: 20px;
}

.error {
	border-color: #DB3E3E;
}

.form-group.required .has-star:not(.custom-control-label):not(.custom-file-label)::after,
.is-required::after {
	display: none;
}

.has-error .control-label,
.has-success .control-label  {
	color: inherit;
}

.form-control,
.form-value {
	position: relative;
	height: 54px;
	line-height: 54px;
	border-radius: 4px;
	border: 1px solid #DEDEDF;
	font-size: 16px;
	-webkit-box-shadow: none;
    box-shadow: none;
    transition: none;
    padding: 0px 16px;
}

.form-control:focus {
	border: 2px solid #0067AE;
	-webkit-box-shadow: none;
    box-shadow: none;
}

.form-label {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 2px;
}

.form-label_horizontal {
	display: table-cell;
	height: 54px;
	vertical-align: middle;
}

.form-horizontal .form-label_horizontal,
.form-horizontal .form-control,
.form-horizontal .form-value {
	height: 42px;
	line-height: 42px;
}

.form-horizontal .form-group {
	margin-bottom: 10px;
}

.form-value {
	border-color: #fff;
}

.form-value + .form-control {
	display: none;
}

::-webkit-input-placeholder { /* Chrome */
	color: rgba(112, 112, 112, 0.5);
	opacity: 0.5;
}

:-ms-input-placeholder { /* IE 10+ */
	color: rgba(112, 112, 112, 0.5);
	opacity: 0.5;
}

::-moz-placeholder { /* Firefox 19+ */
	color: rgba(112, 112, 112, 0.5);
	opacity: 0.5;
}

:-moz-placeholder { /* Firefox 4 - 18 */
	color: rgba(112, 112, 112, 0.5);
	opacity: 0.5;
}

.has-error .help-block,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #DB3E3E;
}

.has-error .form-control,
.has-error .form-control:focus {
    border-color: #DB3E3E;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-success .help-block,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #44BC28;
}

.has-success .form-control,
.has-success .form-control:focus {
    border-color: #44BC28;
    -webkit-box-shadow: none;
    box-shadow: none;
}

select {
	-webkit-appearance: none;
	box-shadow: none !important;
	outline: none;
}

.select {
	position: relative;
}

.select::after {
	position: absolute;
	display: block;
	content: "";
	width: 24px;
	height: 24px;
	top: 0;
	right: 10px;
	bottom: 0;
	margin: auto;
	background: url('/images/dropdown.svg') no-repeat -5px center;
	/*border: 1px solid #DEDEDF;
	border-left: 0;
	border-radius: 0px 4px 4px 0px;*/
	pointer-events: none;
}

.select_hidden::after {
	display: none;
}

label {
	font-family: 'AvenirNextLTPro-Demi', serif;
	margin-bottom: 2px;
	font-weight: normal;
}

.terms-conditions {
	font-family: 'AvenirNextLTPro-Regular', serif;
}

em {
	font-family: 'AvenirNextLTPro-Medium', serif;
}

h3 {
	font-family: 'AvenirNextLTPro-Medium', serif;
	padding-top: 30px;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 22px;
}

.step-2-title {
	color: #0067AE;
	font-weight: 300;
	font-size: 26px;
}

.step-2-option {
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 2px;
	color: #333333DE;
}

.go-back-button,
.go-back-button:hover,
.go-back-button:focus {
	background: #f2f2f2;
	border: 1px solid #f2f2f2;
	color: black;
	font-weight: 400;
}

.step-3-title {
	color: #0067AE;
	font-weight: 300;
	font-size: 26px;
}

.step-3-subtitle {
	font-size: 14px;
}

.card-header {
	background-color: white;
	border-bottom: 1px solid rgba(0,0,0,.125);
}

.step-3-select-option {
	background: white;
	border: 1px solid #0067AE;
	color: #0067AE;
	font-weight: bold;
}

.offer__text {
	color: #0067AE;
}

.offer:hover,
.offer_active {
	border: 1px solid #0067AE;
}

.offer_danger {
	border: 1px solid #dc3545;
}

.offer__button {
	background: white;
	border: 1px solid #0067AE;
	color: #0067AE !important;
	font-weight: bold;
}

.offer_active .offer__button {
	background: #0067AE;
	border: 1px solid #0067AE;
	color: #fff !important;
	font-weight: bold;
}

.card-title-step3 {
	border-bottom:1px solid #D9D8D8;
	margin-bottom: 40px;
}

.card-content-step3 {
	margin-bottom: 30px;
}

.card-text-title {
	margin-bottom: 10px !important;
}

.card-text-price {
	font-size: small;
}

.card-text-description {
	font-size: small;
	color: #53565A;
}

.step-4-title {
	color: #0067AE;
	font-weight: 300;
	font-size: 26px;
}

.another-option {
	font-size: 16px;
	color: #333333DE;
	font-weight: bold;
	line-height: 3em;
}

.another-option > span {
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
}

.another-option > span:after,
.another-option > span:before {
	content: '';
	width: 150px;
	height: 2px;
	background: #D6D6D6;
	margin: 0 10px;
}

.example-logo {
	margin-top: -65px;
	margin-bottom: -100px;
	padding: 35px;
}

.parent-div {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30%;
	margin-bottom: auto;
}

.check-icon {
	color:#4DC338;
	font-size: 150px;
}

.check-icon_danger {
	font-size: 150px;
	color: #DB3E3E;
}

.approved-title {
	color: #0067AE;
	font-weight: 300;
	font-size: 26px;
}

.thank-you-container {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 15%;
	margin-bottom: auto;
}

.thank-you-title {
	color: #0067AE;
	font-weight: 300;
	font-size: 26px;
}

.thank-you-content {
	padding: 15%;
}

.step-1-form {
	margin-bottom: -5px;
}

.step-1-input {
	height: 35px !important;
}

.footer_mobile {
	display: none;
}

.error-title {
	color: #a94442;
	font-weight: 300;
}

.service__logo {
	height: 70px;
	background: #F2F2F2 no-repeat center / 100px;
}

.service__text {
	font-size: 1.25rem;
	height: 70px;
	line-height: 70px;
	padding: 0 15px !important;
	font-weight: 600;
}

.offer {

}

.offer__value {
	font-family: 'AvenirNextLTPro-Medium';
	font-weight: bold;
}

.form-page__form-checkbox {
	position: relative;
	margin-top: 20px;
}

.form-page__form-checkbox input {
	position: absolute;
	top: 4px;
}

.form-page__form-checkbox label {
	display: inline-block;
	padding-left: 30px;
}

.form-page__form-checkbox label.sms-optin {
	padding-left: 20px !important;
}

.upper__container {
	display: table;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.8);
}

.upper {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.upper__image {
	display: inline-block;
	width: 120px;
	margin: 32px;
	margin-left: 56px;
}

.upper__link {
	color: #0067AE;
	font-weight: 600;
}

.offer-view-more {
	font-size: 10px;
	text-align: left;
}

.offer-hr {
	margin-top: -1rem;
	margin-bottom: 0rem;
}

.step-completed {
	color: #0067AE;
	font-weight: bolder;
}

.pinnacle-logo {
	height: 125px;
	background: url(/images/pinnacle_logo.svg) no-repeat left 135px bottom 45px;
	padding-right: 180px;
	padding-top: 10px;
}

.help {
	text-align: center;
	display: block;
	background: #b1b1b1;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	line-height: 21px;
	color: white;
	position: absolute;
	right: 15px;
	top: 40px;
	margin: auto;
	cursor: pointer;
	font-weight: bold;
}

.sms-optin {
	line-height: 21px;
	font-weight: normal;
}

.sms-optin a {
	color: #077bc3;
}

.dropzone {
    border: 1px dashed #4e6865;
    border-radius: 5px;
    background: white;
    color: #4e6865;
    padding: 10px;
    margin-top: 16px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    min-height: 0px;
}

.dz-error-message, .dz-success-mark, .dz-error-mark, .dz-image {
    display: none;
}

.dropzone .dz-preview.dz-file-preview .dz-image,
.dropzone .dz-preview .dz-image {
    border-radius: 3px;
    background: #6c8481;
}

.dropzone.dz-started .dz-message {
    display: block;
    margin: 0px;
}

.help-block {
	margin-bottom: 0px;
}

.vouched__item {
	width: 50% !important;
}

.vouched__item div,
.vouched__item span {
	width: 100% !important;
	display: inline-block;
}

.vouched__item button {
    min-width: auto !important;
    width: 100%;
}

.content_footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	text-align: center;
	font-size: 11px;
}

.california_text {
	margin-bottom: -27px;
	font-size: 10px;
	white-space: normal;
	padding: 0;
}

.login_mobile_footer {
	color: #003865;
	display: none;
}

.disclaimer-text {
	display: none;
}

@media (max-width: 1199px) {
	.login_footer {
		bottom: 170px;
	}

	.cal-2 {
		display: none;
	}
}

@media (max-width: 991px) {
	.login_footer {
		bottom: 220px;
	}

	.disclaimer-text {
		display: unset;
	}
}

@media(max-width: 767px) {
	.login_footer {
		display: none;
	}

	.login_mobile_footer {
		display: block;
	}

	.page {
		padding: 0;
	}

	.service__text {
		font-size: 16px;
		text-align: center;
	}

	.custom-file-label {
		text-align: left;
	}

	.form-page {
	    height: auto;
	    padding-top: 40px;
	}

	.form-page__greeting {
	    float: none;
	    width: 100%;
	    margin-bottom: 40px;
		margin-left: 0;
	}

	.form-page__form {
	    float: none;
	    width: 100%;
	    padding: 20px 24px;
	    height: auto;
		margin-bottom: 40px;
	}

	.form-page__footer {
		text-align: center;
		right: 0;
		bottom: -150px;
	}

	.wrapper {
		display: block;
	}

	.sidebar {
	    height: auto;
	    min-height: auto;
	    position: relative;
		width: 100%;
		padding: 0;
		display: block;
		padding-bottom: 0px;
	}

	.sidebar_menu {
		display: none;
	}

	.content {
	    margin: 0;
	    min-height: auto;
	    padding-top: 0;
	    display: block;
	}

	.footer {
		display: none;
	}

	.footer_mobile {
		display: block;
		position: relative;
	}

	.container-fluid .container {
		padding: 0;
	}

	.nav-link {
		font-size: 11px;
	}

	.nav-link.active {
		font-size: 11px !important;
	    background: #fff;
	    pointer-events: none;
	}

	.form-label_horizontal {
		line-height: 1.1;
	}

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

	.form-page__title {
		text-align: center;
		font-size: 32px;
		width: 100%;
	}

	.sidebar__content {
		padding-bottom: 100px;
	}

	.pinnacle-logo {
		background-position: left 295px bottom 40px ;
		padding-right: 90px;
		padding-top: 15px;
	}

	.vouched__items {
		display: block !important;
	}

	.vouched__item {
		margin-bottom: 20px !important;
		width: 100% !important;
	}

	.customer_service_text {
		display: none;
	}
}

@media(max-width: 500px) {
	.pinnacle-logo {
		background-position: left 265px bottom 40px;
	}
}

@media(max-width: 415px) {
	.pinnacle-logo {
		height: 90px;
		background-position: left 230px bottom 20px;
	}
}

@media(max-width: 400px) {
	.pinnacle-logo {
		background-position: left 215px bottom 20px;
	}
}

@media(max-width: 375px) {
	.pinnacle-logo {
		height: 80px;
		background-position: left 210px bottom 15px;
	}
}

@media(max-width: 320px) {
	.pinnacle-logo {
		height: 75px;
		background-position: left 190px bottom 12px;
	}
}