/*	Theme Name: St James Mortgage
Description: Custom Theme for St James Mortgage
Author: Kenny Fellows
License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/

/********* CSS RESET *********/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html {line-height: 1; } ol, ul {list-style: none; } table {border-collapse: collapse; border-spacing: 0; } caption, th, td {text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote {quotes: none; } q:before, q:after, blockquote:before, blockquote:after {content: ""; content: none; } a img {border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block; }

/*********** GENERAL STYLES **********/

body {
    font-weight: 300;
    font-size: 22px;
    line-height: 1.4em;
    font-family: source_sans_prolight, Helvetica, Arial, sans-serif;
    color: #444;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1.4em;
    margin-bottom: 0.4em;
}
h1 {
    font-size: 32px;
    font-size: 2em;
}
h2 {
    font-size: 24px;
    font-size: 1.5em;
} 
h3 {
    font-size: 22.4px;
    font-size: 1.4em;
}
h4 {
    font-size: 19.2px;
    font-size: 1.2em;
}
h5, h6 {
    font-size: .8em;
}
.clear:before, .clear:after {
    content: ' ';
    display: table;
}
.clear:after {
    clear: both;
}
.clear {
    *zoom: 1;
}
.clearer {
    clear: both;
    height: 0;
    line-height: 0;
    display: block;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
a {
    color: #444;
    text-decoration: none;
}
a:hover {
    color: #444;
}
a:focus {
    outline: 0;
}
a:hover, a:active {
    outline: 0;
}
input:focus {
    outline: 0;
    border: 1px solid #04A4CC;
}
iframe {
    display: block;
}
.hidden {
    display: none;
}
*, *:after, *:before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}


/********** FOOTER **********/

#footer {
    background: #4c4a47;
    color: #fff; 
    padding-top: 1.3em; 
    padding-bottom: 2em; 
    position: relative; 
}
.footer-address {
    font-size: .75em; 
    margin: 0; 
    line-height: 1.3em; 
    clear: left; 
}
.footer-nav {
    margin: 0  0 1em 0; 
    float: left; 
}
.btn--footer-login {
    float: right; 

}
.apply-extra-text a {
    border-bottom: 1px solid white; 
}
.apply-extra-text a:hover {
    border-bottom: none;  
}
.footer-nav li {
    display: inline-block; 
    font-family: signikabold;
    text-transform: uppercase; 
    font-size: .75em; 
    padding-right: 15px; 
}
.footer-nav li a {
    color: #cee7e8;
}
.footer-address-link {
    color: inherit; 
}
.footer-address-link:hover {
    color: inherit; 
}

a.privacy-notice {
    border-bottom: 1px solid white; 
}
.privacy a.privacy-notice:hover {
    border: none; 
}
/********** HEADER **********/

#header {
    padding-top: 30px; 
    padding-bottom: 20px; 
}
#header.fixed {
    position: fixed; 
    top: 0; 
    box-shadow: 0px 0px 8px -1px #ccc; 
    width: 100%; 
    z-index: 999; 
    background: #fff; 
    padding: 15px 0px 5px 0px; 
}
#header.fixed .logo-container {
    cursor: pointer; 
}
#header.fixed.placeholder {
    visibility: none; 

}
.header-fixed-show {
    display: none; 
}
.header-fixed-none {
    display: inline; 
}
#header.fixed .header-fixed-none {
    display: none; 
}
#header.fixed .header-fixed-show {
    display: inline; 
}
#header.fixed .main-nav {
    margin-top: 0; 
    margin-right: 30px; 
    font-size: .9em; 
    width: 75%; 
    float: right; 
    clear: none; 
}
#header.fixed span.phone-numbers {
    font-size: 1em; 
    padding-right: 10px; 
}
#header.fixed p.contact-info {
    font-size: 1.1em; 
    margin-bottom: 6px; 
}
#header.fixed .header-address {
    padding-left: 10px; 
}
#header.fixed span.phone-numbers {
    font-family: source_sans_proregular; 
}
.bg-image-container {
    position: relative; 
    padding-bottom: 50px; 
    overflow:hidden;
}
body.error404 .bg-image-container {
    padding-bottom: 0; 
}
.text-404 {
    margin: 4em 0; 
}
.underline-link {
    text-decoration: underline; 
}
.underline-link:hover {
    text-decoration: none; 
}
.site-background-image {
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    width: 100%; 
    z-index: -1;
    min-width: 1500px; 
}

.menu-phone-icon {
    display: none; 
}

.apply-now-sub-text {
    text-transform: uppercase; 
    font-family: source_sans_probold; 
    font-size: .8em; 
    margin-bottom: 1em; 
}

