@media (max-width: 700px) {
    .call-now {
        padding: 86px 0;
    }
}

.tile-infographic {
    width: 100%;
}

    .tile-infographic .tile {
        background-color: white;
        border: 1px solid #707171;
    }

.expand-collapse-toggles,
.expand-collapse-toggles li {
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

@media (max-width: 1170px) {
    .expand-collapse-toggles,
    .expand-collapse-toggles li {
        font-size: 15px;
        line-height: 21px;
    }
}

@media (max-width: 700px) {
    .expand-collapse-toggles,
    .expand-collapse-toggles li {
        font-size: 13px;
        line-height: 19px;
    }
}

.expand-collapse-toggles .target > div,
.expand-collapse-toggles .toggle-button,
.expand-collapse-toggles .toggle-button:after {
    padding: 23px 45px;
}

@media (max-width: 700px) {
    .expand-collapse-toggles .target > div,
    .expand-collapse-toggles .toggle-button,
    .expand-collapse-toggles .toggle-button:after {
        padding: 15px;
    }
}

.expand-collapse-toggles .toggle-button {
    background-color: white;
    border: 1px solid #bebebe;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    position: relative;
    padding-right: 140px;
}

    .expand-collapse-toggles .toggle-button:after {
        content: '\F067';
        display: block;
        position: absolute;
        font-size: 18px;
        color: #c79e51;
        font-family: FontAwesome;
        top: 0;
        right: 0;
    }

@media (max-width: 1170px) {
    .expand-collapse-toggles .toggle-button:after {
        font-size: 15px;
        line-height: 27px;
    }
}

@media (max-width: 700px) {
    .expand-collapse-toggles .toggle-button:after {
        font-size: 13px;
        line-height: 25px;
    }
}

.expand-collapse-toggles .expanded .toggle-button:after {
    content: '\F068';
}

.expand-collapse-toggles .target {
    height: 0;
    overflow: hidden;
}

.infographic-tiles-wrap {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}

@media (max-width: 700px) {
    .infographic-tiles-wrap {
        max-width: 290px;
    }
}

.infographic-tiles-wrap.full-width {
    max-width: none;
}

.infographic-tiles-wrap hr {
    width: 100%;
    height: 1px;
    border: 0;
    background-color: #8a8b8b;
    margin: 10px 0;
}

.infographic-tiles-wrap .title-block {
    width: 100%;
    background-color: #333333;
    text-align: center;
    margin-bottom: 25px;
    padding: 17px 20px;
}

    .infographic-tiles-wrap .title-block * {
        color: #ffffff;
    }

    .infographic-tiles-wrap .title-block h4 {
        margin: 0;
    }

.infographic-tiles-wrap .tiles {
    width: 100%;
}

    .infographic-tiles-wrap .tiles:after {
        clear: both;
        content: "";
        display: table;
    }

    .infographic-tiles-wrap .tiles.col-3 .tile {
        width: -webkit-calc(33.3333% - 17px);
        width: -moz-calc(33.3333% - 17px);
        width: calc(33.3333% - 17px);
    }

@media (max-width: 880px) {
    .infographic-tiles-wrap .tiles.col-3 .tile {
        width: -webkit-calc(50% - 13px);
        width: -moz-calc(50% - 13px);
        width: calc(50% - 13px);
        margin-right: 20px;
        padding: 0 10px;
    }
}

.infographic-tiles-wrap .tiles.col-3 .tile:nth-child(3n) {
    margin-right: 0;
}

@media (max-width: 880px) {
    .infographic-tiles-wrap .tiles.col-3 .tile:nth-child(3n) {
        margin-right: 20px;
    }
}

@media (max-width: 880px) {
    .infographic-tiles-wrap .tiles.col-3 .tile:nth-child(2n) {
        margin-right: 0;
    }
}

.infographic-tiles-wrap .tiles.col-4 .tile {
    width: -webkit-calc(25% - 19px);
    width: -moz-calc(25% - 19px);
    width: calc(25% - 19px);
}

@media (max-width: 880px) {
    .infographic-tiles-wrap .tiles.col-4 .tile {
        width: -webkit-calc(50% - 13px);
        width: -moz-calc(50% - 13px);
        width: calc(50% - 13px);
        margin-right: 20px;
        padding: 0 10px;
    }
}

.infographic-tiles-wrap .tiles.col-4 .tile:nth-child(4n) {
    margin-right: 0;
}

@media (max-width: 880px) {
    .infographic-tiles-wrap .tiles.col-4 .tile:nth-child(2n) {
        margin-right: 0;
    }
}

.infographic-tiles-wrap .tile {
    width: 100%;
    background-color: white;
    border: 1px solid #8a8b8b;
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
    position: relative;
    text-align: center;
    padding: 0 20px;
}

    .infographic-tiles-wrap .tile.dark {
        background-color: #333333;
    }

        .infographic-tiles-wrap .tile.dark * {
            color: white;
        }

.infographic-tiles-wrap .tiles:not(.col-1) .tile h4 {
    font-size: 25px;
    line-height: 30px;
}

@media (max-width: 700px) {
    .infographic-tiles-wrap .tiles:not(.col-1) .tile h4 {
        font-size: 15px;
        line-height: 20px;
    }
}

.infographic-tiles-wrap .title-block *,
.infographic-tiles-wrap .tile *,
.infographic-tiles-wrap td * {
    font-weight: 300;
}

    .infographic-tiles-wrap .title-block * strong,
    .infographic-tiles-wrap .tile * strong,
    .infographic-tiles-wrap td * strong {
        font-weight: 700;
    }

.infographic-tiles-wrap table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 22px;
    table-layout: fixed;
    position: relative;
    width: -webkit-calc(100% + 44px);
    width: -moz-calc(100% + 44px);
    width: calc(100% + 44px);
    left: -22px;
}

@media (max-width: 700px) {
    .infographic-tiles-wrap table {
        border-spacing: 0;
        width: 100%;
        left: 0;
        border-collapse: collapse;
    }
}

.infographic-tiles-wrap td {
    background-color: white;
    border: 1px solid #8a8b8b;
    padding: 20px;
}

@media (max-width: 700px) {
    .infographic-tiles-wrap td {
        display: block;
        width: 100%;
        margin-bottom: 22px;
    }
}

.infographic-tiles-wrap td h4,
.infographic-tiles-wrap td h5 {
    margin: 0 0 10px;
}

.infographic-tiles-wrap td h4 {
    font-size: 28px;
    line-height: 32px;
}

@media (max-width: 700px) {
    .infographic-tiles-wrap td h4 {
        font-size: 24px;
        line-height: 28px;
    }
}

.infographic-tiles-wrap td h5 {
    font-size: 19px;
    line-height: 25px;
}

.infographic-tiles-wrap .tile p,
.infographic-tiles-wrap .tile li,
.infographic-tiles-wrap td p,
.infographic-tiles-wrap td li {
    font-size: 14px;
}

.infographic-tiles-wrap td ul:last-child {
    margin-bottom: 0;
}

.infographic-tiles-wrap td li {
    padding-left: 12px;
}

    .infographic-tiles-wrap td li:before {
        width: 3px;
        height: 3px;
        left: 0;
        background-color: #8a8b8b;
    }

.infographic-tiles-wrap img {
    max-height: 70px;
    width: auto;
    margin: 10px auto 5px auto;
}

@media (max-width: 700px) {
    .infographic-tiles-wrap img {
        max-height: 40px;
        margin-top: 0;
    }
}



#page-content {
    /*TODO: chekc for issues changing this form 160 to 0 might cause*/
    padding-top: 160px;
}

@media (max-width: 700px) {
    #page-content {
        padding-top: 60px;
    }
}


body.landing-page #page-content {
    padding: 0;
}

body.landing-page #header-wrapper,
body.landing-page #header-wrapper .bottom-header {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
}

    body.landing-page #header-wrapper .bottom-header {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

@media (max-width: 1170px) {
    body.landing-page #header-wrapper .bottom-header {
        height: 74px;
    }
}

body.landing-page #header-wrapper .bottom-header .logo-wrap {
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none;
    cursor: pointer;
}

@media (max-width: 1170px) {
    body.landing-page #header-wrapper .bottom-header .logo-wrap {
        width: 214px;
    }
}

@media (max-width: 700px) {
    body.landing-page #header-wrapper .bottom-header .logo-wrap {
        display: inline-block;
        float: none;
    }
}

@media (max-width: 1170px) {
    body.landing-page #header-wrapper .content {
        padding-top: 11px;
    }
}

@media (max-width: 700px) {
    body.landing-page #header-wrapper .content {
        text-align: center;
    }
}

body.landing-page .phone {
    float: right;
    font-size: 18px;
    line-height: 60px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

@media (max-width: 1170px) {
    body.landing-page .phone {
        font-size: 24px;
    }
}

@media (max-width: 700px) {
    body.landing-page .phone {
        display: none;
    }
}

body.landing-page #header-wrapper .top-header {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0ms;
    -o-transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0ms;
    -moz-transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0ms;
    transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0ms;
}

@media (max-width: 1170px) {
    body.landing-page #header-wrapper .top-header {
        display: block;
    }
}

body.landing-page #header-wrapper .logos-container {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

body.landing-page #header-wrapper.on-scroll .top-header {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

body.landing-page #header-wrapper.on-scroll .call-us-text-wrap,
body.landing-page #header-wrapper.on-scroll .logos-container {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}






/*part2 tabs*/
.tabbed-content-container {
    background-color: #f4f4f4;
    padding-top: 68px;
    position: relative;
    overflow: hidden;
}

@media (max-width: 1170px) {
    .tabbed-content-container {
        padding-top: 66px;
    }
}

.tabbed-content-container .tabs-container {
    display: inline-block;
    width: 100%;
    height: 70px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

@media (max-width: 1170px) {
    .tabbed-content-container .tabs-container {
        height: 66px;
    }
}

.tabbed-content-container.is-sticky .tabs-container {
    position: fixed;
    /*uncomment next line when corona header is done*/
    /*top: 190px;*/
    top: 160px;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

@media (max-width: 1170px) {
    .tabbed-content-container.is-sticky .tabs-container {
        /*uncomment next line when corona header is done*/
        /*top: 60px;*/
        top: 60px;
    }
}

@media (max-width: 700px) {
    .tabbed-content-container.is-sticky .tabs-container {
        /*uncomment next line when corona header is done*/
        /*top: 30px;*/
        top: 30px;
    }
}

@media (max-width: 1170px) {
    .on-scroll > #headerAnnouncement {
        display: none;
    }
}

@media (max-width: 1170px) {
    .tabbed-content-container.is-sticky .tabs-container:before {
        -webkit-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.33);
        -moz-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.33);
        box-shadow: 0 5px 18px rgba(0, 0, 0, 0.33);
    }
}

.tabbed-content-container .tabs-container:before {
    content: '';
    display: block;
    width: 100%;
    height: -webkit-calc(100% - 4px);
    height: -moz-calc(100% - 4px);
    height: calc(100% - 4px);
    background-color: #c4c4c4;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.33);
    -webkit-transition: -webkit-box-shadow 300ms;
    transition: -webkit-box-shadow 300ms;
    -o-transition: box-shadow 300ms;
    -moz-transition: box-shadow 300ms, -moz-box-shadow 300ms;
    transition: box-shadow 300ms;
    transition: box-shadow 300ms, -webkit-box-shadow 300ms, -moz-box-shadow 300ms;
}

