/*!
Theme Name: 2020 Stearns Retail Site
Theme URI: http://underscores.me/
Author: Chemistry Agency
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: 2020_bluekc_mindful
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/* If you are looking for responsive breakpoints, they are in _mixins.scss. Copied below however.

// Media Queries 
$phone : '(max-width: 320px)';
$small-breakpoint: '(max-width: 600px)';
$small-breakpoint-to-desktop: '(min-width: 601px) and (max-width: 989px)';
$tablet: '(max-width: 767px)';
$tablet-landscape: '(min-width: 768px) and (max-width: 979px)';
$medium-breakpoint: '(max-width: 990px)';
$large-desktop: '(min-width: 1200px)';
$extra-large-desktop: '(min-width: 1600px)';
$non-retina: 'screen and (-webkit-max-device-pixel-ratio: 1)';
$retina: '(min--moz-device-pixel-ratio: 1.5)', 
                    '(-o-min-device-pixel-ratio: 3/2)', 
                    '(-webkit-min-device-pixel-ratio: 1.5)', 
                    '(min-device-pixel-ratio: 1.5)', 
                    '(min-resolution: 144dpi)', 
                    '(min-resolution: 1.5dppx)';

*/
.clearfix {
  clear: both; }
  .clearfix::after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden; }

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

html {
  scroll-behavior: smooth; }

body {
  font-size: 16px;
  line-height: 24px;
  color: #002738;
  background: white;
  max-width: 1800px;
  margin: 0 auto;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  overflow-x: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 320px; }

body.menu-open {
  position: fixed;
  left: 0;
  top: 0;
  right: 0; }

.main {
  position: relative; }

section {
  position: relative; }

a {
  text-decoration: none;
  cursor: pointer; }
  a:hover {
    text-decoration: none; }

img {
  max-width: 100%; }

.container {
  max-width: 100% !important; }

.page-container {
  max-width: 1800px;
  margin: 0 auto;
  background: white; }

.btn.skip-to-content-link {
  position: absolute;
  left: 50%;
  position: absolute;
  transform: translateY(-300px);
  transition: transform 0.3s; }

.skip-to-content-link:focus {
  transform: translateY(0%); }

.inner, .terms-letters-wrapper {
  margin: 0 auto;
  width: 90%;
  padding: 0 30px;
  max-width: 1400px;
  z-index: 1;
  position: relative;
  box-sizing: border-box; }
  @media only screen and (max-width: 990px) {
    .inner, .terms-letters-wrapper {
      padding: 0; } }
  @media only screen and (max-width: 600px) {
    .inner, .terms-letters-wrapper {
      width: 100%;
      margin: 0px auto;
      padding: 0 30px; } }

.inner--wide {
  max-width: 1600px;
  padding: 0; }
  @media only screen and (max-width: 600px) {
    .inner--wide {
      padding: 0;
      width: 95%; } }

.clear0 {
  font-size: 0px;
  line-height: 0px;
  width: 0px;
  height: 0px;
  clear: both;
  display: block; }