#top-link {
    cursor: pointer;
    color: #fff;
    font-size: 32px;
    font-size: 2em;
    display: none;
    position: fixed;
    bottom: 10px;
    right: 5%;
    padding: 0px 8px;
    background: black;
    background: rgba(0, 0, 0, 0.6);
    height: 1.1em;
    border-radius: 2px;
    z-index: 9999;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    transition: background-color 0.5s;
}
#top-link:hover {
    background: black;
    background: rgba(0, 0, 0, 0.8);
}
.header__contact {
    font-family: source_sans_proregular;
    color: #3ca4ff;
    font-size: .6em; 
    float: right;  
    text-align: right; 
    margin-right: 185px; 
}
.header__contact .contact-info {
    line-height: 1.5em; 
}
.header__contact .phone-numbers {
    font-size: 1.6em; 
    font-family: source_sans_probold; 
}

#header.fixed .header__contact {
    float: none; 
    width: 100%; 
    margin-left: 0; 
}

#header.fixed .logo-container {
    max-width: 250px; 
}

#header.fixed .header__contact br {
    display: none; 
}

.closing-cost-header br {
    display: none; 
}

/********** BANNER STYLES **********/

.heading--home-section {
    text-align: center; 
}

.heading--home-section.left {
    text-align: left;
}

/********** LAYOUT **********/

.wrapper {
    max-width: 1280px;
    width: 85%;
    margin: 0 auto;
    position: relative;
}


/********** USER STYLES **********/

.user-content p, #tinymce p {
    margin-bottom: 1.4em;
}
.user-content img, #tinymce img {
    width: auto;
}
.user-content ul, #tinymce ul {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.user-content ul li, #tinymce ul li {
    list-style-position: inside;
    list-style: disc;
    margin-left: 20px;
}
.user-content ol, #tinymce ol {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.user-content ol li, #tinymce ol li {
    list-style-position: inside;
    list-style: decimal;
    margin-left: 20px;
}
.user-content blockquote, #tinymce blockquote {
    font-size: 20px;
    font-size: 1.25em;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-left: 3px solid #444;
    padding-left: 20px;
    font-style: italic;
}



.slides img {
    display: block;
}


.cf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}



.faq-question {
    color: #0096ff;
    font-size: 1.4em; 
    margin-bottom: .5em; 
    cursor: pointer; 
    padding-left: 30px; 
}
.faq-question .plusminus {
    margin-right: 15px; 
    color: #48c14a;
    display:inline-block; 
    width: 13px; 
    text-align: center; 
    position:absolute; 
    left: 0; 
}

.faq-answer {
    margin-bottom: 2em; 
    font-family: source_sans_prolight_italic;
    font-size: .8em; 
    line-height: 1.3em;
    margin-left: 30px; 
    padding-left: 22px; 
    border-left: 2px solid #7ebba5;
}

.home-icon-container__icon {
    padding: 20px 0px; 
}
.home-icon-container__icon-text {
    text-align: center;
    margin: 0 auto;
    line-height: 1.2em;
    font-family: source_sans_prosemibold;
    color: #35754b;
}
.btn--header-login {
    position: absolute; 
    right: 0;
    top: 0;  
}
#header.fixed .btn--header-login {
    position: static; 
    float: right; 
}

.logo-container {
    float: left;
    width: 35%; 
    max-width: 450px;
}

.logo {
    max-width: 100%;
    width: 100%; 
}

.menu-outer-container {
    width: 65%; 
    float: right; 
}

section.home-section {
    padding: 35px 0px; 
}

.heading--bold {
    font-family: signikabold;
    text-transform: uppercase;
    font-size: 2.2em;
    margin-bottom: 1em; 
    color: #35754b;
}

.heading--bold.table-title {
    margin-bottom: 5px;
    color: #4c4a47;
}

.fade-in-content {
    opacity : 0; 
}

/* Rate Tables */

.table-title {
    font-size: 1.5em; 
}

.table-row-title {
    text-transform: uppercase; 
    font-size: .8em; 
    color: #35754b;
    font-family: source_sans_probold; 
    text-align: center;
    width: 50%;
}
.splash-table-container-one-half {
    width: 50%; 
}

.splash-table-container-one-half.left {
    float: left; 
}.splash-table-container-one-half.right {
    float: right; 
}
.rate-table-outer-container {
    display: inline-block; 
    border-radius: 8px; 
    border: 2px solid #eef7f7;
}
.rate-table {
    margin: 0 auto; 
    border-radius: 4px;
}
.rate-table th {
    padding: 20px; 
    border-bottom: 2px solid #eef7f7;
}
.rate-table .percent-sign {
    font-size: .5em; 
    position: relative; 
    bottom: 5px; 
    padding-left: 2px; 
    color: #7ebba5;
}

.rate-table td.right, .rate-table th.right {
    border-left: 2px solid #eef7f7;
}