@media (max-width: 1170px) {
    .tabbed-content-container .tabs-container:before {
        background-color: white;
        border-top: 1px solid #808080;
        border-bottom: 1px solid #808080;
    }
}

.tabbed-content-container .tabs-inner-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.tabbed-content-container .tabs {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-width: 1170px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

@media (max-width: 1170px) {
    .tabbed-content-container .tabs {
        height: 100px;
        padding: 0 80px;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }

        .tabbed-content-container .tabs ::-webkit-scrollbar {
            height: 0;
            background-color: transparent;
        }
}

@media (max-width: 700px) {
    .tabbed-content-container .tabs {
        padding: 0 20px;
    }
}

.tabbed-content-container .tabs li {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    min-width: 20%;
    height: 66px;
    color: black;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

@media (max-width: 1170px) {
    .tabbed-content-container .tabs li {
        font-size: 10px;
        min-width: 0;
        height: 60px;
        padding: 0 15px 0 0;
        line-height: 60px;
    }
}

@media (max-width: 1170px) {
    .tabbed-content-container .tabs li:last-child span {
        padding-right: 0;
    }
}

.tabbed-content-container .tabs span {
    display: inline-block;
    height: 100%;
    padding: 14px 30px 0;
    cursor: pointer;
    position: relative;
    -webkit-transition: background-color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: background-color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: background-color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: background-color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media (max-width: 1170px) {
    .tabbed-content-container .tabs span {
        padding: 0;
    }
}

.tabbed-content-container .tabs span.top {
    padding-top: 24px;
}

@media (max-width: 1170px) {
    .tabbed-content-container .tabs span.top {
        padding: 0;
    }
}

@media (max-width: 1170px) {
    .tabbed-content-container .tabs br {
        display: none;
    }
}

.tabbed-content-container .tabs li.active span {
    background-color: #f4f4f4;
    cursor: default;
}

@media (max-width: 1170px) {
    .tabbed-content-container .tabs li.active span {
        background-color: transparent;
    }

        .tabbed-content-container .tabs li.active span:before {
            opacity: 1;
        }
}

.tabbed-content-container .tabs li span:before {
    content: '';
    display: block;
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px);
    height: 2px;
    background-color: black;
    position: absolute;
    bottom: -2px;
    left: 30px;
    opacity: 0;
    -webkit-transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media (max-width: 1170px) {
    .tabbed-content-container .tabs li span:before {
        background-color: #c79e51;
        width: 100%;
        height: 4px;
        bottom: -1px;
        left: 0;
    }
}

.no-touch .tabbed-content-container .tabs li:not(.active) span:hover:before,
.is-touch .tabbed-content-container .tabs li:not(.active) span:active:before {
    opacity: 1;
}

.tabbed-content-container .tab-content {
    position: relative;
}

    .tabbed-content-container .tab-content > li {
        padding-top: 54px;
        padding-bottom: 58px;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 100%;
    }

@media (max-width: 1170px) {
    .tabbed-content-container .tab-content > li {
        padding-top: 48px;
        padding-bottom: 66px;
    }
}

@media (max-width: 700px) {
    .tabbed-content-container .tab-content > li {
        padding-top: 28px;
        padding-bottom: 40px;
    }
}

.tabbed-content-container .tab-content > li > *:first-child {
    margin-top: 0;
}

.tabbed-content-container .tab-content > li .videos-carousel-container .white-bars:before,
.tabbed-content-container .tab-content > li .videos-carousel-container .white-bars:after {
    background-color: #f4f4f4;
}

.tabbed-content-container .tab-content > li.active {
    position: relative;
    z-index: 1;
}

.tabbed-content-container .tab-content h2 {
    margin-bottom: 18px;
}

.tabbed-content-container .tab-content h3.top {
    margin-top: 50px;
}

@media (max-width: 1170px) {
    .tabbed-content-container .tab-content h3.top {
        margin-top: 46px;
    }
}

@media (max-width: 700px) {
    .tabbed-content-container .tab-content h3.top {
        margin-top: 20px;
    }
}

.tabbed-content-container .wide-image.top {
    margin-top: 55px;
}

@media (max-width: 1170px) {
    .tabbed-content-container .wide-image.top {
        margin-top: 45px;
    }
}

@media (max-width: 700px) {
    .tabbed-content-container .wide-image.top {
        margin-top: 25px;
    }
}

@media (max-width: 700px) {
    .tabbed-content-container .tab-content .cta-container {
        width: 100%;
        text-align: center;
    }

        .tabbed-content-container .tab-content .cta-container .cta-button {
            width: auto;
        }
}

.tabbed-content-container .tab-content > li > h3:not(:first-child),
.tabbed-content-container .tab-content > li > .constrain > h3:not(:first-child) {
    margin-top: 55px;
}

@media (max-width: 1170px) {
    .tabbed-content-container .tab-content > li > h3:not(:first-child),
    .tabbed-content-container .tab-content > li > .constrain > h3:not(:first-child) {
        margin-top: 45px;
    }
}

@media (max-width: 700px) {
    .tabbed-content-container .tab-content > li > h3:not(:first-child),
    .tabbed-content-container .tab-content > li > .constrain > h3:not(:first-child) {
        margin-top: 25px;
    }
}
#page-content .single-page .content h1 {
    font-size: 48px;
    line-height: initial;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

@media (max-width: 1170px) {
    #page-content .single-page .content h1 {
        font-size: 45px;
    }
}

@media (max-width: 700px) {
    #page-content .single-page .content h1 {
        font-size: 30px;
    }
}

#page-content .single-page .content h2 {
    margin-left: 0;
    margin-right: 0;
    text-align: initial;
    max-width: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #000000;
    margin-bottom: 24px;
    font-size: 33px;
}

@media (max-width: 1170px) {
    #page-content .single-page .content h2 {
        font-size: 30px;
    }
}

@media (max-width: 700px) {
    #page-content .single-page .content h2 {
        font-size: 22px;
    }
}

#page-content .single-page .content h4 {
    font-size: 36px;
    line-height: 47px;
    color: #333333;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-weight: 500;
    margin: 30px 0 24px;
}

@media (max-width: 1170px) {
    #page-content .single-page .content h4 {
        font-size: 33px;
        line-height: 43px;
    }
}

@media (max-width: 700px) {
    #page-content .single-page .content h4 {
        font-size: 22px;
        line-height: 30px;
    }
}

#page-content .single-page .content .sub-headline {
    opacity: 1;
}

#page-content .single-page .content .header-wrapper {
    position: relative;
    width: 100%;
    /*padding-right: 135px;*/
    margin-bottom: 44px;
    text-align: center;
    /* padding-left: 135px; */
    margin-top: 40px;
}

@media (max-width: 1170px) {
    #page-content .single-page .content .header-wrapper {
        margin-top: 40px;
        padding-right: 0px;
        padding-left: 0px;
        margin-bottom: 43px;
    }
}

@media (max-width: 700px) {
    #page-content .single-page .content .header-wrapper {
        margin-top: 40px;
        padding-right: 0;
        text-align: center;
        padding-left: 0px;
        margin-bottom: 28px;
    }
}

#page-content .single-page .content .header-wrapper h1, #page-content .single-page .content .header-wrapper h2 {
    margin-bottom: 0px;
}

@media (max-width: 700px) {
    #page-content .single-page .content .header-wrapper h1, #page-content .single-page .content .header-wrapper h2 {
        text-align: center;
        margin-bottom: 15px;
    }
}

#page-content .single-page .content .sub-headline {
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #000000;
    margin-top: 0;
}

@media (max-width: 1170px) {
    #page-content .single-page .content .sub-headline {
        font-size: 25px;
    }
}

@media (max-width: 700px) {
    #page-content .single-page .content .sub-headline {
        font-size: 20px;
    }
}

#page-content .single-page .content p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #666;
    padding: 0;
    margin-bottom: 30px;
}

    #page-content .single-page .content p:last-child {
        margin-bottom: 0;
    }

#page-content .single-page .content .wide-image {
    margin: 30px 0;
}

.single-page .start-your-loan {
    margin-bottom: 0;
}

.single-page .share-wrapper {
    position: relative;
    top: 13px;
    right: 0;
}

@media (max-width: 1170px) {
    .single-page .share-wrapper {
        position: relative;
        top: 15px;
    }
}

@media (max-width: 700px) {
    .single-page .share-wrapper {
        position: relative;
        top: 0;
    }
}

.single-page .share-wrapper a {
    display: inline-block;
    color: #c79e51;
    margin-right: 30px;
    -webkit-transition: color 250ms ease-out;
    -o-transition: color 250ms ease-out;
    -moz-transition: color 250ms ease-out;
    transition: color 250ms ease-out;
    cursor: pointer;
}

    .single-page .share-wrapper a:last-child {
        margin-right: 0;
    }

    .single-page .share-wrapper a:hover {
        color: #333333;
    }

#page-content .error-page .content {
    text-align: center;
}

@media (max-width: 700px) {
    #page-content .error-page p br {
        display: none;
    }
}

#page-content .error-page .phone-number {
    margin: 0 auto;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

#page-content .legal-page .content {
    padding-top: 56px;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

@media (max-width: 1170px) {
    #page-content .legal-page .content {
        font-size: 15px;
        line-height: 21px;
    }
}

@media (max-width: 700px) {
    #page-content .legal-page .content {
        font-size: 13px;
        line-height: 19px;
    }
}

#page-content .legal-page .content:after {
    clear: both;
    content: "";
    display: table;
}

@media (max-width: 1170px) {
    #page-content .legal-page .content {
        padding-top: 44px;
    }
}

@media (max-width: 1170px) {
    #page-content .legal-page .content {
        padding-top: 26px;
    }
}

#page-content .legal-page .content h1,
#page-content .legal-page .content h2 {
    text-align: initial;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 17px;
    max-width: none;
}

    #page-content .legal-page .content h1:not(:first-child),
    #page-content .legal-page .content h2:not(:first-child) {
        margin-top: 47px;
    }

#page-content .legal-page .content a {
    color: #c79e51;
    font-weight: 700;
}

#page-content .legal-page p {
    padding: 0;
}

#page-content .legal-page hr {
    border: 0;
    height: 1px;
    background-color: #ababab;
    margin-top: 48px;
}

#page-content .legal-page .content ul:not([class]),
#page-content .legal-page .content ol:not([class]),
#page-content .legal-page .content ul[class=""],
#page-content .legal-page .content ol[class=""] {
    margin: 10px 0 30px;
}

@media (max-width: 700px) {
    #page-content .legal-page .content ul:not([class]),
    #page-content .legal-page .content ol:not([class]),
    #page-content .legal-page .content ul[class=""],
    #page-content .legal-page .content ol[class=""] {
        margin: 5px 0;
    }
}

#page-content .legal-page .content ul:not([class]) li,
#page-content .legal-page .content ol:not([class]) li,
#page-content .legal-page .content ul[class=""] li,
#page-content .legal-page .content ol[class=""] li {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

@media (max-width: 1170px) {
    #page-content .legal-page .content ul:not([class]) li,
    #page-content .legal-page .content ol:not([class]) li,
    #page-content .legal-page .content ul[class=""] li,
    #page-content .legal-page .content ol[class=""] li {
        font-size: 15px;
        line-height: 27px;
    }
}

@media (max-width: 700px) {
    #page-content .legal-page .content ul:not([class]) li,
    #page-content .legal-page .content ol:not([class]) li,
    #page-content .legal-page .content ul[class=""] li,
    #page-content .legal-page .content ol[class=""] li {
        font-size: 13px;
        line-height: 25px;
        margin-bottom: 0;
    }
}

