/* CSS Document */

/* Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {}

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) and (max-width: 1199px) {}

/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 991px) {}

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) and (max-width: 767px) {}

/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575px) {}

/* Extra large devices (large desktops, 1200px and down) */

@media (max-width: 1200px) {
	#navigation {
		font-size: 15px
	}
	#nav_primary a {
		font-size: 15px;
	}
	#content .page_body .sidebar ul li {
		font-size: 14px;
	}
	.thirds {
		margin: 25px 0 25px 30px
	}
}

/* Large devices (desktops, 992px and down) */

@media (max-width: 992px) {
	.appStageDiv {
		width: 100%;
	}
	.activeStatus {
		width: 100%;
	}
	.inactiveStatus {
		width: 100%;
	}
	#header {
		position: fixed;
		z-index: 1000;
	}
	a.anchor {
		display: block;
		position: relative;
		top: -70px;
		visibility: hidden;
	}
	#nav_primary {
		display: none;
	}
	.navbar-header {
		background-color: #636466;
		float: none;
	}
	.navbar-left, .navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		/*   border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);*/
		position: fixed;
		top: 40px;
		right: 0;
		width: 100%;
		z-index: 997;
		max-height: 100%;
		overflow-y: auto;
	}
	.brand.fixed {
		position: fixed;
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 40px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in {
		display: block !important;
	}
	#nav_directory li a {
		font-size: 12px;
	}
	.brand {
		top: 90px;
		position: absolute;
	}
	.brand img {
		width: 150px;
		height: auto;
	}
	#billboard {
		height: 500px;
	}
	.hero_content {
		margin: 135px 0 0 0;
	}
	.hero_content h1, .hero_interior_content h1 {
		font-size: 38px;
		line-height: 42px;
		margin: 0 0 5px 0;
	}
	.hero_content h2, .hero_interior_content h2 {
		font-size: 32px;
		margin: 0 0 15px 0;
	}
	#testimonials h2 {
		font-size: 32px;
		line-height: 38px;
	}
	.hero_content .btn {
		font-size: 18px;
	}
	.hero_interior {
		height: 415px;
		min-height: 0px;
	}
	.page-our-commitment-to-fairness .hero_interior_content {
		padding: 180px 0 0 0;
	}
	.page-security .hero_interior_content {
		padding: 180px 0 0 0;
	}
	.page-about-us .hero_interior {
		height: 415px;
		min-height: 0px;
	}
	.page-about-us .hero_interior_content {
		padding: 200px 0 0 0;
	}
	.page-security .hero_interior {
		background-image: none !important;
		height: inherit;
	}
	.page-our-commitment-to-fairness .hero_interior {
		background-image: none !important;
		height: inherit;
	}
	.page-about-us .hero_interior {
		background-image: none !important;
		height: inherit;
	}
	.page-policy-on-responsible-lending .hero_interior_content {
		width: 100%;
	}
	.page-policy-on-responsible-lending .hero_interior {
		text-align: center;
	}
	.page-about-us .hero_interior, .page-security .hero_interior {
		text-align: center;
	}
	.page-our-commitment-to-fairness .hero_interior_content {
		text-align: center;
	}
	.page-about-us .hero_interior .container .row {
		border-bottom: 5px solid #599e2f;
	}
	.page-about-us .hero_interior h1 {
		color: #599e2f;
	}
	.page-about-us .hero_interior p, .page-about-us .hero_interior h2 {
		color: #1a1812;
	}
	/*.subhead{height:75px;background-color:rgba('255','255','255',1);}*/
	/*.brand{background-color:rgba(255,255,255,1) !important;}*/
	.testimonial {
		max-width: 350px;
	}
	#site-action p {
		font-size: 40px;
	}
	.icon-loan {
		background-size: 80px 80px, 11px 5px;
		padding: 90px 0 0 0;
		background-position: center top, center bottom -50px;
	}
	.trust-organizations .row div {
		margin-bottom: 125px;
	}
	.trust-organizations img {
		max-width: 250px;
		height: auto;
	}
	.steps h3.icon {
		margin: 8px 0 0 0px;
	}
	.icon-step-1:after {
		margin-left: 0px;
		border: none;
		/*border-left: 8px solid transparent;*/
	}
	.icon-step-2:after {
		margin-left: 0px;
		border: none;
		/*b    border-top: 8px solid transparent;*/
	}
	.icon-step-3:after {
		margin-left: 0px;
		border: none;
		/*b   border-top: 8px solid transparent;*/
	}
	.thirds .one-third:after {
		display: none;
	}
	fieldset.halves div, fieldset.mixed div.half, fieldset.mixed div.one-third, fieldset.mixed div.two-thirds, .field.half .field.two-thirds {
		width: 100%;
	}
	fieldset.mixed div.two-thirds {
		margin-bottom: 15px;
	}
}

/* Medium devices (tablets, 768px and down) */