.rate-table .rate-type {
    line-height: 1em; 
    font-size: .4em;
    color: #4c4a47;
    font-family: source_sans_probold;
}

.rate-table__rate {
    font-family: source_sans_prolight;
    font-size: 2em; 
    line-height: 1em; 
    color: #48c14a;
}
.splash-rate-container {
    background: rgba(69,147,69,.8); 
    display: inline-block; 
    padding: 20px; 
    margin-top: 140px; 
    width: 700px; 
}

.splash-rate-container .percent-sign {
    color: #fff;
}

.splash-rate-container .rate-table td.right, .splash-rate-container .rate-table th.right {
    border-left: 1px solid #fff; 
}

.splash-rate-container .table-row-title {
    border-bottom: none; 
    padding: 0px 0px 10px 0px; 
}

.splash-rate-container .table-row-title p {
    border-bottom: 3px solid #fff; 
}

.splash-rate-container .rate-table__rate {
    color: #fff; 
}
.splash-rate-container .rate-type {
    color: #fff; 
}
.splash-rate-container .btn--large {
    margin-top: 80px; 
    margin-bottom:8px;
}
.splash-rate-container .rate-table td {
    padding: 5px; 
}

.splash-rate-container .table-row-title {
    color: #fff;
}

.splash-rate-container .rate-table {
    border: none; 
}
.splash-rate-container .privacy {
    font-size: .8em; 
    font-family: source_sans_proregular;
    line-height: 1.3em; 

}
.splash-rate-container .heading--bold.table-title {
    color: #fff;

}
.splash-rate-container .rate-category-container {
    width: 100%; 
    color: #fff;
    border: 2px solid white;
    border-radius: 6px;
    padding: 18px;
}

.full-width--striped {
    background: #f2f1f1;
}
.heading--bold.heading--faqs-section {
    margin-bottom: 10px; 
}
.main-nav {
    text-align: right;
    margin-top: 5px;
    display: block;
    font-family: signikabold;
    text-transform: uppercase;
    color: #35754b;
    width: 100%; 
    clear: both; 
}
.main-nav a {
    color: #35754b;
}

.btn:hover {
    background: #35754b
}

.heading--contact-section {
    margin-bottom: 0; 
}

/* Form Styles */

.form-check {
    width: 50px; 
    height: 50px; 
    background: #eef7f7;
    display: block !important; 
    float: left; 
    margin-right: 25px; 
    position: relative; 
    top: -8px; 
    cursor: pointer; 
}
body .gform_wrapper .gfield_html.gfield_no_follows_desc {
    margin-bottom: .75em; 
}
.form-check.checked {
    background-image: url("checkmark-bg.png");
    background-position: center; 
    background-repeat: no-repeat; 
}
#choice_1_21_1 { 
    display: none !important; 
}

body #field_1_21 {
    padding-top: 0 !important; 
}

body #field_1_24 {
    margin-bottom: 40px !important; 
}

body #field_1_15 {
    margin-top: 10px !important; 
}
body #label_1_21_1 {
    padding-top: 20px; 
    float: left; 
}

body .gform_wrapper .gfield.half-width {
    width: 49%; 
    float: left; 
    clear: none; 
}

.text-link:hover {
    color: #1a73b1;
}

body #gform_submit_button_1:hover {
    background: #35754b;
}

ul#input_1_21 {
    overflow: hidden; 
    margin-bottom: 1em !important; 
}

/*body .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
    margin-top: 0 !important; 
}
*/
#field_1_6.gfield_error {
    width: 100% !important; 
}

body .gform_wrapper div.validation_error {
    border: none; 
    margin: .5em 0; 
    font-weight: normal; 
}

body .gform_wrapper div.validation_error {
    font-size: 1em; 
}

.gform_wrapper .validation_message {
    font-size: .8em !important; 
    font-family: source_sans_prolight_italic !important;
    font-weight: normal !important; 
    margin-top: 0; 
}
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-left: 0 !important; 
}

body .gform_body .gfield_error .ginput_container input {
    background: red; 
}

body .gform_wrapper li.gfield.label-left.gfield_error.gfield_contains_required div.gfield_description {
    text-align: right !important;
}

body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
    margin-left: 0 !important; 
}

body .gform_wrapper .top_label .gfield_error.label-left {
    width: 100% !important; 
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
    margin-top: 0 !important;  
    padding-top: 0 !important; 
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required .gfield_label {
    margin-top: 0 !important;  
    padding-top: 0 !important; 
}

body .gform_wrapper li.gfield.gfield_error input {
    border: none !important; 
    background: #faeaea !important;
}


body .gform_wrapper li.gfield.gfield_error {
    background: inherit; 
    border: none; 
}
#input_1_4_1_label {
    display: none; 
}