#page-content .legal-page .content ul:not([class]) li,
#page-content .legal-page .content ul[class=""] li {
    padding-left: 20px;
    position: relative;
}

    #page-content .legal-page .content ul:not([class]) li:before,
    #page-content .legal-page .content ul[class=""] li:before {
        content: '';
        display: block;
        width: 4px;
        height: 4px;
        background-color: #666666;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        top: 13px;
        left: 8px;
    }

#page-content .legal-page .content ol:not([class]),
#page-content .legal-page .content ol[class=""] {
    list-style-type: decimal;
    list-style-position: inside;
}

    #page-content .legal-page .content ol:not([class]) li:before,
    #page-content .legal-page .content ol[class=""] li:before {
        content: '';
        display: inline-block;
        width: 6px;
    }

#page-content .legal-page table {
    width: 100%;
    margin: 30px 0;
}

#page-content .legal-page td, #page-content .legal-page th {
    border: 2px solid #414141;
    padding-left: 12px;
    padding-right: 28px;
    vertical-align: middle;
}

#page-content .legal-page th {
    background-color: #333333;
    color: white;
    padding-top: 50px;
    padding-bottom: 50px;
}

#page-content .legal-page td {
    padding-top: 16px;
    padding-bottom: 16px;
}

#page-content .legal-page .question,
#page-content .legal-page .answer {
    display: block;
    margin-bottom: 30px;
    padding-left: 23px;
    position: relative;
}

    #page-content .legal-page .question:before,
    #page-content .legal-page .answer:before {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

    #page-content .legal-page .question:before {
        content: 'Q. ';
    }

    #page-content .legal-page .answer:before {
        content: 'A. ';
    }

#page-content .careers-page {
    margin-bottom: 60px;
}

    #page-content .careers-page .hero-container h2 {
        max-width: none;
        margin-bottom: 0;
    }

    #page-content .careers-page .hero-container p {
        margin-top: 16px;
    }

    #page-content .careers-page .content h1, #page-content .careers-page h2 {
        line-height: 72px;
    }

@media (max-width: 1170px) {
    #page-content .careers-page .content h1, #page-content .careers-page h2 {
        line-height: 48px;
    }
}

@media (max-width: 700px) {
    #page-content .careers-page .content h1, #page-content .careers-page h2 {
        line-height: 30px;
    }
}

#page-content .careers-page .content h4 {
    font-size: 28px;
    line-height: 37px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

@media (max-width: 1170px) {
    #page-content .careers-page .content h4 {
        font-size: 22px;
        line-height: 31px;
    }
}

#page-content .careers-page .content {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

@media (max-width: 1170px) {
    #page-content .careers-page .content {
        padding-bottom: 30px;
    }
}

#page-content .careers-page .group a {
    font-size: 20px;
    line-height: 27px;
}

@media (max-width: 1170px) {
    #page-content .careers-page .group a {
        font-size: 15px;
        line-height: 22px;
    }
}

#page-content .careers-page .content a:not(.cta-button) {
    color: #c79e51;
    text-decoration: none;
}

.no-touch #page-content .careers-page .content a:not(.cta-button):hover,
.is-touch #page-content .careers-page .content a:not(.cta-button):active {
    text-decoration: underline;
}

#page-content .careers-page .header h4,
#page-content .careers-page .group h4 {
    text-align: center;
}

#page-content .careers-page .group h4 {
    text-transform: uppercase;
}

#page-content .careers-page .header {
    text-align: center;
}

#page-content .careers-page .inline-links {
    display: inline-block;
}

    #page-content .careers-page .inline-links:after {
        clear: both;
        content: "";
        display: table;
    }

    #page-content .careers-page .inline-links li {
        float: left;
        padding: 0 20px;
        border-right: 1px solid #c79e51;
    }

@media (max-width: 1170px) {
    #page-content .careers-page .inline-links li {
        float: none;
        padding: 0;
        border: none;
        line-height: 33px;
    }
}

#page-content .careers-page .inline-links li:last-child {
    border-right: none;
}

#page-content .careers-page .group {
    width: 100%;
    padding: 0 30px;
    margin-bottom: 30px;
}

@media (max-width: 700px) {
    #page-content .careers-page .group {
        padding: 0;
    }
}

#page-content .careers-page .group-item {
    line-height: 32px;
    padding-bottom: 8px;
    border-bottom: 1px solid #c4c4c4;
    width: 100%;
    margin: 14px 0;
}

    #page-content .careers-page .group-item a {
        display: inline-block;
        max-width: 70%;
    }

@media (max-width: 1170px) {
    #page-content .careers-page .group-item a {
        max-width: -webkit-calc(50% - 5px);
        max-width: -moz-calc(50% - 5px);
        max-width: calc(50% - 5px);
    }
}

@media (max-width: 700px) {
    #page-content .careers-page .group-item a {
        max-width: none;
    }
}

#page-content .careers-page .group-item .location {
    font-size: 14px;
    float: right;
    color: #c4c4c4;
    max-width: 25%;
}

@media (max-width: 1170px) {
    #page-content .careers-page .group-item .location {
        display: block;
        font-size: 12px;
        max-width: -webkit-calc(50% - 5px);
        max-width: -moz-calc(50% - 5px);
        max-width: calc(50% - 5px);
    }
}

@media (max-width: 1170px) {
    #page-content .careers-page .group-item .location {
        float: none;
        max-width: none;
        line-height: 22px;
    }
}

#page-content .careers-page .share-wrapper {
    margin-top: 25px;
    height: 40px;
    border-top: 1px solid #c4c4c4;
    position: relative;
}

@media (max-width: 1170px) {
    #page-content .careers-page .share-wrapper {
        text-align: center;
        height: auto;
    }
}

#page-content .careers-page .share-wrapper > div {
    display: inline-block;
    background-color: white;
    position: absolute;
    top: -11px;
    right: 0;
}

    #page-content .careers-page .share-wrapper > div:after {
        clear: both;
        content: "";
        display: table;
    }

@media (max-width: 1170px) {
    #page-content .careers-page .share-wrapper > div {
        position: relative;
        top: auto;
        right: auto;
        padding-top: 20px;
    }
}

#page-content .careers-page .share-wrapper .label,
#page-content .careers-page .share-wrapper a {
    float: left;
    padding: 0 10px;
    line-height: 20px;
    color: #c79e51;
}

#page-content .careers-page .share-wrapper .label {
    color: #c79e51;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
}

@media (max-width: 1170px) {
    #page-content .careers-page .share-wrapper .label {
        display: none;
    }
}

#page-content .careers-page .share-wrapper a {
    cursor: pointer;
}

#page-content .careers-page .careers-carousel {
    width: 100%;
    margin-top: 33px;
    margin-bottom: 42px;
    position: relative;
}

    #page-content .careers-page .careers-carousel .inner-container {
        overflow: hidden;
        width: 100%;
        position: relative;
    }

#page-content .careers-page .swiper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

#page-content .careers-page .swiper-slide {
    display: inline-block;
    width: -webkit-calc(33.3333% - 22px);
    width: -moz-calc(33.3333% - 22px);
    width: calc(33.3333% - 22px);
    text-align: center;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

    #page-content .careers-page .swiper-slide img {
        width: 100%;
    }

    #page-content .careers-page .swiper-slide .icon {
        display: inline-block;
        width: 66px;
        height: 66px;
        background-color: #c79e51;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        padding: 14px;
    }

@media (max-width: 1170px) {
    #page-content .careers-page .swiper-slide .icon {
        width: 40px;
        height: 40px;
        padding: 8px;
    }
}

#page-content .careers-page .swiper-slide .icon figure {
    width: 100%;
    height: 100%;
    -moz-background-size: contain;
    background-size: contain;
    background-position: center center;
}

#page-content .careers-page .swiper-slide h4 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #707171;
}

@media (max-width: 1170px) {
    #page-content .careers-page .swiper-slide h4 {
        font-size: 18px;
        line-height: 27px;
    }
}

#page-content .careers-page .careers-carousel .arrow {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    background-color: #c79e51;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-top: -30px;
    cursor: pointer;
    -webkit-transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media (max-width: 1170px) {
    #page-content .careers-page .careers-carousel .arrow {
        width: 40px;
        height: 40px;
        margin-top: -20px;
    }
}

#page-content .careers-page .careers-carousel .arrow i {
    color: white;
    font-size: 26px;
    line-height: 60px;
    width: 100%;
    text-align: center;
}

@media (max-width: 1170px) {
    #page-content .careers-page .careers-carousel .arrow i {
        line-height: 40px;
    }
}

#page-content .careers-page .careers-carousel .prev {
    left: -30px;
}

@media (max-width: 1170px) {
    #page-content .careers-page .careers-carousel .prev {
        left: -20px;
    }
}

@media (max-width: 700px) {
    #page-content .careers-page .careers-carousel .prev {
        left: -10px;
    }
}

#page-content .careers-page .careers-carousel .prev i {
    padding-right: 5px;
}

@media (max-width: 1170px) {
    #page-content .careers-page .careers-carousel .prev i {
        padding-right: 4px;
    }
}

#page-content .careers-page .careers-carousel .next {
    right: -30px;
}

@media (max-width: 1170px) {
    #page-content .careers-page .careers-carousel .next {
        right: -20px;
    }
}

@media (max-width: 700px) {
    #page-content .careers-page .careers-carousel .next {
        right: -10px;
    }
}

#page-content .careers-page .careers-carousel .next i {
    padding-left: 5px;
}

@media (max-width: 1170px) {
    #page-content .careers-page .careers-carousel .next i {
        padding-left: 4px;
    }
}

#page-content .careers-page .socialHolder {
    color: #c79e51;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 80px;
    margin-right: auto;
    margin-left: auto;
}

#page-content .careers-page .socialBar {
    width: 88%;
    height: 50px;
    border-top: 1px solid #c4c4c4;
    margin-top: 12px;
}

#page-content .careers-page .socialShare {
    color: #c79e51;
    font-size: 12px;
    width: 38px;
    margin-right: 12px;
    margin-left: 12px;
    margin-top: 3px;
    font-weight: 600;
}

#page-content .careers-page .socialArea {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: 25px;
    color: #c79e51;
}

.no-touch #page-content .careers-page .careers-carousel .arrow:hover,
.is-touch #page-content .careers-page .careers-carousel .arrow:active {
    background-color: #333333;
}

#page-content .buy-a-home-page h1 {
    margin-top: 57px;
    margin-bottom: 16px;
}

#page-content .buy-a-home-page h3.less-bold-centered {
    text-align: center;
    font-weight: 500;
}

#page-content .buy-a-home-page .sub-headline {
    margin-bottom: 57px;
    text-align: center;
}

#page-content .buy-a-home-page .above-coi-tool {
    margin-bottom: 40px;
}

#page-content .buy-a-home-page .tab-content > li > h3:not(:first-child) {
    margin: 30px 0 24px;
}

#page-content .buy-a-home-page .tabbed-content-container .tabs li {
    min-width: 13.2%;
}

@media (max-width: 1170px) {
    #page-content .buy-a-home-page .tabbed-content-container .tabs li {
        min-width: 0;
    }
}

#page-content .buy-a-home-page ul > li > a {
    text-decoration: none;
}

    #page-content .buy-a-home-page ul > li > a:hover {
        text-decoration: underline;
    }