@media (max-width: 768px) {
	#nav_directory {
		display: flex;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#nav_directory div {
		margin-top: 0.5rem;
		-ms-flex-basis: 10rem;
		-o-flex-basis: 10rem;
		-webkit-flex-basis: 10rem;
		flex-basis: 10rem
	}
	body, html, p {
		font-size: 14px;
		line-height: 22px;
	}
	#footer .legal p {
		font-size: 13px;
		line-height: 19px;
	}
	h1 {
		font-size: 38px;
		line-height: 44px;
	}
	h2 {
		font-size: 28px;
		line-height: 36px;
	}
	h3 {
		font-size: 16px;
		line-height: 22px;
	}
	h4 {
		font-size: 15px;
		line-height: 19px;
	}
	ol {
		margin: 0 0 15px 0;
	}
	.page_header {
		padding: 140px 0 0 0
	}
	.page_header p {
		font-size: 22px;
		line-height: 30px;
	}
	.hero_interior_content h1 {
		font-size: 38px;
		line-height: 44px
	}
	.hero_interior_content h2 {
		font-size: 32px;
		line-height: 38px;
	}
	.hero_interior_content p {
		font-size: 18px;
		line-height: 24px;
	}
	.page-about-us .hero_interior_content {
		padding: 160px 0 0 0;
	}
	.page-policy-on-responsible-lending .hero_interior {
		height: inherit;
		background-image: none !important;
	}
	.page-policy-on-responsible-lending .hero_interior_content {
		padding: 140px 0 0 0;
	}
	.community {
		width: 100%;
	}
	.nav_tabs .row div {
		margin-bottom: 10px;
	}
	.icon-loan {
		text-align: left;
		background-size: 32px 32px;
		padding: 0px 0 0 40px;
		min-height: 32px;
		line-height: 32px;
		font-size: 16px;
		background-position: top left, bottom -50px center;
	}
	.page_body {
		padding: 15px 0;
	}
	.tab_content {
		text-align: left;
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		-moz-column-gap: 15px;
		-webkit-column-gap: 15px;
		column-gap: 15px;
	}
	#calculator h2 {
		font-size: 42px;
	}
	#calculator p {
		font-size: 20px;
	}
	#site-action a.btn {
		display: inline-block;
		margin-top: 15px;
		padding: 10px 15px
	}
	.thirds {
		margin: 25px auto 25px auto;
	}
	.thirds .one-third {
		margin: 0 auto 15px auto;
		float: none;
		width: 50%;
		min-height: 0px;
	}
	.page-contact-us .thirds h3, .page-contact-us .thirds p {
		text-align: center
	}
	/*MS 4/23/20 Upon MD size this hides image but keeps the off color background, unsure if intentional or not.
			.hero{background-image:none !important; background-color:#f6f6f6;}
		*/
	.hero {
		background-color: #f6f6f6;
	}
	.two-col h4, .two-col p {
		width: 100%;
	}
	#landing_nopromo {
		padding: 0px 20px 0px 20px;
	}
}

/* Small devices (landscape phones, 576px and down) */

@media (max-width: 576px) {
	#site-action p {
		font-size: 32px;
		line-height: 36px;
	}
	.community img {
		width: 270px;
		height: auto;
	}
	.card {
		width: 270px;
		height: 270px;
	}
	.card .question {
		font-size: 22px;
		line-height: 28px;
	}
	.card .answer {
		font-size: 15px;
		line-height: 20px;
	}
	.tab_nav li {
		width: 100%
	}
	.tab_content {
		text-align: left;
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
		-moz-column-gap: 15px;
		-webkit-column-gap: 15px;
		column-gap: 15px;
	}
	.hero_content h1, .hero_interior_content h1 {
		font-size: 30px;
		line-height: 36px
	}
	.hero_content h2, .hero_interior_content h2 {
		font-size: 22px;
		line-height: 28px;
	}
	#calculator h2 {
		color: #ffffff;
		font-size: 28px;
		margin: 0 0 3px 0;
	}
	#calculator p {
		font-size: 18px;
	}
	#calculator .section-footer p {
		font-size: 16px;
	}
	#site-action p>span {
		width: 100%;
		display: block;
		min-height: 20px;
		clear: both;
		margin: 0 0 10px 0
	}
	#landing_title {
		font-size: 35px;
	}
	#sign input[type=checkbox] {
		-ms-transform: scale(1.5);
		/* IE */
		-moz-transform: scale(1.5);
		/* FF */
		-webkit-transform: scale(1.5);
		/* Safari and Chrome */
		-o-transform: scale(1.5);
		/* Opera */
		padding: 10px;
	}
	#sign input[type=radio] {
		-ms-transform: scale(1.5);
		/* IE */
		-moz-transform: scale(1.5);
		/* FF */
		-webkit-transform: scale(1.5);
		/* Safari and Chrome */
		-o-transform: scale(1.5);
		/* Opera */
		padding: 10px;
	}
	#loanInfo table .signature {
		font-size: 20px;
		height: 30px;
		padding: 2px;
	}
	.nav-pipe {
		display: none;
	}
	.nav_top_left a:first-of-type::after {
		content: "\A" !important;
		white-space: pre !important;
	}
}

@media (max-width:425px) {
	#calculator .results thead {
		display: none;
	}
	#calculator .results td {
		width: 100%;
		display: inline-block;
		text-align: center;
	}
	#calculator .results td:before {
		font-size: 15px;
		text-align: center;
	}
	#calculator .results td:nth-child(1):before {
		content: "Payments";
		display: inline-block;
		width: 100%;
	}
	#calculator .results td:nth-child(2):before {
		content: "Interest Rate";
		display: inline-block;
		width: 100%;
	}
	#calculator .results td:nth-child(3):before {
		content: "Payment";
		display: inline-block;
		width: 100%;
	}
	.testimonial iframe {
		width: 100%;
		height: auto;
	}
	#calculator .section-footer p {
		font-size: 14px
	}
}

@media (max-width:325px) {
	.nav_top_left {
		font-size: 12px;
	}
	.navbar-nav {
		margin-top: 65px;
	}
	h1 {
		font-size: 30px;
		line-height: 36px;
	}
	h2 {
		font-size: 22px;
		line-height: 28px;
	}
	h3 {
		font-size: 14px;
		line-height: 19px;
	}
	.qa-list div {
		padding: 60px 20px 15px 20px;
	}
	#calculator h2 {
		font-size: 32px;
	}
	#calculator p {
		font-size: 12px;
		margin: 0 0 12px 0;
	}
	#calculator .section-footer p {
		font-size: 11px
	}
	.hero {
		background-image: none !important;
	}
}