/*#input_1_4_4_container {
    width: 16%; 
    float: left; 
    margin-left: 2%; 
    margin-right: 2%;  
}*/

body #field_1_8, body #field_1_19 {
    width: 16%; 
    float: left; 
    margin-left: 2% !important; 
    margin-right: 2%;  
    clear: none; 
}

body .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
    padding-left: 0 !important; 
}

/*#input_1_4_5_container {
    width: 40%; 
}*/

body #field_1_9, body #field_1_20, body #field_1_26 {
    width: 40%; 
    float: left; 
    clear: none; 
    margin-bottom: 25px; 
}

body #input_1_8, body #input_1_19 {
    width: 100%; 
}

body .gform_wrapper p.form-description {
    margin-bottom: 1em; 
    font-family: source_sans_probold; 
    text-transform: uppercase;
}


body .gform_wrapper .gform_body .gform_fields .gfield input, body .gform_wrapper .gform_body .gform_fields .gfield textarea{
    width: 100% !important; 
    font-size: 1.3em; 
    padding: 10px 15px;  
    border-radius: 6px; 
    box-shadow: none; 
    border: none; 
    background: #eef7f7;
    color: #4c4a47;
}
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex label { 
    font-weight: normal; 
    font-size: .9em; 
}

body .gform_wrapper .gfield.half-width.half-width--left {
    margin-right: 2%; 
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex #input_1_4_3_container { 
    width: 40%; 
    float: left; 
}

body #field_1_7, body #field_1_18 { 
    width: 40%; 
    float: left; 
}
body #choice_1_21_1 {
    width: 50px !important; 
    height: 50px !important; 
}

.ginput_container select, #mobile-glossary-index{
  display: block;
  width: 100%;
  padding: 7.5px 15px !important;
  font-size: .9em !important;
  text-align: center;  
  line-height: 1.428571429;
  color: #555;
  vertical-align: middle;
  background-color: #eef7f7; 
  border: none; 
  border-radius: 6px;
    -webkit-appearance:caret;
    cursor: pointer; 
}

body .gform_footer {
    overflow: hidden; 
}

body .gform_body .gfield.bordered {
    border-top: 1px solid #a4d0c0;
    margin-top: 50px; 
    padding-top: 40px; 
    clear: both; 
    width: 100%; 
    float: left; 
}

body .gfield.label-left {
    overflow: hidden; 
    margin: 25px 0px; 
    float: left; 
    width: 100%; 
}

body .gfield.label-left label {
    width: 50%; 
    float: left; 
}
 


body .gfield.label-left .ginput_container {
    float: left; 
    width: 50%; 
}
body .gfield.label-left .ginput_container select {
    width: 100%; 
}
body .gfield.label-left .ginput_container input {
    width: 100%; 
}

 body .custom-select-style .ginput_container {
    position: relative; 
 }
body .custom-select-style select {
    font-size: 1.3em !important;
}

 body.custom-select-style.label-left {
    overflow: hidden; 
 }



 body .custom-select-style .ginput_container:after, #mobile-glossary-index-container:after{
    top: 50%;
    left: 85%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000000;
    border-width: 5px;
    margin-top: -2px;
    z-index: 100;
}

 #mobile-glossary-index-container { 
    position: relative; 
    width: 100px; 
    display:none; 
}

#mobile-glossary-index-container:after {
    right: 10px; 
    left: auto; 
}

body .custom-select-style.label-left .ginput_container:after{
    left: 90%; 
}

.view-more-rates {
    margin-top: 8px; 
}

.view-more-rates a {
    color: inherit;
    border-bottom: 1px solid #fff; 
    font-size: .8em; 
    font-family: source_sans_proregular;
}
/* Home Page Icons */

.home-icon-container {
    float: left;
    width: 25%; 
    text-align: center; 
    padding: 20px; 
}

.home-icon-container img {
    max-width: 100%; 
}
.home-icon-container:nth-of-type(4n + 1){
    clear: left; 
}
.rate-category-container{
    width: 32%; 
    float: left; 
    text-align: center;
}
.rate-category-container.mid-col {
    margin-left:2%; 
    margin-right: 2%; 
}

.rate-table td {
    text-align: center; 
    padding: 20px; 
}

#gform_submit_button_1 {
    float: right; 
    font-family: source_sans_probold;
    background: #41a446; 
    color: #fff; 
    text-transform: uppercase; 
    display:inline-block; 
    border-radius: 4px; 
    line-height: 1em; 
    font-size: 1.1em; 
    padding: 15px 12px;
    border-radius: 8px; 
    box-shadow: none; 
    border: none; 
    width: 200px; 
    cursor: pointer; 
}

/* Buttons */