#page-content .buy-a-home-page .certificate-of-eligibility {
    padding-bottom: 0;
}

@media (max-width: 1170px) {
    #page-content .buy-a-home-page .certificate-of-eligibility {
        padding-top: 0;
    }
}

#page-content .buy-a-home-page .certificate-of-eligibility .constrain {
    padding: 0;
}

#page-content .buy-a-home-page .quick-facts-infographic .tile {
    height: 360px;
}

@media (max-width: 880px) {
    #page-content .buy-a-home-page .quick-facts-infographic .tile {
        width: 100%;
        max-width: 205px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        padding: 0;
    }
}

@media (max-width: 880px) {
    #page-content .buy-a-home-page .quick-facts-infographic .tile.dark {
        display: none;
    }
}

#page-content .buy-a-home-page .quick-facts-infographic h4 {
    font-size: 34px;
    line-height: 35px;
}

@media (max-width: 880px) {
    #page-content .buy-a-home-page .quick-facts-infographic h4 {
        color: white;
    }
}

@media (max-width: 880px) {
    #page-content .buy-a-home-page .quick-facts-infographic p {
        padding: 10px 15px 0;
    }
}

#page-content .buy-a-home-page .quick-facts-infographic img {
    position: absolute;
    bottom: 35px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 63px;
    max-height: none;
}

@media (max-width: 880px) {
    #page-content .buy-a-home-page .quick-facts-infographic img {
        height: 60px;
    }
}

#page-content .buy-a-home-page .quick-facts-infographic .subheader-wrap {
    display: inline-block;
    width: 100%;
}

@media (max-width: 880px) {
    #page-content .buy-a-home-page .quick-facts-infographic .subheader-wrap {
        background-color: #333333;
    }
}

@media (max-width: 880px) {
    #page-content .buy-a-home-page .quick-facts-infographic hr {
        display: none;
    }
}

#page-content .buy-a-home-page .five-steps-infographic h4 {
    margin-top: 0;
    font-weight: 400;
}

#page-content .buy-a-home-page .five-steps-infographic img {
    max-height: none;
}

#page-content .buy-a-home-page .five-steps-infographic .tile {
    padding: 30px 60px;
}

@media (max-width: 700px) {
    #page-content .buy-a-home-page .five-steps-infographic .tile {
        padding: 20px 25px;
    }
}

#page-content .buy-a-home-page .five-steps-infographic .tile:first-child img {
    height: 114px;
}

@media (max-width: 700px) {
    #page-content .buy-a-home-page .five-steps-infographic .tile:first-child img {
        height: 56px;
    }
}

#page-content .buy-a-home-page .five-steps-infographic .tile:nth-child(2) img {
    height: 96px;
}

@media (max-width: 700px) {
    #page-content .buy-a-home-page .five-steps-infographic .tile:nth-child(2) img {
        height: 48px;
    }
}

#page-content .buy-a-home-page .five-steps-infographic .tile:nth-child(3) img {
    height: 238px;
}

@media (max-width: 700px) {
    #page-content .buy-a-home-page .five-steps-infographic .tile:nth-child(3) img {
        height: 119px;
    }
}

#page-content .buy-a-home-page .five-steps-infographic .tile:nth-child(4) img {
    height: 153px;
}

@media (max-width: 700px) {
    #page-content .buy-a-home-page .five-steps-infographic .tile:nth-child(4) img {
        height: 78px;
    }
}

#page-content .buy-a-home-page .five-steps-infographic .tile:nth-child(5) img {
    height: 96px;
}

@media (max-width: 700px) {
    #page-content .buy-a-home-page .five-steps-infographic .tile:nth-child(5) img {
        height: 49px;
    }
}

@media (max-width: 880px) {
    #page-content .buy-a-home-page .five-benefits-infographic .infographic-tiles-wrap {
        max-width: 290px;
    }
}

#page-content .buy-a-home-page .five-benefits-infographic .tile {
    height: 258px;
    /*text-align: left;*/
}

@media (max-width: 880px) {
    #page-content .buy-a-home-page .five-benefits-infographic .tile {
        height: 160px;
    }
}

#page-content .buy-a-home-page .five-benefits-infographic h4 {
    font-size: 28px;
}

@media (max-width: 880px) {
    #page-content .buy-a-home-page .five-benefits-infographic h4 {
        font-size: 18px;
        line-height: 19px;
        text-align: left;
    }
}

#page-content .buy-a-home-page .five-benefits-infographic h4 strong {
    font-weight: 400;
}

#page-content .buy-a-home-page .five-benefits-infographic img {
    height: 56px;
    margin-top: 19px;
}

@media (max-width: 880px) {
    #page-content .buy-a-home-page .five-benefits-infographic img {
        height: 35px;
        margin-top: 0px;
    }
}

.hidden {
    display: none;
}

.loadingSpinner {
    border: 4px solid #FFF;
    border-top-color: transparent;
    border-left-color: transparent;
    width: 20px;
    height: 20px;
    opacity: 0.8;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-animation: loadingSpinner 0.7s infinite linear;
    -o-animation: loadingSpinner 0.7s infinite linear;
    animation: loadingSpinner 0.7s infinite linear;
    -webkit-animation: loadingSpinner 0.7s infinite linear;
}

button .loadingSpinner {
    position: absolute;
}

@keyframes loadingSpinner {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loadingSpinner {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

/* styles used stop replace infographics content this page*/
.BuyAHomeEligble {
    color: #000000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 36px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: 'Montserrat', sans-serif;
    line-height: 38px;
    font-weight: 500;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: auto;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media (min-width: 1171px) and (max-width: 1320px) {
    .BuyAHomeEligble {
        font-size: 32px;
        line-height: 36px;
    }
}

@media (max-width: 1170px) {
    .BuyAHomeEligble {
        font-size: 18px;
        line-height: 19px;
        font-size: 18px;
        line-height: 19px;
        max-width: 630px;
        margin-left: auto;
        margin-right: auto;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (max-width: 700px) {
    .BuyAHomeEligble {
        font-size: 18px;
        line-height: 20px;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        max-width: 315px;
    }
}

.BuyAHomeEligble__title {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.BuyAHomeEligble__title__text {
    font-size: 33px;
    line-height: 72px;
    color: #333333;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin-top: 42px;
}

@media (min-width: 1171px) and (max-width: 1320px) {
    .BuyAHomeEligble__title__text {
        font-size: 32px;
        line-height: 70px;
    }
}

@media (max-width: 1170px) {
    .BuyAHomeEligble__title__text {
        font-size: 27px;
        line-height: 60px;
    }
}

.BuyAHomeEligble__square {
    border: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    color: #333333;
    border-color: #4A4A4A;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 40px 15px 25px 15px;
    text-align: center;
    width: 265px;
    height: 330px;
    margin-bottom: 15px;
    margin-top: 15px;
}

@media (min-width: 1171px) and (max-width: 1320px) {
    .BuyAHomeEligble__square {
        width: 235px;
    }
}

@media (max-width: 1170px) {
    .BuyAHomeEligble__square {
        width: 142px;
        height: 167px;
        padding: 23px 11px 13px 11px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

@media (min-width: 700px) and (max-width: 800px) {
    .BuyAHomeEligble__square {
        width: 125px;
        font-size: 16px;
    }
}

@media (max-width: 700px) {
    .BuyAHomeEligble__square {
        width: 137px;
        height: 166px;
        padding: 25px 12px 12px 12px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

.BuyAHomeEligble__square--inverse {
    border: 1px;
    border-style: solid;
    background-color: #333333;
    border-color: #4A4A4A;
    color: #FFFFFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 40px 15px;
    text-align: center;
    width: 265px;
    height: 330px;
    margin-bottom: 15px;
    margin-top: 15px;
}

@media (min-width: 1171px) and (max-width: 1320px) {
    .BuyAHomeEligble__square--inverse {
        width: 235px;
    }
}

@media (max-width: 1170px) {
    .BuyAHomeEligble__square--inverse {
        width: 142px;
        height: 167px;
        padding: 23px 17px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

@media (min-width: 700px) and (max-width: 800px) {
    .BuyAHomeEligble__square--inverse {
        width: 125px;
        font-size: 16px;
    }
}

@media (max-width: 700px) {
    .BuyAHomeEligble__square--inverse {
        width: 137px;
        height: 166px;
        padding: 12px 12px 12px 12px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

.square__Image {
    height: 128px;
    width: 128px;
    margin-left: auto;
    margin-right: auto;
    -moz-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
}

@media (max-width: 1170px) {
    .square__Image {
        height: 60px;
        width: 60px;
    }
}

@media (max-width: 700px) {
    .square__Image {
        height: 55px;
        width: 55px;
    }
}

#icon--Medal {
    height: 100px;
    width: 71px;
    margin-bottom: 10px;
}

@media (max-width: 1170px) {
    #icon--Medal {
        height: 54px;
        width: 39px;
        margin-bottom: 2px;
    }
}

@media (max-width: 700px) {
    #icon--Medal {
        height: 54px;
        width: 39px;
        margin-bottom: 2px;
    }
}

#icon--Soldier {
    height: 125px;
    width: 100px;
}

@media (max-width: 1170px) {
    #icon--Soldier {
        height: 65px;
        width: 55px;
    }
}

@media (max-width: 700px) {
    #icon--Soldier {
        height: 65px;
        width: 55px;
    }
}

#icon--Spouse {
    height: 130px;
    width: 130px;
    margin-bottom: -8px;
}

@media (max-width: 1170px) {
    #icon--Spouse {
        height: 75px;
        width: 75px;
    }
}

@media (max-width: 700px) {
    #icon--Spouse {
        height: 75px;
        width: 75px;
    }
}

#icon--Reservist {
    height: 90px;
    width: 73px;
    margin-bottom: 10px;
}

@media (max-width: 1170px) {
    #icon--Reservist {
        height: 51px;
        width: 36px;
        margin-bottom: 0px;
    }
}

@media (max-width: 700px) {
    #icon--Reservist {
        height: 51px;
        width: 36px;
        margin-bottom: 0px;
    }
}

#icon--Midshipman {
    height: 113px;
    margin-top: 55px;
    width: 166px;
}

@media (min-width: 1171px) and (max-width: 1320px) {
    #icon--Midshipman {
        height: 178px;
        margin-top: 46px;
        width: 152px;
    }
}

@media (max-width: 1170px) {
    #icon--Midshipman {
        height: 65px;
        margin-top: 8px;
        width: 90px;
        margin-bottom: -10px;
    }
}

@media (max-width: 700px) {
    #icon--Midshipman {
        height: 65px;
        margin-top: 8px;
        width: 90px;
        margin-bottom: -10px;
    }
}

#icon--NOAA {
    height: 141px;
    width: 110px;
}

@media (max-width: 1170px) {
    #icon--NOAA {
        height: 80px;
        width: 65px;
    }
}

#icon--USPHS {
    height: 130px;
    width: 130px;
    margin-top: 70px;
}

@media (max-width: 1170px) {
    #icon--USPHS {
        margin-top: 0px;
        height: 73px;
        width: 82px;
    }
}

.maybeeligible {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 36px;
}

