@charset "utf-8";
/* CSS Document */



@media (max-width:1800px){
#site-header .logo{
	left: 2px;
}
body.single-post .blog-listings-wrapper{
	display: none;
}
body.single-post .blog-body h1{
	margin-bottom: 0px !important;
}
}
/* max-width:1800px */



@media (max-width:1700px){
#main-nav{
	text-align: right;
}
#main-nav ul > li > a{
	font-size: 17px;}
}
/* max-width:1700px */




@media (max-width:1600px){
.split-feature-block .content h2{
	font-size: 62px;
	padding: 0px;
}

.flipped-content .nav-col #main-nav {
    margin-bottom: 70px;
}
.step-content{
	padding-left: 0px;
}
}
/* max-width:1600px */




@media (max-width:1580px){
.split-feature-block .content > .inner {
    padding: 80px 35px;
}
.flipped-content .nav-col .title h1 span,
.flipped-content .nav-col .title h2 span{
	color: #175c7b;
}
}
/* max-width:1580px */




@media (max-width:1400px){
.flipped-content .nav-col .title h1 br,
.flipped-content .nav-col .title h2 br{
	display: none;
}
}
/* max-width:1400px */




@media (max-width:1300px){
#main-nav > ul > li > a{
	font-size: 15px;
}
#site-header .logo img{
	max-width: 220px;
}
}
/* max-width:1300px */




@media (max-width:1180px){
#main-nav{
	display: none;
}
#mobile-nav,
#mobile-nav-toggle{
	display: block;
}

.split-feature-block .content {
    width: 65%;
}

.container > .row, .container > .vc_row-wrapper > .vc_row {
    padding: 70px 0px;
}

.flipped-content .logo {
    top: -16px;
    max-width: 220px;
}
.alt-layout #site-header {
    padding: 78px 0px 18px 0px;
}
.flipped-content .content-col {
    padding-top: 115px;
}
.flipped-content .nav-col .title h1 {
    font-size: 120px;
}

.flipped-content .nav-col.orange #main-nav:after{
	display: none;
}
#site-footer .back-top-link{
	display: none;
}
}
/* max-width:1180px */




@media (max-width:992px){
body{
	font-size: 17px;
    line-height: 1.3;
}

#site-header {
    padding: 20px 26px 22px 26px;
}
#site-body {
    padding: 0px 11px;
}
#site-header .contact-info {
    font-size: 17px;
}
#mobile-nav{	
    padding: 80px 30px;
}

.split-feature-block .content{
	width: 100%;
}
.split-feature-block .content > .inner{
	max-width: 100%;
}

.btn {
    padding: 20px 26px;
    font-size: 17px;
}

h3 {
    font-size: 36px;
    margin-bottom: 24px;
}
h4 {
    font-size: 20px;
    margin-bottom: 22px;
}
.split-feature-block .content h2 {
    font-size: 56px;
    max-width: 760px;
	margin-left:auto;
	margin-right: auto;
}

.flipped-content .nav-col {
    float: none;
    width: 100%;
    margin-bottom: 40px;
}
.flipped-content .content-col {
    float: none;
    width: 100%;
    padding: 60px 0px 50px 0px;
}
.flipped-content .nav-col .title h1 br{
	display: none;
}

.flipped-content.centered-body .logo {
    margin-left: 0px;
    top: -110px;
    left: 0px;
    transform: none;
}
.flipped-content.centered-body .logo img{
	max-width: 220px;
}

.alt-layout #site-header {
    padding: 72px 0px 0px 0px;
    margin: 0px 22px;
}
.alt-layout #mobile-nav-toggle{
    bottom: 17px;
	right: 0px;
}

.flipped-content .nav-col .side-image{
	display: none;
}

.alt-layout .container {
    max-width: 100%;
}
.flipped-content .content-col.logo-col {
    padding: 60px 35px 20px 0px;
    height: 1px;
}

.step-title.step-title-2{
    float: left;
    max-width: 450px;
}
.current-mortgage-lender-logo{
	float: right;
	position: relative;
}
.current-mortgage-lender-logo:after{
	display: block;
	content: '';
	width: 100%;
	clear: both;
}
.wp-content-wrapper{
	clear: both;
}
.step-content form {
    margin-bottom: 0px;
}

.nav-col .back-link{
	display: none;
}

.flipped-content .nav-col .title h1,
.flipped-content .nav-col > .inner p{
	max-width: 100%;
}
.nav-col.left-line:before{
	display: none;
}

}
/* max-width:992px */




@media (max-width:768px){
#site-footer .address:before,
#site-footer .email:before{
	display: none;
}
.image-cta-block{
    margin-bottom: 30px;
}
.image-cta-block .btn {
    margin-top: 25px;
}
.container > .row, .container > .vc_row-wrapper > .vc_row {
    padding: 50px 0px;
}

.flipped-content .nav-col > .inner {
    padding: 45px 40px;
}
.flipped-content .nav-col .title h1 {
    font-size: 90px;
}
.step-title.step-title-2{
    float: none;
    max-width: 100%;
}
.current-mortgage-lender-logo{
    margin-right: auto;
    float: none;
}
}
/* max-width:768px */




@media (max-width:660px){
#site-header .logo img {
    max-width: 160px;
}
#site-header .contact-info a {
    font-size: 15px;
}
.split-feature-block .content h2 {
    font-size: 42px;
}

.step-block .number,
.step-title .number {
    font-size: 70px;
}
.step-block .title {
    font-size: 38px;
}
.step-block .sub-title {
    font-size: 30px;
}
.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
    width: auto;
}
}
/* max-width:660px */




@media (max-width:580px){
.split-feature-block .content > .inner,
.split-feature-block.standard .content > .inner{
    padding: 45px 20px;
}
.split-feature-block.standard .content h2 {
    font-size: 48px;
}
.split-feature-block .content .btn {
    max-width: 100%;
}
h3 {
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 1.2;
}
.container > .row, .container > .vc_row-wrapper > .vc_row {
    padding: 35px 0px;
}

.hidden-sm{
	display: none;
}

#site-footer img.logo {
    max-width: 200px;
}
.flipped-content .nav-col .title h1 {
    font-size: 60px;
}

.step-title h2 {
    font-size: 54px;
}
.step-block .number, .step-title .number {
    font-size: 50px;
    width: 90px;
    height: 90px;
    line-height: 95px;
    margin: 15px 10px 30px auto;
}
.step-blocks .step-block .number, .step-blocks .step-title .number {
	margin-left: auto;
	margin-right: auto;
}
.flipped-content .nav-col {
    margin-bottom: 20px;
}
.gform_wrapper h2.gsection_title {
    font-size: 38px;
}

form .lender-col .image-frame {
    padding: 10px;
}

.flipped-content .content-col{
	padding-bottom: 20px;
}

.gform_confirmation_wrapper {
    padding: 20px;
}
.flipped-content .nav-col .title h2{
	font-size: 60px;
}
}
/* max-width:580px */




@media (max-width:380px){
#site-header .contact-info{
	display: none;
}
#site-header > .inner {
    padding-top: 62px;
}
#mobile-nav{
	width: 270px;
}
.step-title h2 {
    font-size: 48px;
}
}
/* max-width:380px */