.btn {
    font-family: source_sans_probold;
    background: #41a446; 
    color: #fff; 
    text-transform: uppercase; 
    font-size: .7em; 
    display:inline-block; 
    border-radius: 4px; 
    line-height: 1em; 
}
.btn a {
    color: #fff; 
    padding: 9px 20px 7px 20px; 
    display: inline-block;
}

.btn--large {
    font-size: 1.1em; 
    border-radius: 8px; 
}

.btn--large a {
    padding: 20px 30px; 
}

.btn--secondary {
    background: #35754b;
}

.btn--secondary:hover {
    background:  #2d563b;
}

.calc-heading {
    width: 50%; 
    text-align: center; 
    color: #0096ff;
    font-size: 1.4em; 
    float: left; 
}
.calculator--payment {
    text-align: center; 
}
.calculator--payment input {
    margin: 8px auto;  
    border: none; 
    box-shadow: none; 
    font-size: 1.7em; 
    background: #eef7f7;
    font-family: source_sans_prolight;
    color: #48c14a;
    padding: 10px; 
    text-align: center; 
    width: 90%; 
}
.wrapper--calc {
    max-width: 800px; 
}
.calculator--payment .label--principal {
    width: 27%; 
    float: left; 
}
.calculator--payment .label--years {
    width: 20%; 
    float: left; 
}
.calculator--payment .label--years input {
    width: 90%; 
}
.calc-button--reset {
    color: #0096ff;
    cursor: pointer; 
}
.calc-buttons {
    width: 100%; 
    clear: both; 
    text-align: center; 
    margin-top: 10px; 
    padding-top: 20px; 
    border-top: 2px solid #eef7f7;

}
.calc-button {
    display: inline-block; 
    text-align: center; 
 }
.js-reset-calc {
    margin-right: 50px; 
}
.calculator--payment .label--int-rate {
    width: 22%; 
    float: left; 
}

/* Amortization Table */
.amortization-table {
    width: 100%;
    font-size: 1.2em; 
    color: #4c4a47;
    margin-top: 1.3em; 
}
.calculator--payment label {
    position: relative; 
}
.amortization-table-subhead {
    width: 50%; 
    float: left; 
    padding: .7em 0em 1.5em 0em; 
}
.amortization-table-toggle {
    color: #0096ff;
    cursor: pointer; 
}

.calculator--payment input.calc-int-rate {
    padding-right: 37px; 
}

.calculator--payment input.js-principal {
    padding-left: 37px; 
}
.label--total input {
    background: none; 
}

.label--total:before {
    content: "$";
    position: absolute;
    left: 21px;
    color: #7ebba5;
    font-family: source_sans_proregular; 
    font-size: 1.1em; 
    bottom: 24px; 
}
.label--principal:after {
    content: "=";
    position: absolute;
    right: -10px;
    color: #7ebba5;
    font-family: source_sans_proregular; 
    font-size: 1.1em; 
    bottom: 24px; 
}
.label--principal:before {
    content: "$";
    position: absolute;
    left: 25px;
    color: #7ebba5;
    font-family: source_sans_proregular; 
    font-size: 1.1em; 
    bottom: 24px; 
}
.label--int-rate:after{
    content: "%";
    position: absolute;
    right: 25px;
    color: #7ebba5;
    font-family: source_sans_proregular; 
    font-size: 1.1em; 
    bottom: 24px; 
}

.calc-amortization-schedule {
    display: none; 
}

.amortization-table-toggle .plusminus {
    color: #48c14a;
    display: inline-block;
    width: 15px; 
    text-align: center; 
    margin-right: 3px; 
}

.amortization-table-subhead {
    font-size: .9em; 
}

.amortization-table-subhead.left {
    text-align: left; 
}
.amortization-table-subhead.right {
    text-align: right; 
}
.amortization-table th, .amortization-table td {
    text-align: center; 
}

.amortization-table td {
    padding: 5px 0px; 
}
.amortization-table th {
    padding: 0px 0px 10px 0px; 
    font-size: .75em; 
}

.amortization-table tr.odd {
    background: #f2f1f1;
}

.tri-down {

    /* Styling block element, not required */
    position: relative;
    border-bottom: 1px solid #999;
    background: #f3f3f3;
  }

  /* Required for Down Triangle */
  .tri-down:before, .tri-down:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
  }

  /* Stroke */
  .tri-down:before {
      bottom: -6px;
      left: 10px;
      border-top-color: #0096ff;
      border-width: 6px;
  }

  /* Fill */
  .tri-down:after {
    bottom: -5px;
    left: 11px;
    border-top-color: #f3f3f3;
    border-width: 5px;
  }

.tri-down.tri-down--large:before {
    left: calc(50% - 16px); 
    bottom: -8px; 
    border-width: 8px; 
}

.js-calc-type-toggle {
    cursor: pointer; 
}

.tri-down.tri-down--large {
    width: 300px; 
}