@media (max-width: 1170px) {
    .maybeeligible {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 700px) {
    .maybeeligible {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.maybeeligible__box {
    height: 322px;
    width: 460px;
    min-width: 460px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: #707171;
    border-width: 1px;
    border-style: solid;
    margin-top: 30px;
    margin-left: 15px;
    margin-right: 15px;
}

@media (max-width: 1170px) {
    .maybeeligible__box {
        height: auto;
        width: 240px;
        min-width: 240px;
        margin-top: 20px;
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media (min-width: 940px) and (max-width: 1171px) {
    .maybeeligible__box {
        width: 317px;
        min-width: 310px;
    }
}

@media (max-width: 700px) {
    .maybeeligible__box {
        width: 93%;
        height: auto;
        max-width: 350px;
    }
}

.maybeeligible__title {
    height: 100px;
    width: 100%;
    background-color: #343433;
    color: #ffffff;
    font-size: 36px;
    /* line-height: 85px; */
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    /* text-indent: 40px; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1170px) {
    .maybeeligible__title {
        height: 75px;
        font-size: 16px;
        max-height: 46px;
    }
}

@media (min-width: 940px) and (max-width: 1171px) {
    .maybeeligible__title {
        font-size: 18px;
        max-height: 55px;
    }
}

@media (max-width: 700px) {
    .maybeeligible__title {
        font-size: 17px;
    }
}

.maybeeligible__body {
    height: 220px;
    width: 100%;
    background-color: #ffffff;
    color: #707171;
    font-size: 18px;
    line-height: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

@media (max-width: 1170px) {
    .maybeeligible__body {
        height: auto;
        font-size: 10px;
        line-height: 10px;
        padding: 5px 0px 5px 0px;
    }
}

@media (min-width: 940px) and (max-width: 1171px) {
    .maybeeligible__body {
        font-size: 12px;
        line-height: 13px;
    }
}

@media (max-width: 700px) {
    .maybeeligible__body {
        height: auto;
        font-size: 12px;
        line-height: 12px;
        padding: 5px 0px 5px 0px;
    }
}

.maybeeligible__icon--medal {
    height: 65%;
    width: 14%;
    -moz-background-size: cover;
    background-size: cover;
    -moz-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 2%;
    margin-left: 2%;
}

@media (max-width: 1170px) {
    .maybeeligible__icon--medal {
        width: 43px;
        height: 50px;
        margin-top: 2%;
        margin-left: 1%;
    }
}

@media (min-width: 940px) and (max-width: 1171px) {
    .maybeeligible__icon--medal {
        margin-left: 0%;
        margin-right: 1%;
    }
}

@media (max-width: 700px) {
    .maybeeligible__icon--medal {
        height: 55px;
        width: 46px;
        margin-left: -.5%;
    }
}

.maybeeligible__icon--calander {
    height: 90%;
    width: 17%;
    -moz-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -2%;
}

@media (max-width: 1170px) {
    .maybeeligible__icon--calander {
        margin-top: -2%;
        margin-left: -2.5%;
        width: 55px;
    }
}

@media (min-width: 940px) and (max-width: 1171px) {
    .maybeeligible__icon--calander {
        margin-bottom: 6px;
    }
}

@media (max-width: 700px) {
    .maybeeligible__icon--calander {
        margin-left: -3%;
        height: 56px;
        width: 55px;
    }
}

.maybeeligible__body__row {
    height: 100px;
    width: 94%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: #FFFFFF;
    margin: 10px auto 0 auto;
}

@media (max-width: 1170px) {
    .maybeeligible__body__row {
        height: 56px;
        margin: 6px auto 0 auto;
    }
}

@media (min-width: 940px) and (max-width: 1171px) {
    .maybeeligible__body__row {
        height: 63px;
    }
}

@media (max-width: 700px) {
    .maybeeligible__body__row {
        height: auto;
        margin: 5px auto 5px auto;
    }
}

.maybeeligible__body__row:nth-child(2) {
    margin: 0px auto 10px auto;
}

@media (max-width: 1170px) {
    .maybeeligible__body__row:nth-child(2) {
        margin: 0px auto 0px auto;
    }
}

@media (max-width: 700px) {
    .maybeeligible__body__row:nth-child(2) {
        margin: 10px auto 5px auto;
    }
}

.row__copy {
    font-weight: 300;
    margin-left: 27px;
    /* margin-left: 40px; */
}

@media (max-width: 1170px) {
    .row__copy {
        margin-left: 13px;
    }
}

@media (min-width: 940px) and (max-width: 1171px) {
    .row__copy {
        margin-left: 14px;
    }
}

@media (max-width: 700px) {
    .row__copy {
        margin-left: 27px;
    }
}

.row__textarea {
    width: 100%;
}

@media (max-width: 1170px) {
    .row__textarea {
        width: 95%;
    }
}

@media (max-width: 700px) {
    .row__textarea {
        width: 95%;
    }
}

.maybeeligible__list {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 10px;
    margin-block-start: 10px;
    -webkit-margin-after: 0em;
    margin-block-end: 0em;
    -webkit-margin-start: 25px;
    -moz-margin-start: 25px;
    margin-inline-start: 25px;
    -webkit-margin-end: 0px;
    -moz-margin-end: 0px;
    margin-inline-end: 0px;
    -webkit-padding-start: 0px;
    -moz-padding-start: 0px;
    padding-inline-start: 0px;
    margin-bottom: 7px;
}

@media (max-width: 1170px) {
    .maybeeligible__list {
        -webkit-margin-before: 5px;
        margin-block-start: 5px;
        -webkit-margin-start: 13px;
        -moz-margin-start: 13px;
        margin-inline-start: 13px;
        margin-bottom: 2px;
    }
}

@media (min-width: 940px) and (max-width: 1171px) {
    .maybeeligible__list {
        margin-bottom: 5px;
    }
}

@media (max-width: 700px) {
    .maybeeligible__list {
        -webkit-margin-before: 2px;
        margin-block-start: 6px;
        -webkit-margin-start: 25px;
        -moz-margin-start: 25px;
        margin-inline-start: 25px;
        margin-bottom: 4px;
    }
}

.maybeeligible__title__text {
    margin-left: 40px;
}

@media (max-width: 1170px) {
    .maybeeligible__title__text {
        margin-left: 15px;
    }
}

@media (max-width: 700px) {
    .maybeeligible__title__text {
        margin-left: 15px;
    }
}

.homeloanfees {
    height: auto;
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.homeloanfees__title {
    height: 71px;
    width: auto;
    margin: 10px auto;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.homeloanfees__title--main {
    font-size: 30px;
    line-height: 40px;
}

.homeloanfees__title--line {
    height: 1px;
    background-color: black;
    width: 275px;
    margin-left: auto;
    margin-right: auto;
}

.homeloanfees__title--sub {
    font-size: 15px;
    line-height: 30px;
    color: #707171;
}

.homeloanfees__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    /* flex-direction: column; */
    height: auto;
    width: 100%;
    background-color: #F4F4F4;
    font-size: 16px;
    line-height: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 1170px) {
    .homeloanfees__body {
        font-size: 14px;
        line-height: 16px;
    }
}

.homeloanfees__body__row {
    background-color: #ffffff;
    border: #898A8A;
    color: #898A8A;
    border-width: 1px;
    border-style: solid;
    height: auto;
    min-height: 70px;
    width: 35%;
    min-width: 345px;
    padding: 10px 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 5px 2% 5px 2%;
}

@media (max-width: 1170px) {
    .homeloanfees__body__row {
        min-width: 337px;
    }
}

@media (min-width: 700px) and (max-width: 910px) {
    .homeloanfees__body__row {
        min-width: 241px;
    }
}

@media (max-width: 700px) {
    .homeloanfees__body__row {
        width: 45%;
        min-width: 125px;
        padding: 5px 5px;
    }
}

.homeloanfees__body__row:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.homeloanfees__body__row__text {
    width: 80%;
    margin: auto;
}

@media (max-width: 700px) {
    .homeloanfees__body__row__text {
        width: 70%;
    }
}

.homeloanfees__body__row__icon--check {
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    margin-top: auto;
    margin-bottom: auto;
}

.homeloanfees__body__row__icon--close {
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    margin-top: auto;
    margin-bottom: auto;
}

.homeloanfees__body__disclosure {
    text-align: center;
    margin: 15px auto 0px auto;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #898A8A;
    padding: 0 3%;
}

.vafundingtable {
    border: #333333;
    border-width: 1px;
    border-style: solid;
    width: 100%;
    height: auto;
    font-family: 'Montserrat', sans-serif;
    color: #333333;
}

.vafundingtable__title {
    background-color: #333333;
    height: 140px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1170px) {
    .vafundingtable__title {
        height: 90px;
    }
}

.vafundingtable__title__text {
    width: 40%;
    height: auto;
    margin: auto;
    text-align: center;
    color: #FFFFFF;
    font-size: 40px;
    line-height: 47px;
    font-weight: 300;
}

@media (max-width: 1170px) {
    .vafundingtable__title__text {
        width: 70%;
        font-size: 23px;
        line-height: 27px;
        font-weight: 300;
    }
}

.vafundingtable__body {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -moz-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    background-color: #F4F4F4;
}

@media (max-width: 700px) {
    .vafundingtable__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.vafundingtable__footer {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 16px;
}

.vafundingtable__body__column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 45%;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

@media (max-width: 700px) {
    .vafundingtable__body__column {
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }
}

.column__image {
    height: 150px;
    width: 150px;
    margin: 25px auto 15px auto;
}

@media (max-width: 700px) {
    .column__image {
        height: 100px;
        width: 100px;
    }
}

.column__top {
    height: auto;
    width: 100%;
    margin: 0 auto;
}

.column__image__text {
    font-size: 28px;
    height: auto;
    width: 230px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    margin: 0 auto 0px auto;
}

@media (max-width: 1170px) {
    .column__image__text {
        font-size: 18px;
    }
}

.column__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: #333333;
    border-width: 1px;
    border-style: solid;
    width: auto;
    padding: 25px;
    margin-top: 25px;
    background-color: #FFFFFF;
}

@media (max-width: 1170px) {
    .column__box {
        font-size: 18px;
        padding: 15px 5px;
    }
}

@media (max-width: 700px) {
    .column__box {
        padding: 10px 5px;
    }
}

.column__box__title {
    font-size: 24px;
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    margin-bottom: 10px;
}

@media (max-width: 1170px) {
    .column__box__title {
        font-size: 18px;
        width: auto;
        height: auto;
        margin-bottom: 4px;
    }
}

.column__box__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -moz-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    font-family: 'Montserrat', sans-serif;
}

.column__box__body--divide {
    background-color: #C4C4C4;
    height: auto;
    width: 2px;
    margin-right: 4%;
    margin-left: 0%;
}

@media (max-width: 1170px) {
    .column__box__body--divide {
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 700px) {
    .column__box__body--divide {
        margin-right: auto;
        margin-left: auto;
    }
}

.column__box__body--left {
    height: auto;
    width: 40%;
    font-size: 65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 1170px) {
    .column__box__body--left {
        width: 46%;
    }
}

.column__box__body--right {
    height: auto;
    width: 40%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 1170px) {
    .column__box__body--right {
        width: 48%;
    }
}

.body__percent {
    font-size: 35px;
}

@media (max-width: 1170px) {
    .body__percent {
        font-size: 20px;
    }
}

.column__box__body__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: 'Open Sans', sans-serif;
}

@media (max-width: 1170px) {
    .column__box__body__top {
        height: 55px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.body__smalltext {
    font-size: 18px;
    color: #A4A4A4;
    margin-top: 13px;
}

@media (max-width: 1170px) {
    .body__smalltext {
        font-size: 10px;
        margin-top: 0px;
        text-align: center;
    }
}

.body__bigtext {
    font-size: 65px;
    font-weight: 300;
}

@media (max-width: 1170px) {
    .body__bigtext {
        font-size: 40px;
    }
}

#icon--threePeople {
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
}

#icon--military {
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
}

#icon--calendar {
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
}

#page-content .refinance-page h1 {
    margin-top: 57px;
    margin-bottom: 57px;
}

#page-content .refinance-page .tabbed-content-container .tabs li {
    min-width: 13.2%;
}

@media (max-width: 1170px) {
    #page-content .refinance-page .tabbed-content-container .tabs li {
        min-width: 0;
    }
}

#page-content .refinance-page .loan-differences-infographic {
    margin: 40px 0;
}

    #page-content .refinance-page .loan-differences-infographic .tile {
        padding: 25px 20px;
        margin-bottom: 34px;
        position: relative;
        min-height: 132px;
    }

        #page-content .refinance-page .loan-differences-infographic .tile:after {
            clear: both;
            content: "";
            display: table;
        }