.row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row; }
  @media only screen and (max-width: 990px) {
    .row {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

.col.col-2 {
  width: 49%;
  padding: 0 1%; }
  .col.col-2:first-child {
    padding-left: 0; }
  .col.col-2:last-child {
    padding-right: 0; }
  @media only screen and (max-width: 990px) {
    .col.col-2 {
      width: 100%;
      padding: 10px 0; }
      .col.col-2.col-2--medium {
        width: 48%;
        padding: 0 1%; } }
  @media only screen and (max-width: 600px) {
    .col.col-2.col-2--medium {
      width: 100%;
      padding: 10px 0; } }

.col.col-3 {
  width: 33%;
  padding: 0 30px; }
  .col.col-3:first-child {
    padding-left: 0; }
  .col.col-3:nth-child(3) {
    padding-right: 0; }

.col.col-4 {
  width: 22%;
  padding: 0 2% 20px; }
  .col.col-4:first-child {
    padding-left: 0; }
  .col.col-4:nth-child(4) {
    padding-right: 0; }
  @media only screen and (max-width: 990px) {
    .col.col-4 {
      width: 48%; }
      .col.col-4:nth-child(2) {
        padding-right: 0; }
      .col.col-4:nth-child(3) {
        padding-left: 0; } }
  @media only screen and (max-width: 600px) {
    .col.col-4 {
      width: 100%;
      padding: 10px 0; }
      .col.col-4:first-child, .col.col-4:nth-child(4), .col.col-4:nth-child(2), .col.col-4:nth-child(3) {
        padding: 10px 0; } }

.col.col-5 {
  width: 19%;
  padding: 0 30px; }
  .col.col-5:first-child {
    padding-left: 0; }
  .col.col-5:nth-child(5) {
    padding-right: 0; }
  @media only screen and (max-width: 990px) {
    .col.col-5 {
      width: 48%; }
      .col.col-5:nth-child(1) {
        width: 100%; }
      .col.col-5:nth-child(2) {
        padding-left: 0; }
      .col.col-5:nth-child(3) {
        padding-right: 0; } }
  @media only screen and (max-width: 767px) {
    .col.col-5 {
      width: 100%;
      padding: 10px 0; }
      .col.col-5:first-child, .col.col-5:nth-child(4), .col.col-5:nth-child(2), .col.col-5:nth-child(3) {
        padding: 10px 0; } }

.col-12 {
  width: 100%; }

.hidden,
.ohnohoney {
  display: none !important; }

.mobile-only {
  display: none; }
  @media only screen and (max-width: 990px) {
    .mobile-only {
      display: block; } }

.desktop-only {
  display: block; }
  @media only screen and (max-width: 990px) {
    .desktop-only {
      display: none; } }

.u-center {
  text-align: center;
  margin: 0 auto; }

.u-absolute100 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%; }

.u-relative {
  position: relative; }

.u-margin0 {
  margin: 0; }

.u-bgWhite {
  background-color: white; }

.u-bgLightBlue {
  background-color: #F1FAFA; }

.u-bgNavy {
  background-color: #002738; }

.u-bgGrey {
  background-color: #f8f8f8; }

.u-headline, .featured-loans-table tr td:first-child, .terms-letter-btn {
  font-family: ministry, sans-serif; }

.u-uppercase {
  text-transform: uppercase; }

.u-textLeft {
  text-align: left; }

.u-textRight {
  text-align: right; }

.u-textWhite {
  color: white; }

.u-textRed {
  color: #D32028; }

.u-introTitle {
  color: #D32028;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: ministry, sans-serif;
  font-weight: 700;
  margin: 0 0 6px; }

.u-bgImage {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .u-bgImage.contain {
    background-size: contain; }
  .u-bgImage.border-radius {
    border-radius: 8px; }

.u-image-center {
  margin: 0 auto;
  display: block; }

.u-borderBottom {
  border-bottom: 1px solid #DBDBDB; }

.u-flexBreak {
  flex-basis: 100%;
  height: 0; }

input[type="text"],
input[type="button"],
textarea,
input[type="tel"],
input[type="email"] {
  -webkit-appearance: none; }

.filter-reset-btn {
  float: right;
  margin-top: 10px;
  padding: 0;
  border-bottom: 1px solid transparent; }
  .filter-reset-btn:hover, .filter-reset-btn:focus {
    border-bottom: 1px solid #002738; }
  @media only screen and (max-width: 600px) {
    .filter-reset-btn {
      margin-top: 5px;
      font-size: 14px; } }
  .filter-reset-btn#resetForm2 {
    float: left; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: ministry, sans-serif; }

h1 {
  font-size: 48px;
  line-height: 54px;
  font-weight: 900;
  letter-spacing: -1px; }
  @media only screen and (max-width: 600px) {
    h1 {
      font-size: 30px;
      line-height: 38px; } }

h2 {
  font-size: 36px;
  line-height: 43px;
  font-weight: 900;
  letter-spacing: -1px; }
  @media only screen and (max-width: 600px) {
    h2 {
      font-size: 24px;
      line-height: 30px; } }

h3 {
  font-weight: 900;
  font-size: 30px;
  line-height: 35px;
  letter-spacing: -1px; }
  @media only screen and (max-width: 600px) {
    h3 {
      font-size: 25px;
      line-height: 30px; } }

h4 {
  font-weight: 900;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: -1px; }
  @media only screen and (max-width: 600px) {
    h4 {
      font-size: 16px;
      line-height: 20px; } }

h5 {
  font-size: 21px;
  font-weight: 800;
  line-height: 28px;
  letter-spacing: -0.5px; }

h6 {
  font-weight: 700;
  font-size: 18px;
  line-height: 20px; }
  @media only screen and (max-width: 600px) {
    h6 {
      font-size: 16px;
      line-height: 18px;
      font-weight: 500; } }

a {
  -moz-transition: all 0.18s;
  -o-transition: all 0.18s;
  -webkit-transition: all 0.18s;
  transition: all 0.18s; }

a,
a:visited,
a:focus,
a:hover {
  text-decoration: none; }

button {
  border: none;
  background: transparent;
  box-shadow: none;
  outline: none; }

.btn {
  background-color: #D32028;
  font-family: ministry, sans-serif;
  font-weight: 600;
  font-size: 16px;
  padding: 18px 35px;
  text-align: center;
  border-radius: 28px;
  color: white;
  position: relative;
  display: table;
  outline: none;
  border: 2.5px solid #D32028;
  top: 0;
  -moz-transition: all 0.15s 0.15s;
  -o-transition: all 0.15s 0.15s;
  -webkit-transition: all 0.15s 0.15s;
  transition: all 0.15s 0.15s; }
  .btn:after {
    content: "";
    position: absolute;
    /*
    top: 6%;
    bottom: 0;
    left: 2%;
    right: 0;
    width: 96%;
    height: 85%;
		*/
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
    border: 1px solid white;
    border-radius: 28px;
    opacity: 0;
    -moz-transition: all 0.15s 0.15s;
    -o-transition: all 0.15s 0.15s;
    -webkit-transition: all 0.15s 0.15s;
    transition: all 0.15s 0.15s; }
  .btn:hover {
    top: -4px;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2); }
  .btn:hover, .btn:focus {
    background-color: #A70007;
    outline: none;
    border-color: #A70007; }
  .btn:focus:after {
    opacity: 1; }
  @media only screen and (max-width: 990px) {
    .btn {
      padding: 14px 30px; } }
  @media only screen and (max-width: 600px) {
    .btn {
      font-size: 14px;
      padding: 12px 30px; } }

.btn--navy {
  background-color: #002738;
  color: white;
  border: 2.5px solid #002738; }
  .btn--navy:after {
    border-color: white; }
  .btn--navy:hover {
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2); }
  .btn--navy:hover, .btn--navy:focus {
    color: white;
    background-color: #335260;
    border-color: #335260; }

.btn--outline {
  background-color: transparent;
  border: 2.5px solid #D32028;
  color: #D32028; }
  .btn--outline:after {
    border-color: white; }
  .btn--outline:hover {
    box-shadow: none; }
  .btn--outline:hover, .btn--outline:focus {
    background: #D32028;
    color: white;
    border-color: transparent; }
  @media only screen and (max-width: 990px) {
    .btn--outline {
      padding: 11.5px 30px; } }
  @media only screen and (max-width: 600px) {
    .btn--outline {
      padding: 9.5px 30px; } }

.btn--outline-navy {
  background-color: transparent;
  border: 2.5px solid #002738;
  color: #002738; }
  .btn--outline-navy:after {
    border-color: white; }
  .btn--outline-navy:hover {
    box-shadow: none; }
  .btn--outline-navy:hover, .btn--outline-navy:focus {
    background: #002738;
    color: white;
    border-color: #002738; }
  @media only screen and (max-width: 990px) {
    .btn--outline-navy {
      padding: 11.5px 30px; } }
  @media only screen and (max-width: 600px) {
    .btn--outline-navy {
      padding: 9.5px 30px; } }

.btn--outline-red {
  background-color: transparent;
  border: 2.5px solid #D32028;
  color: #D32028; }
  .btn--outline-red:after {
    border-color: white; }
  .btn--outline-red:hover {
    box-shadow: none; }
  .btn--outline-red:hover, .btn--outline-red:focus {
    background: #D32028;
    color: white; }
  @media only screen and (max-width: 990px) {
    .btn--outline-red {
      padding: 11.5px 30px; } }
  @media only screen and (max-width: 600px) {
    .btn--outline-red {
      padding: 9.5px 30px; } }

.btn--grey {
  background-color: #EDF0F1;
  color: #002738;
  border-color: #EDF0F1; }
  .btn--grey:after {
    border-color: white; }
  .btn--grey:hover {
    box-shadow: none; }
  .btn--grey:hover, .btn--grey:focus {
    color: #002738;
    background-color: #dadfe1;
    border-color: #dadfe1; }

.btn--small {
  font-size: 14px;
  padding: 12px 35px; }
  @media only screen and (max-width: 990px) {
    .btn--small {
      padding: 10px 30px; } }

.btn--row .btn {
  display: inline-block;
  margin-right: 20px; }
  @media only screen and (max-width: 1200px) {
    .btn--row .btn {
      display: block;
      margin-bottom: 20px !important; } }

.arrow-link {
  font-size: 14px;
  line-height: 24px;
  display: block;
  color: #002738;
  position: relative;
  padding-right: 50px;
  font-family: ministry, sans-serif;
  font-weight: 700;
  width: 100%;
  text-align: left; }
  .arrow-link:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    right: 0;
    top: -2px;
    background-image: url("img/icon-link-arrow.svg");
    -moz-transition: all 0.15s 0.15s;
    -o-transition: all 0.15s 0.15s;
    -webkit-transition: all 0.15s 0.15s;
    transition: all 0.15s 0.15s; }
  .arrow-link:hover:after, .arrow-link:focus:after {
    right: -5px; }

.arrow-link--red {
  color: #D32028; }
  .arrow-link--red:after {
    background-image: url("img/icon-link-arrow-red.svg"); }

select {
  -webkit-appearance: none;
  border: none;
  background: transparent;
  border: 1px solid #000;
  border-radius: 0;
  outline: none;
  color: black; }
  select option {
    color: #000; }

.pb-0, .p-y-0 {
  padding-bottom: 0 !important; }

.pt-0, .p-y-0 {
  padding-bottom: 0 !important; }

.pl-0, .p-x-0 {
  padding-left: 0 !important; }

.pr-0, .p-x-0 {
  padding-right: 0 !important; }

.pt-60, .p-y-60 {
  padding-top: 60px; }
  @media only screen and (max-width: 990px) {
    .pt-60, .p-y-60 {
      padding-top: 30px; } }

.pb-60, .p-y-60 {
  padding-bottom: 60px; }
  @media only screen and (max-width: 990px) {
    .pb-60, .p-y-60 {
      padding-bottom: 60px; } }

.min-height-auto {
  min-height: auto !important; }

.breadcrumbs {
  list-style: none;
  padding: 20px 0 0;
  margin: 0; }
  .breadcrumbs li {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px; }
  .breadcrumbs li p,
  .breadcrumbs li a {
    font-size: 14px;
    line-height: 14px;
    color: #002738;
    font-weight: 400;
    display: inline-block;
    background-color: rgba(0, 126, 126, 0.23);
    padding: 10px;
    border-radius: 5px;
    margin: 0; }
  .breadcrumbs li a:hover, .breadcrumbs li a:focus {
    background-color: rgba(0, 126, 126, 0.15); }
  @media only screen and (max-width: 600px) {
    .breadcrumbs {
      margin: 0 20px; }
      .breadcrumbs li a,
      .breadcrumbs li p {
        margin: 5px 0; } }

@media only screen and (max-width: 990px) {
  li.breadcrumb-hide-mobile {
    display: none !important; } }

.testimonials {
  padding: 160px 0; }
  .testimonials .u-introTitle {
    color: #75D2D2;
    font-size: 14px; }
  @media only screen and (max-width: 990px) {
    .testimonials {
      padding: 80px 0; } }
  @media only screen and (max-width: 600px) {
    .testimonials h4,
    .testimonials h2 {
      text-align: left; } }

.testimonials-swiper {
  margin: 50px auto 0; }
  @media only screen and (max-width: 600px) {
    .testimonials-swiper {
      text-align: left;
      margin: 30px auto 0; } }

.testimonials p.testimonials-slide-quote {
  color: white;
  font-size: 30px;
  line-height: 48px;
  max-width: 80%;
  margin: 0 auto; }
  @media only screen and (max-width: 990px) {
    .testimonials p.testimonials-slide-quote {
      font-size: 24px;
      line-height: 40px; } }
  @media only screen and (max-width: 600px) {
    .testimonials p.testimonials-slide-quote {
      font-size: 18px;
      line-height: 24px;
      max-width: 100%;
      padding-bottom: 150px; } }
  .testimonials p.testimonials-slide-quote > a {
    font-size: 20px;
    text-decoration: underline; }
    @media only screen and (max-width: 990px) {
      .testimonials p.testimonials-slide-quote > a {
        font-size: 14px; } }
    @media only screen and (max-width: 600px) {
      .testimonials p.testimonials-slide-quote > a {
        font-size: 12px; } }

.testimonials-slide-author {
  margin: 50px auto 0;
  text-align: center;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 15px;
  padding: 20px;
  position: relative;
  width: auto;
  display: inline-block; }
  @media only screen and (max-width: 600px) {
    .testimonials-slide-author {
      text-align: left;
      padding: 12px;
      width: 55%;
      position: absolute;
      bottom: 0;
      left: 0;
      margin: 0; } }

.testimonials-slide-author-circle {
  width: 60px;
  height: 60px;
  background: #f1fafa;
  border-radius: 50%;
  position: absolute;
  left: 20px;
  top: 20px;
  text-align: center; }
  .testimonials-slide-author-circle img {
    height: 20px;
    width: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto; }
  @media only screen and (max-width: 600px) {
    .testimonials-slide-author-circle {
      width: 40px;
      height: 40px;
      left: 12px;
      top: 16px; }
      .testimonials-slide-author-circle img {
        width: 12px;
        height: 15px; } }

.testimonials-slide-author-content {
  padding: 8px 0 8px 80px;
  text-align: left; }
  .testimonials-slide-author-content p {
    font-size: 21px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: -0.5px;
    margin: 0 0 10px; }
    .testimonials-slide-author-content p.u-headline, .testimonials-slide-author-content p.terms-letter-btn, .testimonials-slide-author-content p.review-date {
      margin: 0 0 5px; }
    .testimonials-slide-author-content p.review-date {
      font-size: 12px; }
  @media only screen and (max-width: 600px) {
    .testimonials-slide-author-content {
      padding: 2px 0 2px 50px; }
      .testimonials-slide-author-content p {
        font-size: 18px;
        line-height: 18px;
        margin: 0 0 5px; } }

.testimonials-slide-author-stars span {
  display: inline-block;
  vertical-align: top;
  width: 15px;
  height: 15px;
  background-image: url("img/icon-star-yellow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 0 2px; }
  @media only screen and (max-width: 600px) {
    .testimonials-slide-author-stars span {
      margin: 0 0.5px; } }
  @media only screen and (max-width: 330px) {
    .testimonials-slide-author-stars span {
      margin: 0; } }

.testimonials-swiper-pagination .swiper-button-prev,
.testimonials-swiper-pagination .swiper-button-next {
  width: 22px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 25%; }
  @media only screen and (max-width: 600px) {
    .testimonials-swiper-pagination .swiper-button-prev,
    .testimonials-swiper-pagination .swiper-button-next {
      top: 46px;
      width: 15px;
      height: 22px; } }

.testimonials-swiper-pagination .swiper-button-prev {
  background-image: url("img/swiper-arrow.svg");
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }
  @media only screen and (max-width: 600px) {
    .testimonials-swiper-pagination .swiper-button-prev {
      left: 22%; } }
  @media only screen and (max-width: 320px) {
    .testimonials-swiper-pagination .swiper-button-prev {
      left: 15%; } }

.testimonials-swiper-pagination .swiper-button-next {
  background-image: url("img/swiper-arrow.svg"); }
  @media only screen and (max-width: 600px) {
    .testimonials-swiper-pagination .swiper-button-next {
      right: 22%; } }
  @media only screen and (max-width: 320px) {
    .testimonials-swiper-pagination .swiper-button-next {
      right: 15%; } }

@media only screen and (max-width: 600px) {
  .testimonials-swiper-pagination {
    background: #f1fafa;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.06);
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30%;
    height: 72px; } }

.featured-articles {
  padding: 100px 0; }
  @media only screen and (max-width: 600px) {
    .featured-articles {
      padding: 70px 0; } }

.featured-articles-top {
  padding: 50px 0 60px; }
  .featured-articles-top .col-2 {
    width: 40%; }
    .featured-articles-top .col-2:last-child {
      width: 60%; }
  .featured-articles-top h5 {
    margin-top: 12px; }
  @media only screen and (min-width: 1200px) {
    .featured-articles-top .col-2 {
      width: 50%; }
      .featured-articles-top .col-2:last-child {
        width: 50%; } }
  @media only screen and (max-width: 990px) {
    .featured-articles-top .row {
      display: block; }
    .featured-articles-top .col.col-2 {
      width: 100%; }
      .featured-articles-top .col.col-2:last-child {
        width: 100%; }
    .featured-articles-top h5 {
      margin: 0 0 30px; } }
  @media only screen and (max-width: 600px) {
    .featured-articles-top {
      padding: 0 0 30px;
      text-align: center; }
      .featured-articles-top .col.col-2 {
        padding: 0; }
      .featured-articles-top h5 {
        margin-bottom: 30px; } }

.featured-articles-cats {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  text-align: right; }
  @media only screen and (max-width: 990px) {
    .featured-articles-cats {
      text-align: left;
      justify-content: flex-start; } }
  @media only screen and (max-width: 600px) {
    .featured-articles-cats {
      text-align: center;
      justify-content: space-between; } }

.featured-articles-cat {
  position: relative;
  padding: 15px 0 0 60px;
  color: #002738;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  font-family: ministry, sans-serif;
  height: 35px; }
  .featured-articles-cat span {
    background-color: rgba(0, 0, 0, 0.07);
    height: 50px;
    width: 50px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    border-radius: 50%; }
    .featured-articles-cat span img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0;
      right: 0;
      margin: 0 auto;
      max-width: 25px; }
  .featured-articles-cat:hover, .featured-articles-cat:focus {
    text-decoration: underline; }
    .featured-articles-cat:hover span, .featured-articles-cat:focus span {
      background-color: rgba(0, 0, 0, 0.12); }
  @media only screen and (min-width: 1200px) {
    .featured-articles-cat {
      font-size: 16px;
      line-height: 16px;
      padding: 15px 0 0 70px; } }
  @media only screen and (max-width: 990px) {
    .featured-articles-cat {
      margin-right: 35px; } }
  @media only screen and (max-width: 600px) {
    .featured-articles-cat {
      padding: 0;
      text-align: center;
      font-size: 14px;
      line-height: 16px;
      margin: 0; }
      .featured-articles-cat span {
        display: block;
        position: relative;
        margin-bottom: 15px;
        margin: 0 auto 15px; }
        .featured-articles-cat span img {
          max-width: 25px;
          max-height: 25px; } }

.featured-articles-listing {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 600px) {
    .featured-articles-listing {
      display: block; } }

.article-card {
  width: 32%; }
  .article-card a {
    color: #002738;
    text-decoration: none;
    display: block;
    position: relative; }
    .article-card a:hover .article-card-content h4, .article-card a:focus .article-card-content h4 {
      text-decoration: underline; }
  @media only screen and (max-width: 990px) {
    .article-card {
      width: 48%; }
      .article-card:last-child {
        display: none; } }
  @media only screen and (max-width: 600px) {
    .article-card {
      width: 100%;
      margin: 35px 0; }
      .article-card:last-child {
        display: block; } }

.article-card-img {
  position: relative;
  height: 220px;
  width: 100%; }
  .article-card-img p {
    background-color: #002738;
    color: white;
    font-size: 12px !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 16px 25px;
    position: absolute;
    left: 0;
    bottom: 25px;
    width: auto;
    font-family: ministry, sans-serif; }
  @media only screen and (max-width: 990px) {
    .article-card-img p {
      padding: 12px 20px; } }
  @media only screen and (max-width: 600px) {
    .article-card-img {
      height: 180px; }
      .article-card-img p {
        bottom: 15px; } }

.article-card-content {
  padding-top: 30px; }
  .article-card-content h4 {
    font-size: 21px;
    line-height: 24px;
    color: #002738;
    margin: 0 0 15px;
    font-weight: 300;
    letter-spacing: 0; }
  .article-card-content p {
    margin: 0;
    font-size: 12px !important;
    font-weight: 700;
    font-family: ministry, sans-serif;
    letter-spacing: 1px; }

.featured-articles-btn {
  margin-top: 60px; }
  @media only screen and (max-width: 990px) {
    .featured-articles-btn {
      min-width: 220px; } }
  @media only screen and (max-width: 600px) {
    .featured-articles-btn {
      width: auto;
      display: block;
      min-width: auto; } }
  @media only screen and (min-width: 601px) {
    .featured-articles-btn--mobile {
      display: none; } }

.featured-articles-subpage .featured-articles-top {
  padding: 0 0 50px; }
  @media only screen and (max-width: 600px) {
    .featured-articles-subpage .featured-articles-top {
      text-align: left;
      padding: 0 0 20px; } }
  .featured-articles-subpage .featured-articles-top h5 {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0 0; }
    @media only screen and (max-width: 600px) {
      .featured-articles-subpage .featured-articles-top h5 {
        font-size: 24px;
        margin: 0;
        line-height: 24px; } }
  .featured-articles-subpage .featured-articles-top .btn {
    display: inline-block;
    vertical-align: middle;
    float: right; }
    @media only screen and (max-width: 600px) {
      .featured-articles-subpage .featured-articles-top .btn {
        display: none; } }

.featured-articles-subpage .article-card {
  max-width: 360px; }
  .featured-articles-subpage .article-card .article-card-img {
    border-radius: 8px;
    height: 180px; }
  .featured-articles-subpage .article-card .article-card-content p {
    margin: 0 0 6px; }
  @media only screen and (max-width: 600px) {
    .featured-articles-subpage .article-card {
      max-width: 100%;
      margin: 50px 0; }
      .featured-articles-subpage .article-card:nth-child(3) {
        display: none; } }

.banner {
  margin: 40px 0;
  padding-bottom: 120px; }
  @media only screen and (max-width: 990px) {
    .banner {
      border: none;
      padding-bottom: 0; }
      .banner .inner, .banner .terms-letters-wrapper {
        width: 100%;
        margin: 0;
        padding: 0; } }

.banner-wrapper {
  border-radius: 16px;
  padding: 150px 0;
  background-color: #000; }
  .banner-wrapper h2 {
    margin: 0 0 25px; }
  .banner-wrapper .btn {
    display: inline-block;
    margin: 0 auto; }
  @media only screen and (max-width: 990px) {
    .banner-wrapper {
      width: 100%;
      border-radius: 0; } }
  @media only screen and (max-width: 600px) {
    .banner-wrapper {
      padding: 100px 0; }
      .banner-wrapper h2 {
        font-size: 30px;
        line-height: 35px; } }

@media only screen and (max-width: 990px) {
  .banner-content {
    width: 90%;
    margin: 0 auto;
    padding: 0; } }

.faqs {
  position: relative;
  padding: 220px 0 100px; }
  @media only screen and (max-width: 600px) {
    .faqs {
      padding: 75px 0; }
      .faqs .inner, .faqs .terms-letters-wrapper {
        width: 100%;
        padding: 0; } }

.faqs-bg {
  width: 100%;
  bottom: auto;
  height: 360px;
  background-position: bottom;
  background-size: contain;
  background-color: #CEF2F2; }
  @media only screen and (max-width: 990px) {
    .faqs-bg {
      background-position: -550px -10px;
      background-size: 1500px; } }
  @media only screen and (max-width: 600px) {
    .faqs-bg {
      height: 300px;
      background-position: -400px 65px;
      background-size: 900px; } }
  @media only screen and (max-width: 320px) {
    .faqs-bg {
      background-position: -450px 90px; } }

.faqs-title {
  margin: 0 0 40px; }
  @media only screen and (max-width: 600px) {
    .faqs-title {
      text-align: center;
      font-size: 24px;
      line-height: 28px;
      margin: 0 auto 140px;
      max-width: 95%; } }

.faqs-wrapper {
  background: white;
  border-radius: 24px;
  padding: 20px 50px; }
  @media only screen and (max-width: 990px) {
    .faqs-wrapper {
      padding: 20px; } }
  @media only screen and (max-width: 600px) {
    .faqs-wrapper {
      padding: 30px; } }

.faq {
  border-bottom: 1px solid #DBDBDB; }
  .faq:last-child {
    border-bottom: none; }

.faq-btn {
  padding: 35px 50px 35px 75px;
  position: relative;
  cursor: pointer;
  display: block;
  width: 100%;
  text-align: left; }
  .faq-btn h6 {
    line-height: 30px;
    font-weight: 500;
    -moz-transition: all 0.15s 0.15s;
    -o-transition: all 0.15s 0.15s;
    -webkit-transition: all 0.15s 0.15s;
    transition: all 0.15s 0.15s; }
  .faq-btn:hover h6, .faq-btn:focus h6 {
    color: #335260; }
  .faq-btn:hover .faq-btn-icon, .faq-btn:focus .faq-btn-icon {
    background: #BAE8E8; }
  @media only screen and (max-width: 600px) {
    .faq-btn {
      padding: 25px 0 25px 50px; } }

.faq-btn-icon {
  position: absolute;
  left: 20px;
  top: 35px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #EDF0F1;
  -moz-transition: all 0.15s 0.15s;
  -o-transition: all 0.15s 0.15s;
  -webkit-transition: all 0.15s 0.15s;
  transition: all 0.15s 0.15s; }
  .faq-btn-icon:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("img/icon-faq-plus.svg");
    -moz-transition: all 0.15s 0.15s;
    -o-transition: all 0.15s 0.15s;
    -webkit-transition: all 0.15s 0.15s;
    transition: all 0.15s 0.15s; }
  @media only screen and (max-width: 600px) {
    .faq-btn-icon {
      left: 0;
      top: 25px; } }

.faq-content {
  display: none;
  padding: 0 70px 30px;
  color: #335260; }
  .faq-content p {
    margin: 0 0 12px; }
  @media only screen and (max-width: 600px) {
    .faq-content {
      padding: 0 0px 30px 50px; } }

.faqs-view-btn {
  min-width: 290px;
  margin-top: 50px; }
  @media only screen and (max-width: 600px) {
    .faqs-view-btn {
      margin-top: 0;
      min-width: 200px; } }

.faq.open .faq-btn-icon {
  background: #BAE8E8; }
  .faq.open .faq-btn-icon:after {
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

.faqs--no-bg {
  padding: 60px 0 100px; }
  .faqs--no-bg .faqs-wrapper {
    padding: 0; }
  @media only screen and (min-width: 1200px) {
    .faqs--no-bg {
      padding: 100px 0; } }
  @media only screen and (max-width: 600px) {
    .faqs--no-bg .faqs-title {
      margin: 0 0 30px;
      max-width: 100%; }
    .faqs--no-bg .faqs-wrapper {
      padding: 0 30px; } }

.testimonials-and-banner,
.testimonials-banner-and-form {
  padding: 80px 0 0; }
  .testimonials-and-banner .banner,
  .testimonials-banner-and-form .banner {
    margin: 0; }
  @media only screen and (max-width: 600px) {
    .testimonials-and-banner,
    .testimonials-banner-and-form {
      padding: 50px 0 0; } }

.testimonials-banner-and-form .testimonials-subpage {
  padding-top: 0; }

.testimonials-banner-and-form .banner {
  border-bottom: none;
  padding-bottom: 0; }

.banner-and-form .banner {
  padding-bottom: 0;
  margin: 100px 0 0; }

.testimonials-subpage {
  padding: 60px 0;
  overflow: hidden; }
  .testimonials-subpage h4 {
    margin: 0 0 50px; }
  @media only screen and (max-width: 600px) {
    .testimonials-subpage {
      padding: 0 0 150px; }
      .testimonials-subpage h4 {
        font-size: 24px;
        line-height: 28px;
        margin: 0 0 30px; } }

.testimonials-subpage-swiper {
  overflow: inherit; }

.testimonials-subpage-card {
  max-width: 490px;
  background: #F8F8F8;
  border-radius: 16px;
  padding: 50px; }
  @media only screen and (max-width: 990px) {
    .testimonials-subpage-card {
      max-width: 340px; } }
  @media only screen and (max-width: 600px) {
    .testimonials-subpage-card {
      max-width: 260px;
      padding: 20px; } }
  @media only screen and (max-width: 320px) {
    .testimonials-subpage-card {
      width: 85%; } }

.testimonials-subpage-card-quote > a {
  font-size: 20px;
  text-decoration: underline; }
  @media only screen and (max-width: 990px) {
    .testimonials-subpage-card-quote > a {
      font-size: 14px; } }
  @media only screen and (max-width: 600px) {
    .testimonials-subpage-card-quote > a {
      font-size: 12px; } }

.testimonials-subpage-card .testimonials-slide-author {
  margin: 0;
  padding: 0;
  width: 100%; }
  .testimonials-subpage-card .testimonials-slide-author .testimonials-slide-author-circle {
    background-color: #DEE7EA;
    left: 0;
    top: 0; }
  .testimonials-subpage-card .testimonials-slide-author p {
    color: #002738; }
  .testimonials-subpage-card .testimonials-slide-author .testimonials-slide-author-stars span {
    background-image: url("img/icon-star-bright.svg"); }
  @media only screen and (max-width: 600px) {
    .testimonials-subpage-card .testimonials-slide-author {
      position: relative; } }

.testimonials-subpage-pagination {
  position: absolute;
  top: -10px;
  right: 0;
  height: 30px;
  width: 130px; }
  @media only screen and (max-width: 600px) {
    .testimonials-subpage-pagination {
      top: auto;
      bottom: -50px;
      left: 20px;
      right: auto;
      width: 90px; } }

.testimonials-subpage-arrow {
  background-image: url("img/icon-caret-navy.svg");
  width: 12px;
  height: 24px;
  margin-top: 0;
  background-size: contain;
  outline: none;
  -moz-transition: all 0.15s 0.15s;
  -o-transition: all 0.15s 0.15s;
  -webkit-transition: all 0.15s 0.15s;
  transition: all 0.15s 0.15s; }
  .testimonials-subpage-arrow.prev {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 70px; }
  .testimonials-subpage-arrow:focus, .testimonials-subpage-arrow:hover {
    background-image: url("img/icon-caret-navy-hover.svg"); }

.contact-form {
  padding: 120px 0; }
  .contact-form h3 {
    margin: 0 0 30px; }
  @media only screen and (max-width: 990px) {
    .contact-form {
      padding: 80px 0; }
      .contact-form h3 {
        text-align: center; } }

.contact-form-bg {
  background: #F1FAFA;
  height: 120%;
  top: -20%; }
  @media only screen and (max-width: 990px) {
    .contact-form-bg {
      height: 100%;
      top: 0; } }

.contact-form-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 990px) {
    .contact-form-row {
      display: block; } }

.contact-form-col {
  width: 48%; }
  @media only screen and (max-width: 990px) {
    .contact-form-col {
      width: 100%; } }

.contact-form-group {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin: 40px 0; }
  .contact-form-group .contact-form-input-group {
    width: 48%; }
  @media only screen and (max-width: 600px) {
    .contact-form-group {
      display: block;
      margin: 30px 0; }
      .contact-form-group .contact-form-input-group {
        width: auto; }
        .contact-form-group .contact-form-input-group input {
          margin: 30px 0; } }

.contact-form-group:last-child .contact-form-input-group {
  width: 60%; }
  .contact-form-group:last-child .contact-form-input-group:last-child {
    width: 36%; }

@media only screen and (min-width: 1200px) {
  .contact-form-group:last-child .contact-form-input-group {
    width: 76%; }
    .contact-form-group:last-child .contact-form-input-group:last-child {
      width: 20%; } }

@media only screen and (max-width: 600px) {
  .contact-form-group:last-child {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between; }
    .contact-form-group:last-child input {
      margin: 0; } }

.contact-form-input-group, .sterns--laf-form--page {
  position: relative; }
  .contact-form-input-group input,
  .contact-form-input-group textarea, .sterns--laf-form--page input,
  .sterns--laf-form--page textarea {
    background: white;
    border: 2px solid #DBDBDB;
    border-radius: 8px;
    display: block;
    width: 100%;
    padding: 15px;
    background-color: white;
    font-size: 16px;
    line-height: 21px;
    box-sizing: border-box;
    -moz-transition: all 0.18s;
    -o-transition: all 0.18s;
    -webkit-transition: all 0.18s;
    transition: all 0.18s;
    resize: vertical; }
    .contact-form-input-group input:focus,
    .contact-form-input-group textarea:focus, .sterns--laf-form--page input:focus,
    .sterns--laf-form--page textarea:focus {
      border-color: #335260;
      outline: none; }
  .contact-form-input-group label:not(.radio-label), .sterns--laf-form--page label:not(.radio-label) {
    background-color: #F1FAFA;
    font-size: 14px;
    line-height: 18px;
    color: #335260;
    font-weight: 600;
    position: absolute;
    left: 18px;
    top: -10px;
    padding: 0 5px; }
  .contact-form-input-group textarea, .sterns--laf-form--page textarea {
    height: 150px;
    margin: 40px 0; }
  .contact-form-input-group input.input-validation-error,
  .contact-form-input-group textarea.input-validation-error, .sterns--laf-form--page input.input-validation-error,
  .sterns--laf-form--page textarea.input-validation-error {
    border: 2px solid #D32028; }
  .contact-form-input-group span.field-validation-error, .sterns--laf-form--page span.field-validation-error {
    color: #D32028;
    font-weight: 700;
    font-size: 14px; }

.contact-form-bottom {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .contact-form-bottom .btn {
    min-width: 200px;
    padding: 18px 40px;
    font-size: 16px; }
  @media only screen and (min-width: 1200px) {
    .contact-form-bottom .btn {
      min-width: 300px; } }
  @media only screen and (max-width: 990px) {
    .contact-form-bottom {
      display: block; }
      .contact-form-bottom .btn {
        text-align: center;
        margin: 50px auto 0;
        min-width: 300px; } }
  @media only screen and (max-width: 600px) {
    .contact-form-bottom .btn {
      margin: 40px auto 0;
      min-width: 100%;
      display: block; } }

.contact-form-select {
  margin-top: 20px; }
  .contact-form-select .container {
    display: block;
    position: relative;
    padding-left: 50px;
    margin-bottom: 18px;
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .contact-form-select input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .contact-form-select .checkmark {
    position: absolute;
    top: -2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: white;
    border: 2px solid #DBDBDB;
    border-radius: 4px; }
    .contact-form-select .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      left: 7px;
      top: 2px;
      width: 5px;
      height: 10px;
      border: solid #335260;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .contact-form-select .container:hover input ~ .checkmark {
    background-color: white; }
  .contact-form-select input[type="checkbox"]:focus + .checkmark {
    border-color: #335260; }
  .contact-form-select .container input:checked ~ .checkmark {
    background-color: white; }
  .contact-form-select .container input:checked ~ .checkmark:after {
    display: block; }
  .contact-form-select label.container.input-validation-error span.checkmark {
    border: 2px solid #D32028; }
  .contact-form-select span.field-validation-error {
    display: block;
    color: #D32028;
    font-weight: 700;
    font-size: 14px;
    margin-top: 5px; }
  @media only screen and (max-width: 600px) {
    .contact-form-select {
      margin-top: 0; }
      .contact-form-select .checkmark {
        top: 6px; } }

.contact-form--module .contact-form-bg {
  top: 0;
  height: 100%; }

.contact-form--module .contact-form {
  padding-top: 60px; }

.banner-content-block {
  position: relative;
  padding: 270px 0 50px;
  max-width: 1800px;
  margin: 0 auto; }
  @media only screen and (max-width: 600px) {
    .banner-content-block {
      padding: 150px 0 30px; } }

.banner-content-block-img {
  bottom: auto;
  height: 440px;
  z-index: 0; }
  @media only screen and (max-width: 600px) {
    .banner-content-block-img {
      height: 280px; } }

.banner-content-block-title h2 {
  margin: 0 0 60px; }

@media only screen and (max-width: 990px) {
  .banner-content-block-title h2 {
    margin: 0 0 30px; } }

@media only screen and (max-width: 600px) {
  .banner-content-block-title {
    text-align: center; }
    .banner-content-block-title h2 {
      font-size: 30px;
      line-height: 36px;
      padding: 0 30px; } }

.banner-content-block-wrapper {
  margin: 0 20px;
  padding: 40px 0;
  max-width: 1600px;
  position: relative;
  border-radius: 24px;
  z-index: 1; }
  @media only screen and (min-width: 1200px) {
    .banner-content-block-wrapper {
      width: 95%;
      margin: 0 auto; } }
  @media only screen and (max-width: 990px) {
    .banner-content-block-wrapper {
      padding: 40px 0 0; } }
  @media only screen and (max-width: 600px) {
    .banner-content-block-wrapper {
      width: 100%;
      margin: 0; } }

.banner-content-block--full.banner-content-block .banner-content-block-title h2 {
  margin-bottom: 50px; }

.banner-content-block--full.banner-content-block .banner-content-block-wrapper {
  background: transparent;
  width: 100%;
  padding: 0;
  margin: 0; }

.banner-content-block--full.banner-content-block .btn {
  display: block;
  margin-top: 30px; }

.banner-content-block-cards {
  justify-content: space-between; }

.banner-content-block-card p {
  color: #335260;
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 30px; }

.banner-content-block--learning .stearns-difference-stars span {
  background-image: url(img/icon-star-red.svg);
  height: 35px;
  width: 35px; }

.banner-content-block--learning .stearns-difference-main {
  width: 55%;
  padding-top: 60px;
  padding-bottom: 0; }
  .banner-content-block--learning .stearns-difference-main p {
    font-size: 18px;
    line-height: 24px; }
  .banner-content-block--learning .stearns-difference-main > p {
    margin-bottom: 30px; }

.banner-content-block--learning .stearns-difference-sidebar-wrapper {
  padding: 30px 40px; }

@media only screen and (min-width: 1200px) {
  .banner-content-block--learning .stearns-difference-main {
    width: 60%;
    padding-top: 100px; }
  .banner-content-block--learning .stearns-difference-sidebar-wrapper {
    padding: 50px 60px; } }

@media only screen and (max-width: 990px) {
  .banner-content-block--learning .stearns-difference-main {
    width: 100%; }
  .banner-content-block--learning .stearns-difference-stars span {
    width: 30px;
    height: 30px; } }

.stearns-difference-row {
  justify-content: space-between; }

.banner-content-block--about .stearns-difference-sidebar-wrapper {
  padding: 30px 40px; }

.banner-content-block--about .stearns-difference-main {
  width: 55%;
  padding-top: 30px;
  padding-bottom: 0; }
  .banner-content-block--about .stearns-difference-main p {
    font-size: 18px;
    line-height: 24px; }
  .banner-content-block--about .stearns-difference-main > p {
    margin-bottom: 30px; }

.banner-content-block--about .stearns-difference-stars span {
  background-image: url(img/icon-star-red.svg);
  height: 35px;
  width: 35px; }

@media only screen and (min-width: 1200px) {
  .banner-content-block--about .stearns-difference-main {
    width: 55%;
    padding-top: 80px; }
  .banner-content-block--about .stearns-difference-sidebar-wrapper {
    padding: 50px 60px; } }

@media only screen and (max-width: 990px) {
  .banner-content-block--about .stearns-difference-sidebar-wrapper {
    display: block;
    margin: 0; }
  .banner-content-block--about .stearns-difference-sidebar {
    background-color: #F8F8F8; }
  .banner-content-block--about .stearns-difference-sidebar-top,
  .banner-content-block--about .stearns-difference-sidebar-bottom {
    width: 100%;
    padding: 0;
    background: transparent; }
  .banner-content-block--about .stearns-difference-sidebar-top {
    margin-bottom: 50px; }
  .banner-content-block--about .stearns-difference-row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .banner-content-block--about .stearns-difference-sidebar {
    width: 45%; }
  .banner-content-block--about .stearns-difference-main {
    width: 50%; }
  .banner-content-block--about .stearns-difference-stars span {
    width: 28px;
    height: 28px; } }

@media only screen and (max-width: 600px) {
  .banner-content-block--about .stearns-difference-row {
    display: block; }
  .banner-content-block--about .stearns-difference-sidebar,
  .banner-content-block--about .stearns-difference-main {
    width: 100%; }
  .banner-content-block--about .stearns-difference-sidebar-top {
    margin-bottom: 10px; }
  .banner-content-block--about .stearns-difference-sidebar-bottom {
    padding-top: 10px; }
  .banner-content-block--about .stearns-difference-sidebar-wrapper {
    padding: 20px; }
  .banner-content-block--about .stearns-difference-main {
    padding-top: 50px; }
    .banner-content-block--about .stearns-difference-main h4 {
      font-size: 24px;
      line-height: 29px; } }

.stearns-difference-block-item {
  position: relative;
  margin: 30px 0; }
  .stearns-difference-block-item img {
    height: 36px;
    width: 36px;
    position: absolute;
    left: 0;
    top: 0; }
  .stearns-difference-block-item p,
  .stearns-difference-block-item a {
    letter-spacing: -0.5px;
    margin: 0;
    padding: 5px 0 5px 70px;
    font-weight: 700;
    font-family: ministry, sans-serif;
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
    vertical-align: top; }
  .stearns-difference-block-item a {
    color: #002738; }
    .stearns-difference-block-item a:hover, .stearns-difference-block-item a:focus {
      text-decoration: underline; }
  @media only screen and (max-width: 600px) {
    .stearns-difference-block-item img {
      width: 24px;
      height: 24px;
      top: 8px; }
    .stearns-difference-block-item p,
    .stearns-difference-block-item a {
      font-size: 16px !important;
      line-height: 18px !important;
      padding: 0 0 0 50px;
      font-size: 16px;
      line-height: 20px; } }

.image-blocks {
  max-width: 1800px;
  margin: 0 auto; }

.image-block {
  position: relative;
  padding: 50px 0 120px;
  margin: 80px 0; }
  @media only screen and (min-width: 1200px) {
    .image-block {
      padding: 60px 0 180px; } }
  @media only screen and (max-width: 990px) {
    .image-block {
      padding: 230px 0 0; } }
  @media only screen and (max-width: 600px) {
    .image-block {
      padding: 150px 0 0; }
      .image-block:first-child {
        margin-top: 0; } }

.image-block-img {
  width: 65%;
  right: auto;
  z-index: 0; }
  @media only screen and (max-width: 990px) {
    .image-block-img {
      width: 100%;
      right: 0;
      height: 90%; } }
  @media only screen and (max-width: 600px) {
    .image-block-img {
      height: 210px; } }

.image-block.image-block--even {
  padding: 120px 0 50px; }
  .image-block.image-block--even .image-block-img {
    right: 0;
    left: auto; }
  .image-block.image-block--even .image-block-content {
    float: none; }
  @media only screen and (min-width: 1200px) {
    .image-block.image-block--even {
      padding: 180px 0 60px; } }
  @media only screen and (max-width: 990px) {
    .image-block.image-block--even {
      padding: 230px 0 0; } }
  @media only screen and (max-width: 600px) {
    .image-block.image-block--even {
      padding: 150px 0 0; } }

.image-block-content {
  position: relative;
  z-index: 1;
  border-radius: 16px;
  width: 45%;
  max-width: 580px;
  padding: 40px 40px;
  float: right;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); }
  .image-block-content h2 {
    margin: 0 0 20px;
    font-size: 30px;
    line-height: 39px; }
  .image-block-content p {
    margin: 0; }
  .image-block-content .btn {
    margin-top: 30px; }
  @media only screen and (min-width: 1200px) {
    .image-block-content {
      padding: 60px 40px;
      width: 40%; }
      .image-block-content h2 {
        font-size: 36px;
        line-height: 43px; }
      .image-block-content p {
        font-size: 18px;
        line-height: 24px; } }
  @media only screen and (max-width: 990px) {
    .image-block-content {
      width: 70%; } }
  @media only screen and (max-width: 600px) {
    .image-block-content {
      width: 88%;
      padding: 30px;
      box-sizing: border-box; }
      .image-block-content h2 {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 10px; }
      .image-block-content p {
        font-size: 14px;
        line-height: 20px; } }

.about .loan-officer.loan-officer--subpage {
  padding: 50px 0 0; }
  @media only screen and (max-width: 600px) {
    .about .loan-officer.loan-officer--subpage {
      padding-top: 0; } }

.loan-officer.loan-officer--subpage {
  padding: 60px 0; }
  .loan-officer.loan-officer--subpage .loan-officer-img {
    width: 360px;
    height: 360px; }
  .loan-officer.loan-officer--subpage .loan-officer-img:after {
    width: 70px;
    height: 70px; }
  .loan-officer.loan-officer--subpage .loan-officer-content {
    padding: 70px 0 70px 50%; }
  @media only screen and (min-width: 1200px) {
    .loan-officer.loan-officer--subpage {
      padding: 100px 0; }
      .loan-officer.loan-officer--subpage .loan-officer-content {
        padding: 90px 15% 90px 45%; } }
  @media only screen and (max-width: 990px) {
    .loan-officer.loan-officer--subpage .loan-officer-img:after {
      width: 60px;
      height: 60px; }
    .loan-officer.loan-officer--subpage .loan-officer-content {
      padding: 0;
      max-width: 80%;
      margin: 0 auto; }
    .loan-officer.loan-officer--subpage .loan-officer-img-wrapper {
      margin-bottom: 30px;
      height: 320px;
      width: 320px; }
      .loan-officer.loan-officer--subpage .loan-officer-img-wrapper.img-vertical {
        margin-bottom: 0; }
    .loan-officer.loan-officer--subpage .loan-officer-img {
      height: 320px;
      width: 320px; } }
  @media only screen and (max-width: 600px) {
    .loan-officer.loan-officer--subpage .loan-officer-img-wrapper {
      height: 200px;
      width: 200px; }
      .loan-officer.loan-officer--subpage .loan-officer-img-wrapper.img-vertical {
        overflow: hidden; }
    .loan-officer.loan-officer--subpage .loan-officer-img {
      width: 200px;
      height: 200px; }
    .loan-officer.loan-officer--subpage .loan-officer-img:after {
      width: 40px;
      height: 40px; }
    .loan-officer.loan-officer--subpage .loan-officer-content {
      max-width: 100%; } }

.general-block {
  padding: 20px 0 100px; }
  @media only screen and (max-width: 600px) {
    .general-block {
      padding: 20px 0 60px; } }

.general-content h2,
.general-content h3,
.general-content h4 {
  margin: 40px 0 20px; }

.general-content h5,
.general-content h6 {
  margin: 30px 0 10px; }

.general-content p {
  margin: 20px 0; }

.general-content hr {
  width: 100%;
  height: 2px;
  background: #DBDBDB;
  display: block;
  border: none;
  margin: 60px 0; }

.general-content ul li {
  margin-bottom: 10px; }
  .general-content ul li:last-child {
    margin-bottom: 0; }

.general-content a {
  color: #002738;
  font-weight: 800;
  text-decoration: underline; }
  .general-content a:hover, .general-content a:focus {
    text-decoration: none;
    color: #335260; }

.general-content a.btn {
  color: white;
  margin: 20px 0;
  text-decoration: none; }
  .general-content a.btn:hover, .general-content a.btn:focus {
    text-decoration: none;
    color: white; }

header {
  background-color: white;
  padding: 35px 0; }
  header .col.col-2 {
    width: 35%; }
    header .col.col-2:last-child {
      width: 65%;
      text-align: right; }
  @media only screen and (max-width: 990px) {
    header {
      padding: 25px 0 20px; }
      header .col.col-2 {
        width: 70%; }
        header .col.col-2:last-child {
          width: 30%; } }
  @media only screen and (max-width: 600px) {
    header {
      padding: 22px 0; }
      header .col.col-2 {
        width: 80%; }
        header .col.col-2:last-child {
          width: 20%; } }

.menu-btn {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  background-image: url("img/menu-btn.svg");
  background-size: contain;
  width: 32px;
  height: 18px;
  -moz-transition: all 0.18s;
  -o-transition: all 0.18s;
  -webkit-transition: all 0.18s;
  transition: all 0.18s; }
  @media only screen and (max-width: 600px) {
    .menu-btn {
      margin-right: 15px; } }
  @media only screen and (max-width: 320px) {
    .menu-btn {
      margin-right: 0; } }
  .menu-btn:hover, .menu-btn:focus {
    background-image: url("img/menu-btn-hover.svg"); }

.header-logo {
  display: inline-block;
  vertical-align: middle; }
  .header-logo img {
    width: 205px; }
    @media only screen and (max-width: 320px) {
      .header-logo img {
        width: 170px; } }

.header-utility-menu {
  list-style-type: none;
  margin: 5px 0 0;
  padding: 0; }
  .header-utility-menu li {
    display: inline-block;
    vertical-align: middle;
    padding-right: 45px; }
    .header-utility-menu li a {
      color: #002738;
      font-family: ministry, sans-serif;
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 700; }
      .header-utility-menu li a:hover, .header-utility-menu li a:focus {
        color: #D32028; }
    .header-utility-menu li.header-utility-menu-icon a {
      height: 20px;
      width: 20px;
      display: inline-block;
      position: relative; }
      .header-utility-menu li.header-utility-menu-icon a:after {
        content: '';
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .header-utility-menu li.header-utility-menu-icon a.profile:after {
        background-image: url("img/icon-profile.svg"); }
      .header-utility-menu li.header-utility-menu-icon a.profile:hover:after, .header-utility-menu li.header-utility-menu-icon a.profile:focus:after {
        background-image: url("img/icon-profile-hover.svg"); }
      .header-utility-menu li.header-utility-menu-icon a.phone:after {
        background-image: url("img/icon-phone.svg"); }
      .header-utility-menu li.header-utility-menu-icon a.phone:hover:after, .header-utility-menu li.header-utility-menu-icon a.phone:focus:after {
        background-image: url("img/icon-phone-hover.svg"); }
    .header-utility-menu li:last-child {
      padding-right: 0; }
  @media only screen and (max-width: 990px) {
    .header-utility-menu li {
      display: none; }
      .header-utility-menu li.header-utility-menu-icon {
        display: inline-block; } }
  @media only screen and (max-width: 600px) {
    .header-utility-menu li {
      padding-right: 15px; } }

.slide-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100%;
  overflow-y: scroll;
  background-color: #002738;
  padding-top: 86px;
  z-index: 10;
  width: 400px;
  left: -400px;
  display: none;
  -moz-transition: all 0.15s 0.15s;
  -o-transition: all 0.15s 0.15s;
  -webkit-transition: all 0.15s 0.15s;
  transition: all 0.15s 0.15s; }
  .slide-menu.open {
    left: 0; }
  @media only screen and (max-width: 600px) {
    .slide-menu {
      left: -600px;
      width: 100%; } }
  @media only screen and (max-width: 320px) {
    .slide-menu {
      padding-top: 60px; } }

.slide-menu-close {
  position: absolute;
  width: 18px;
  height: 18px;
  background-size: contain;
  top: 30px;
  right: 30px;
  background-image: url("img/icon-menu-close.svg"); }
  .slide-menu-close:focus {
    outline: 1px solid white;
    outline-offset: 5px;
    padding: 0; }
  @media only screen and (max-width: 320px) {
    .slide-menu-close {
      top: 20px; } }

.slide-menu-top {
  padding: 0 30px 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media only screen and (max-width: 600px) {
    .slide-menu-top {
      padding: 0 30px 20px;
      justify-content: space-around; } }
  @media only screen and (max-width: 320px) {
    .slide-menu-top {
      justify-content: space-between; } }

.slide-menu-btn {
  background: #0F3343;
  border-radius: 8px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  color: white;
  padding: 15px 15px;
  width: 100%;
  font-family: ministry, sans-serif; }
  .slide-menu-btn img {
    display: inline-block;
    vertical-align: middle;
    max-width: 16px;
    margin-right: 14px; }
  .slide-menu-btn:first-child img {
    max-width: 22px; }
  .slide-menu-btn:hover, .slide-menu-btn:focus {
    background: #164c64; }
  @media only screen and (max-width: 600px) {
    .slide-menu-btn {
      padding: 15px 18px;
      font-size: 14px;
      line-height: 14px; }
      .slide-menu-btn img {
        margin-right: 8px; } }
  @media only screen and (max-width: 320px) {
    .slide-menu-btn {
      font-size: 13px;
      line-height: 13px;
      padding: 15px 12px; } }
  .slide-menu-btn:last-child {
    margin-top: 15px; }

.slide-menu-list {
  list-style-type: none;
  margin: 0;
  padding: 0 30px; }
  .slide-menu-list li {
    display: block;
    margin: 10px 0; }
  .slide-menu-list a {
    display: block;
    color: white;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 0; }
  @media only screen and (max-width: 600px) {
    .slide-menu-list {
      padding: 0 50px;
      margin: 0 0 40px; }
      .slide-menu-list li {
        margin: 0; }
      .slide-menu-list a {
        font-size: 16px; } }

.slide-menu-bottom {
  background: #103749;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding: 60px 30px 130px; }
  .slide-menu-bottom h4 {
    margin: 0 0 20px; }
  .slide-menu-bottom .btn {
    display: block; }
  @media only screen and (max-width: 600px) {
    .slide-menu-bottom {
      padding: 60px 30px 130px; }
      .slide-menu-bottom .btn {
        display: block; }
      .slide-menu-bottom h4 {
        font-size: 24px; } }

.slide-menu-bottom-img-wrapper {
  width: 150px;
  height: 150px;
  margin: 0 auto 30px;
  position: relative; }
  @media only screen and (max-width: 600px) {
    .slide-menu-bottom-img-wrapper {
      display: none; } }

.slide-menu-bottom-img {
  border-radius: 50%; }

.slide-menu-bottom-img-icon {
  position: absolute;
  right: -10px;
  top: 12px;
  width: 35px;
  height: 45px;
  background-image: url("img/icon-loan-officer-badge.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }

footer {
  border-top: 4px solid #D32028;
  padding: 110px 0; }
  @media only screen and (max-width: 990px) {
    footer {
      padding: 80px 0; } }
  @media only screen and (max-width: 600px) {
    footer {
      padding: 50px 0; } }

.footer--desktop {
  display: block; }
  @media only screen and (max-width: 600px) {
    .footer--desktop {
      display: none; } }

.footer--mobile {
  display: none; }
  @media only screen and (max-width: 600px) {
    .footer--mobile {
      display: block; } }
  @media only screen and (max-width: 600px) {
    .footer--mobile .footer-middle-btns {
      display: none;
      border-bottom: 1px solid #DBDBDB;
      padding-top: 0;
      padding-bottom: 30px;
      justify-content: space-between; } }
  @media only screen and (max-width: 415px) {
    .footer--mobile .footer-middle-btns {
      flex-wrap: wrap; } }
  @media only screen and (max-width: 600px) {
    .footer--mobile .footer-middle-btns > a {
      flex: 0 1 50%; } }
  @media only screen and (max-width: 415px) {
    .footer--mobile .footer-middle-btns > a {
      flex: 0 1 100%; } }
  @media only screen and (max-width: 415px) {
    .footer--mobile .footer-middle-btns > a:last-child {
      margin-top: 10px; } }

@media only screen and (max-width: 600px) {
  .footer-middle-btns {
    display: flex;
    border-bottom: 1px solid #DBDBDB;
    padding-top: 0;
    padding-bottom: 30px;
    justify-content: space-between; } }

@media only screen and (max-width: 415px) {
  .footer-middle-btns {
    flex-wrap: wrap; } }

@media only screen and (max-width: 600px) {
  .footer-middle-btns > a {
    flex: 0 1 50%; } }

@media only screen and (max-width: 415px) {
  .footer-middle-btns > a {
    flex: 0 1 100%; } }

@media only screen and (max-width: 415px) {
  .footer-middle-btns > a:last-child {
    margin-top: 10px; } }

.footer-top {
  padding-bottom: 70px;
  align-items: center; }
  .footer-top .col-2 {
    width: 30%; }
    .footer-top .col-2:last-child {
      width: 70%; }
  @media only screen and (min-width: 1200px) {
    .footer-top .col-2 {
      width: 40%; }
      .footer-top .col-2:last-child {
        width: 60%; } }
  @media only screen and (max-width: 990px) {
    .footer-top {
      padding-bottom: 50px; }
      .footer-top .row {
        display: block; }
      .footer-top .col-2 {
        width: 100%; }
        .footer-top .col-2:last-child {
          width: 100%; } }
  @media only screen and (max-width: 600px) {
    .footer-top {
      padding-bottom: 20px; } }

@media only screen and (max-width: 990px) {
  .footer-logo {
    margin-bottom: 30px;
    display: block; } }

@media only screen and (max-width: 600px) {
  .footer-logo {
    margin-bottom: 10px; } }

.footer-logo img {
  max-width: 204px; }

.footer-contact {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  margin-top: 5px; }
  .footer-contact p,
  .footer-contact a {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    margin: 0 30px 0 0; }
  .footer-contact a {
    color: #002738; }
    .footer-contact a:hover, .footer-contact a:focus {
      color: #000; }
    .footer-contact a:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      margin-right: 16px;
      height: 18px;
      width: 18px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center; }
    .footer-contact a.footer-contact-link--phone:before {
      background-image: url("img/icon-phone.svg"); }
    .footer-contact a.footer-contact-link--email {
      margin-right: 0; }
    .footer-contact a.footer-contact-link--email:before {
      background-image: url("img/icon-email.svg"); }
  @media only screen and (min-width: 601px) {
    .footer-contact p,
    .footer-contact a {
      font-size: 13px; } }
  @media only screen and (min-width: 1200px) {
    .footer-contact p,
    .footer-contact a {
      margin: 0 50px 0 0; } }
  @media only screen and (min-width: 1325px) {
    .footer-contact p,
    .footer-contact a {
      font-size: 16px; } }
  @media only screen and (max-width: 990px) {
    .footer-contact {
      justify-content: space-between; } }
  @media only screen and (max-width: 600px) {
    .footer-contact {
      display: block;
      background: #F8F8F8;
      border-radius: 11px;
      padding: 30px; }
      .footer-contact p {
        display: block;
        margin: 0;
        padding: 0 0 15px;
        border-bottom: 1px solid #DBDBDB; }
      .footer-contact a {
        margin: 22px 0 0;
        display: block; } }

.footer-middle {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 990px) {
    .footer-middle {
      border-bottom: 1px solid #DBDBDB;
      padding-bottom: 50px;
      flex-wrap: wrap; } }
  @media only screen and (max-width: 600px) {
    .footer-middle {
      display: none; } }

.footer-middle-col {
  width: 21%; }
  .footer-middle-col:last-child {
    width: 35%; }
  @media only screen and (min-width: 1200px) {
    .footer-middle-col {
      width: 23%; }
      .footer-middle-col:last-child {
        width: 31%; } }
  @media only screen and (max-width: 990px) {
    .footer-middle-col {
      width: 24%; }
      .footer-middle-col:last-child {
        width: 24%; } }

.footer-menu {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .footer-menu li {
    display: block;
    margin: 0 0 25px; }
  @media only screen and (max-width: 600px) {
    .footer-menu {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: space-between;
      padding-bottom: 0px; }
      .footer-menu li {
        width: 48%;
        display: inline-block;
        vertical-align: top; } }

.footer-menu-link {
  font-weight: 600;
  color: #69717A;
  font-size: 14px;
  line-height: 18px; }
  .footer-menu-link:hover, .footer-menu-link:focus {
    color: #002738; }

.footer-middle-btns {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  padding-top: 15px; }
  .footer-middle-btns a {
    width: 100%;
    margin-bottom: 10px; }
  .footer-middle-btns a:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 990px) {
    .footer-middle-btns {
      display: none; } }

.footer-middle-btn {
  position: relative;
  background: #EDF0F1;
  color: #002738;
  font-size: 12px;
  font-weight: 700;
  padding: 15px 15px 15px 45px;
  border-radius: 8px;
  margin-right: 10px; }
  .footer-middle-btn img {
    position: absolute;
    left: 12px;
    top: 15px;
    max-width: 25px;
    max-height: 25px; }
  .footer-middle-btn:hover, .footer-middle-btn:focus {
    background: #f6f7f8; }
  .footer-middle-btn.footer-middle-btn--login img {
    max-width: 18px;
    max-height: 23px; }
  @media only screen and (min-width: 1200px) {
    .footer-middle-btn {
      font-size: 15px;
      padding: 22px 22px 22px 60px;
      margin-right: 20px; }
      .footer-middle-btn img {
        left: 22px;
        top: 18px;
        max-width: 30px;
        max-height: 30px; }
      .footer-middle-btn.footer-middle-btn--login img {
        max-width: 21px;
        max-height: 27px; } }
  @media only screen and (min-width: 1213px) {
    .footer-middle-btn {
      font-size: 16px; } }

.footer-bottom {
  padding-top: 70px;
  flex-wrap: wrap; }
  @media only screen and (max-width: 990px) {
    .footer-bottom {
      padding-top: 30px; }
      .footer-bottom .row {
        display: flex; }
      .footer-bottom .col-2 {
        width: 30%; }
        .footer-bottom .col-2:last-child {
          text-align: right;
          width: 70%; } }

.footer-bottom-img {
  max-width: 58px;
  margin-right: 45px;
  display: inline-block;
  vertical-align: middle; }

.footer-copy {
  display: inline-block;
  vertical-align: middle;
  color: #335260;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400; }
  .footer-copy.footer-copy--desktop {
    display: inline-block; }
    @media only screen and (max-width: 990px) {
      .footer-copy.footer-copy--desktop {
        display: none; } }
  .footer-copy.footer-copy--mobile {
    display: none; }
    @media only screen and (max-width: 990px) {
      .footer-copy.footer-copy--mobile {
        display: block; } }
  @media only screen and (max-width: 990px) {
    .footer-copy {
      font-size: 12px;
      line-height: 15px;
      margin-top: 15px; } }

.footer-social {
  list-style-type: none;
  margin: 10px 0 0;
  padding: 0; }
  .footer-social li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px; }
    .footer-social li:last-child {
      margin-right: 0; }
  @media only screen and (max-width: 990px) {
    .footer-social li {
      margin-right: 20px; } }
  @media only screen and (max-width: 600px) {
    .footer-social {
      margin: 0; }
      .footer-social li {
        margin-right: 12px; } }

.footer-social-link {
  display: block;
  width: 22px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }
  @media only screen and (max-width: 990px) {
    .footer-social-link {
      width: 18px;
      height: 18px; } }

.footer-social-link--fb {
  background-image: url("img/icon-facebook.svg"); }
  .footer-social-link--fb:hover, .footer-social-link--fb:focus {
    background-image: url("img/icon-facebook_hover.svg"); }

.footer-social-link--twitter {
  background-image: url("img/icon-twitter.svg"); }
  .footer-social-link--twitter:hover, .footer-social-link--twitter:focus {
    background-image: url("img/icon-twitter_hover.svg"); }

.footer-social-link--insta {
  background-image: url("img/icon-insta.svg"); }
  .footer-social-link--insta:hover, .footer-social-link--insta:focus {
    background-image: url("img/icon-insta_hover.svg"); }

.footer-social-link--youtube {
  background-image: url("img/icon-youtube.svg"); }
  .footer-social-link--youtube:hover, .footer-social-link--youtube:focus {
    background-image: url("img/icon-youtube_hover.svg"); }

.footer-social-link--linkedin {
  background-image: url("img/icon-linkedin.svg"); }
  .footer-social-link--linkedin:hover, .footer-social-link--linkedin:focus {
    background-image: url("img/icon-linkedin_hover.svg"); }

.footer-cta-split {
  display: none; }
  @media only screen and (min-width: 601px) and (max-width: 990px) {
    .footer-cta-split {
      display: block; } }
  .footer-cta-split .footer-middle-btns {
    display: flex; }

.custombox-content, .custombox-overlay {
  left: 0 !important; }

@media screen and (min-width: 320px) {
  #video-modal .videoWrapper > iframe {
    width: 300px;
    height: 200px; } }

@media screen and (min-width: 475px) {
  #video-modal .videoWrapper > iframe {
    width: 400px;
    height: 300px; } }

@media only screen and (min-width: 768px) and (max-width: 979px) {
  #video-modal .videoWrapper > iframe {
    width: 600px;
    height: 400px; } }

@media only screen and (min-width: 991px) and (max-width: 1199px) {
  #video-modal .videoWrapper > iframe {
    width: 800px;
    height: 500px; } }

@media only screen and (min-width: 1200px) {
  #video-modal .videoWrapper > iframe {
    width: 800px;
    height: 500px; } }

.video-play-btn {
  position: relative;
  display: block;
  width: 100%;
  height: 100%; }
  .video-play-btn::after {
    content: '';
    height: 50px;
    width: 50px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23000;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpolygon class='cls-2' points='20.8 18.49 30.42 25 20.8 31.51 20.8 18.49'/%3E%3Cpath class='cls-2' d='M21.8,20.37,28.63,25,21.8,29.63V20.37m-2-3.77V33.4L32.2,25,19.8,16.6Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.home-intro {
  padding: 100px 0;
  margin-bottom: 70px; }
  @media only screen and (min-width: 1200px) {
    .home-intro {
      padding: 120px 0; } }
  @media only screen and (max-width: 600px) {
    .home-intro {
      padding: 170px 0 0;
      background-color: #F1FAFA;
      margin-bottom: 0; } }

.home-intro-bg {
  width: 85%;
  left: auto;
  background-position: top; }
  @media only screen and (min-width: 1200px) {
    .home-intro-bg {
      width: 75%; } }
  @media only screen and (max-width: 600px) {
    .home-intro-bg {
      width: 100%;
      height: 65%; } }
  .home-intro-bg.full-width {
    width: 100%; }

.home-intro-bg.home-intro-bg--desktop {
  display: block; }

.home-intro-bg.home-intro-bg--tablet {
  display: none; }

.home-intro-bg.home-intro-bg--mobile {
  display: none; }

@media only screen and (max-width: 990px) {
  .home-intro-bg.home-intro-bg--desktop {
    display: none; }
  .home-intro-bg.home-intro-bg--tablet {
    display: block; } }

@media only screen and (max-width: 600px) {
  .home-intro-bg.home-intro-bg--tablet {
    display: none; }
  .home-intro-bg.home-intro-bg--mobile {
    display: block; } }

.home-intro-box {
  border-radius: 16px;
  width: 50%;
  max-width: 540px;
  padding: 40px;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); }
  .home-intro-box.no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .home-intro-box .btn {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    font-size: 14px; }
    @media only screen and (min-width: 1290px) {
      .home-intro-box .btn {
        font-size: 16px; } }
  .home-intro-box h1 {
    margin: 0 0 20px; }
  .home-intro-box p {
    margin: 0 0 30px;
    font-size: 18px;
    line-height: 24px; }
  @media only screen and (min-width: 1200px) {
    .home-intro-box {
      width: 40%; }
      .home-intro-box .btn {
        margin-right: 10px; } }
  @media only screen and (max-width: 990px) {
    .home-intro-box {
      width: 65%; } }
  @media only screen and (max-width: 600px) {
    .home-intro-box {
      bottom: 20px;
      width: auto;
      margin: 0 auto; }
      .home-intro-box h1 {
        margin: 0 0 12px; }
      .home-intro-box p {
        font-size: 16px;
        line-height: 21px; } }
  @media only screen and (max-width: 722px) {
    .home-intro-box .btn {
      display: block;
      margin-bottom: 15px; } }

.offer-blocks .col-3.col {
  width: 32%;
  padding: 0; }

.offer-blocks .row {
  justify-content: space-between;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

@media only screen and (min-width: 601px) {
  .offer-blocks {
    padding: 40px 0; } }

@media only screen and (max-width: 990px) {
  .offer-blocks {
    overflow-x: hidden;
    padding-bottom: 40px; }
    .offer-blocks .col-3.col {
      min-width: auto;
      width: 45%; } }

@media only screen and (max-width: 600px) {
  .offer-blocks {
    background: #F1FAFA; }
    .offer-blocks .col-3.col {
      width: 85%; } }

@media only screen and (max-width: 320px) {
  .offer-blocks .col-3.col {
    width: 80%; } }

.offer-blocks-swiper {
  padding-bottom: 50px;
  padding: 0;
  overflow: inherit;
  width: 100%; }
  .offer-blocks-swiper .swiper-wrapper {
    justify-content: space-between; }
  @media only screen and (max-width: 600px) {
    .offer-blocks-swiper {
      padding-top: 50px; } }

.offer-block {
  border-radius: 16px;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); }

.offer-block-link {
  display: block;
  border-radius: 16px;
  padding: 30px 20px;
  color: #002738;
  border: 2px solid transparent;
  outline: none;
  -moz-transition: all 0.15s 0.15s;
  -o-transition: all 0.15s 0.15s;
  -webkit-transition: all 0.15s 0.15s;
  transition: all 0.15s 0.15s; }
  .offer-block-link h5 {
    color: #002738;
    margin: 0 0 15px; }
  .offer-block-link:focus {
    outline: none;
    border: 2px solid #DBDBDB; }
  @media only screen and (min-width: 1200px) {
    .offer-block-link {
      padding: 40px; } }
  @media only screen and (max-width: 600px) {
    .offer-block-link {
      padding: 40px 30px; } }
  @media only screen and (max-width: 320px) {
    .offer-block-link {
      padding: 30px 20px; } }

.offer-blocks-blue-bg {
  top: auto;
  height: 50%; }
  @media only screen and (max-width: 600px) {
    .offer-blocks-blue-bg {
      display: none; } }

.feature-offer {
  padding: 40px 0 80px; }
  @media only screen and (min-width: 1200px) {
    .feature-offer {
      padding: 120px 0; } }
  @media only screen and (max-width: 600px) {
    .feature-offer {
      padding: 0 0 50px;
      text-align: center; } }

.feature-offer-img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 30%;
  background-size: contain; }
  @media only screen and (max-width: 600px) {
    .feature-offer-img {
      position: relative;
      width: 160px;
      height: 160px;
      margin: 0 auto 35px; } }

.feature-offer-content {
  padding: 30px 0 30px 35%; }
  .feature-offer-content h4 {
    margin: 0 0 15px; }
  .feature-offer-content p {
    margin: 0 0 25px;
    font-size: 18px;
    line-height: 24px; }
  @media only screen and (max-width: 990px) {
    .feature-offer-content {
      padding: 20px 0 20px 40%; } }
  @media only screen and (max-width: 600px) {
    .feature-offer-content {
      padding: 0;
      max-width: 90%;
      margin: 0 auto; }
      .feature-offer-content p {
        font-size: 16px;
        line-height: 21px;
        margin: 0 0 30px; }
      .feature-offer-content .btn {
        margin: 0 auto;
        text-align: center; } }

.stearns-difference {
  padding: 80px 0; }
  .stearns-difference .row {
    justify-content: space-between; }
  .stearns-difference p {
    font-size: 18px;
    line-height: 24px; }
  @media only screen and (min-width: 1200px) {
    .stearns-difference {
      padding: 100px 0; } }
  @media only screen and (max-width: 990px) {
    .stearns-difference .row {
      display: block; } }
  @media only screen and (max-width: 600px) {
    .stearns-difference {
      padding: 60px 0; }
      .stearns-difference p {
        font-size: 16px;
        line-height: 21px; } }

.stearns-difference-main {
  width: 55%;
  padding: 50px 0; }
  .stearns-difference-main h1 {
    margin: 0 0 10px; }
  @media only screen and (max-width: 990px) {
    .stearns-difference-main {
      width: 100%; } }
  @media only screen and (max-width: 600px) {
    .stearns-difference-main {
      padding: 0; } }

.stearns-difference-sidebar {
  width: 40%;
  max-width: 400px;
  border-radius: 16px; }
  .stearns-difference-sidebar h6 {
    margin: 0 0 30px;
    font-weight: 500; }
    .stearns-difference-sidebar h6 span {
      display: block;
      font-size: 72px;
      line-height: 72px;
      color: #D32028;
      font-weight: 300;
      text-transform: inherit;
      margin-bottom: 7px; }
      @media only screen and (max-width: 767px) {
        .stearns-difference-sidebar h6 span {
          font-size: 58px; } }
  .stearns-difference-sidebar p {
    margin: 0 0 10px; }
  .stearns-difference-sidebar .arrow-link {
    text-align: center;
    margin: 0 auto; }
  @media only screen and (max-width: 990px) {
    .stearns-difference-sidebar {
      background-color: transparent;
      width: 100%;
      max-width: 100%; } }
  @media only screen and (max-width: 600px) {
    .stearns-difference-sidebar {
      background: #f8f8f8; }
      .stearns-difference-sidebar h6 span {
        font-size: 60px;
        line-height: 60px; } }

.stearns-difference-sidebar-wrapper {
  padding: 50px 60px; }
  @media only screen and (max-width: 990px) {
    .stearns-difference-sidebar-wrapper {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      justify-content: space-between;
      padding: 0;
      margin-top: 50px; } }
  @media only screen and (max-width: 600px) {
    .stearns-difference-sidebar-wrapper {
      display: block;
      margin-top: 0;
      padding: 50px 20px; } }

@media only screen and (max-width: 990px) {
  .stearns-difference-sidebar-top,
  .stearns-difference-sidebar-bottom {
    width: 38%;
    background: #f8f8f8;
    border-radius: 16px;
    padding: 50px 25px; } }

@media only screen and (max-width: 600px) {
  .stearns-difference-sidebar-top,
  .stearns-difference-sidebar-bottom {
    width: auto;
    background: transparent;
    padding: 0; } }

.stearns-difference-icon {
  display: none; }
  @media only screen and (max-width: 990px) {
    .stearns-difference-icon {
      display: block;
      max-width: 33px;
      max-height: 33px;
      margin: 0 auto 25px; } }
  @media only screen and (max-width: 600px) {
    .stearns-difference-icon {
      display: none; } }

.stearns-difference-block {
  margin: 35px 0;
  position: relative;
  display: block; }
  .stearns-difference-block.first {
    margin-top: 60px; }
  .stearns-difference-block img {
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px; }
  .stearns-difference-block p {
    padding-left: 70px;
    font-weight: 500;
    font-family: ministry, sans-serif; }
  @media only screen and (max-width: 600px) {
    .stearns-difference-block p {
      font-size: 14px;
      line-height: 16px;
      padding-left: 60px; }
    .stearns-difference-block.first {
      margin-top: 40px; } }

.stearns-difference-sidebar-bottom {
  position: relative;
  margin-top: 35px;
  padding-top: 35px; }
  .stearns-difference-sidebar-bottom:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 75%;
    height: 1px;
    display: block;
    background: #DBDBDB;
    margin: 0 auto; }
  .stearns-difference-sidebar-bottom p {
    margin: 10px 0 30px; }
  .stearns-difference-sidebar-bottom .btn {
    text-align: center;
    margin: 0 auto; }
  @media only screen and (max-width: 990px) {
    .stearns-difference-sidebar-bottom {
      margin-top: 0;
      padding-top: 50px; }
      .stearns-difference-sidebar-bottom:before {
        display: none; } }
  @media only screen and (max-width: 600px) {
    .stearns-difference-sidebar-bottom {
      margin-top: 35px;
      padding-top: 35px; }
      .stearns-difference-sidebar-bottom:before {
        display: block;
        width: 90%; } }

.stearns-difference-stars span {
  display: inline-block;
  vertical-align: top;
  width: 28px;
  height: 28px;
  background-image: url("img/icon-star.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 0 5px; }

.getting-started {
  padding-bottom: 120px;
  border-bottom: 1px solid #DBDBDB; }
  @media only screen and (max-width: 600px) {
    .getting-started {
      padding: 0 0 80px; } }

.getting-started-top {
  padding: 200px 0; }
  .getting-started-top h1 {
    margin: 5px 0 0; }
  .getting-started-top .u-introTitle {
    font-size: 14px;
    color: white; }
  @media only screen and (max-width: 990px) {
    .getting-started-top {
      padding: 120px 0; } }
  @media only screen and (max-width: 600px) {
    .getting-started-top {
      padding: 100px 0; } }
  .getting-started-top-content {
    padding: 0 30px; }

.getting-started-bottom {
  margin-top: -62px; }
  .getting-started-bottom h5 {
    margin: 0 0 10px; }
  .getting-started-bottom p {
    font-size: 16px;
    margin: 0; }
  .getting-started-bottom .row {
    width: 80%;
    margin: 0 auto; }
  @media only screen and (max-width: 990px) {
    .getting-started-bottom .row {
      width: 90%; }
      .getting-started-bottom .row .col.col-3 {
        width: 27%; } }
  @media only screen and (max-width: 600px) {
    .getting-started-bottom {
      margin-top: -50px; }
      .getting-started-bottom .row {
        display: block; }
        .getting-started-bottom .row .col.col-3 {
          width: 100%;
          padding: 0;
          margin-bottom: 45px; }
          .getting-started-bottom .row .col.col-3:last-child {
            margin-bottom: 0; } }

.getting-started-circle {
  height: 120px;
  width: 120px;
  border-radius: 50%;
  background: rgba(241, 250, 250, 0.9);
  position: relative;
  margin: 0 auto 25px; }
  .getting-started-circle p {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    font-size: 40px;
    font-weight: 300;
    font-family: ministry, sans-serif; }
  @media only screen and (max-width: 600px) {
    .getting-started-circle {
      height: 90px;
      width: 90px; } }

.getting-started-btn {
  margin: 70px auto 0;
  text-align: center;
  min-width: 300px; }
  @media only screen and (max-width: 600px) {
    .getting-started-btn {
      min-width: auto;
      display: block;
      max-width: 70%;
      margin-top: 40px; } }

.loan-officer {
  padding: 120px 0; }
  .loan-officer p {
    font-size: 18px;
    line-height: 24px; }
  @media only screen and (max-width: 600px) {
    .loan-officer {
      padding: 80px 0; }
      .loan-officer p {
        font-size: 16px;
        line-height: 21px; } }

.loan-officer-img-wrapper {
  width: 45%; }
  @media only screen and (max-width: 990px) {
    .loan-officer-img-wrapper {
      position: relative;
      width: 380px;
      height: 380px;
      display: block;
      margin: 0 auto 70px; } }
  @media only screen and (max-width: 600px) {
    .loan-officer-img-wrapper {
      width: 200px;
      height: 200px;
      margin-bottom: 40px; } }

.loan-officer-img {
  width: 440px;
  height: 440px;
  border-radius: 50%;
  margin: 0 auto;
  background-size: cover;
  background-position: center; }
  .loan-officer-img:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 30px;
    width: 80px;
    height: 90px;
    background-image: url("img/icon-loan-officer-badge.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  @media only screen and (max-width: 990px) {
    .loan-officer-img {
      width: 220px;
      height: 220px; } }
  @media only screen and (max-width: 600px) {
    .loan-officer-img:after {
      width: 50px;
      height: 50px;
      top: 0; } }

.loan-officer--red-badge .loan-officer-img:after {
  background-image: url("img/icon-loan-officer-badge_red.svg"); }

.loan-officer-content {
  padding: 120px 0 120px 50%; }
  .loan-officer-content h2 {
    margin: 0 0 10px; }
  .loan-officer-content p {
    margin: 0 0 35px; }
  @media only screen and (min-width: 1200px) {
    .loan-officer-content {
      padding-right: 15%; }
      .loan-officer-content.wider {
        padding-right: 0; } }
  @media only screen and (max-width: 990px) {
    .loan-officer-content {
      padding: 0;
      max-width: 80%;
      margin: 0 auto;
      text-align: center; }
      .loan-officer-content .btn {
        text-align: center;
        margin: 0 auto; } }
  @media only screen and (max-width: 600px) {
    .loan-officer-content {
      max-width: 100%; } }

.loan-officer-inline-btn.btn {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px; }
  @media only screen and (max-width: 600px) {
    .loan-officer-inline-btn.btn {
      display: block;
      margin: 10px 0; } }

.home .article-card {
  width: 30%; }
  .home .article-card .article-card-img {
    border-radius: 8px; }

@media only screen and (min-width: 1200px) {
  .home .article-card {
    width: 28%; }
    .home .article-card:last-child {
      display: block; } }

@media only screen and (max-width: 990px) {
  .home .article-card {
    width: 46%; }
    .home .article-card:last-child {
      display: none; } }

@media only screen and (max-width: 600px) {
  .home .article-card {
    width: 100%; }
    .home .article-card:last-child {
      display: none; } }

.sales-hero {
  padding: 25px 0;
  overflow: hidden; }
  @media only screen and (max-width: 600px) {
    .sales-hero {
      padding: 0; } }

.sales-hero-content {
  max-width: 60%;
  padding: 80px 0 0;
  min-height: 180px; }
  .sales-hero-content a:not(.btn) {
    color: #002738;
    font-family: ministry, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: underline; }
    .sales-hero-content a:not(.btn):hover, .sales-hero-content a:not(.btn):focus {
      color: #D32028; }
  .sales-hero-content h1 {
    margin: 0 0 10px; }
  .sales-hero-content p {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 30px; }
  .sales-hero-content .btn {
    display: inline-block;
    margin-right: 15px; }
  @media only screen and (min-width: 1200px) {
    .sales-hero-content {
      max-width: 50%; } }
  @media only screen and (max-width: 990px) {
    .sales-hero-content {
      max-width: 100%;
      padding: 40px 0 80px;
      min-height: auto; } }
  @media only screen and (max-width: 600px) {
    .sales-hero-content {
      padding: 70px 0 30px; }
      .sales-hero-content h1 {
        font-size: 24px;
        line-height: 30px; }
      .sales-hero-content p {
        font-size: 16px;
        line-height: 21px; }
      .sales-hero-content .btn {
        display: block;
        margin: 15px 0; } }

.sales-hero-bg {
  background-image: url("img/sales-hero-bg.svg");
  background-size: contain;
  width: 500px;
  height: 300px;
  position: absolute;
  top: 100px;
  right: -60px;
  left: auto;
  bottom: auto; }
  @media only screen and (min-width: 1200px) {
    .sales-hero-bg {
      top: 90px;
      right: 0; } }
  @media only screen and (max-width: 990px) {
    .sales-hero-bg {
      display: none; } }

.featured-loans {
  padding-top: 270px; }
  @media only screen and (max-width: 990px) {
    .featured-loans {
      padding-top: 200px; } }
  @media only screen and (max-width: 600px) {
    .featured-loans {
      padding-top: 170px;
      padding-bottom: 40px; } }

.featured-loans-img {
  height: 440px; }
  @media only screen and (max-width: 990px) {
    .featured-loans-img {
      height: 330px; } }

.featured-loans-title {
  margin: 0 0 50px; }
  @media only screen and (max-width: 600px) {
    .featured-loans-title {
      text-align: center;
      font-size: 38px;
      line-height: 36px; } }

.featured-loans-listing {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .featured-loans-listing.featured-loans-listing--four {
    justify-content: space-between; }
    .featured-loans-listing.featured-loans-listing--four .featured-loan-card, .featured-loans-listing.featured-loans-listing--four .banner-content-block-card {
      margin-right: 0; }
  @media only screen and (max-width: 600px) {
    .featured-loans-listing {
      display: block; } }

.featured-loan-card, .banner-content-block-card {
  width: 25%;
  margin-right: 3%;
  border-radius: 16px;
  position: relative;
  padding: 40px 30px;
  margin-bottom: 20px;
  background: white;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); }
  .featured-loan-card h6, .banner-content-block-card h6 {
    margin: 0 0 10px; }
  .featured-loan-card p.featured-loan-card-p, .banner-content-block-card p.featured-loan-card-p {
    color: #335260;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 30px; }
  .featured-loan-card .btn, .banner-content-block-card .btn {
    display: block;
    padding: 14px; }
    .featured-loan-card .btn.btn--outline-navy, .banner-content-block-card .btn.btn--outline-navy {
      padding: 11px 14px; }
  .featured-loan-card:nth-child(4), .banner-content-block-card:nth-child(4) {
    display: none; }
  @media only screen and (min-width: 1200px) {
    .featured-loan-card, .banner-content-block-card {
      width: 19%;
      flex-wrap: none;
      margin-bottom: 0; }
      .featured-loan-card:nth-child(4), .banner-content-block-card:nth-child(4) {
        display: block; } }
  @media only screen and (max-width: 990px) {
    .featured-loan-card, .banner-content-block-card {
      width: 24%;
      padding: 25px; }
      .featured-loan-card .btn, .banner-content-block-card .btn {
        font-size: 14px;
        line-height: 14px;
        display: block; } }
  @media only screen and (max-width: 600px) {
    .featured-loan-card, .banner-content-block-card {
      width: auto;
      display: block; } }

.featured-loan-card-icon, .banner-content-block--full.banner-content-block img {
  max-width: 38px;
  display: block;
  margin: 0 0 30px; }
  @media only screen and (max-width: 990px) {
    .featured-loan-card-icon, .banner-content-block--full.banner-content-block img {
      margin: 0 0 22px; } }

.featured-loan-card-price-row {
  border-top: 1px solid #DBDBDB;
  padding: 30px 0;
  justify-content: space-between; }
  @media only screen and (max-width: 990px) {
    .featured-loan-card-price-row {
      display: none; } }

.featured-loan-card-price {
  color: #335260;
  font-size: 16px;
  margin: 0; }

.featured-loan-card.featured-loans-card--with-badge, .featured-loans-card--with-badge.banner-content-block-card {
  padding-top: 106px; }
  .featured-loan-card.featured-loans-card--with-badge:before, .featured-loans-card--with-badge.banner-content-block-card:before {
    content: '';
    background-image: url("img/icon-featured-loan-badge.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 30px;
    top: 0;
    width: 45px;
    height: 66px; }
  @media only screen and (max-width: 990px) {
    .featured-loan-card.featured-loans-card--with-badge, .featured-loans-card--with-badge.banner-content-block-card {
      padding-top: 85px; } }

.featured-loans-show-btn.btn.btn--navy {
  font-size: 18px;
  line-height: 18px;
  background-color: transparent;
  width: auto;
  margin: 60px auto;
  color: #002738;
  padding-left: 45px;
  padding-right: 45px;
  position: relative; }
  .featured-loans-show-btn.btn.btn--navy img {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin: 0 25px;
    -moz-transition: all 0.15s 0.15s;
    -o-transition: all 0.15s 0.15s;
    -webkit-transition: all 0.15s 0.15s;
    transition: all 0.15s 0.15s; }
  @media only screen and (max-width: 990px) {
    .featured-loans-show-btn.btn.btn--navy {
      margin: 40px auto 0;
      font-size: 16px;
      line-height: 16px;
      padding: 10px 5px; } }

.featured-loans-show-btn span.hide {
  display: none; }

.featured-loans-show-btn.open span.hide {
  display: inline-block; }

.featured-loans-show-btn.open span.show {
  display: none; }

.featured-loans-show-btn.open img {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.featured-loans-expand-content {
  margin-top: 50px;
  display: none; }
  @media only screen and (max-width: 600px) {
    .featured-loans-expand-content {
      margin-top: 30px; } }

.featured-loans-table {
  background-color: #F8F8F8;
  border-radius: 16px;
  padding: 20px 40px 30px; }
  .featured-loans-table table {
    width: 100%; }
  .featured-loans-table thead tr {
    background-color: transparent;
    padding: 0 10px; }
  .featured-loans-table th {
    color: #D32028;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 30px;
    font-family: ministry, sans-serif;
    text-align: left; }
  .featured-loans-table tr {
    background-color: rgba(0, 39, 56, 0.03);
    padding: 0 20px;
    width: 100%;
    border-radius: 8px; }
    .featured-loans-table tr:nth-child(even) {
      background-color: transparent; }
    .featured-loans-table tr td {
      color: #002738;
      font-size: 16px;
      line-height: 21px;
      font-weight: 400;
      padding: 20px; }
      .featured-loans-table tr td:first-child {
        font-weight: 700; }
      .featured-loans-table tr td a {
        font-size: 14px;
        line-height: 14px; }
  @media only screen and (max-width: 990px) {
    .featured-loans-table tr td:nth-child(3),
    .featured-loans-table tr td:nth-child(4),
    .featured-loans-table tr th:nth-child(3),
    .featured-loans-table tr th:nth-child(4) {
      display: none; } }
  @media only screen and (max-width: 600px) {
    .featured-loans-table {
      padding: 30px; }
      .featured-loans-table thead {
        display: none; }
      .featured-loans-table tr td:nth-child(2),
      .featured-loans-table tr td:nth-child(5) {
        display: none; } }

.featured-loans-table-loan--desktop {
  display: block;
  font-weight: 800; }
  @media only screen and (max-width: 600px) {
    .featured-loans-table-loan--desktop {
      display: none; } }

.featured-loans-table-loan--mobile {
  display: none; }
  @media only screen and (max-width: 600px) {
    .featured-loans-table-loan--mobile {
      display: block; } }

.mortgage-detail-hero {
  overflow: hidden;
  background: #ddf3f3;
  background: linear-gradient(270deg, #ddf3f3 0%, #f1fafa 100%); }

.mortgage-detail-hero-wrapper {
  padding: 80px 0 420px; }
  @media only screen and (max-width: 600px) {
    .mortgage-detail-hero-wrapper {
      padding: 50px 30px 260px; } }

.mortgage-detail-hero-content {
  width: 60%;
  margin: 0 auto; }
  .mortgage-detail-hero-content h1 {
    margin: 0 0 15px; }
  .mortgage-detail-hero-content p {
    margin: 0 0 25px;
    font-size: 18px;
    line-height: 24px; }
  .mortgage-detail-hero-content .btn {
    margin: 0 auto; }
  @media only screen and (min-width: 1200px) {
    .mortgage-detail-hero-content {
      width: 50%; } }
  @media only screen and (max-width: 990px) {
    .mortgage-detail-hero-content {
      width: 80%; } }
  @media only screen and (max-width: 600px) {
    .mortgage-detail-hero-content {
      width: 100%; } }

.mortgage-detail-hero-img {
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  margin: 0 auto;
  max-height: 360px; }
  @media only screen and (max-width: 600px) {
    .mortgage-detail-hero-img {
      right: 0;
      max-height: 230px; } }

.mortgage-details {
  padding: 110px 0; }
  @media only screen and (max-width: 990px) {
    .mortgage-details {
      padding: 80px 0; } }
  @media only screen and (max-width: 600px) {
    .mortgage-details {
      padding: 60px 0; } }

.mortgage-details-title {
  max-width: 60%; }
  .mortgage-details-title h4 {
    margin: 0 0 15px; }
  @media only screen and (max-width: 990px) {
    .mortgage-details-title {
      max-width: 100%; } }
  @media only screen and (max-width: 600px) {
    .mortgage-details-title h4 {
      font-size: 24px;
      line-height: 28px; } }

.mortgage-details-blocks {
  padding: 50px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 990px) {
    .mortgage-details-blocks {
      flex-wrap: wrap;
      padding: 50px 0 10px;
      justify-content: flex-start; } }
  @media only screen and (max-width: 600px) {
    .mortgage-details-blocks {
      padding: 0;
      display: block; } }

.mortgage-detail-block {
  width: 17%; }
  .mortgage-detail-block img {
    display: block;
    width: 80px; }
  .mortgage-detail-block p {
    margin: 20px 0 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px; }
  @media only screen and (min-width: 1200px) {
    .mortgage-detail-block {
      width: 15%; } }
  @media only screen and (max-width: 990px) {
    .mortgage-detail-block {
      width: 28%;
      margin-bottom: 40px;
      margin-right: 5%; } }
  @media only screen and (max-width: 600px) {
    .mortgage-detail-block {
      display: block;
      width: auto;
      margin: 40px 0;
      position: relative;
      padding: 9px 0 9px 80px; }
      .mortgage-detail-block img {
        width: 60px;
        position: absolute;
        left: 0;
        top: 0; }
      .mortgage-detail-block p {
        margin: 0; } }

.mortgage-details-cta {
  margin-top: 40px;
  border-radius: 16px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.1);
  box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.1);
  padding: 25px 300px 25px 160px;
  position: relative; }
  .mortgage-details-cta img {
    width: 90px;
    margin-right: 30px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 40px;
    top: 25px; }
  .mortgage-details-cta h5 {
    display: inline-block;
    vertical-align: middle;
    margin: 30px 0; }
  .mortgage-details-cta .btn {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 40px;
    top: 40px; }
  @media only screen and (max-width: 990px) {
    .mortgage-details-cta {
      padding: 30px 30% 30px 200px; }
      .mortgage-details-cta h5 {
        margin: 0 0 15px; }
      .mortgage-details-cta img {
        width: 120px;
        top: 30px; }
      .mortgage-details-cta .btn {
        display: block;
        position: relative;
        top: auto;
        right: auto; } }
  @media only screen and (max-width: 600px) {
    .mortgage-details-cta {
      text-align: center;
      padding: 25px; }
      .mortgage-details-cta img {
        position: relative;
        display: block;
        margin: 0 auto;
        width: 90px;
        top: auto;
        right: auto;
        left: auto; }
      .mortgage-details-cta h5 {
        margin: 15px 0; }
      .mortgage-details-cta .btn {
        display: block; } }

.loan-officer-lp-hero {
  background: #ddf3f3;
  background: linear-gradient(270deg, #ddf3f3 0%, #f1fafa 100%);
  padding-bottom: 60px; }
  @media only screen and (max-width: 990px) {
    .loan-officer-lp-hero {
      padding-bottom: 30px; } }

.loan-officer-lp-hero-wrapper {
  padding: 110px 0 130px;
  position: relative; }
  @media only screen and (max-width: 990px) {
    .loan-officer-lp-hero-wrapper {
      padding: 80px 0; } }
  @media only screen and (max-width: 600px) {
    .loan-officer-lp-hero-wrapper {
      padding: 60px 30px 40px; } }

.loan-officer-lp-hero-content {
  max-width: 55%; }
  .loan-officer-lp-hero-content h1 {
    margin: 0 0 20px; }
  .loan-officer-lp-hero-content p {
    font-size: 18px;
    line-height: 24px; }
  @media only screen and (min-width: 1200px) {
    .loan-officer-lp-hero-content {
      max-width: 50%; } }
  @media only screen and (max-width: 990px) {
    .loan-officer-lp-hero-content {
      max-width: 100%; } }

.loan-officer-lp-hero-person {
  position: absolute;
  right: 0;
  width: 50%;
  height: 100%;
  top: 0;
  bottom: 0; }
  @media only screen and (min-width: 1200px) {
    .loan-officer-lp-hero-person {
      width: 40%; } }
  @media only screen and (max-width: 990px) {
    .loan-officer-lp-hero-person {
      display: none; } }

.loan-officer-lp-hero-img {
  background-size: contain;
  background-position: left; }

.loan-officer-lp-hero-person-name {
  position: absolute;
  right: 30px;
  bottom: 30px;
  padding-left: 60px; }
  .loan-officer-lp-hero-person-name:after {
    content: '';
    background-image: url("img/icon-loan-officer-badge_red.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px; }
  .loan-officer-lp-hero-person-name p {
    font-size: 21px;
    line-height: 21px;
    font-weight: 700;
    margin: 5px 0 0;
    font-family: ministry, sans-serif; }
    .loan-officer-lp-hero-person-name p span {
      display: block;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      font-family: lato, sans-serif; }

.find-officer-filters {
  width: auto;
  border-radius: 24px;
  padding: 60px 0 10px;
  margin: 0 20px;
  z-index: 2;
  position: relative;
  top: -60px;
  max-width: 1600px; }
  @media only screen and (min-width: 1200px) {
    .find-officer-filters {
      width: 95%;
      margin: 0 auto; } }
  @media only screen and (max-width: 990px) {
    .find-officer-filters {
      padding: 40px 0 0;
      width: auto;
      margin: 0 20px; } }
  @media only screen and (max-width: 600px) {
    .find-officer-filters {
      top: 0;
      width: 100%;
      margin: 0;
      padding: 40px 0 50px; } }

.find-officer-filters-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between; }
  .find-officer-filters-row .row {
    justify-content: flex-end; }
  @media only screen and (max-width: 990px) {
    .find-officer-filters-row {
      display: block; } }

.find-officer-filters-col {
  width: 48%; }
  .find-officer-filters-col h4 {
    margin: 0 0 20px; }
  .find-officer-filters-col p {
    font-size: 12px;
    font-weight: 700;
    margin: 10px 0 16px;
    letter-spacing: 1px; }
  @media only screen and (min-width: 1200px) {
    .find-officer-filters-col {
      width: 45%; }
      .find-officer-filters-col:last-child {
        width: 40%; } }
  @media only screen and (max-width: 990px) {
    .find-officer-filters-col {
      width: 100%; }
      .find-officer-filters-col:last-child {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
        align-items: center; }
        .find-officer-filters-col:last-child p {
          margin: 0;
          min-width: 30%; }
        .find-officer-filters-col:last-child .row {
          width: 60%; } }
  @media only screen and (max-width: 600px) {
    .find-officer-filters-col:last-child {
      display: block;
      margin-top: 30px; }
      .find-officer-filters-col:last-child p {
        min-width: auto;
        width: 100%;
        margin: 0 0 9px; }
      .find-officer-filters-col:last-child .row {
        width: 100%; } }

.finder-officer-filter {
  position: relative; }
  .finder-officer-filter input,
  .finder-officer-filter select {
    border: 2px solid #DBDBDB;
    color: #335260;
    font-size: 16px;
    line-height: 20px;
    padding: 16px 20px;
    border-radius: 8px;
    background: transparent;
    position: relative;
    z-index: 2;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    -moz-transition: all 0.18s;
    -o-transition: all 0.18s;
    -webkit-transition: all 0.18s;
    transition: all 0.18s; }
    .finder-officer-filter input:focus,
    .finder-officer-filter select:focus {
      border-color: #335260; }
  .finder-officer-filter label {
    display: none; }
  @media only screen and (max-width: 600px) {
    .finder-officer-filter input,
    .finder-officer-filter select {
      font-size: 14px;
      padding: 12px 10px; } }
  .finder-officer-filter label {
    display: none; }

.find-officer-filter--search .search-input-container {
  position: relative; }
  .find-officer-filter--search .search-input-container .search-icon {
    position: absolute;
    z-index: 4;
    top: 0;
    bottom: 0;
    height: 100%;
    right: 14px;
    width: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("img/icon-filter-search.svg");
    cursor: pointer; }

.finder-officer-filter .dropdown-select {
  position: relative; }
  .finder-officer-filter .dropdown-select button {
    border: 2px solid #DBDBDB;
    color: #335260;
    font-size: 16px;
    line-height: 21px;
    padding: 16px;
    border-radius: 8px;
    background: transparent;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    text-align: left; }
    .finder-officer-filter .dropdown-select button:after {
      content: '';
      position: absolute;
      z-index: 1;
      top: 0;
      bottom: 0;
      height: 100%;
      right: 15px;
      width: 10px;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url("img/icon-filter-arrow.svg"); }
    .finder-officer-filter .dropdown-select button:hover, .finder-officer-filter .dropdown-select button:focus {
      border-color: #002738; }
  @media only screen and (max-width: 600px) {
    .finder-officer-filter .dropdown-select button {
      font-size: 14px;
      padding: 10px; } }

.finder-officer-filter .dropdown-select-options {
  width: 100%;
  display: none;
  background: white;
  border: 2px solid #002738;
  border-top: none;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  position: absolute;
  left: 0;
  right: 0;
  top: 48px;
  z-index: 2;
  box-sizing: border-box;
  z-index: 2; }
  .finder-officer-filter .dropdown-select-options span {
    display: block;
    padding: 8px 16px;
    cursor: pointer;
    -moz-transition: all 0.18s;
    -o-transition: all 0.18s;
    -webkit-transition: all 0.18s;
    transition: all 0.18s; }
    .finder-officer-filter .dropdown-select-options span:hover, .finder-officer-filter .dropdown-select-options span:focus {
      background-color: #e8e8e8; }
    .finder-officer-filter .dropdown-select-options span.selected {
      background: #DBDBDB; }

.find-officer-filter--state {
  width: 30%;
  margin-right: 5%; }
  .find-officer-filter--state .dropdown-select-options span {
    margin-left: -1px; }
  @media only screen and (max-width: 600px) {
    .find-officer-filter--state {
      width: 30%;
      margin-right: 5%; } }

.find-officer-filter--office {
  width: 65%; }

.finder-officer-filter-select, .career-filter-select {
  position: relative; }
  .finder-officer-filter-select:after, .career-filter-select:after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    right: 15px;
    width: 10px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("img/icon-filter-arrow.svg"); }
  .finder-officer-filter-select select, .career-filter-select select {
    background: transparent;
    position: relative;
    z-index: 2;
    padding: 16px 20px; }
    @media only screen and (max-width: 600px) {
      .finder-officer-filter-select select, .career-filter-select select {
        padding: 12px 10px; } }

.loan-officer-card {
  padding: 60px 0;
  border-top: 1px solid #DBDBDB;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center; }
  .loan-officer-card:last-child {
    border-bottom: 1px solid #DBDBDB; }
  @media only screen and (min-width: 1200px) {
    .loan-officer-card {
      padding: 60px 30px; } }
  @media only screen and (max-width: 990px) {
    .loan-officer-card {
      padding: 40px 20px;
      display: block; } }
  @media only screen and (max-width: 600px) {
    .loan-officer-card {
      padding: 40px 10px; } }

.loan-officer-person {
  width: 27%;
  position: relative;
  padding-left: 70px; }
  @media only screen and (min-width: 1200px) {
    .loan-officer-person {
      padding-left: 80px; } }
  @media only screen and (max-width: 990px) {
    .loan-officer-person {
      width: auto;
      margin: 0 0 30px;
      padding-left: 80px; } }

.loan-officer-person-img {
  position: absolute;
  left: 0;
  top: -26px;
  width: 110px;
  height: 110px;
  border-radius: 50%; }
  @media only screen and (max-width: 990px) {
    .loan-officer-person-img {
      width: 60px;
      height: 60px;
      top: 0; } }
  .loan-officer-person-img.loan-officer-person-img--with-check:after {
    content: '';
    width: 16px;
    height: 16px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("img/icon-loan-officer-checkmark.svg");
    position: absolute;
    right: 0;
    top: 0; }

.loan-officer-person-content {
  padding: 0 0 0 64px; }
  .loan-officer-person-content h5 {
    margin: 0;
    font-size: 16px;
    line-height: 18px; }
  .loan-officer-person-content p {
    font-size: 14px;
    line-height: 18px;
    margin: 0; }
  .loan-officer-person-content a {
    color: #002738; }
    .loan-officer-person-content a:hover, .loan-officer-person-content a:focus {
      color: #335260;
      text-decoration: underline; }
  @media only screen and (min-width: 1200px) {
    .loan-officer-person-content h5 {
      font-size: 21px;
      line-height: 28px; } }
  @media only screen and (max-width: 990px) {
    .loan-officer-person-content {
      padding: 0; } }

.loan-officer-contact {
  background: #F8F8F8;
  border-radius: 8px;
  flex: 0 1 40%;
  padding: 20px 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; }
  @media only screen and (min-width: 1200px) {
    .loan-officer-contact {
      width: 50%; } }
  @media only screen and (max-width: 990px) {
    .loan-officer-contact {
      max-width: 65%;
      padding: 15px;
      width: auto;
      flex: 0 0 auto;
      margin-right: 50px; } }

.loan-officer-contact-link {
  color: #002738;
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
  margin: 0; }
  .loan-officer-contact-link:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 16px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 15px; }
  @media only screen and (max-width: 990px) {
    .loan-officer-contact-link:nth-child(2) {
      display: none; } }
  @media only screen and (max-width: 600px) {
    .loan-officer-contact-link:nth-child(3) {
      display: none; } }

a.loan-officer-contact-link span {
  border-bottom: 1px solid transparent;
  -moz-transition: all 0.18s;
  -o-transition: all 0.18s;
  -webkit-transition: all 0.18s;
  transition: all 0.18s; }

a.loan-officer-contact-link:hover span, a.loan-officer-contact-link:focus span {
  border-bottom: 1px solid #002738; }

.loan-officer-contact-link.loan-officer-contact-link--phone:before {
  background-image: url("img/icon-phone.svg"); }

.loan-officer-contact-link.loan-officer-contact-link--fax:before {
  background-image: url("img/icon-fax.svg"); }

.loan-officer-contact-link.loan-officer-contact-link--email:before {
  background-image: url("img/icon-email.svg");
  height: 12px;
  width: 16px; }

.loan-officer-learn-more {
  position: relative;
  left: 0;
  color: #002738;
  font-size: 14px; }
  .loan-officer-learn-more:hover, .loan-officer-learn-more:focus {
    left: 8px; }
  @media only screen and (max-width: 990px) {
    .loan-officer-learn-more {
      position: absolute;
      right: 30px;
      left: auto;
      bottom: 35px; }
      .loan-officer-learn-more:hover, .loan-officer-learn-more:focus {
        right: 20px;
        left: auto; } }
  @media only screen and (max-width: 600px) {
    .loan-officer-learn-more {
      right: 5px; } }
  @media only screen and (max-width: 600px) {
    .loan-officer-learn-more > span.visit-text {
      display: none; } }
  .loan-officer-learn-more > span.learn-more-caret {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 60px;
    background-image: url("img/icon-caret-navy.svg");
    background-size: 12px 24px; }

@media only screen and (min-width: 601px) {
  .loan-officers {
    margin: 0 20px; } }

.loan-officers-pagination {
  margin: 50px 0;
  position: relative;
  height: 48px; }
  .loan-officers-pagination ul {
    list-style-type: none;
    margin: 0;
    padding: 0 120px; }
    .loan-officers-pagination ul li {
      display: inline-block;
      margin: 0 16px;
      position: relative;
      height: 48px;
      line-height: 48px; }
      @media only screen and (min-width: 601px) and (max-width: 989px) {
        .loan-officers-pagination ul li {
          margin: 0 8px; } }
      .loan-officers-pagination ul li p {
        line-height: 48px;
        margin: 0; }
      .loan-officers-pagination ul li:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -15px 0 0 -15px;
        width: 30px;
        height: 30px;
        border-radius: 15px;
        background-color: #fff; }
      .loan-officers-pagination ul li:hover:before, .loan-officers-pagination ul li:focus:before {
        background-color: #EDF0F1; }
      .loan-officers-pagination ul li.active p, .loan-officers-pagination ul li a {
        margin: 0;
        font-family: ministry, sans-serif;
        font-size: 14px;
        font-weight: 700;
        color: #002738;
        position: relative; }
      .loan-officers-pagination ul li.active p {
        color: white; }
      .loan-officers-pagination ul li.active:before {
        background-color: #D32028; }
      .loan-officers-pagination ul li.loans-officers-pagination-truncation {
        font-family: ministry, sans-serif;
        font-size: 14px;
        line-height: 14px;
        font-weight: 700; }
  @media only screen and (max-width: 600px) {
    .loan-officers-pagination ul {
      padding: 0 40px;
      height: 40px; }
      .loan-officers-pagination ul li {
        margin: 0 8px;
        height: 28px;
        line-height: 28px; }
        .loan-officers-pagination ul li p {
          line-height: 28px; }
        .loan-officers-pagination ul li.active p, .loan-officers-pagination ul li a {
          font-size: 12px; }
        .loan-officers-pagination ul li.loans-officers-pagination-truncation {
          font-size: 12px; } }

.loan-officers-pagination-btn {
  position: absolute;
  background: #EDF0F1;
  color: #002738;
  font-size: 14px;
  font-family: ministry, sans-serif;
  font-weight: 700;
  padding: 12px 40px;
  border-radius: 20px;
  top: 0; }
  .loan-officers-pagination-btn:hover, .loan-officers-pagination-btn:focus {
    background-color: #dfe4e6; }
  @media only screen and (max-width: 600px) {
    .loan-officers-pagination-btn {
      height: 30px;
      width: 30px;
      padding: 0;
      border-radius: 50%;
      display: block; }
      .loan-officers-pagination-btn span {
        display: none; }
      .loan-officers-pagination-btn:after {
        content: '';
        width: 7px;
        height: 100%;
        margin: 0 auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("img/icon-caret-small.svg"); } }

.loan-officers-pagination-btn--prev {
  left: 0; }
  @media only screen and (max-width: 600px) {
    .loan-officers-pagination-btn--prev:after {
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); } }

.loan-officers-pagination-btn--next {
  right: 0; }

@media only screen and (max-width: 990px) {
  .loan-officer {
    padding: 60px 0; } }

@media only screen and (max-width: 600px) {
  .loan-officer {
    padding: 30px 0; } }

.loan-officer .inner, .loan-officer .terms-letters-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 990px) {
    .loan-officer .inner, .loan-officer .terms-letters-wrapper {
      display: block; } }

.loan-officer-name {
  width: 20%;
  padding-top: 14px;
  margin: 0; }
  .loan-officer-name h1 {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -1px;
    margin: 0 0 20px; }
  .loan-officer-name .btn {
    margin: 0 auto 10px;
    padding: 9px 22px;
    min-width: 100px; }
  @media only screen and (min-width: 990px) {
    .loan-officer-name {
      width: 26%; } }
  @media only screen and (max-width: 990px) {
    .loan-officer-name {
      width: auto;
      padding-top: 0;
      padding-left: 200px;
      position: relative;
      text-align: left; }
      .loan-officer-name h1 {
        margin: 0 0 5px; }
      .loan-officer-name .btn {
        margin: 0 0 10px;
        padding: 7px 20px; } }
  @media only screen and (max-width: 600px) {
    .loan-officer-name {
      padding: 18px 0 18px 0; }
      .loan-officer-name h1 {
        font-size: 24px; } }

.loan-officer-info {
  width: 70%; }
  @media only screen and (max-width: 990px) {
    .loan-officer-info {
      width: auto; } }

.loan-officer-name-img {
  width: 120px;
  height: 120px;
  position: relative;
  margin: 0 auto;
  border-radius: 50%; }
  .loan-officer-name-img.loan-officer-name-img--with-badge:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 35px;
    background-image: url("img/icon-loan-officer-badge_red.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
    @media only screen and (min-width: 601px) {
      .loan-officer-name-img.loan-officer-name-img--with-badge:after {
        right: -13px;
        top: -14px; } }
  @media only screen and (min-width: 990px) {
    .loan-officer-name-img {
      width: 230px;
      height: 305px;
      border-radius: 22px; } }
  @media only screen and (min-width: 1200px) {
    .loan-officer-name-img {
      width: 268px;
      height: 356px; } }
  @media only screen and (min-width: 1600px) {
    .loan-officer-name-img {
      width: 295px;
      height: 395px; } }
  @media only screen and (max-width: 990px) {
    .loan-officer-name-img {
      position: absolute;
      left: 0;
      top: 0;
      width: 170px;
      height: 305px;
      border-radius: 22px; } }
  @media only screen and (max-width: 600px) {
    .loan-officer-name-img {
      right: 0;
      left: auto;
      width: 100%;
      position: static; } }

@media only screen and (min-width: 1200px) {
  .loan-officer-info-blocks {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between; } }

@media only screen and (max-width: 990px) {
  .loan-officer-info-blocks {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 40px; } }

@media only screen and (max-width: 600px) {
  .loan-officer-info-blocks {
    display: block;
    margin-top: 20px; } }

.loan-officer-info-block {
  position: relative;
  box-sizing: border-box;
  padding: 50px 80px;
  border-radius: 8px;
  background: #F8F8F8;
  margin: 0 0 30px; }
  .loan-officer-info-block:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 1200px) {
    .loan-officer-info-block {
      width: 48%;
      margin: 0; } }
  @media only screen and (max-width: 990px) {
    .loan-officer-info-block {
      width: 48%;
      margin: 0;
      padding: 30px 50px; } }
  @media only screen and (max-width: 600px) {
    .loan-officer-info-block {
      width: 100%;
      margin: 0 0 30px; }
      .loan-officer-info-block:last-child {
        margin-bottom: 0; } }

.loan-officer-info-block-wrapper {
  position: relative; }
  .loan-officer-info-block-wrapper:before {
    content: '';
    background-color: #D32028;
    width: 3px;
    height: 100%;
    position: absolute;
    left: -25px;
    top: 0;
    bottom: 0; }
  .loan-officer-info-block-wrapper div {
    padding-bottom: 15px; }
    .loan-officer-info-block-wrapper div:last-child {
      padding-bottom: 0; }
  .loan-officer-info-block-wrapper h6 {
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    min-width: 65px;
    margin: 0 16px 0 0; }
  .loan-officer-info-block-wrapper p {
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    vertical-align: top;
    display: inline-block;
    margin: 0; }
  .loan-officer-info-block-wrapper a {
    color: #002738;
    border-bottom: 1px solid transparent; }
    .loan-officer-info-block-wrapper a:hover, .loan-officer-info-block-wrapper a:focus {
      border-bottom-color: #002738; }
  @media only screen and (max-width: 990px) {
    .loan-officer-info-block-wrapper h6 {
      font-size: 14px;
      line-height: 18px;
      min-width: 50px; }
    .loan-officer-info-block-wrapper p {
      font-size: 14px;
      line-height: 18px; } }

.loan-officer-info-block-download {
  width: 30px;
  height: 23px;
  background-image: url("img/icon-download.svg");
  background-size: contain;
  position: absolute;
  top: 20px;
  right: 20px; }
  .loan-officer-info-block-download:hover, .loan-officer-info-block-download:focus {
    background-image: url("img/icon-download_hover.svg"); }
  @media only screen and (max-width: 990px) {
    .loan-officer-info-block-download {
      width: 25px;
      height: 20px; } }

.loan-officer-info-block--contact .loan-officer-info-block-wrapper:before {
  display: none; }

.loan-officer-info-block--contact div {
  position: relative; }
  .loan-officer-info-block--contact div:before {
    content: '';
    position: absolute;
    left: -30px;
    top: 5px;
    bottom: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }
  .loan-officer-info-block--contact div.phone:before {
    background-image: url("img/icon-phone.svg");
    height: 16px;
    width: 12px; }
  .loan-officer-info-block--contact div.fax:before {
    background-image: url("img/icon-fax.svg");
    height: 14px;
    width: 12px; }
  .loan-officer-info-block--contact div.email:before {
    background-image: url("img/icon-email.svg");
    height: 13px;
    width: 15px; }

@media only screen and (max-width: 600px) {
  .loan-officer-info-block--contact div:before {
    top: 2px; } }

.loan-officer-info-content {
  margin: 70px 0;
  padding-bottom: 70px; }
  .loan-officer-info-content h4 {
    margin: 0 0 19px; }
  .loan-officer-info-content p {
    margin: 0; }
  @media only screen and (max-width: 990px) {
    .loan-officer-info-content {
      margin: 50px 0;
      padding-bottom: 50px; } }
  @media only screen and (max-width: 600px) {
    .loan-officer-info-content h4 {
      font-size: 24px; }
    .loan-officer-info-content p {
      font-size: 18px;
      line-height: 30px; } }

.loan-officer-info-expertise {
  margin: 70px 0 100px;
  padding: 0 0 120px;
  position: relative; }
  @media only screen and (max-width: 990px) {
    .loan-officer-info-expertise {
      margin: 80px 0 70px;
      padding: 0 0 80px; } }

.loan-officer-info-expertise-title {
  position: relative;
  padding: 0 80px 0 0;
  margin: 0 0 30px; }
  @media only screen and (max-width: 600px) {
    .loan-officer-info-expertise-title {
      font-size: 24px;
      padding: 0; } }

.loan-officer-expertise-arrows {
  position: absolute;
  top: -10px;
  right: -10px;
  height: 30px;
  width: 130px; }

.loan-officer-expertise-arrow {
  background-image: url("img/icon-caret-navy.svg");
  width: 12px;
  height: 24px;
  margin-top: 0;
  background-size: contain;
  outline: none;
  -moz-transition: all 0.15s 0.15s;
  -o-transition: all 0.15s 0.15s;
  -webkit-transition: all 0.15s 0.15s;
  transition: all 0.15s 0.15s; }
  .loan-officer-expertise-arrow.prev {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 70px; }
  .loan-officer-expertise-arrow:focus, .loan-officer-expertise-arrow:hover {
    background-image: url("img/icon-caret-navy-hover.svg"); }

.loan-officer-expertise-swiper.no-swiper .swiper-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (min-width: 750px) and (max-width: 989px) {
    .loan-officer-expertise-swiper.no-swiper .swiper-wrapper {
      flex-wrap: wrap; } }
  @media screen and (min-width: 750px) {
    .loan-officer-expertise-swiper.no-swiper .swiper-wrapper .swiper-slide:not(:first-child) {
      margin-left: 20px; } }

@media only screen and (max-width: 600px) {
  .loan-officer-expertise-swiper {
    padding-bottom: 50px; } }

.loan-officer-expertise-card {
  width: 31%;
  min-width: 320px;
  padding: 30px;
  border-radius: 16px;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); }
  .loan-officer-expertise-card img {
    width: 40px;
    height: 30px;
    margin: 0 0 27px;
    display: block; }
  .loan-officer-expertise-card h6 {
    margin: 0 0 10px; }
  .loan-officer-expertise-card p {
    margin: 0; }
  @media only screen and (max-width: 990px) {
    .loan-officer-expertise-card p {
      font-size: 14px;
      line-height: 18px; } }

.loan-officer-info-expertise-bottom {
  position: relative;
  margin: 50px 0 0;
  padding-right: 230px; }
  .loan-officer-info-expertise-bottom h5 {
    font-weight: 400;
    margin: 0 25px 0; }
  .loan-officer-info-expertise-bottom .btn {
    position: absolute;
    right: 0;
    top: 0;
    min-width: 120px; }
  @media only screen and (min-width: 1200px) {
    .loan-officer-info-expertise-bottom h5 {
      padding-top: 15px; } }
  @media only screen and (max-width: 990px) {
    .loan-officer-info-expertise-bottom h5 {
      font-size: 18px;
      line-height: 21px;
      padding-top: 20px; }
    .loan-officer-info-expertise-bottom .btn {
      min-width: auto;
      font-size: 14px; } }
  @media only screen and (max-width: 600px) {
    .loan-officer-info-expertise-bottom {
      text-align: center;
      padding: 0; }
      .loan-officer-info-expertise-bottom h5 {
        margin: 0 25px 30px;
        padding: 0; }
      .loan-officer-info-expertise-bottom .btn {
        position: relative;
        display: block;
        width: auto; } }

.loan-officer-events h4 {
  margin: 0 0 30px; }

@media only screen and (max-width: 600px) {
  .loan-officer-events h4 {
    font-size: 24px; } }

.loan-officer-event {
  background: #F8F8F8;
  border-radius: 16px;
  padding: 45px 35px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0; }
  @media only screen and (max-width: 990px) {
    .loan-officer-event {
      padding: 30px 40px; } }
  @media only screen and (max-width: 600px) {
    .loan-officer-event {
      padding: 30px;
      display: block; } }

.loan-officer-event-date {
  padding: 5px 15px 15px 0;
  border-right: 2px solid #DBDBDB;
  text-align: center; }
  .loan-officer-event-date h5 {
    font-weight: 500;
    letter-spacing: 3px;
    margin: 0 0 7px;
    line-height: 22px; }
  .loan-officer-event-date p {
    font-size: 40px;
    font-weight: 300; }
  @media only screen and (min-width: 1200px) {
    .loan-officer-event-date {
      padding-right: 30px; } }
  @media only screen and (max-width: 990px) {
    .loan-officer-event-date {
      padding-right: 30px; } }
  @media only screen and (max-width: 600px) {
    .loan-officer-event-date {
      text-align: left;
      margin: 0 0 25px;
      padding: 0;
      border-right: none; }
      .loan-officer-event-date h5 {
        letter-spacing: 4.5px; } }

.loan-officer-event-content {
  width: 80%; }
  .loan-officer-event-content h6 {
    margin: 0 0 8px; }
  @media only screen and (max-width: 990px) {
    .loan-officer-event-content {
      width: 55%; } }
  @media only screen and (max-width: 600px) {
    .loan-officer-event-content {
      width: auto;
      margin: 0 0 20px; } }

.loan-officer-event-btn {
  float: right;
  font-size: 14px;
  padding: 12px 20px; }
  @media only screen and (min-width: 1200px) {
    .loan-officer-event-btn {
      min-width: 120px;
      padding: 12px 30px; } }
  @media only screen and (max-width: 990px) {
    .loan-officer-event-btn {
      min-width: 100px;
      padding: 10px 20px; } }
  @media only screen and (max-width: 600px) {
    .loan-officer-event-btn {
      width: auto;
      float: none; } }

.branch-detail-wrapper {
  padding: 80px 0; }
  @media only screen and (min-width: 1200px) {
    .branch-detail-wrapper {
      padding: 150px 0; } }
  @media only screen and (max-width: 990px) {
    .branch-detail-wrapper {
      padding: 40px 0 390px; } }
  @media only screen and (max-width: 600px) {
    .branch-detail-wrapper {
      padding: 20px 0 280px; } }

.branch-detail-map {
  height: 320px;
  border-radius: 8px;
  width: 90%; }
  @media only screen and (min-width: 1200px) {
    .branch-detail-map {
      height: 360px; } }
  @media only screen and (max-width: 990px) {
    .branch-detail-map {
      width: 100%;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 50px; } }
  @media only screen and (max-width: 600px) {
    .branch-detail-map {
      height: 280px;
      border-radius: 0;
      bottom: 0; } }

.branch-detail-content {
  padding: 10px 0 10px 0px; }
  .branch-detail-content h1 {
    margin: 0 0 5px; }
  .branch-detail-content p.address {
    font-size: 18px;
    line-height: 24px;
    margin: 0; }
    .branch-detail-content p.address > a {
      color: #002738; }
  @media only screen and (min-width: 1200px) {
    .branch-detail-content {
      padding: 40px 0 40px 90px; } }
  @media only screen and (max-width: 600px) {
    .branch-detail-content h1 {
      padding: 0 30px;
      font-size: 48px;
      margin: 0 0 15px; }
    .branch-detail-content p.address {
      padding: 0 30px; } }

.branch-detail-contact {
  margin: 40px 0 0;
  padding: 40px 25% 0 0;
  border-top: 1px solid #DBDBDB;
  position: relative; }
  @media only screen and (max-width: 600px) {
    .branch-detail-contact {
      padding: 30px 30px;
      margin: 30px 0 0; } }

.branch-detail-contact-item {
  margin: 7px 0;
  padding-left: 25px;
  position: relative; }
  .branch-detail-contact-item h6 {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    font-family: lato, sans-serif;
    min-width: 40px;
    margin: 0 20px 0; }
  .branch-detail-contact-item p,
  .branch-detail-contact-item a {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 21px;
    margin: 0; }
  .branch-detail-contact-item a {
    color: black;
    border-bottom: 1px solid transparent; }
    .branch-detail-contact-item a:hover, .branch-detail-contact-item a:focus {
      border-bottom: 1px solid #002738; }
  .branch-detail-contact-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 14px;
    height: 18px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }

.branch-detail-contact-item.branch-detail-contact-item--phone:before {
  background-image: url("img/icon-phone.svg"); }

.branch-detail-contact-item.branch-detail-contact-item--fax:before {
  background-image: url("img/icon-fax.svg");
  width: 15px;
  height: 18px; }

.branch-detail-contact-item.branch-detail-contact-item--email:before {
  background-image: url("img/icon-email.svg");
  width: 16px; }

.branch-detail-contact-nmls {
  position: absolute;
  top: 45px;
  right: 0;
  border-radius: 8px;
  background-color: #F8F8F8;
  padding: 14px 18px; }
  .branch-detail-contact-nmls p {
    font-size: 36px;
    line-height: 48px;
    font-weight: 300;
    margin: 0; }
    .branch-detail-contact-nmls p span {
      color: #D32028;
      display: block;
      font-size: 12px;
      font-weight: 700;
      line-height: 14px;
      letter-spacing: 1px; }
  @media only screen and (max-width: 600px) {
    .branch-detail-contact-nmls {
      margin-top: 30px;
      position: relative;
      top: auto;
      padding: 10px 15px;
      text-align: left; }
      .branch-detail-contact-nmls p span {
        float: right;
        margin-top: 20px;
        margin-right: 20px; } }

.branch-services {
  padding: 80px 0 140px; }
  @media only screen and (min-width: 1200px) {
    .branch-services {
      padding: 140px 0; } }
  @media only screen and (max-width: 600px) {
    .branch-services {
      padding: 70px 0 40px; } }

.branch-services-top {
  position: relative;
  padding-left: 200px;
  margin-bottom: 100px; }
  .branch-services-top p {
    margin: 35px 0 10px;
    font-size: 36px;
    line-height: 48px;
    font-weight: 300; }
  @media only screen and (min-width: 1200px) {
    .branch-services-top {
      padding-left: 300px; } }
  @media only screen and (max-width: 990px) {
    .branch-services-top {
      padding-left: 250px;
      margin-bottom: 80px; }
      .branch-services-top p {
        margin: 25px 0 10px;
        font-size: 24px;
        line-height: 38px; } }
  @media only screen and (max-width: 600px) {
    .branch-services-top {
      padding-left: 0;
      margin-bottom: 30px; }
      .branch-services-top p {
        margin: 40px 0 0; } }

.branch-services-officer-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 160px;
  height: 160px;
  background-size: contain; }
  .branch-services-officer-img.branch-services-officer-img--with-badge:after {
    content: '';
    background-image: url("img/icon-loan-officer-badge_red.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 45px; }
  @media only screen and (min-width: 1200px) {
    .branch-services-officer-img {
      width: 180px;
      height: 180px; }
      .branch-services-officer-img.branch-services-officer-img--with-badge:after {
        width: 60px;
        height: 60px; } }
  @media only screen and (max-width: 990px) {
    .branch-services-officer-img {
      height: 180px;
      width: 180px; }
      .branch-services-officer-img.branch-services-officer-img--with-badge:after {
        width: 60px;
        height: 60px; } }
  @media only screen and (max-width: 600px) {
    .branch-services-officer-img {
      position: relative;
      height: 130px;
      width: 130px; }
      .branch-services-officer-img.branch-services-officer-img--with-badge:after {
        width: 35px;
        height: 40px; } }

.branch-services-bottom {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 990px) {
    .branch-services-bottom {
      flex-wrap: wrap; } }
  @media only screen and (max-width: 600px) {
    .branch-services-bottom {
      display: block; } }

.branch-services-block {
  max-width: 240px;
  padding: 0 20px; }
  .branch-services-block p {
    margin: 40px 0 0;
    font-size: 18px;
    line-height: 24px; }
  @media only screen and (min-width: 1200px) {
    .branch-services-block {
      padding: 0; } }
  @media only screen and (max-width: 990px) {
    .branch-services-block {
      min-width: 40%;
      padding: 0;
      margin: 30px 0; }
      .branch-services-block p {
        margin: 30px 0 0; } }
  @media only screen and (max-width: 600px) {
    .branch-services-block {
      max-width: 100%;
      min-width: auto;
      position: relative;
      padding: 0 0 0 80px;
      margin: 50px 0; } }

.branch-services-block-icon {
  background-color: #BAE8E8;
  height: 80px;
  width: 80px;
  border-radius: 8px;
  background-size: 33px 33px; }
  @media only screen and (max-width: 600px) {
    .branch-services-block-icon {
      position: absolute;
      left: 0;
      top: 5px;
      width: 60px;
      height: 60px;
      background-size: 25px 25px; } }

.branch-officers-title .find-officer-filters {
  padding-bottom: 0; }
  @media only screen and (max-width: 600px) {
    .branch-officers-title .find-officer-filters {
      top: -15px; }
      .branch-officers-title .find-officer-filters h4 {
        font-size: 24px;
        line-height: 27px;
        margin: 0 0 40px; } }

.loan-officers--branch .loan-officer-card:first-child {
  border-top: none; }

.loan-officers--branch .loan-officer-card:last-child {
  border-bottom: none; }

.loan-officers--branch .loan-officers-listing {
  position: relative;
  top: -30px; }

.branch-operations {
  background: #002738;
  padding: 100px 0;
  margin: 20px 0 50px; }
  @media only screen and (min-width: 1200px) {
    .branch-operations {
      padding: 170px 0; } }
  @media only screen and (max-width: 990px) {
    .branch-operations {
      padding: 70px 0;
      margin: 20px 0; } }
  @media only screen and (max-width: 600px) {
    .branch-operations {
      padding: 60px 0; } }

.branch-operations-map {
  position: absolute;
  left: 0;
  top: 0;
  width: 60%;
  height: 400px;
  background-size: contain; }
  @media only screen and (max-width: 990px) {
    .branch-operations-map {
      position: relative;
      width: 100%;
      height: 380px; } }
  @media only screen and (max-width: 600px) {
    .branch-operations-map {
      height: 195px; } }

.branch-operations-content {
  padding: 80px 0 80px 70%; }
  .branch-operations-content h3 {
    margin: 0 0 25px; }
  @media only screen and (max-width: 990px) {
    .branch-operations-content {
      padding: 0 0 80px; } }
  @media only screen and (max-width: 600px) {
    .branch-operations-content {
      padding: 0 0 40px; } }

.branch-operations-locations {
  list-style: none;
  margin: 0;
  padding: 0; }
  .branch-operations-locations li {
    background: #335260;
    border-radius: 8px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    font-family: ministry, sans-serif;
    padding: 14px 20px 14px 35px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    color: white; }
    .branch-operations-locations li:before {
      content: '';
      background-image: url("img/icon-checkmark.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      height: 18px;
      width: 18px;
      top: 12px;
      left: 10px;
      display: block;
      position: absolute; }
  @media only screen and (min-width: 1200px) {
    .branch-operations-locations li {
      font-size: 18px;
      line-height: 18px;
      padding: 14px 30px 14px 45px; }
      .branch-operations-locations li:before {
        top: 14px;
        left: 14px;
        height: 20px;
        width: 20px; } }
  @media only screen and (max-width: 990px) {
    .branch-operations-locations li {
      font-size: 18px;
      line-height: 18px;
      padding: 14px 30px 14px 45px; }
      .branch-operations-locations li:before {
        top: 14px;
        left: 14px;
        height: 20px;
        width: 20px; } }
  @media only screen and (max-width: 600px) {
    .branch-operations-locations li {
      font-size: 15px;
      line-height: 15px;
      padding: 10px 20px 10px 30px; }
      .branch-operations-locations li:before {
        top: 10px;
        left: 8px;
        height: 16px;
        width: 16px; } }

.contact .find-officer-filters-col p {
  display: none; }
  @media only screen and (max-width: 990px) {
    .contact .find-officer-filters-col p {
      display: block; } }

.contact-offices {
  margin: 60px 0; }
  .contact-offices h2 {
    position: relative;
    margin: 0;
    display: initial;
    padding-bottom: 12px; }
    .contact-offices h2:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 3px;
      background: #D32028; }
  @media only screen and (max-width: 600px) {
    .contact-offices h2 {
      font-size: 36px; } }

.contact-offices-arrows {
  position: absolute;
  right: 0;
  top: 30px;
  width: 100px; }
  @media only screen and (max-width: 600px) {
    .contact-offices-arrows {
      top: auto;
      bottom: 30px; } }

.contact-offices-arrow {
  background-image: url("img/icon-caret-navy.svg");
  width: 12px;
  height: 24px;
  margin-top: 0;
  background-size: contain;
  outline: none;
  -moz-transition: all 0.15s 0.15s;
  -o-transition: all 0.15s 0.15s;
  -webkit-transition: all 0.15s 0.15s;
  transition: all 0.15s 0.15s; }
  .contact-offices-arrow.prev {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 70px; }
  .contact-offices-arrow:focus, .contact-offices-arrow:hover {
    background-image: url("img/icon-caret-navy-hover.svg"); }

.contact-offices-swiper {
  margin: 80px 0; }
  @media only screen and (max-width: 990px) {
    .contact-offices-swiper {
      margin: 60px 0; } }
  @media only screen and (max-width: 600px) {
    .contact-offices-swiper {
      margin: 40px 0;
      padding-bottom: 80px; } }

.contact-offices-slide {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media only screen and (max-width: 600px) {
    .contact-offices-slide {
      display: block; } }

.contact-office-card {
  background: #F8F8F8;
  border-radius: 8px;
  padding: 30px 40px;
  box-sizing: border-box;
  width: 48%;
  margin: 15px 0; }
  .contact-office-card h5 {
    position: relative;
    margin: 0 0 20px;
    padding-bottom: 18px; }
    .contact-office-card h5:after {
      content: '';
      background: #DBDBDB;
      height: 2px;
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      bottom: 0;
      max-width: 120px; }
  .contact-office-card .btn {
    margin-top: 20px; }
  @media only screen and (min-width: 1200px) {
    .contact-office-card {
      width: 31.5%; } }
  @media only screen and (max-width: 990px) {
    .contact-office-card {
      padding: 30px; } }
  @media only screen and (max-width: 600px) {
    .contact-office-card {
      width: 100%; } }
  @media only screen and (max-width: 320px) {
    .contact-office-card {
      padding: 30px 20px; } }

.contact-office-card-item {
  position: relative;
  margin: 18px 0;
  padding-left: 35px; }
  .contact-office-card-item h6 {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    min-width: 85px;
    margin: 0; }
  .contact-office-card-item p {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 21px;
    margin: 0; }
  .contact-office-card-item a {
    color: #002738;
    border-bottom: 1px solid transparent; }
    .contact-office-card-item a:hover, .contact-office-card-item a:focus {
      border-bottom: 1px solid #002738; }
  .contact-office-card-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 21px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }
  @media only screen and (min-width: 1200px) {
    .contact-office-card-item h6 {
      min-width: 75px; } }
  @media only screen and (max-width: 990px) {
    .contact-office-card-item {
      padding-left: 25px; }
      .contact-office-card-item h6 {
        font-size: 14px;
        line-height: 18px;
        min-width: 70px; }
      .contact-office-card-item p {
        font-size: 14px;
        line-height: 18px; } }
  @media only screen and (max-width: 320px) {
    .contact-office-card-item h6,
    .contact-office-card-item p {
      font-size: 12px;
      line-height: 16px; } }

.contact-office-card-item.contact-office-card-item--address:before {
  background-image: url("img/icon-address.svg");
  width: 15px;
  height: 22px;
  top: 0; }

.contact-office-card-item.contact-office-card-item--phone:before {
  background-image: url("img/icon-phone.svg");
  width: 16px;
  height: 21px;
  top: -2px; }

.contact-office-card-item.contact-office-card-item--fax:before {
  background-image: url("img/icon-fax.svg");
  width: 16px;
  height: 18px;
  top: 1px; }

.contact-office-card-item.contact-office-card-item--email:before {
  background-image: url("img/icon-email.svg");
  height: 12px;
  width: 15px;
  top: 3px; }

.contact .banner-content-block {
  padding-bottom: 0; }

.featured-career {
  position: relative;
  background-color: #F8F8F8;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px; }
  @media only screen and (max-width: 600px) {
    .featured-career {
      border-top-right-radius: 0;
      border-bottom-left-radius: 16px; } }

.featured-career-img {
  width: 50%;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px; }
  .featured-career-img p {
    font-size: 21px;
    line-height: 21px;
    letter-spacing: -0.5px;
    position: absolute;
    top: 25px;
    left: 30px;
    font-weight: 700; }
  @media only screen and (min-width: 1200px) {
    .featured-career-img {
      width: 55%; } }
  @media only screen and (max-width: 990px) {
    .featured-career-img p {
      font-size: 16px;
      line-height: 16px;
      top: 15px; } }
  @media only screen and (max-width: 600px) {
    .featured-career-img {
      position: relative;
      width: 100%;
      border-top-right-radius: 21px;
      border-bottom-left-radius: 0;
      height: 200px; }
      .featured-career-img p {
        top: 10px;
        left: 10px; } }

.featured-career-content {
  padding: 50px 50px 50px 55%; }
  .featured-career-content h5 {
    margin: 0 0 10px; }
  .featured-career-content h2 {
    margin: 0 0 25px; }
  .featured-career-content p {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 30px; }
  @media only screen and (min-width: 1200px) {
    .featured-career-content {
      padding: 50px 50px 50px 60%; } }
  @media only screen and (max-width: 990px) {
    .featured-career-content p {
      display: none; } }
  @media only screen and (max-width: 600px) {
    .featured-career-content {
      padding: 30px 20px; }
      .featured-career-content h2 {
        font-size: 30px;
        line-height: 30px; } }

.career-filters {
  padding: 80px 30px 50px; }
  .career-filters h6 {
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 15px; }
  .career-filters h2 {
    position: relative;
    margin: 0;
    display: initial;
    padding-bottom: 12px; }
    .career-filters h2:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 3px;
      background: #D32028; }
  .career-filters p {
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 15px; }
  @media only screen and (max-width: 990px) {
    .career-filters {
      padding: 60px 0 40px; } }
  @media only screen and (max-width: 600px) {
    .career-filters {
      padding: 60px 30px 40px; } }
  @media only screen and (max-width: 600px) {
    .career-filters h2 {
      font-size: 36px;
      line-height: 36px; } }

.career-filters-row-main {
  justify-content: space-between; }
  .career-filters-row-main .col.col-2 {
    width: 60%; }
    .career-filters-row-main .col.col-2:last-child {
      width: 40%; }
  @media only screen and (max-width: 990px) {
    .career-filters-row-main {
      display: block; }
      .career-filters-row-main .col.col-2 {
        width: 100%; }
        .career-filters-row-main .col.col-2:last-child {
          width: 100%;
          margin-top: 30px;
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          flex-wrap: wrap;
          justify-content: flex-end;
          align-items: center; }
          .career-filters-row-main .col.col-2:last-child p {
            width: 35%;
            margin: 0; } }
  @media only screen and (max-width: 600px) {
    .career-filters-row-main .col.col-2:last-child {
      display: block;
      margin-top: 20px; }
      .career-filters-row-main .col.col-2:last-child p {
        width: auto;
        margin: 0 0 8px; } }

.career-filters-wrapper {
  justify-content: flex-end; }
  .career-filters-wrapper > div {
    width: 30%; }
    .career-filters-wrapper > div:last-child {
      width: 70%;
      margin-left: 20px; }
  @media only screen and (max-width: 990px) {
    .career-filters-wrapper {
      width: 65%; }
      .career-filters-wrapper > div {
        width: 25%; }
        .career-filters-wrapper > div:last-child {
          width: 50%; } }
  @media only screen and (max-width: 600px) {
    .career-filters-wrapper {
      width: 100%;
      justify-content: space-between; }
      .career-filters-wrapper > div {
        width: 30%; }
        .career-filters-wrapper > div:last-child {
          margin-left: 0; } }

.career-filter-select select {
  border: 2px solid #DBDBDB;
  color: #335260;
  font-size: 16px;
  line-height: 16px;
  padding: 16px 20px;
  border-radius: 8px;
  background: transparent;
  position: relative;
  z-index: 2;
  width: 100%;
  box-sizing: border-box;
  outline: none;
  -moz-transition: all 0.18s;
  -o-transition: all 0.18s;
  -webkit-transition: all 0.18s;
  transition: all 0.18s; }
  .career-filter-select select:focus {
    border-color: #335260; }

@media only screen and (max-width: 600px) {
  .career-filter-select input,
  .career-filter-select select {
    font-size: 14px;
    padding: 12px 10px; } }

.careers-wrapper {
  padding: 0 30px 60px;
  margin-bottom: 90px; }
  @media only screen and (max-width: 990px) {
    .careers-wrapper {
      margin-bottom: 60px;
      padding: 0 0 40px; } }
  @media only screen and (max-width: 600px) {
    .careers-wrapper {
      padding: 0 30px 10px; } }

.career-swiper.career-swiper--no-swiper .swiper-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.career-swiper.career-swiper--no-swiper .swiper-slide {
  flex-shrink: inherit;
  width: 33%;
  height: auto;
  margin-right: 3%; }
  .career-swiper.career-swiper--no-swiper .swiper-slide:nth-child(3) {
    margin-right: 0; }

.career-card {
  background: #F8F8F8;
  border-radius: 16px;
  padding: 60px 40px; }
  .career-card h6 {
    margin: 9px 0 0; }
  @media only screen and (max-width: 600px) {
    .career-card {
      padding: 50px 30px; } }

.career-card-content-wrapper {
  margin: 24px 0 30px; }

.career-card-content {
  position: relative;
  max-height: 200px;
  overflow: hidden;
  -moz-transition: max-height 0.2s 0.2s;
  -o-transition: max-height 0.2s 0.2s;
  -webkit-transition: max-height 0.2s 0.2s;
  transition: max-height 0.2s 0.2s; }
  .career-card-content.show {
    max-height: 100%; }

.career-card-read-more {
  color: #002738;
  font-size: 16px;
  font-weight: 700;
  position: absolute;
  bottom: 0;
  z-index: 1; }

.career-card-content-fade {
  background: linear-gradient(to bottom, rgba(248, 248, 248, 0) 0%, #f8f8f8 75%);
  height: 100px;
  margin-top: -100px;
  position: relative; }

.career-swiper-arrows {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100px; }
  @media only screen and (max-width: 600px) {
    .career-swiper-arrows {
      right: 30px; } }

.career-swiper-arrow {
  background-image: url("img/icon-caret-navy.svg");
  width: 12px;
  height: 24px;
  margin-top: 0;
  background-size: contain;
  outline: none; }
  .career-swiper-arrow.prev {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 70px; }

.learn-terms {
  padding: 80px 0 200px; }
  .learn-terms .row {
    justify-content: space-between; }
    .learn-terms .row .col-2 {
      width: 40%; }
      .learn-terms .row .col-2:last-child {
        width: 50%; }
  .learn-terms h3 {
    position: relative;
    display: block;
    padding-top: 23px;
    margin: 0;
    font-size: 35px;
    font-weight: 300; }
    .learn-terms h3.last {
      margin-top: 70px; }
    .learn-terms h3:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      background: #D32028;
      height: 3px;
      width: 40%;
      max-width: 120px; }
  @media only screen and (min-width: 1200px) {
    .learn-terms .row .col-2 {
      width: 35%; }
    .learn-terms h3 {
      font-size: 40px; } }
  @media only screen and (max-width: 990px) {
    .learn-terms {
      padding: 60px 0 100px; }
      .learn-terms .row {
        display: block; }
        .learn-terms .row .col.col-2 {
          width: 50%;
          margin: 0 auto 0; }
          .learn-terms .row .col.col-2:last-child {
            width: 70%;
            margin: 0 auto;
            text-align: center; }
      .learn-terms h3.last {
        margin-top: 40px; } }
  @media only screen and (max-width: 600px) {
    .learn-terms {
      padding: 40px 0 80px; }
      .learn-terms .row .col.col-2 {
        width: 100%; }
        .learn-terms .row .col.col-2:last-child {
          width: 100%; }
      .learn-terms h3 {
        font-size: 30px; } }

.learn-term-description {
  font-size: 25px;
  line-height: 35px;
  font-weight: 300;
  margin: 5px 0 0; }
  @media only screen and (min-width: 1200px) {
    .learn-term-description {
      font-size: 30px;
      line-height: 40px; } }
  @media only screen and (max-width: 600px) {
    .learn-term-description {
      font-size: 20px;
      line-height: 30px; } }

.learn-terms-block {
  padding: 110px 0; }
  .learn-terms-block h2 {
    margin: 0 0 20px; }
  .learn-terms-block p {
    margin: 0 0 30px;
    font-size: 18px;
    line-height: 24px; }
  .learn-terms-block .btn,
  .learn-terms-block .btn--outline-navy {
    display: inline-block;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px; }
  @media only screen and (min-width: 1200px) {
    .learn-terms-block .btn,
    .learn-terms-block .btn--outline-navy {
      padding-left: 35px;
      padding-right: 35px; } }
  @media only screen and (max-width: 990px) {
    .learn-terms-block {
      padding: 50px 0 0; }
      .learn-terms-block .btn,
      .learn-terms-block .btn--outline-navy {
        padding-left: 35px;
        padding-right: 35px; } }
  @media only screen and (max-width: 600px) {
    .learn-terms-block h2 {
      font-size: 30px; }
    .learn-terms-block .btn,
    .learn-terms-block .btn--outline-navy {
      display: block;
      width: auto;
      margin: 10px 0; } }

.insights-featured-article {
  padding: 40px 0; }

.insights-featured-article-img {
  position: absolute;
  left: 30px;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 40%;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  z-index: 1; }
  @media only screen and (min-width: 1200px) {
    .insights-featured-article-img {
      width: 45%; } }
  @media only screen and (max-width: 990px) {
    .insights-featured-article-img {
      position: relative;
      display: block;
      width: 100%;
      height: 300px;
      border-bottom-left-radius: 0;
      border-top-right-radius: 16px;
      left: auto; } }
  @media only screen and (max-width: 600px) {
    .insights-featured-article-img {
      height: 200px; } }

.insights-featured-article-content {
  background: #F8F8F8;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  padding-left: 45%;
  min-height: 360px;
  position: relative;
  display: flex;
  align-items: center; }
  .insights-featured-article-content h5 {
    margin: 0 0 5px; }
  .insights-featured-article-content h2 {
    margin: 0 0 20px;
    font-size: 32px;
    line-height: 38px; }
  .insights-featured-article-content p {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 30px; }
  @media only screen and (min-width: 1200px) {
    .insights-featured-article-content {
      padding-left: 50%; }
      .insights-featured-article-content h5 {
        margin: 0 0 10px; }
      .insights-featured-article-content h2 {
        font-size: 36px;
        line-height: 43px; } }
  @media only screen and (max-width: 990px) {
    .insights-featured-article-content {
      padding: 40px;
      min-height: auto;
      border-top-right-radius: 0;
      border-bottom-right-radius: 16px; } }
  @media only screen and (max-width: 600px) {
    .insights-featured-article-content {
      padding: 30px 20px; }
      .insights-featured-article-content p {
        font-size: 16px;
        line-height: 21px;
        margin: 0 0 20px; } }

.insights-featured-article-content-wrapper a:not(.btn) {
  display: inline-block;
  color: #002738; }
  .insights-featured-article-content-wrapper a:not(.btn):hover, .insights-featured-article-content-wrapper a:not(.btn):focus {
    text-decoration: underline; }

.insights-featured-article-content-wrapper .btn {
  margin-top: 15px; }

@media only screen and (min-width: 990px) {
  .insights-featured-article-content-wrapper {
    margin: 50px; } }

.insights-articles {
  padding: 100px 0; }
  @media only screen and (max-width: 990px) {
    .insights-articles {
      padding: 60px 0; } }
  @media only screen and (max-width: 600px) {
    .insights-articles {
      padding: 0 0 80px; } }

.insights-articles-filters,
.questions-top {
  padding-bottom: 30px; }
  .insights-articles-filters h6,
  .questions-top h6 {
    margin: 0 0 15px;
    font-weight: 400; }
  .insights-articles-filters h2,
  .questions-top h2 {
    position: relative;
    margin: 0;
    display: initial;
    padding-bottom: 12px; }
    .insights-articles-filters h2:after,
    .questions-top h2:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 3px;
      background: #D32028; }
  .insights-articles-filters p,
  .questions-top p {
    font-size: 12px;
    font-weight: 500;
    margin: 0 0 15px;
    letter-spacing: 1px; }
  @media only screen and (max-width: 600px) {
    .insights-articles-filters,
    .questions-top {
      padding-bottom: 0; }
      .insights-articles-filters h2,
      .questions-top h2 {
        font-size: 36px; }
      .insights-articles-filters p,
      .questions-top p {
        margin: 0 0 8px; } }
  @media only screen and (max-width: 320px) {
    .insights-articles-filters h2,
    .questions-top h2 {
      font-size: 30px; } }

.insights-articles-filters .row,
.questions-top .row {
  justify-content: space-between; }
  .insights-articles-filters .row .col.col-2,
  .questions-top .row .col.col-2 {
    width: 60%; }
    .insights-articles-filters .row .col.col-2:last-child,
    .questions-top .row .col.col-2:last-child {
      width: 31%; }
  @media only screen and (min-width: 1200px) {
    .insights-articles-filters .row .col.col-2,
    .questions-top .row .col.col-2 {
      width: 70%; }
      .insights-articles-filters .row .col.col-2:last-child,
      .questions-top .row .col.col-2:last-child {
        width: 27%; } }
  @media only screen and (max-width: 990px) {
    .insights-articles-filters .row .col.col-2,
    .questions-top .row .col.col-2 {
      width: 50%; }
      .insights-articles-filters .row .col.col-2:last-child,
      .questions-top .row .col.col-2:last-child {
        width: 50%; } }
  @media only screen and (max-width: 600px) {
    .insights-articles-filters .row,
    .questions-top .row {
      display: block; }
      .insights-articles-filters .row .col.col-2,
      .questions-top .row .col.col-2 {
        width: 100%; }
        .insights-articles-filters .row .col.col-2:last-child,
        .questions-top .row .col.col-2:last-child {
          width: 100%;
          margin-top: 30px; } }

.insights-articles-select,
.questions-select {
  position: relative; }
  .insights-articles-select input,
  .insights-articles-select select,
  .questions-select input,
  .questions-select select {
    border: 2px solid #DBDBDB;
    color: #335260;
    font-size: 16px;
    line-height: 20px;
    padding: 16px 20px;
    border-radius: 8px;
    background: transparent;
    position: relative;
    z-index: 2;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    -moz-transition: all 0.18s;
    -o-transition: all 0.18s;
    -webkit-transition: all 0.18s;
    transition: all 0.18s; }
    .insights-articles-select input:focus,
    .insights-articles-select select:focus,
    .questions-select input:focus,
    .questions-select select:focus {
      border-color: #335260; }
  .insights-articles-select label,
  .questions-select label {
    display: none; }
  @media only screen and (max-width: 600px) {
    .insights-articles-select input,
    .insights-articles-select select,
    .questions-select input,
    .questions-select select {
      font-size: 14px;
      padding: 12px 10px; } }
  .insights-articles-select:after,
  .questions-select:after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    right: 15px;
    width: 10px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("img/icon-filter-arrow.svg"); }
  .insights-articles-select select,
  .questions-select select {
    background: transparent;
    position: relative;
    z-index: 2;
    padding: 16px 20px; }
    @media only screen and (max-width: 600px) {
      .insights-articles-select select,
      .questions-select select {
        padding: 12px 10px; } }

.insights-articles-swiper {
  padding-bottom: 100px; }
  @media only screen and (max-width: 600px) {
    .insights-articles-swiper {
      padding-bottom: 50px; } }

.insights-articles-slide-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap; }
  .insights-articles-slide-wrapper .article-card {
    width: 30%;
    margin: 20px 5% 20px 0; }
    .insights-articles-slide-wrapper .article-card:nth-child(3n+3) {
      margin-right: 0; }
    .insights-articles-slide-wrapper .article-card .article-card-img {
      border-radius: 8px;
      height: 180px; }
  @media only screen and (min-width: 1200px) {
    .insights-articles-slide-wrapper .article-card {
      width: 28%; } }
  @media only screen and (max-width: 990px) {
    .insights-articles-slide-wrapper .article-card {
      width: 48%;
      margin: 20px 4% 20px 0; }
      .insights-articles-slide-wrapper .article-card:nth-child(3n+3) {
        margin-right: 4%; }
      .insights-articles-slide-wrapper .article-card:nth-child(2n+2) {
        margin-right: 0; } }
  @media only screen and (max-width: 600px) {
    .insights-articles-slide-wrapper .article-card {
      width: 100%;
      margin: 20px 0; }
      .insights-articles-slide-wrapper .article-card:nth-child(3n+3) {
        margin-right: 0; } }

.insights-articles-swiper-arrows {
  position: absolute;
  bottom: -20px;
  background: white;
  right: 0;
  height: 30px;
  width: 100px;
  padding-left: 100px;
  z-index: 1; }
  @media only screen and (max-width: 600px) {
    .insights-articles-swiper-arrows {
      width: 80px;
      right: 20px;
      padding-left: 30px; } }

.insights-articles-swiper-arrow {
  background-image: url("img/icon-caret-navy.svg");
  width: 12px;
  height: 24px;
  margin-top: 0;
  background-size: contain;
  outline: none;
  -moz-transition: all 0.15s 0.15s;
  -o-transition: all 0.15s 0.15s;
  -webkit-transition: all 0.15s 0.15s;
  transition: all 0.15s 0.15s;
  top: 0; }
  .insights-articles-swiper-arrow.prev {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 70px; }
  .insights-articles-swiper-arrow:focus, .insights-articles-swiper-arrow:hover {
    background-image: url("img/icon-caret-navy-hover.svg"); }
  .insights-articles-swiper-arrow.prev {
    left: 100px; }
  @media only screen and (max-width: 600px) {
    .insights-articles-swiper-arrow.prev {
      left: 30px; } }

.more-resources {
  padding-bottom: 200px; }
  .more-resources h3 {
    margin: 0 0 60px; }
  @media only screen and (max-width: 990px) {
    .more-resources {
      padding-bottom: 100px; }
      .more-resources h3 {
        font-size: 24px;
        line-height: 30px; } }
  @media only screen and (max-width: 600px) {
    .more-resources {
      padding-bottom: 60px; }
      .more-resources h3 {
        text-align: center;
        margin: 0 0 40px; } }

.more-resources-listing {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 990px) {
    .more-resources-listing {
      display: block; } }

.more-resources-card {
  box-sizing: border-box;
  width: 48%;
  border-radius: 16px;
  background-color: white;
  padding: 60px 40px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); }
  .more-resources-card h2 {
    margin: 0 0 20px; }
  .more-resources-card p {
    margin: 0 0 30px;
    font-size: 18px;
    line-height: 24px; }
  .more-resources-card .btn {
    display: inline-block;
    margin-right: 10px;
    padding: 15px 13px; }
  @media only screen and (min-width: 1200px) {
    .more-resources-card .btn {
      padding: 15.5px 35px;
      margin-right: 20px; } }
  @media only screen and (max-width: 990px) {
    .more-resources-card {
      padding: 30px;
      width: 100%;
      margin: 20px 0; }
      .more-resources-card h2 {
        font-size: 30px; }
      .more-resources-card .btn {
        padding: 15.5px 35px;
        margin-right: 20px; } }
  @media only screen and (max-width: 600px) {
    .more-resources-card h2 {
      margin: 0 0 10px; }
    .more-resources-card p {
      margin: 0 0 20px;
      font-size: 16px;
      line-height: 21px; }
    .more-resources-card .btn {
      display: block;
      margin: 10px 0 0;
      padding: 11px 10px;
      font-size: 14px; }
      .more-resources-card .btn.btn--outline-navy {
        padding: 8px 10px; } }

.calculators {
  padding: 100px 0;
  position: relative; }
  .calculators h3 {
    margin: 0 0 40px; }
  @media only screen and (max-width: 990px) {
    .calculators {
      padding: 80px 0; } }
  @media only screen and (max-width: 600px) {
    .calculators {
      padding: 40px 0 60px; }
      .calculators h3 {
        text-align: center; } }

.calculators-bg-img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 580px;
  width: 55%;
  left: auto;
  right: 0;
  display: none; }
  @media only screen and (min-width: 1200px) {
    .calculators-bg-img {
      display: block; } }

.calculators-listing {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap; }
  .calculators-listing .u-flexBreak {
    display: none; }
  @media only screen and (min-width: 1200px) {
    .calculators-listing .u-flexBreak {
      display: block; } }
  @media only screen and (max-width: 600px) {
    .calculators-listing {
      display: block; } }

.calculator-card {
  position: relative;
  box-sizing: border-box;
  border-radius: 16px;
  padding: 40px 30px 90px 30px;
  width: 31%;
  margin: 15px 2% 15px 0;
  background-color: white;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); }
  .calculator-card:nth-child(3n+3) {
    margin-right: 0; }
  .calculator-card img {
    max-width: 35px;
    margin: 0 0 20px; }
  .calculator-card h5 {
    margin: 0 0 18px; }
  .calculator-card p {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 30px; }
  .calculator-card .btn {
    display: block;
    padding: 11px;
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 40px; }
  @media only screen and (min-width: 1200px) {
    .calculator-card {
      width: 23%;
      margin: 15px 2% 15px 0; }
      .calculator-card:nth-child(3n+3) {
        margin-right: 2%; }
      .calculator-card:nth-child(4n+4) {
        margin-right: 0; }
      .calculator-card.calculator-card--break {
        margin-right: 2%; } }
  @media only screen and (max-width: 990px) {
    .calculator-card {
      width: 47%;
      margin: 15px 5% 15px 0; }
      .calculator-card:nth-child(3n+3) {
        margin-right: 5%; }
      .calculator-card:nth-child(2n+2) {
        margin-right: 0; } }
  @media only screen and (max-width: 600px) {
    .calculator-card {
      width: 100%;
      margin: 20px 0; }
      .calculator-card:nth-child(3n+3), .calculator-card:nth-child(2n+2) {
        margin-right: 0; } }

.terms {
  padding: 0 0 100px; }
  @media only screen and (max-width: 990px) {
    .terms {
      padding: 30px 0; } }

@media only screen and (max-width: 990px) {
  .terms-letters-wrapper {
    width: 100%;
    padding: 0;
    background: #F8F8F8;
    padding: 19px 0 10px;
    overflow-y: scroll; } }

.terms-letters {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between; }
  @media only screen and (min-width: 1200px) {
    .terms-letters {
      max-width: 85%;
      margin: 0 auto; } }
  @media only screen and (max-width: 990px) {
    .terms-letters {
      padding: 0 30px; } }

.terms-letter-btn {
  display: inline-block;
  vertical-align: top;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: -1px;
  color: #002738;
  font-weight: 300;
  margin: 0;
  padding: 0 10px 15px;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  -moz-transition: all 0.18s;
  -o-transition: all 0.18s;
  -webkit-transition: all 0.18s;
  transition: all 0.18s; }
  .terms-letter-btn.active {
    font-size: 30px;
    font-weight: 800;
    border-bottom-color: #D32028; }
  .terms-letter-btn:hover {
    color: #D32028; }
  @media only screen and (min-width: 1200px) {
    .terms-letter-btn {
      font-size: 30px;
      line-height: 30px; } }
  @media only screen and (max-width: 990px) {
    .terms-letter-btn {
      padding: 0 10px 8px;
      margin: 0 10px;
      border-bottom: 2px solid transparent; }
      .terms-letter-btn:last-child {
        padding-right: 50px; } }

.terms-listing {
  padding: 50px 0; }
  @media only screen and (min-width: 1200px) {
    .terms-listing {
      max-width: 85%;
      margin: 0 auto; } }
  @media only screen and (max-width: 990px) {
    .terms-listing {
      padding: 10px 0; } }

.term-item {
  padding: 30px 0;
  display: none; }
  .term-item h4 {
    margin: 0 0 20px; }
  .term-item p {
    font-size: 18px;
    line-height: 24px;
    margin: 0; }
  @media only screen and (max-width: 600px) {
    .term-item h4 {
      font-size: 24px;
      line-height: 30px; } }

.terms-no-results {
  display: none; }

.banner-content-block--faqs .inner, .banner-content-block--faqs .terms-letters-wrapper {
  padding: 0; }

.banner-content-block--faqs .faqs-wrapper {
  padding: 0; }

.banner-content-block--faqs .banner-content-block-wrapper {
  padding: 20px 0; }

@media only screen and (max-width: 600px) {
  .banner-content-block--faqs .faqs-wrapper {
    padding: 0 30px; } }

.questions {
  padding: 70px 0 100px; }
  .questions .faqs-wrapper {
    padding: 0; }
  @media only screen and (max-width: 600px) {
    .questions {
      padding: 0px 0 60px; } }

.questions-img {
  display: block;
  width: 100%;
  height: 300px; }
  @media only screen and (max-width: 600px) {
    .questions-img {
      height: 120px; } }

.questions-top {
  padding: 60px 0; }
  @media only screen and (max-width: 600px) {
    .questions-top {
      padding: 30px 0 10px; } }

.grid-spacer {
  height: 80px; }

.tools {
  padding: 120px 0; }
  .tools--grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: repeat(3, 1fr 80px) 1fr;
    grid-template-columns: repeat(3, 1fr 80px) 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-template-areas: "a . b b b b b" "c . d . e . f"; }
    .tools--grid > [data-g="a"] {
      grid-column: 1;
      -ms-grid-column: 1;
      grid-row: 1;
      -ms-grid-row: 1;
      -ms-grid-column-span: 1;
      grid-area: a; }
    .tools--grid > [data-g="b"] {
      grid-column: 3;
      -ms-grid-column: 3;
      grid-row: 1;
      -ms-grid-row: 1;
      -ms-grid-column-span: 5;
      grid-area: b;
      align-self: center; }
    .tools--grid > [data-g="c"] {
      grid-column: 1;
      -ms-grid-column: 1;
      grid-row: 2;
      -ms-grid-row: 2;
      -ms-grid-column-span: 1;
      grid-area: c;
      margin-top: 80px; }
    .tools--grid > [data-g="d"] {
      grid-column: 3;
      -ms-grid-column: 3;
      grid-row: 2;
      -ms-grid-row: 2;
      -ms-grid-column-span: 1;
      grid-area: d;
      margin-top: 80px; }
    .tools--grid > [data-g="e"] {
      grid-column: 5;
      -ms-grid-column: 5;
      grid-row: 2;
      -ms-grid-row: 2;
      -ms-grid-column-span: 1;
      grid-area: e;
      margin-top: 80px; }
    .tools--grid > [data-g="f"] {
      grid-column: 7;
      -ms-grid-column: 7;
      grid-row: 2;
      -ms-grid-row: 2;
      -ms-grid-column-span: 1;
      grid-area: f;
      margin-top: 80px; }
  .tools--item-icon {
    height: 80px;
    width: 80px;
    border-radius: 8px;
    background-color: #bae8e8;
    display: flex; }
    .tools--item-icon img {
      padding: 20px; }
  .tools--item-title {
    padding: 40px 0 10px;
    font-size: 18px;
    text-decoration: underline; }
  @media only screen and (max-width: 767px) {
    .tools {
      padding: 60px 0; }
      .tools--grid {
        display: block; }
      .tools--item-title {
        padding: 20px 0 0 0; } }

.highlights {
  padding: 170px 0;
  background-color: #bae8e8; }
  .highlights-container {
    display: flex;
    align-items: center; }
    .highlights-container > div {
      width: 25%; }
    .highlights-container .content-box {
      margin-right: 60px; }
    .highlights-container .highlight {
      background-color: white;
      border-radius: 8px;
      margin-right: 20px;
      padding: 200px 20px 20px 20px;
      position: relative; }
      .highlights-container .highlight:last-of-type {
        margin-right: 0; }
      .highlights-container .highlight--number {
        font-size: 40px;
        font-weight: 300;
        font-family: ministry, sans-serif; }
      .highlights-container .highlight--content {
        padding: 10px 0 0 0; }
  @media only screen and (max-width: 767px) {
    .highlights {
      padding: 60px 0; }
      .highlights-container {
        box-sizing: border-box;
        display: block; }
        .highlights-container > div {
          width: 100%; }
        .highlights-container .content-box {
          margin: 0; }
        .highlights-container .highlight {
          margin: 20px 0;
          box-sizing: border-box;
          padding: 100px 20px 20px 20px; } }

.sterns--your-loan-officer {
  background-color: #d32028;
  color: #fff;
  width: 100%;
  padding: 16px 0;
  margin: 0 auto; }
  .sterns--your-loan-officer * {
    box-sizing: border-box; }
  .sterns--your-loan-officer a {
    color: #fff;
    text-decoration: none; }
    .sterns--your-loan-officer a:hover, .sterns--your-loan-officer a:focus {
      text-decoration: underline; }
  .sterns--your-loan-officer--grid-all {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 20px 1fr 20px;
    grid-template-columns: 20px 1fr 20px;
    grid-template-areas: ". agent ."; }
    .sterns--your-loan-officer--grid-all > [data-g=intro] {
      display: none; }
    .sterns--your-loan-officer--grid-all > [data-g=agent] {
      -ms-grid-column: 2;
      -ms-grid-row: 1;
      grid-area: agent;
      align-content: center; }
    .sterns--your-loan-officer--grid-all > hr {
      display: none; }
    .sterns--your-loan-officer--grid-all > [data-g=contact] {
      display: none; }
    .sterns--your-loan-officer--grid-all > [data-g=agent-page] {
      display: none; }
  .sterns--your-loan-officer--grid-officer {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 70px 20px 1fr;
    grid-template-columns: 70px 20px 1fr;
    grid-template-rows: auto;
    grid-template-areas: "agent-photo . agent-name"; }
    .sterns--your-loan-officer--grid-officer > [data-g=agent-photo] {
      -ms-grid-column: 1;
      -ms-grid-row: 1;
      grid-area: agent-photo;
      align-self: center; }
      .sterns--your-loan-officer--grid-officer > [data-g=agent-photo] img {
        border-radius: 50%; }
      .sterns--your-loan-officer--grid-officer > [data-g=agent-photo] .loan-officer-person-img {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        position: relative;
        top: 0; }
    .sterns--your-loan-officer--grid-officer > [data-g=agent-name] {
      -ms-grid-column: 3;
      -ms-grid-row: 1;
      grid-area: agent-name;
      align-self: center; }
      .sterns--your-loan-officer--grid-officer > [data-g=agent-name] a {
        text-decoration: none;
        display: inline-block;
        padding-right: 40px;
        position: relative; }
        .sterns--your-loan-officer--grid-officer > [data-g=agent-name] a:focus, .sterns--your-loan-officer--grid-officer > [data-g=agent-name] a:hover {
          text-decoration: underline; }
          .sterns--your-loan-officer--grid-officer > [data-g=agent-name] a:focus p, .sterns--your-loan-officer--grid-officer > [data-g=agent-name] a:hover p {
            text-decoration: none; }
          .sterns--your-loan-officer--grid-officer > [data-g=agent-name] a:focus:after, .sterns--your-loan-officer--grid-officer > [data-g=agent-name] a:hover:after {
            transform: scale(1.3); }
        .sterns--your-loan-officer--grid-officer > [data-g=agent-name] a:after {
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          content: '';
          width: 20px;
          height: 100%;
          display: inline-block; }
      .sterns--your-loan-officer--grid-officer > [data-g=agent-name] h2 {
        font-size: 24px;
        line-height: 1.1;
        margin: 0;
        padding: 0;
        font-weight: 900; }
      .sterns--your-loan-officer--grid-officer > [data-g=agent-name] p {
        font-weight: 300;
        font-size: 16px;
        margin: 0;
        padding: 0; }
  .sterns--your-loan-officer--grid-contact {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "mobile-label" "email-label";
    font-family: 'Lato', sans-serif; }
    .sterns--your-loan-officer--grid-contact p {
      margin: 0;
      padding: 0;
      font-size: 16px;
      line-height: 30px; }
      .sterns--your-loan-officer--grid-contact p span {
        margin-right: 14px;
        display: inline-block;
        width: 20px;
        height: 30px;
        background-repeat: no-repeat;
        background-position: left center;
        vertical-align: bottom; }
    .sterns--your-loan-officer--grid-contact > [data-g=mobile-label] {
      -ms-grid-column: 1;
      -ms-grid-row: 1;
      grid-area: mobile-label;
      align-content: center; }
    .sterns--your-loan-officer--grid-contact > [data-g=email-label] {
      -ms-grid-column: 1;
      -ms-grid-row: 2;
      grid-area: email-label;
      align-content: center; }
      .sterns--your-loan-officer--grid-contact > [data-g=email-label] a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 140px;
        display: inline-block;
        vertical-align: middle; }
  .sterns--your-loan-officer--icon-email {
    background-image: url("data:image/svg+xml,%3Csvg width='16px' height='13px' viewBox='0 0 16 13' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.71495 0L13.7461 0C14.6926 0 15.4598 0.768 15.4598 1.71453L7.73011 6.3419L0.000427246 1.71453C0.000427246 0.768 0.768427 0 1.71495 0ZM15.4599 3.48935L15.4599 7.9264L12.3424 5.35545L15.4599 3.48935ZM3.11781 5.35562L0.000335693 3.48952L0.000335693 7.92657L3.11781 5.35562ZM7.73053 8.11705L10.9187 6.208L15.4602 9.952L15.4602 10.6114C15.4602 11.5823 14.6728 12.3705 13.7019 12.3705L1.87032 12.3705C0.837895 12.3705 0 11.5326 0 10.5002L0 9.952L4.54232 6.208L7.73053 8.11705Z' id='Combined-Shape' fill='%23FFFFFF' fill-rule='evenodd' stroke='none' /%3E%3C/svg%3E"); }
  .sterns--your-loan-officer--icon-phone {
    background-image: url("data:image/svg+xml,%3Csvg width='12px' height='16px' viewBox='0 0 12 16' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.06335 15.5478C3.64391 16.8059 6.54191 15.4027 8.71576 11.7897L8.71649 11.7875L10.4541 8.89899L10.4563 8.89542C11.1315 7.77371 11.9456 6.06473 11.9974 4.28572C12.0457 2.64675 11.4151 1.33286 10.182 0.449072L9.81925 0.203298L9.81853 0.203298L9.81853 0.202584C9.48741 0.0075363 9.10087 -0.0496205 8.72728 0.0439738C8.35585 0.136854 8.04201 0.368338 7.84622 0.694847L7.84478 0.69699L6.36699 3.15187C5.96245 3.82775 6.18488 4.70511 6.86583 5.11021L8.02042 5.79537L4.80786 11.136L3.65255 10.4508C2.97088 10.0478 2.08622 10.2686 1.67808 10.9459L0.203169 13.4001C-0.20353 14.0752 0.0196144 14.9547 0.700565 15.3598L1.06335 15.5478Z' fill='%23FFF' fill-rule='evenodd' stroke='none' /%3E%3C/svg%3E"); }

.bg-mlo-arrow, .bg-mlo-arrow-after:after {
  background-image: url("data:image/svg+xml,%3Csvg width='14px' height='26px' viewBox='0 0 14 26' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0L0 12L12 24' transform='matrix(-1 8.742278E-08 -8.742278E-08 -1 12.75 24.75)' fill='none' fill-rule='evenodd' stroke='%23FFFFFF' stroke-width='1.5' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  transition: transform ease 100ms; }

@media only screen and (min-width: 768px) {
  .sterns--your-loan-officer--grid-all {
    -ms-grid-columns: 32px 1.5fr 60px 1fr 20px 150px 32px;
    grid-template-columns: 32px 1.5fr 60px 1fr 20px 150px 32px;
    grid-template-areas: ". agent hr contact . agentpage ."; }
    .sterns--your-loan-officer--grid-all > hr {
      -ms-grid-column: 3;
      -ms-grid-row: 1;
      grid-area: hr;
      height: 70px;
      width: 1px;
      background-color: #fff;
      margin: 0 auto;
      border: none;
      align-self: center;
      display: block; }
    .sterns--your-loan-officer--grid-all > [data-g=contact] {
      -ms-grid-column: 4;
      -ms-grid-row: 1;
      grid-area: contact;
      align-self: center;
      display: block; }
    .sterns--your-loan-officer--grid-all > [data-g=agent-page] {
      display: block;
      -ms-grid-column: 6;
      -ms-grid-row: 1;
      grid-area: agentpage;
      align-self: center; }
      .sterns--your-loan-officer--grid-all > [data-g=agent-page] a {
        width: 150px;
        border-radius: 20px;
        background-color: #fff;
        font-size: 18px;
        color: #d32028;
        height: 40px;
        line-height: 40px;
        margin: 0;
        padding: 0 22px;
        display: inline-block;
        text-align: center;
        font-weight: 700;
        background-image: none;
        width: auto;
        text-transform: uppercase; }
  .sterns--your-loan-officer--grid-contact > [data-g=email-label] a {
    max-width: 100px; } }

@media only screen and (min-width: 1200px) {
  .sterns--your-loan-officer--grid-all {
    -ms-grid-columns: 54px 260px 20px 1fr 60px 1fr 20px 160px 54px;
    grid-template-columns: 54px 260px 20px 1fr 60px 1fr 20px 160px 54px;
    grid-template-areas: ". agent agent agent hr contact . agentpage ."; }
    .sterns--your-loan-officer--grid-all > [data-g=agent] {
      -ms-grid-column: 4;
      -ms-grid-row: 1; }
    .sterns--your-loan-officer--grid-all > hr {
      -ms-grid-column: 5; }
    .sterns--your-loan-officer--grid-all > [data-g=contact] {
      -ms-grid-column: 6;
      -ms-grid-row: 1;
      grid-area: contact;
      align-self: center; }
    .sterns--your-loan-officer--grid-all > [data-g=agent-page] {
      -ms-grid-column: 8; }
      .sterns--your-loan-officer--grid-all > [data-g=agent-page] a {
        width: 100%;
        max-width: 270px; }
  .sterns--your-loan-officer--grid-contact > [data-g=email-label] a {
    max-width: 260px; } }

@media only screen and (min-width: 1500px) {
  .sterns--your-loan-officer--grid-all {
    -ms-grid-columns: 54px 260px 20px 1fr 60px 1fr 20px 230px 54px;
    grid-template-columns: 54px 260px 20px 1fr 60px 1fr 20px 230px 54px; } }

.loan-officer-detail .sterns--your-loan-officer {
  display: none; }