.tri-down.tri-down--large:after {
    left: calc(50% - 16px);
    bottom: -7px; 
    border-top-color: #fff; 
    border-width: 8px; 

}

.footer-address-link:hover {
    text-decoration: underline; 
}
.active-index-selector {
    width: 32px; 
    height: 2px; 
    border-bottom: 1px solid #0096ff; 
    position: absolute; 
}
.calc-controls-container {
    position: relative; 
    margin-bottom: 2em; 
}
.active-index-selector.calc-selector {
    bottom: 0px; 
    display: none; 
}
.infobox-wrapper {
    display:none;
}
.infobox-wrapper--mobile {
    display: none;  
}
#infobox.mobile {
    margin-top: 0; 
}
.triangle-pointer {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11.5px 16px 11.5px 0;
    border-color: transparent rgba(25, 121, 25, 0.8) transparent transparent;
    position: absolute;
    left: -16px;
    top: 125px;
}

.info-box-inner-container {
    padding: 15px; 
    border-radius: 6px; 
    border: 2px solid white; 
}
#infobox {
    border: none;
    margin-top: 8px;
    background: rgba(25, 121, 25, 0.8); 
    color:#FFF;
    font-family: source_sans_prosemibold;
    font-size:19px;
    padding: 22px; 
    line-height: 1.3em; 
    text-shadow: none; 
}
#infobox p {
    margin-bottom: 12px; 
}

.footer-copyright {
    float: right; 
    font-size: .7em; 
    margin-top: 4em; 
}
.footer-logo {
    width: 50px; 
    height: 50px; 
    margin-right: 12px; 
}
.footer-logos-container {
    margin-top: 1.5em;
    float: left;  
}
.glossary-item {
    font-family: source_sans_probold;
    margin-bottom: 0; 
}
.glossary-definition {
    margin-bottom: 1em; 
}
.glossary-definition--no-results {
    font-style: italic; 
}
#map-canvas {
    width: 100%; 
    height: 400px; 
}

.glossary-results-outer-container {
    overflow: visible; 
    margin-top: 25px; 
}

.glossary-index-letter {
    display: inline-block; 
    width: 3%; 
    font-size: 1.4em; 
    color: #4ab2fb;
    cursor: pointer; 
}
.glossary-index-letter:hover {
    color: #1a73b1;
}
.glossary-index-letter.no-results {
    color: #4c4a47;
}
ul.glossary-index {
    margin-bottom: 4px;  
}

section.full-width--map {
    padding: 0px; 
}
section.home-section.full-width--contact-us {
    padding-bottom: 120px; 
}

.apply-extra-text {
    color: #fff; 
    font-family: source_sans_proregular;
    margin-top: 1em; 
}
.calculator--payment .label--total {
    width: 26%; 
    float: left; 
}
section.center {
    text-align: center; 
}

.full-width--apply-now {
    background: url("apply-bg2.jpg"); 
    background-attachment: fixed; 
    background-size: cover; 
}

span.header-address a {
    color: inherit;
}

.heading--apply-now {
    font-family: signikaregular;
    color: #fff; 
    width: 100%; 
    text-align: center; 
    font-size: 1.5em; 
}
.main-nav > ul > li {
    font-size: .75em; 
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    position: relative;
    margin-left: 2%;
    padding-bottom: 10px;
}
#footer a.privacy-notice {
    border: none; 
}

.main-nav li a:hover {
    color:  #2d563b; 
}
.main-nav > ul > li.social-icon {
    display: none;
}
.main-nav > ul > li:hover .sub-menu {
    display: block;
}
.main-nav > ul > li > .sub-menu {
    display: none;
    position: absolute;
    top: 2em;
    left: 0;
    z-index: 9999;
    text-align: left;
}
.main-nav > ul > li > .sub-menu.nav-shift {
    left: auto;
    right: 0;
    text-align: right;
}
.main-nav > ul > li > .sub-menu.nav-shift .triangle span {
    left: auto;
    right: 20px;
}
.main-nav > ul > li > .sub-menu > li {
    background: #ccc;
    padding: 0;
    margin: 0;
}
.main-nav > ul > li > .sub-menu > li.triangle {
    height: 10px;
    position: relative;
    background: none;
}

.main-nav > ul > li > .sub-menu > li.triangle span {
    display: block;
    position: absolute;
    left: 20px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ccc transparent;
}
.main-nav > ul > li > .sub-menu > li .sub-menu {
    background: #333;
    display: none;
}
.main-nav > ul > li > .sub-menu a {
    display: block;
    white-space: nowrap;
    color: #e6e4e3;
    text-transform: uppercase;
    padding: 5px 20px;
    width: 100%;
}
.main-nav > ul > li > .sub-menu a:hover {
    background: #666;
}