@media (max-width: 700px) {
    #page-content .refinance-page .loan-differences-infographic .tile {
        padding: 20px 0;
    }
}

#page-content .refinance-page .loan-differences-infographic .tile:last-child {
    margin-bottom: 0;
}

#page-content .refinance-page .loan-differences-infographic .center {
    display: inline-block;
    width: 324px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -162px;
    margin-top: -35px;
}

@media (max-width: 1170px) {
    #page-content .refinance-page .loan-differences-infographic .center {
        width: 270px;
        margin-left: -135px;
    }
}

@media (max-width: 700px) {
    #page-content .refinance-page .loan-differences-infographic .center {
        display: block;
        width: 100%;
        position: relative;
        margin: 0;
        top: auto;
        left: auto;
    }
}

#page-content .refinance-page .loan-differences-infographic .left,
#page-content .refinance-page .loan-differences-infographic .right {
    width: -webkit-calc(50% - 162px);
    width: -moz-calc(50% - 162px);
    width: calc(50% - 162px);
    position: relative;
}

@media (max-width: 1170px) {
    #page-content .refinance-page .loan-differences-infographic .left,
    #page-content .refinance-page .loan-differences-infographic .right {
        width: -webkit-calc(50% - 135px);
        width: -moz-calc(50% - 135px);
        width: calc(50% - 135px);
    }
}

@media (max-width: 700px) {
    #page-content .refinance-page .loan-differences-infographic .left,
    #page-content .refinance-page .loan-differences-infographic .right {
        width: 50%;
        padding: 0 15px;
    }
}

#page-content .refinance-page .loan-differences-infographic .left {
    text-align: right;
}

@media (max-width: 700px) {
    #page-content .refinance-page .loan-differences-infographic .left:before,
    #page-content .refinance-page .loan-differences-infographic .right:before {
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        background-color: #707171;
        position: absolute;
        top: 0;
    }
}

#page-content .refinance-page .loan-differences-infographic .left:before {
    right: 0;
}

#page-content .refinance-page .loan-differences-infographic .right:before {
    left: -1px;
}

#page-content .refinance-page .loan-differences-infographic .title {
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #000000;
}

@media (max-width: 1170px) {
    #page-content .refinance-page .loan-differences-infographic .title {
        font-size: 15px;
        line-height: 21px;
    }
}

@media (max-width: 700px) {
    #page-content .refinance-page .loan-differences-infographic .title {
        font-size: 13px;
        line-height: 19px;
    }
}

#page-content .refinance-page .loan-differences-infographic h4 {
    font-weight: 400;
}

@media (max-width: 700px) {
    #page-content .refinance-page .loan-differences-infographic h4 {
        color: #c79e51;
        margin-top: 0;
    }

        #page-content .refinance-page .loan-differences-infographic h4 span {
            display: none;
        }
}

#page-content .refinance-page .inline-video {
    margin: 30px 0;
}

#page-content .refinance-page .how-much-is-the-fee {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}

@media (max-width: 700px) {
    #page-content .refinance-page .how-much-is-the-fee {
        max-width: 290px;
    }
}

#page-content .refinance-page .how-much-is-the-fee td p,
#page-content .refinance-page .how-much-is-the-fee td li {
    font-size: 14px;
}

#page-content .refinance-page .how-much-is-the-fee td ul:last-child {
    margin-bottom: 0;
}

#page-content .refinance-page .how-much-is-the-fee td li {
    padding-left: 12px;
}

    #page-content .refinance-page .how-much-is-the-fee td li:before {
        width: 3px;
        height: 3px;
        left: 0;
        background-color: #8a8b8b;
    }

#page-content .refinance-page .how-much-is-the-fee .max-width-full {
    margin-bottom: 0;
}

@media (max-width: 700px) {
    #page-content .refinance-page .how-much-is-the-fee .max-width-full {
        margin-bottom: 22px;
    }
}

#page-content .refinance-page .fee-notes {
    max-width: 720px;
    margin: 0 auto;
}

    #page-content .refinance-page .fee-notes:after {
        clear: both;
        content: "";
        display: table;
    }

@media (max-width: 700px) {
    #page-content .refinance-page .fee-notes {
        max-width: 250px;
    }
}

#page-content .refinance-page .fee-notes .left {
    width: -webkit-calc(33.3333% - 11px);
    width: -moz-calc(33.3333% - 11px);
    width: calc(33.3333% - 11px);
}

@media (max-width: 700px) {
    #page-content .refinance-page .fee-notes .left {
        float: none;
        width: 100%;
        margin: 0 auto 10px;
        max-width: 228px;
    }
}

#page-content .refinance-page .fee-notes .right {
    width: -webkit-calc(66.6667% - 11px);
    width: -moz-calc(66.6667% - 11px);
    width: calc(66.6667% - 11px);
}

@media (max-width: 700px) {
    #page-content .refinance-page .fee-notes .right {
        float: none;
        width: 100%;
    }
}

#page-content .refinance-page .fee-notes .right p {
    font-size: 8px;
    line-height: 16px;
}

#page-content .refinance-page .fee-notes .right > p {
    margin-bottom: 8px;
}

#page-content .refinance-page .fee-notes .right div {
    position: relative;
    padding-right: 50px;
}

    #page-content .refinance-page .fee-notes .right div:after {
        content: '';
        display: block;
        width: 28px;
        height: 29px;
        background-repeat: no-repeat;
        -moz-background-size: contain;
        background-size: contain;
        position: absolute;
        right: 20px;
        bottom: 0;
    }

@media (max-width: 880px) {
    #page-content .refinance-page .why-need-cash-infographic .infographic-tiles-wrap,
    #page-content .refinance-page .must-haves-infographic .infographic-tiles-wrap,
    #page-content .refinance-page .five-advantages-infographic .infographic-tiles-wrap {
        max-width: 290px;
        text-align: center;
    }
}

@media (max-width: 700px) {
    #page-content .refinance-page .why-need-cash-infographic .tile,
    #page-content .refinance-page .must-haves-infographic .tile,
    #page-content .refinance-page .five-advantages-infographic .tile {
        width: -webkit-calc(50% - 13px);
        width: -moz-calc(50% - 13px);
        width: calc(50% - 13px);
        margin-right: 20px;
        padding: 0 10px;
    }
}

@media (max-width: 880px) {
    #page-content .refinance-page .why-need-cash-infographic .tile:nth-child(2n),
    #page-content .refinance-page .must-haves-infographic .tile:nth-child(2n),
    #page-content .refinance-page .five-advantages-infographic .tile:nth-child(2n) {
        margin-right: 0;
    }
}

@media (max-width: 880px) {
    #page-content .refinance-page .why-need-cash-infographic .tile h4,
    #page-content .refinance-page .must-haves-infographic .tile h4,
    #page-content .refinance-page .five-advantages-infographic .tile h4 {
        font-size: 15px;
        line-height: 20px;
    }
}

#page-content .refinance-page .why-need-cash-infographic .tile {
    height: 190px;
}

@media (max-width: 880px) {
    #page-content .refinance-page .why-need-cash-infographic .tile {
        height: 130px;
    }

        #page-content .refinance-page .why-need-cash-infographic .tile img {
            position: absolute;
            left: 50%;
            bottom: 4px;
            -webkit-transform: translateX(-50%) scale(0.6);
            -moz-transform: translateX(-50%) scale(0.6);
            -ms-transform: translateX(-50%) scale(0.6);
            -o-transform: translateX(-50%) scale(0.6);
            transform: translateX(-50%) scale(0.6);
        }
}

@media (max-width: 700px) {
    #page-content .refinance-page .why-need-cash-infographic .tile img {
        position: absolute;
        left: 50%;
        bottom: 20px;
        -webkit-transform: translateX(-50%) scale(1);
        -moz-transform: translateX(-50%) scale(1);
        -ms-transform: translateX(-50%) scale(1);
        -o-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
    }
}

#page-content .refinance-page .must-haves-infographic .tile {
    height: 208px;
}

@media (max-width: 880px) {
    #page-content .refinance-page .must-haves-infographic .tile {
        height: 175px;
    }
}

#page-content .refinance-page .must-haves-infographic .tile h4 {
    font-size: 20px;
    line-height: 23px;
}

@media (max-width: 880px) {
    #page-content .refinance-page .must-haves-infographic .tile h4 {
        font-size: 18px;
        line-height: 21px;
    }
}

#page-content .refinance-page .must-haves-infographic img {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (max-width: 880px) {
    #page-content .refinance-page .must-haves-infographic img {
        max-height: none;
        bottom: 15px;
        -webkit-transform: translateX(-50%) scale(0.8);
        -moz-transform: translateX(-50%) scale(0.8);
        -ms-transform: translateX(-50%) scale(0.8);
        -o-transform: translateX(-50%) scale(0.8);
        transform: translateX(-50%) scale(0.8);
    }
}

#page-content .refinance-page .special-qualifications-infographic p:first-of-type {
    margin-bottom: 0;
}

#page-content .refinance-page .five-advantages-infographic .tile {
    height: 255px;
}

@media (max-width: 880px) {
    #page-content .refinance-page .five-advantages-infographic .tile {
        height: 175px;
    }
}

#page-content .refinance-page .five-advantages-infographic img {
    margin-top: 20px;
    max-height: 60px;
}

@media (max-width: 880px) {
    #page-content .refinance-page .five-advantages-infographic img {
        max-height: 38px;
    }
}

@media (min-width: 701px) {
    #page-content .refinance-page .common-checkpoints-infographic .title-block {
        margin-bottom: 0;
    }
}

/*styles form html stop replace thead infographic*/
.calculate {
    height: auto;
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    margin-top: 25px;
}

@media (max-width: 700px) {
    .calculate__mobilebox {
        border-style: solid;
        border-width: 1px;
    }
}

.calculate__top {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 700px) {
    .calculate__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.calculate__title {
    width: 100%;
    height: auto;
    background-color: #333333;
    color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    /*@include is-mobile {
        height: 150px;
    }*/
}

.calculate__title__text {
    color: #ffffff;
    width: 60%;
    line-height: 36px;
    font-size: 38px;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0 20px 0;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    font-weight: 300;
}

@media (max-width: 700px) {
    .calculate__title__text {
        font-size: 28px;
        width: 85%;
    }
}

.calculate__column {
    width: 48%;
    margin-bottom: 20px;
    margin-top: 25px;
}

@media (max-width: 1170px) {
    .calculate__column {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

@media (max-width: 700px) {
    .calculate__column {
        width: 100%;
        margin-top: 0px;
    }
}

.calculate__column__iconarea {
    width: 100%;
    height: 300px;
}

@media (max-width: 700px) {
    .calculate__column__iconarea {
        width: 100%;
        margin-top: 0px;
        height: 310px;
    }
}

calculate__column__iconarea__bottom {
    width: 100%;
    height: 270px;
}

@media (max-width: 700px) {
    calculate__column__iconarea__bottom {
        width: 100%;
        margin-top: 0px;
        height: 310px;
    }
}

.calculate__column__row {
    width: 100%;
    height: auto;
    margin-bottom: 25px;
}

.calculate__column__row__top {
    padding: 15px 0;
    width: 100%;
    margin: auto;
    color: #ffffff;
    text-align: center;
}

.calculate__text--large {
    font-size: 25px;
}

.calculate__text--med {
    font-size: 17px;
}

.calculate__text--small {
    font-size: 8px;
    text-align: left;
    padding-top: 7px;
    margin-left: 5px;
}

.calculate__column__row__bottom {
    width: 100%;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.calculate__column__row__bottom__section {
    padding: 15px 0;
    width: 47%;
    background-color: #F3F3F4;
    text-align: center;
}

.calculate__column__divide {
    height: 818px;
    width: 2px;
    background-color: #CECFCF;
    margin-top: 5%;
}

@media (max-width: 700px) {
    .calculate__column__divide {
        display: none;
        margin-top: 2%;
    }
}

.calculate__column__divide__bottom {
    height: 341px;
    width: 2px;
    background-color: #CECFCF;
    margin-top: 2%;
}

@media (max-width: 1170px) {
    .calculate__column__divide__bottom {
        height: 319px;
    }
}

@media (max-width: 700px) {
    .calculate__column__divide__bottom {
        display: none;
    }
}

.calculate__bottom {
    width: 100%;
    /* height: auto; */
    height: 367px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5px;
}

@media (max-width: 1170px) {
    .calculate__bottom {
        height: 345px;
        margin-top: 15px;
    }
}

@media (max-width: 700px) {
    .calculate__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
    }
}

.singleDarkGray {
    background-color: #5C5C5C;
    text-align: center;
    color: #ffffff;
}

.golden {
    background-color: #C8A251;
    color: #ffffff;
}

.addSmall {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 10%;
    margin: 0 auto;
}

.calculate__horizontaldivider {
    width: 100%;
    height: 2px;
    margin: 10px 0;
    background-color: #CECFCF;
}

.calculate__horizontaldivider--bottom {
    width: 100%;
    height: 1px;
    background-color: #A9A9A9;
    margin-top: 10px;
}

.calculate__footer__text {
    font-size: 11px;
    margin-top: 12px;
    padding: 0 20px;
}

.calculate__footer__text__marginbottom {
    margin-bottom: 12px;
}

.calculate__threeboxes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #F4F4F4;
    padding-top: 20px;
}

@media (max-width: 700px) {
    .calculate__threeboxes {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.calculate__threeboxes__box {
    width: 30%;
    height: auto;
    border: #A9A9A9;
    border-width: 1px;
    border-style: solid;
    padding: 15px 25px;
    background-color: #ffffff;
}

@media (max-width: 700px) {
    .calculate__threeboxes__box {
        width: 100%;
        margin-bottom: 25px;
    }
}

.calculate__threeboxes__box__title__text {
    font-size: 22px;
    font-weight: 700;
}

@media (max-width: 700px) {
    .calculate__threeboxes__box__title__text {
        font-size: 17px;
        font-weight: 400;
    }
}

.calculate__threeboxes__box__divider {
    height: 2px;
    width: 94%;
    margin: 10px auto;
    background-color: #8E8F8F;
}

@media (max-width: 700px) {
    .calculate__threeboxes__box__divider {
        height: 1px;
    }
}

.calculate__threeboxes__box__text {
    font-family: 'Open Sans', sans-serif;
    color: #666666;
    font-size: 13px;
}

.calculate__column__iconarea__toparea {
    width: 100%;
    height: 130px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 50px;
}

.calculate__column__iconarea__toparea__icon {
    width: 85px;
    height: 85px;
    margin: 0 auto;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
}

.calculate__column__iconarea__toparea__icon--single {
    width: 85px;
    height: 85px;
    margin: 0 auto;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
}

.calculate__column__iconarea__centerarea {
    width: 100%;
    height: 105px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.calculate__column__iconarea__centerarea__text {
    font-size: 32px;
    width: 60%;
    line-height: 30px;
    margin: 0 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 5px;
}

@media (max-width: 1170px) {
    .calculate__column__iconarea__centerarea__text {
        font-size: 25px;
        width: 85%;
    }
}

@media (max-width: 700px) {
    .calculate__column__iconarea__centerarea__text {
        width: 80%;
    }
}

.calculate__column__iconarea__centerarea__text--dates {
    font-size: 25px;
    width: 60%;
    line-height: 30px;
    margin: 0 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 5px;
}

@media (max-width: 1170px) {
    .calculate__column__iconarea__centerarea__text--dates {
        font-size: 25px;
        width: 65%;
    }
}

@media (max-width: 700px) {
    .calculate__column__iconarea__centerarea__text--dates {
        width: 80%;
    }
}

.calculate__column__iconarea__centerarea__text--sub {
    font-size: 16px;
    width: 60%;
    line-height: 16px;
    margin: 0 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 15px;
}

@media (max-width: 1170px) {
    .calculate__column__iconarea__centerarea__text--sub {
        width: 80%;
    }
}

@media (max-width: 700px) {
    .calculate__column__iconarea__centerarea__text--sub {
        width: 70%;
    }
}

.calculate__column__iconarea__bottomarea {
    width: 100%;
    height: 121px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1170px) {
    .calculate__column__iconarea__bottomarea {
        height: 90px;
        margin-top: 20px;
        margin-bottom: 35px;
    }
}

@media (max-width: 700px) {
    .calculate__column__iconarea__bottomarea {
        height: 90px;
        margin-top: 20px;
        margin-bottom: 50px;
    }
}

.calculate__column__iconarea__bottomarea__block {
    width: 47%;
}

.calculate__column__iconarea__bottomarea__block__icon {
    width: 95px;
    height: 95px;
    margin: 0 auto;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
}

.calculate__column__iconarea__bottomarea__block__text {
    text-align: center;
    margin-top: -10px;
    font-weight: 600;
    font-size: 15px;
}

.calculate__column__iconarea__centerarea__lines {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -moz-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin-top: 15px;
    position: relative;
}

    .calculate__column__iconarea__centerarea__lines > .line2left {
        position: relative;
        top: -10px;
    }

    .calculate__column__iconarea__centerarea__lines > .line2right {
        position: relative;
        top: -1px;
    }

.line2right {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 35px;
    border-top: 5px dotted #ADADAD;
    color: #fff;
}

.line2left {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 35px;
    border-top: 5px dotted #ADADAD;
    color: #fff;
}

.line2strait {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 35px;
    border-top: 5px dotted #ADADAD;
    color: #fff;
}

#manicon {
    width: 85px;
    height: 85px;
    margin-top: 0px;
}

#dricon {
    height: 85px;
    width: 85px;
}

#soldierhalficon {
    height: 75px;
    margin-top: 5px;
    width: 55px;
}

.calculate__ul li {
    font-size: 13px;
}

.calculate__ul ul:last-child {
    margin-bottom: 0;
}

.calculate__ul li {
    padding-left: 12px;
}

    .calculate__ul li:before {
        content: '';
        display: block;
        width: 5px;
        height: 5px;
        background-color: #cccccc;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        position: relative;
        top: 11px;
        left: -13px;
    }

.refinanceSmallDisclaimer {
    font-size: 15px;
    margin: 15px 0 0 11px;
}

@media (max-width: 1170px) {
    .refinanceSmallDisclaimer {
        font-size: 12px;
    }
}

@media (max-width: 700px) {
    .refinanceSmallDisclaimer {
        font-size: 12px;
    }
}

.refinancePreventSquish {
    min-width: unset;
}

@media (max-width: 1170px) {
    .refinancePreventSquish {
        min-width: 129px;
    }
}

@media (max-width: 700px) {
    .refinancePreventSquish {
        min-width: unset;
    }
}

#page-content .get-to-know-us-page h1 {
    margin-top: 57px;
    margin-bottom: 57px;
}

#page-content .get-to-know-us-page .tabbed-content-container .tabs li {
    min-width: 16.6%;
    float: left;
}

@media (max-width: 1170px) {
    #page-content .get-to-know-us-page .tabbed-content-container .tabs li {
        float: none;
        min-width: 0;
    }
}

#page-content .get-to-know-us-page .videos-carousel-container {
    margin-top: 40px;
}

#page-content .get-to-know-us-page .tab-content > li > .constrain > h5 {
    font-size: 30px;
}

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .tab-content > li > .constrain > h5 {
        font-size: 20px;
    }
}

#page-content .get-to-know-us-page .timeline {
    width: 100%;
    position: relative;
    padding: 50px 0 30px;
}

    #page-content .get-to-know-us-page .timeline:before {
        content: '';
        width: 2px;
        height: 100%;
        background-color: black;
        position: absolute;
        top: 0;
        left: 50%;
    }

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .timeline:before {
        width: 1px;
        left: 83px;
    }
}

#page-content .get-to-know-us-page .timeline .endpoint {
    display: inline-block;
    position: absolute;
    top: -4px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .timeline .endpoint {
        left: 83px;
    }
}

#page-content .get-to-know-us-page .timeline .endpoint span {
    display: inline-block;
    line-height: 30px;
    font-size: 12px;
    text-transform: uppercase;
    color: white;
    padding: 0 6px;
    background-color: #c4c4c4;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 4px solid #eaeaea;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .timeline .endpoint span {
        font-size: 8px;
        line-height: 16px;
        border-width: 2px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
}

#page-content .get-to-know-us-page .timeline .today {
    top: auto;
    bottom: 0;
}

#page-content .get-to-know-us-page .timeline .segment {
    position: relative;
    margin-bottom: 70px;
}

    #page-content .get-to-know-us-page .timeline .segment:after {
        clear: both;
        content: "";
        display: table;
    }

@media (max-width: 1170px) {
    #page-content .get-to-know-us-page .timeline .segment {
        margin-bottom: 40px;
    }
}

#page-content .get-to-know-us-page .timeline .segment:last-child {
    margin-bottom: 0;
}

#page-content .get-to-know-us-page .timeline .segment > div {
    float: right;
}

#page-content .get-to-know-us-page .timeline .date {
    width: -webkit-calc(50% + 56px);
    width: -moz-calc(50% + 56px);
    width: calc(50% + 56px);
    padding: 0 112px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px;
}

    #page-content .get-to-know-us-page .timeline .date:after {
        clear: both;
        content: "";
        display: table;
    }

@media (max-width: 1170px) {
    #page-content .get-to-know-us-page .timeline .date {
        width: -webkit-calc(50% + 34px);
        width: -moz-calc(50% + 34px);
        width: calc(50% + 34px);
        padding: 0 68px 0;
    }
}

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .timeline .date {
        width: 100px;
        padding: 0 36px 0 0;
        text-align: right;
        margin-top: -15px;
    }
}

#page-content .get-to-know-us-page .timeline .date:before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background-color: #c79e51;
    border: 2px solid #f4f4f4;
    position: absolute;
    top: 50%;
    right: 46px;
    margin-top: -11px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