.nav-handle {
    float: right;
    display: none;
    cursor: pointer;
    font-size: 24px;
    font-size: 1.5em;
    margin-top: 5px; 
    color: #35754b;
}

input, textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

/* WORDPRESS STANDARD STYLES */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #FFF;
    border: 1px solid #F0F0F0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption .wp-caption-text, .gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

}

p, h2, h3 {
    orphans: 3;
    widows: 3;
}

h2, h3 {
    page-break-after: avoid;
}

.no-flexbox {
}
.no-flexbox.no-canvas {
}


a { color: inherit; }
a:hover { color: inherit;}

/*********************** RESPONSIVE ******************************/
@media screen and (max-width: 90.625em) {
    #header.fixed .menu-outer-container { width: 75%;}
}

@media screen and (max-width: 88.75em) {
    .heading--about-us br { display: none; }
}
  
@media screen and (max-width: 78.75em) {
    .logo-container { width: 25%; min-width: 180px; }
    #header.fixed .logo-container { max-width: 190px; margin-top: 7px; }
    .main-nav > ul > li { font-size: .65em; }
    #header.fixed .btn--header-login { font-size: .5em; }
}

@media screen and (min-width:  70em) {

    .menu-outer-container { display: block !important; }
}


@media screen and (max-width: 70em) {   /* Mobile Nav Starts Here */ 
    #header.fixed .main-nav { width: 100%; margin: 0; font-size: 1em; }
    #header.fixed { padding: 8px 0px 15px;  }
    #header.fixed .btn--header-login { float: none; font-size: .7em;  }
    #header.fixed .menu-outer-container { width: 100%; }
    .menu-outer-container { width: 100%; clear: both;  display: none; }
    .header__contact { display: none; }
    .nav-handle { display: block; }
    .btn--header-login { width: 200px; float: none; margin: 30px auto 10px auto; text-align: center; position: static; display: block; }
    .main-nav > ul > li { width: 100%; display: block; text-align: center; margin: 5px 0px; }
    #header { background: white; padding-top: 12px; padding-bottom: 20px;}
    .menu-phone-icon { display: block; float: right; margin-right: 10px; margin-right: 30px; margin-top: 6px; }
}

@media screen and (max-width: 67.82em) {
    .rate-category-container { font-size: .8em; line-height: 1.2em; }
    
}

@media screen and (max-width: 61.8em) {
    .rate-table__rate { padding: 20px 0px; font-size: 1.5em; }
}

@media screen and (max-width: 50.44em) {
    .rate-category-container { width: 100%; clear: both; margin: 1em 0; font-size: 1em; }
    .rate-category-container.mid-col { margin: 1em 0; }
    .rate-table__rate { padding: 20px 0px; font-size: 2em; }
}
  

  
@media screen and (max-width: 782px) {
    body.admin-bar #header.fixed { padding-top:9px; }
}

@media screen and (max-width: 56.25em) {
    .footer-copyright { width: 100%; float: none; text-align: center; margin-top: 20px;  }
    .footer-address { margin: 30px 0px; text-align: center; }
    .footer-nav { float: none; width: 100%; }
    .btn--footer-login { float: none; width: 200px; text-align: center; margin: 10px auto; padding: 0px; display: block;}
    .footer-nav li { width: 100%; margin: 7px 0; text-align: center; padding: 0;}
    .footer-logos-container { margin-top: 0; width: 100%; text-align: center; float: none;  }

}


@media screen and (max-width: 54em) {
    .splash-rate-container { width: 385px; max-width: 100%; margin-top: 30%; }
    .splash-table-container-one-half { float: none; width: 100%;  }
    .splash-rate-container .btn--large { margin-top: 20px; }
    .calculator--payment input { font-size: 1em; }
    .label--principal:before { bottom: 15px; font-size: .75em;}
    .label--int-rate:after { bottom: 15px; font-size: .75em; }
    .label--principal:after { bottom: 15px; font-size: .75em; }
    .label--total:before { bottom: 15px; font-size: .75em; }
}

@media screen and (max-width: 52em) {
    h5.faq-question { font-size: 1.2em;}
}
@media screen and (max-width: 50em) {
    ul.glossary-index { display: none; }
    #glossary .active-index-selector { display: none !important; }
    #mobile-glossary-index-container {display: block; }
    .glossary-results { font-size: .8em; }
    .none--handheld { display: none !important; }  /* Hide handheld stuff here */
}

@media screen and (max-width: 48.8em) {
    .calc-heading { font-size: 1.1em;}
}
  

@media screen and (max-width: 48.5em) {
    .heading--about-us { font-size: 1.2em;}
}

@media screen and (max-width: 46.87em) {
    .calc-heading.left { width: 100%; text-align: center; }
    .calc-heading.right { display: none; }
    #calcs .active-index-selector {display: none !important; }
    .calculator--payment label { font-size: .8em;}
    .calc-buttons { position: relative; padding-bottom: 50px;  }
    .calc-buttons p { width: 100%; text-align: center; margin: 0; position: absolute; bottom: 0; }
    .calc-button { margin-top: 20px; width: 100%; max-width: 250px; }
    .calc-button a { padding: 8px 20px; }
    .label--principal:after { right: -18px; font-size: 1.3em;}
}
  
  

@media screen and (max-width: 43.75em) {
    body .custom-select-style select { font-size: 1em !important; }
    body .gfield.label-left label { width: 100%; }
    body section  .gform_wrapper.gf_browser_chrome select { width: 100% !important; }
    body .gfield.label-left .ginput_container { width: 100%; }
    body #field_1_8, body #field_1_19 { margin-left: 0 !important; }
    body .gform_wrapper .gfield { width: 100% !important; clear: both; }
    .home-icon-container:nth-of-type(4n + 1) { clear: none; }
    .home-icon-container { width: 50%; }
    .home-icon-container:nth-of-type(2n + 1) { clear: left;} 
}

@media screen and (max-width: 41.25em) {
    .calculator--payment label { width: 98% !important; text-align: left; max-width: 300px; font-size:1em;}
    .calculator--payment label input { width: 96% !important; }
    .label--principal:after { right: -10px; font-size: 1.3em;}
}

@media screen and (max-width:  39.65em) {
    .btn--apply-online { font-size: 1em; line-height: 1.2em;}
    .heading--home-section.heading--bold { font-size: 1.7em; }

}

@media screen and (max-width: 31.25em) {
    #infobox { display: none; }
    .infobox-wrapper--mobile { display: block; }
    #infobox.mobile { display: block; }
}
@media screen and (max-width: 29.12em) {
    h5.faq-question { font-size: 1em; }
}
  

@media screen and (max-width: 28.75em) {
    .splash-rate-container .rate-category-container { font-size: .8em; }
    .rate-category-container { font-size: .8em; }
    .heading--home-section { font-size: 1.5em; }
    .heading--about-us { font-size: 1.2em; }
    .closing-cost-header br { display: block;}
    .table-row-title p { height: 55px; }
    .table-row-title-left { line-height: 23px;}
    

}
@media screen and (max-width: 26.56em) {
    .btn--apply-online { font-size: .75em; }
    .btn--apply-online a { padding: 20px 10px;}
    .faq-answer { margin-left: 6px; }
}

@media screen and (max-width: 25.57em) {
    #gform_submit_button_1 { width: 100%; }
}

@media screen and (max-width: 25em) {
    .splash-rate-container .rate-table__rate { font-size: 1.5em; }    
}



@media screen and (max-width: 22em) {
    .menu-phone-icon { margin-right: 20px; }
}

@media screen and (max-width: 21.4em) {
    .logo-container { min-width: 150px; margin-top: 4px; }
}



@media screen and (max-width: 20.35em) {
    .home-icon-container { width: 100%; clear: both; }
}

@media screen and ( max-width: 600px ) {
    #wpadminbar { position: fixed !important;  }    
}

  
/*@media screen and (max-width: 66.25em) {
    .nav-handle {
        display: block;
    }
    .main-nav > ul > li .search-box {
        margin: 0 auto;
    }
    .main-nav > ul > li > .sub-menu > li.triangle {
        display: none;
    }
    .main-nav > ul > li > .sub-menu {
        position: static;
        margin-top: 10px;
        margin-bottom: 5px;
        text-align: center;
    }
    .main-nav > ul > li:hover .sub-menu {
        display: none;
    }
    .main-nav > ul > li {
        display: block;
        text-align: center;
        margin-left: 0;
        padding: 10px 0px;
        border-top: 1px solid #ccc;
    }
    .main-nav {
        width: 100%;
        clear: both;
        display: none;
    }

}

@media screen and (max-width: 58.4em) {


}

@media screen and (max-width: 50em) {
    h1 {
        font-size: 24px;
        font-size: 1.5rem;
    }
    h2 {
        font-size: 20.8px;
        font-size: 1.3em;
    }

    h3 {
        font-size: 19.2px;
        font-size: 1.2rem;
    }
    h4 {
        font-size: 16px;
        font-size: 1rem;
    }


}
@media screen and   max-width:  enter value here) {
    
}
  
@media screen and (max-width: 40.5em) {

}

@media screen and (max-width: 37.5em) {
    .logo {
        width: 50%;
    }
}

@media screen and (max-width: 26em) {

}*/


.responsive-map{
overflow:hidden;
padding-bottom:400px;
position:relative;
height:0;
}
.responsive-map iframe{
left:0;
top:0;
height:400px;
width:100%;
position:absolute;
}