@media (max-width: 1170px) {
    #page-content .get-to-know-us-page .timeline .date:before {
        right: 24px;
    }
}

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .timeline .date:before {
        width: 9px;
        height: 9px;
        margin-top: -4px;
        right: 12px;
    }
}

#page-content .get-to-know-us-page .timeline .date figure {
    position: absolute;
    bottom: -webkit-calc(100% + 15px);
    bottom: -moz-calc(100% + 15px);
    bottom: calc(100% + 15px);
    background-position: right bottom;
    background-repeat: no-repeat;
    width: 110px;
    height: 100px;
    right: 112px;
}

@media (max-width: 1170px) {
    #page-content .get-to-know-us-page .timeline .date figure {
        width: 56px;
        height: 56px;
        right: 68px;
        bottom: 100%;
        -moz-background-size: contain;
        background-size: contain;
    }
}

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .timeline .date figure {
        width: 35px;
        height: 35px;
        right: 36px;
    }
}

#page-content .get-to-know-us-page .timeline h5 {
    margin: 0;
}

@media (max-width: 1170px) {
    #page-content .get-to-know-us-page .timeline h5 {
        font-size: 22px;
    }
}

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .timeline h5 {
        font-size: 13px;
    }
}

#page-content .get-to-know-us-page .timeline .copy {
    width: -webkit-calc(50% - 56px);
    width: -moz-calc(50% - 56px);
    width: calc(50% - 56px);
    position: relative;
    background-color: white;
    border: 1px solid #dfdfdf;
    padding: 30px;
}

@media (max-width: 1170px) {
    #page-content .get-to-know-us-page .timeline .copy {
        width: -webkit-calc(50% - 34px);
        width: -moz-calc(50% - 34px);
        width: calc(50% - 34px);
        padding: 20px;
    }
}

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .timeline .copy {
        width: -webkit-calc(100% - 100px);
        width: -moz-calc(100% - 100px);
        width: calc(100% - 100px);
        padding: 12px;
    }

        #page-content .get-to-know-us-page .timeline .copy p {
            font-size: 10px;
            line-height: 14px;
        }
}

#page-content .get-to-know-us-page .timeline .copy .middle {
    text-align: left;
}

#page-content .get-to-know-us-page .timeline .copy:before,
#page-content .get-to-know-us-page .timeline .copy:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 100%;
}

#page-content .get-to-know-us-page .timeline .copy:before {
    border: 26px solid transparent;
    border-right: 20px solid #dfdfdf;
    margin-top: -26px;
}

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .timeline .copy:before {
        border-width: 10px;
        border-right-width: 8px;
        margin-top: -10px;
    }
}

#page-content .get-to-know-us-page .timeline .copy:after {
    border: 24px solid transparent;
    border-right: 18px solid white;
    margin-top: -24px;
}

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .timeline .copy:after {
        border-width: 8px;
        border-right-width: 6px;
        margin-top: -8px;
    }
}

@media (min-width: 701px) {
    #page-content .get-to-know-us-page .timeline .segment:nth-child(odd) .date {
        text-align: right;
    }
}

@media (min-width: 701px) {
    #page-content .get-to-know-us-page .timeline .segment:nth-child(even) > div {
        float: left;
    }
}

@media (min-width: 701px) {
    #page-content .get-to-know-us-page .timeline .segment:nth-child(even) .date {
        left: auto;
        right: 0;
    }
}

@media (min-width: 701px) {
    #page-content .get-to-know-us-page .timeline .segment:nth-child(even) .date:before {
        right: auto;
        left: 48px;
    }
}

@media (max-width: 1170px) {
    #page-content .get-to-know-us-page .timeline .segment:nth-child(even) .date:before {
        left: 26px;
    }
}

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .timeline .segment:nth-child(even) .date:before {
        left: auto;
    }
}

@media (min-width: 701px) {
    #page-content .get-to-know-us-page .timeline .segment:nth-child(even) .date figure {
        right: auto;
        left: 112px;
        background-position: left bottom;
    }
}

@media (max-width: 1170px) {
    #page-content .get-to-know-us-page .timeline .segment:nth-child(even) .date figure {
        left: 68px;
    }
}

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .timeline .segment:nth-child(even) .date figure {
        left: auto;
    }
}

@media (min-width: 701px) {
    #page-content .get-to-know-us-page .timeline .segment:nth-child(even) .copy:before, #page-content .get-to-know-us-page .timeline .segment:nth-child(even) .copy:after {
        right: auto;
        left: 100%;
    }

    #page-content .get-to-know-us-page .timeline .segment:nth-child(even) .copy:before {
        border-right-color: transparent;
        border-left: 20px solid #dfdfdf;
    }

    #page-content .get-to-know-us-page .timeline .segment:nth-child(even) .copy:after {
        border-right-color: transparent;
        border-left: 18px solid white;
    }
}

#page-content .get-to-know-us-page .team-list {
    width: 100%;
    max-width: 778px;
    margin: 0 auto;
}

    #page-content .get-to-know-us-page .team-list:after {
        clear: both;
        content: "";
        display: table;
    }

    #page-content .get-to-know-us-page .team-list li {
        width: -webkit-calc(50% - 22px);
        width: -moz-calc(50% - 22px);
        width: calc(50% - 22px);
        float: left;
        margin-right: 44px;
        text-align: center;
    }

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .team-list li {
        width: 100%;
        max-width: 334px;
        margin: 0 auto;
        float: none;
    }
}

@media (min-width: 701px) {
    #page-content .get-to-know-us-page .team-list li:nth-child(2n) {
        margin-right: 0;
    }
}

#page-content .get-to-know-us-page .team-list .image-wrapper {
    width: 100%;
    height: 0;
    padding-top: 100%;
    position: relative;
}

#page-content .get-to-know-us-page .team-list .background-cover:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #bbbbbb;
}

#page-content .get-to-know-us-page .team-list .detail {
    width: 100%;
    height: 172px;
    padding-top: 24px;
}

@media (max-width: 1170px) {
    #page-content .get-to-know-us-page .team-list .detail {
        padding-top: 14px;
        height: 150px;
    }
}

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .team-list .detail {
        padding-top: 0;
        height: auto;
        min-height: 110px;
        padding: 20px 0;
    }
}

#page-content .get-to-know-us-page .team-list h4 {
    margin: 0 0 5px;
    font-weight: 400;
}

#page-content .get-to-know-us-page .team-list p {
    font-size: 22px;
}

@media (max-width: 1170px) {
    #page-content .get-to-know-us-page .team-list p {
        font-size: 20px;
    }
}

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .team-list p {
        font-size: 15px;
    }
}

#page-content .get-to-know-us-page .contact-options {
    width: -webkit-calc(100% + 60px);
    width: -moz-calc(100% + 60px);
    width: calc(100% + 60px);
    position: relative;
    margin-left: -30px;
    margin-bottom: 30px;
}

@media (max-width: 1170px) {
    #page-content .get-to-know-us-page .contact-options {
        width: -webkit-calc(100% + 36px);
        width: -moz-calc(100% + 36px);
        width: calc(100% + 36px);
        margin-left: -18px;
    }
}

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .contact-options {
        width: 100%;
        margin-left: 0;
    }
}

#page-content .get-to-know-us-page .contact-options .table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 30px;
    table-layout: fixed;
}

@media (max-width: 1170px) {
    #page-content .get-to-know-us-page .contact-options .table {
        border-spacing: 18px;
        max-width: 830px;
        margin: 0 auto;
    }
}

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .contact-options .table {
        max-width: 218px;
        display: block;
        border-spacing: unset;
    }
}

#page-content .get-to-know-us-page .contact-options .row {
    display: table-row;
}

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .contact-options .row {
        display: block;
    }
}

#page-content .get-to-know-us-page .contact-options .cell {
    display: table-cell;
    vertical-align: top;
    border: 1px solid #e0e0e0;
    background: white;
    padding: 20px 15px 30px;
}

@media (max-width: 1170px) {
    #page-content .get-to-know-us-page .contact-options .cell {
        padding: 15px 7px;
    }
}

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .contact-options .cell {
        display: inline-block;
        min-height: 170px;
        width: 100%;
        margin-bottom: 26px;
    }
}

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .contact-options .cell:last-child {
        margin-bottom: 0;
    }
}

#page-content .get-to-know-us-page .contact-options .cell > div {
    height: 100%;
    text-align: center;
}

#page-content .get-to-know-us-page .contact-options .image-wrap {
    height: 70px;
    width: 90px;
    margin: 0 auto 10px;
}

@media (max-width: 1170px) {
    #page-content .get-to-know-us-page .contact-options .image-wrap {
        height: 30px;
    }
}

#page-content .get-to-know-us-page .contact-options img {
    max-height: 100%;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
}

#page-content .get-to-know-us-page .contact-options h5 {
    margin: 0 0 3px;
}

@media (max-width: 1170px) {
    #page-content .get-to-know-us-page .contact-options h5 {
        font-size: 21px;
        line-height: 31px;
    }
}

@media (max-width: 1170px) {
    #page-content .get-to-know-us-page .contact-options p {
        font-size: 10px;
        line-height: 16px;
    }
}

#page-content .get-to-know-us-page .our-loan-centers {
    text-align: center;
}

@media (max-width: 1170px) {
    #page-content .get-to-know-us-page .our-loan-centers h2 {
        font-size: 28px;
    }
}

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .our-loan-centers h2 {
        font-size: 20px;
    }
}

@media (max-width: 1170px) {
    #page-content .get-to-know-us-page .our-loan-centers h3 {
        font-size: 22px;
    }
}

@media (max-width: 700px) {
    #page-content .get-to-know-us-page .our-loan-centers h3 {
        font-size: 15px;
        line-height: 23px;
        margin: 5px 0;
    }
}

#page-content .get-to-know-us-page .loan-center {
    margin-top: 38px;
}

@media (max-width: 1170px) {
    #page-content .get-to-know-us-page .loan-center {
        margin-top: 18px;
    }
}

#page-content .get-to-know-us-page .loan-center span {
    display: block;
}
.expanded > .target {
    height: auto;
}
.fontWhite {
    color: #ffffff;
}

#five-steps-infographic > .infographic-tiles-wrap > .tiles > .tile {
    /*height:360px;*/
    height: fit-content !important;
}

@media (max-width: 1170px) {
    .fontWhite {
        color: #000000;
    }

    .h3PositionFix {
        margin: 30px 0 24px !important;
    }
}

.fiveSteps__image {
    max-height: unset !important;
    padding: 5px 0 15px 0;
}

.ResearchImage {
    width: 230px;
    height: 114px;
}

.PrequalificationImage {
    width: 265px;
    height: 180px;
}

.HuntingImage {
    width: 300px;
    height: 238px;
}

.ApprovalImage {
    width: 306px;
    height: 153px;
}

.ClosingImage {
    width: 325px;
    height: 110px;
}

@media (max-width: 700px) {
    .fiveSteps__image {
        max-height: unset !important;
        padding: 5px 0 5px 0;
    }

    .ResearchImage {
        width: 280px;
        height: 72px;
    }

    .PrequalificationImage {
        width: 280px;
        height: 116px;
    }

    .HuntingImage {
        width: 280px;
        height: 148px;
    }

    .ApprovalImage {
        width: 280px;
        height: 107px;
    }

    .ClosingImage {
        width: 280px;
        height: 70px;
    }
}

.homeTitleCenter {
    text-align: center;
    margin-top: 101px;
    margin-bottom: 101px;
}