body {
  background-color: #fff;
  font-family: Manrope, sans-serif;
  color: #211e1f;
  font-size: 16px;
  line-height: 1.6em;
}

h1 {
  margin-top: 32px;
  margin-bottom: 12px;
  font-size: 3.6em;
  line-height: 1.25em;
  font-weight: 700;
  letter-spacing: -0.25px;
}

h2 {
  margin-top: 32px;
  margin-bottom: 12px;
  font-size: 2.8em;
  line-height: 1.25em;
  font-weight: 700;
}

h3 {
  margin-top: 32px;
  margin-bottom: 12px;
  font-size: 1.8em;
  line-height: 1.35em;
  font-weight: 400;
}

h4 {
  margin-top: 32px;
  margin-bottom: 12px;
  font-size: 22px;
  line-height: 1.6em;
  font-weight: 400;
}

h5 {
  margin-top: 32px;
  margin-bottom: 12px;
  font-size: 17px;
  line-height: 1.6em;
  font-weight: 700;
}

h6 {
  margin-top: 32px;
  margin-bottom: 12px;
  font-family: Arkhip, sans-serif;
  font-size: 17px;
  line-height: 1.2em;
  font-weight: 400;
  letter-spacing: -0.25px;
  text-transform: lowercase;
}

p {
  margin-bottom: 12px;
  color: #211e1f;
  font-size: 16px;
  line-height: 1.6em;
  font-weight: 400;
}

a {
  -webkit-transition: all 100ms ease;
  transition: all 100ms ease;
  color: #ab212e;
  text-decoration: underline;
}

ul {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}

ol {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  font-size: 18px;
  line-height: 1.7em;
}

label {
  display: block;
  margin-bottom: 6px;
  font-weight: 700;
}

blockquote {
  margin-top: 24px;
  margin-bottom: 32px;
  padding: 10px 20px;
  border-left: 2px solid #ab212e;
  font-size: 24px;
  line-height: 1.6em;
  font-weight: 300;
}
img {
	contain-intrinsic-size: auto 100px;
}

.nav {
  position: relative;
  top: 0px;
  z-index: 110;
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom: 1px solid #dfdad7;
  background-color: #fff;
}

.nav-grid {
  display: -ms-grid;
  display: grid;
  width: 100%;
  margin: 0px;
  padding: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -ms-grid-columns: 1fr -webkit-max-content -webkit-max-content -webkit-max-content;
  -ms-grid-columns: 1fr max-content max-content max-content;
  grid-template-columns: 1fr -webkit-max-content -webkit-max-content -webkit-max-content;
  grid-template-columns: 1fr max-content max-content max-content;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.nav-logo-link {
  display: block;
  height: 60px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
}

.nav-logo {
  width: 190px;
  height: 100%;
  margin-top: -10px;
  margin-left: -2px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 0% 50%;
  object-position: 0% 50%;
}

.nav-link {
  display: inline-block;
  margin-right: 0px;
  margin-left: 0px;
  padding: 9px 16px;
  color: #211e1f;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.nav-link:hover {
  text-decoration: underline;
}

.button {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 20px 48px;
  border-style: solid;
  border-width: 1.25px;
  border-color: #ab212e;
  border-radius: 4px;
  background-color: transparent;
  color: #ab212e;
  font-size: 17px;
  line-height: 1.7em;
  font-weight: 600;
  text-decoration: none;
}

.button:hover {
  background-color: #ab212e;
  color: #fff;
}
.button[disabled] {
	background-color: #e0e0e0 !important;
	color: #909090 !important;
	border-color: #909090 !important;
}

.button.nav-cta {
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 16px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 700;
}

.button.nav-cta.mobile {
  margin-top: 0px;
}

.button.nav-cta.only-mobile {
  display: none;
}

.button.bar {
  width: 100%;
}

.button.skip-navigation-button {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 99999;
  display: inline-block;
  margin-top: -100%;
  margin-left: -100%;
  padding: 16px 32px;
}

.button.skip-navigation-button:hover {
  margin-top: 4px;
  margin-left: 4px;
}

.button.skip-navigation-button:focus {
  margin-top: 4px;
  margin-left: 4px;
}

.button.strong {
  background-color: #ab212e;
  opacity: 0.9;
  color: #fff;
}

.button.strong:hover {
  opacity: 1;
}

.button.strong.calculate-button {
  margin-right: 24px;
}

.button.strong.disabled {
  border-color: #fff;
  background-color: #fff;
  color: #000;
}

.button.text-only {
  border-color: transparent;
}

.button.hero-button {
  margin-right: 12px;
  margin-bottom: 8px;
  padding: 16px 24px;
  border-style: none;
  background-color: #fff;
}

.button.hero-button:hover {
  background-color: #ab212e;
}

.button.hero-button.red-hero-button {
  background-color: #ab212e;
  color: #fff;
}

.button.white-button {
  border-color: #fff;
  background-color: #fff;
  color: #211e1f;
}

.button.white-button:hover {
  color: #ab212e;
}

.button.location-button {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  border-color: #211e1f;
  background-color: #211e1f;
  color: #fff;
}

.button.job-button {
  margin-right: 0px;
  margin-bottom: 0px;
  padding: 12px 32px;
}

.brand {
  padding-left: 0px;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex.align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex.justify-space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex.justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex.flex-footer {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-flow: row wrap;
}

.flex.flex-footer.overflow-auto {
  overflow: auto;
}

.flex.align-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.flex.value-stack {
  padding-right: 24px;
  padding-left: 24px;
}

.flex.card {
  background-color: #f1edea;
  box-shadow: none;
}

.flex.calculator-results {
  padding: 24px;
  background-color: #cae6e1;
}

.expand {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.hamburger {
  color: #ab212e;
  font-size: 36px;
}

.menu-button {
  margin-left: 8px;
  padding: 12px 24px;
  border-radius: 4px;
}

.menu-button.w--open {
  background-color: #fff;
  color: #211e1f;
}

.nav-menu {
  padding: 72px 24px 80px;
  background-color: #fff;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
}
#maincontent {
	z-index: 100;
}
#home-hero-rotator {
	margin-bottom: 36px;
}

.section {
  display: block;
  padding-top: 60px;
  padding-bottom: 60px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section.full-screen {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section._0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.section.hero-a {
  padding-top: 40px;
  padding-bottom: 0px;
}

.section.padding-bottom-60 {
  padding-bottom: 60px;
}

.section.padding-bottom-0.padding-top-80 {
  padding-top: 80px;
}

.section.background-white {
  background-color: #fff;
}

.section.background-testimonial-home {
  padding-bottom: 128px;
  background-color: #225e60;
  background-image: url('../images/testimonial_1c.jpg');
  background-position: 100% 50%;
  background-size: cover;
}

.section.padding-top-0.padding-bottom-48 {
  padding-bottom: 48px;
}

.section.service-section {
  padding-top: 72px;
  padding-bottom: 12px;
  background-color: #fff;
}

.section.cta-section {
  padding-top: 48px;
  padding-bottom: 0px;
}

.section.padding-bottom-144 {
  padding-bottom: 144px;
}

.section.padding-bottom-160 {
  padding-bottom: 160px;
}

.section.padding-top-64 {
  padding-top: 64px;
}

.section.padding-top-64.padding-bottom-64 {
  padding-bottom: 64px;
}

.section.padding-bottom-120 {
  padding-bottom: 120px;
}

.section.padding-top-72 {
  padding-top: 72px;
}

.section.padding-hero {
  padding-top: 120px;
  padding-bottom: 120px;
}

.section.inner-header {
  min-height: 440px;
  padding-top: 120px;
}

.section.inner-header.short-inner-header {
  min-height: 380px;
}

.section.background-testimonial-checking {
  background-color: #225e60;
}

.section.background-green {
  background-color: #225e60;
}

.section.background-testimonial {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #225e60;
}

.section.background-testimonial.checking {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(33, 30, 31, 0.2)), to(transparent)), url('../images/testimonial_farmer.jpg');
  background-image: linear-gradient(270deg, rgba(33, 30, 31, 0.2), transparent), url('../images/testimonial_farmer.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.section.background-testimonial.savings {
  background-image: url('../images/testimonial_light.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.section.background-testimonial.business-accounts {
  background-image: url('../images/testimonial_ruby_flip.jpg');
  background-position: 50% 0%;
  background-size: cover;
}

.section.background-testimonial.lending {
  background-image: url('../images/testimonial_lending.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.section.background-testimonial.first-time-homebuyers {
  background-image: url('../images/testimonial_firsttimehomebuyer.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.section.background-testimonial.online-banking {
  background-image: url('../images/testimonial_online-banking.jpg');
  background-position: 50% 0%;
  background-size: cover;
}

.section.padding-top-48 {
  padding-top: 48px;
}

.section.padding-top-48.padding-bottom-48 {
  padding-bottom: 48px;
}

.section.padding-top-48.padding-bottom-64 {
  padding-bottom: 64px;
}

.section.padding-top-24 {
  padding-top: 24px;
}

.section.padding-bottom-48 {
  padding-bottom: 48px;
}

.flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.hero-image-mask {
  width: 100%;
  margin-left: 40px;
}

.hero-image {
  width: 100%;
  height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0.5 auto;
  -ms-flex: 0 0.5 auto;
  flex: 0 0.5 auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

.rich-text-block {
  max-width: 768px;
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
}

.rich-text-block.white h1 {
  color: #fff;
}

.rich-text-block.white p {
  color: hsla(0, 0%, 100%, 0.92);
}

.rich-text-block.white h2 {
  color: #fff;
}

.rich-text-block.white ul {
  color: hsla(0, 0%, 100%, 0.92);
}

.rich-text-block.white blockquote {
  color: #fff;
}

.rich-text-block.white ol {
  color: hsla(0, 0%, 100%, 0.92);
}

.rich-text-block.white h3 {
  color: #fff;
}

.rich-text-block.white h4 {
  color: #fff;
}

.rich-text-block.white h5 {
  color: #fff;
}

.rich-text-block.white h6 {
  color: #fff;
}

.rich-text-block.arkhip h1 {
  margin-bottom: 24px;
  margin-left: -6px;
  font-family: Arkhip, sans-serif;
  font-size: 4.5em;
  line-height: 0.9em;
  font-weight: 400;
  letter-spacing: -4px;
  text-transform: lowercase;
}

.rich-text-block.arkhip.green {
  color: #225e60;
}

.rich-text-block.border-callout {
  padding: 0px 32px 0px;
  border-style: solid;
  border-width: 4px 1px 1px;
  border-color: #ab212e rgba(0, 0, 0, 0.24) rgba(0, 0, 0, 0.24);
  border-radius: 4px;
  height: 100%;
}

.rich-text-block.max-600 {
  max-width: 600px;
}

.rich-text-block.li-small li {
  font-size: 16px;
  line-height: 1.6em;
}

.rich-text-block.carousel-rich-text-block {
  margin-bottom: 16px;
}

.flex-cell._50 {
  width: 49.9%;
}

.flex-cell._50.padding {
  padding: 24px;
  color: #211e1f;
}

.flex-cell._50.padding.padding-right-36 {
  padding-right: 36px;
}

.flex-cell._50.padding.padding-right-48 {
  padding-right: 48px;
}

.flex-cell._50.hero-cell.wide-hero-cell {
  width: 64%;
}

.flex-cell._50.card {
  width: 47.9%;
  margin-right: 1%;
  margin-left: 1%;
}

.flex-cell._50.card.top-bar {
  margin-bottom: 2%;
  border-top: 4px solid #ab212e;
}

.flex-cell._50.card.home-mortgage-card {
  border-top-style: none;
}

.flex-cell._50.login-text {
  padding-left: 20px;
}

.flex-cell._33 {
  width: 33%;
}

.flex-cell._33.card {
  width: 31%;
  margin-right: 1%;
  margin-bottom: 2%;
  margin-left: 1%;
}

.flex-cell._33.card.box-shadow {
  border-color: #f1edea;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.flex-cell._25 {
  width: 24.9%;
}

.flex-cell._25.padding {
  padding: 20px;
}

.flex-cell._25.card {
  width: 22.9%;
  margin-right: 1%;
  margin-bottom: 2%;
  margin-left: 1%;
}

.flex-cell._25.card.top-bar {
  border-top: 4px solid #ab212e;
}

.flex-cell._25.card.padding-bottom-0 {
  padding-bottom: 0px;
}

.flex-cell._66 {
  width: 66%;
}

.flex-cell.value-stack {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-cell._60 {
  width: 58.8%;
}

.flex-cell._60.padding-right-48 {
  padding-right: 48px;
}

.flex-cell._40 {
  width: 39.8%;
}

.flex-cell.footer-cell {
  width: 17%;
}

.flex-cell.footer-cell.only-mobile {
  display: none;
}

.flex-cell._100 {
  width: 100%;
}

.flex-cell._20 {
  width: 19.9%;
}

.flex-cell.location-cell {
  padding: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-cell.location-cell.location-image {
  width: 18%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.flex-cell.location-text-wrapper {
  width: 46%;
  padding: 48px 2% 60px 8%;
  background-color: #fff;
}

.flex-cell.location-image-cell {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.hero {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.6)), color-stop(75%, hsla(0, 0%, 100%, 0))), url('../images/big-banner.jpg');
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.6), hsla(0, 0%, 100%, 0) 75%), url('../images/big-banner.jpg');
  background-position: 0px 0px, 0% 42%;
  background-size: auto, cover;
  padding: 0 20px;
  width: 100%;
}

.full-width {
  width: 100%;
  min-width: 100%;
}

.full-width.circle {
  width: 102%;
  max-width: 102%;
  margin-bottom: -1%;
  margin-left: -1%;
  border-style: solid;
  border-width: 2px;
  border-color: #f1edea;
  border-radius: 100%;
}

.full-width.flip {
  -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
  transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.spacer {
  height: 32px;
}

.spacer._64 {
  height: 64px;
}

.spacer._48 {
  height: 48px;
}

.spacer._24 {
  height: 24px;
}

.spacer._12 {
  height: 12px;
}

.spacer._128 {
  height: 128px;
}

.spacer._80 {
  height: 80px;
}

.spacer._96 {
  height: 96px;
}

.spacer._120 {
  height: 120px;
}

.center {
  text-align: center;
}

.center.relative {
  position: relative;
}

.hero-background-image {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.text-link {
  color: #ab212e;
  font-weight: 700;
}

.footer {
  padding: 0px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #fff;
}

.footer-flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: left;
}

.footer-logo-link {
  width: 160px;
  margin-top: 8px;
  margin-bottom: 32px;
  margin-left: -8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.footer-logo-link.w--current {
  margin-bottom: 32px;
}

.footer-image {
  width: 144px;
  margin-bottom: 32px;
  margin-left: -2px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 0% 50%;
  object-position: 0% 50%;
}

.footer-heading {
  margin-top: 0px;
  margin-bottom: 20px;
  color: #ab212e;
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
}

.footer-link {
  display: block;
  margin-bottom: 20px;
  color: #211e1f;
  font-size: 16px;
  line-height: 1.4em;
  text-align: center;
  text-decoration: none;
}

.footer-link:hover {
  text-decoration: underline;
}

.footer-link.w--current {
  text-decoration: underline;
}

.full-width-image-divider {
  width: 100%;
}

.full-width-image-divider.relative {
  position: relative;
}

.skip-navigation {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 99999;
  margin-top: -100%;
  margin-left: -100%;
  padding: 16px 32px;
  border-radius: 2px;
  background-color: #394ce2;
  color: #fff;
}

.skip-navigation:hover {
  margin-top: 4px;
  margin-left: 4px;
}

.skip-navigation:focus {
  margin-top: 4px;
  margin-left: 4px;
}

.client-logo {
  width: 16%;
  padding: 2%;
}

.background-dark {
  background-color: #211e1f;
}

.inline-block {
  display: inline-block;
}

.hr {
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.24);
}

.padding {
  padding: 20px;
}

.padding.z-index-0 {
  position: relative;
  z-index: 0;
}

.decoration-none {
  text-decoration: none;
}

.author-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 80px;
  margin-bottom: 80px;
  padding: 12px 24px 48px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-top: 4px solid #ab212e;
  border-radius: 2px;
  background-color: #f1edea;
  box-shadow: 0 1px 3px 0 transparent;
}

.author-image {
  width: 1500px;
  max-width: 48%;
  min-width: 48%;
  margin-top: 24px;
  margin-right: 32px;
  margin-left: 12px;
  border-radius: 2px;
}

.cta {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  border-top: 1px solid #f1edea;
  background-color: #fff;
}

.ul-no-bullets {
  padding-left: 0px;
}

.li-lined {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 24px;
  padding-bottom: 24px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-top: 1px solid rgba(0, 0, 0, 0.24);
}

.li-lined.align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.li-lined.li-location {
  padding-top: 4px;
  padding-bottom: 4px;
}

.bold {
  font-weight: 700;
}

.h4-li {
  margin-top: 0px;
  margin-bottom: 0px;
}

.lightbox-full-width {
  width: 100%;
}

.lightbox-thumbnail {
  width: 18%;
  margin-top: 2%;
  margin-right: 2%;
  margin-bottom: 8px;
  padding: 0px;
}

.no-margin-bottom {
  margin-bottom: 0px;
}

.no-margin-top {
  margin-top: 0px;
}

.no-text-decoration {
  color: #211e1f;
  text-decoration: none;
}

.h3-link {
  display: block;
  margin-top: 20px;
  margin-bottom: 12px;
  font-size: 1.8em;
  line-height: 1.35em;
  font-weight: 400;
  text-decoration: none;
}

.h3-link.small {
  font-size: 1.5em;
}

.h3-link.large {
  font-size: 2em;
}

.h3-link.phone {
  margin-top: 0px;
}

.h2-link {
  display: block;
  margin-top: 32px;
  margin-bottom: 12px;
  font-size: 3em;
  line-height: 1.25em;
  font-weight: 500;
}

.p-summary {
  margin-top: 24px;
  margin-bottom: 24px;
}

.max-1024 {
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
}

.max-900 {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}

.max-960 {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}

.padding-0 {
  padding: 0px;
}

.padding-top-0 {
  padding-top: 0px;
}

.padding-bottom-0 {
  padding-bottom: 0px;
}

.padding-left-0 {
  padding-left: 0px;
}

.padding-right-0 {
  padding-right: 0px;
}

.margin-0 {
  margin: 0px;
}

.margin-top-0 {
  margin-top: 0px;
}

.margin-bottom-0 {
  margin-bottom: 0px;
}

.margin-left-0 {
  margin-left: 0px;
}

.margin-right-0 {
  margin-right: 0px;
}

.nav-expand {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 8px;
  padding-left: 8px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}

.nav-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 48px;
  padding-left: 48px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slider {
  height: 48vw;
}

.display-none {
  display: none;
}

.card {
  padding: 24px;
  border-radius: 2px;
  background-color: #f1edea;
}

.card.job-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.card.top-bar {
  border-top-width: 4px;
  border-top-color: #ab212e;
}

.card.home-mortgage-card {
  margin-bottom: 16px;
}

.card.flex.carousel-card {
  margin-top: -48px;
}

.card.carousel-card {
  margin-top: -48px;
}

.slider-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.value-stack-icon {
  width: 40px;
  height: 40px;
  margin-right: 13px;
}

.white {
  color: #f4f4f4;
}

.menu-text {
  margin-top: -8px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.h1-arkhip {
  margin-left: -6px;
  font-family: Arkhip, sans-serif;
  font-size: 4.5em;
  line-height: 0.9em;
  font-weight: 400;
  letter-spacing: -3px;
  text-transform: lowercase;
}

.body {
  background-color: #f1edea;
}

.h6-subheadline {
  position: relative;
  margin-top: 0px;
  margin-bottom: -12px;
  margin-left: 2px;
  color: #211e1f;
  font-size: 13px;
  line-height: 1.6em;
  font-weight: 400;
  letter-spacing: 3.5px;
  text-transform: uppercase;
}

.h6-subheadline.light-green {
  color: #ebebd6;
}

.h6-subheadline.white {
  color: #fff;
}

.link-color {
  color: #ab212e;
}

.h2-testimonial-1 {
  margin-bottom: 24px;
  color: #f1edea;
  font-size: 2.2em;
}

._1200px {
  width: 1200px;
}

.cta-image {
  width: 92%;
  margin-right: 4%;
  margin-left: 4%;
}

.cta-container {
  position: relative;
  text-align: center;
}

.display-none-desktop {
  display: none;
}

.h2-arkhip {
  font-family: Arkhip, sans-serif;
  font-weight: 400;
  letter-spacing: -1px;
  text-transform: lowercase;
}

.h5-phone {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
}

.h5-email {
  margin-top: 0px;
  margin-bottom: 0px;
}

.author-bio {
  margin-top: 12px;
}

.nav-phonne {
  display: inline-block;
}

.dimmer {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -100;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
}

.cta-banner {
  position: relative;
  width: 100%;
}

.header {
  background-color: #225e60;
}

.header.checking {
  background-image: url('../images/banner_checking_1.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.header.savings {
  background-image: url('../images/savings_banner2.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.header.debit-card {
  background-image: url('../images/debit-card-banner-wide_1.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.header.other-business-services {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url('../images/other-business-services-banner-b.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('../images/other-business-services-banner-b.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.header.business-lending {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.6)), color-stop(80%, rgba(33, 30, 31, 0))), url('../images/business-account-banner.jpg');
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.6), rgba(33, 30, 31, 0) 80%), url('../images/business-account-banner.jpg');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, cover;
}

.header.business-accounts {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.36)), to(rgba(33, 30, 31, 0))), url('../images/business_banner_c.jpg');
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.36), rgba(33, 30, 31, 0)), url('../images/business_banner_c.jpg');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, cover;
}

.header.first-time-homebuyer {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.4)), color-stop(80%, rgba(33, 30, 31, 0))), url('../images/firsttimehomebuyer_banner.jpg');
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.4), rgba(33, 30, 31, 0) 80%), url('../images/firsttimehomebuyer_banner.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.header.home-equity {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.32)), color-stop(75%, rgba(33, 30, 31, 0))), url('../images/home-equity-banner.jpg');
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.32), rgba(33, 30, 31, 0) 75%), url('../images/home-equity-banner.jpg');
  background-position: 0px 0px, 0% 50%;
  background-size: auto, cover;
}

.header.personal {
  background-image: url('../images/personal_banner.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.header.business {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(0, 0, 0, 0.4)), color-stop(75%, rgba(33, 30, 31, 0))), url('../images/business-landing-banner.jpg');
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 25%, rgba(33, 30, 31, 0) 75%), url('../images/business-landing-banner.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.header.mortgage {
  background-image: url('../images/banner_mortgage.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.header.online-services {
  background-image: url('../images/banner-online-services.jpg');
  background-position: 100% 50%;
  background-size: cover;
}

.header.buckaroo-savings-club {
  border-bottom: 1px solid #f1edea;
  background-image: url('../images/buckaroo_banner_b.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.header.yes-savings-club {
  background-image: url('../images/yes_banner.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.header.refinance {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(58, 63, 73, 0.32)), to(rgba(33, 30, 31, 0))), url('../images/refinance_banner.jpg');
  background-image: linear-gradient(90deg, rgba(58, 63, 73, 0.32), rgba(33, 30, 31, 0)), url('../images/refinance_banner.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.header.home-construction {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.48)), to(rgba(33, 30, 31, 0))), url('../images/home_construction_banner.jpg');
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.48), rgba(33, 30, 31, 0)), url('../images/home_construction_banner.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.header.our-story {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(0, 0, 0, 0.5)), color-stop(80%, rgba(33, 30, 31, 0))), url('../images/banner-our-story.jpg');
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 20%, rgba(33, 30, 31, 0) 80%), url('../images/banner-our-story.jpg');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, cover;
}

.header.fraud-security-protection {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url('../images/safe_secure.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('../images/safe_secure.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.header.home-mortgages {
  background-image: url('../images/our-story-banner.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.header.financial-manager {
  background-image: url('../images/financial-manager-banner.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.header.online-banking {
  background-image: url('../images/banner-online-banking.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.header.mobile-banking {
  background-image: url('../images/mobile-banking-banner-c.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.header.atm-locator {
  background-image: url('../images/atm-locator-banner.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.header.digital-wallet {
  background-image: url('../images/digital-wallet-banner.jpg');
  background-position: 0% 50%;
  background-size: cover;
}

.header.e-statements {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.18)), to(rgba(0, 0, 0, 0.18))), url('../images/e-statements-banner.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.18)), url('../images/e-statements-banner.jpg');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, cover;
}

.header.gift-cards {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.32)), to(rgba(0, 0, 0, 0.32))), url('../images/gift-card-banner.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)), url('../images/gift-card-banner.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.header.your-bank {
  background-image: url('../images/your-bank-banner.jpg');
  background-position: 50% 0%;
  background-size: cover;
}

.display-block {
  display: block;
}

.social-vertical {
  max-width: 36px;
  margin-left: 40px;
}

.section-2 {
  display: block;
  padding-top: 96px;
  padding-bottom: 96px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.section-2.service-section {
  padding-top: 72px;
  padding-bottom: 12px;
  background-color: #fff;
}

.section-2.background-white {
  background-color: #fff;
}

.h6-subheadline-2 {
  position: relative;
  margin-top: 0px;
  margin-bottom: -12px;
  margin-left: 2px;
  color: #211e1f;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 4px;
  text-transform: uppercase;
}

.login-image {
  width: 1500px;
  padding-right: 20px;
}

._1500 {
  width: 1500px;
}

.our-team {
  background-color: #fff;
}

.h4-location {
  margin-top: -2px;
  margin-bottom: 24px;
}

.h4-location.small {
  font-size: 18px;
  line-height: 1.4em;
}

.h4-location.h4-location-inline-block {
  display: inline-block;
  margin-right: 16px;
}

.h4-title {
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 1.4em;
  font-weight: 700;
}

.h4-title.small {
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 1.4em;
}

.p-team-member {
  display: inline-block;
  font-size: 17px;
}

.h3-team-member {
  margin-top: 0px;
  font-size: 2.4em;
  font-weight: 700;
}

.h2-team-member {
  margin-top: 0px;
}

.location-thumb {
  width: 64px;
  margin-right: 16px;
}

.location-button-text {
  display: inline-block;
  font-weight: 400;
}

.location-button-text.strong {
  font-weight: 700;
}

.background-white {
  background-color: #fff;
}

._2400 {
  width: 2400px;
}

._1600 {
  width: 1600px;
}

.h3-location {
  margin-top: 0px;
  margin-bottom: 4px;
  font-size: 1.6em;
  line-height: 1.25em;
}

.p-location-header {
  margin-top: 8px;
  font-weight: 700;
}

.black {
  color: #211e1f;
}

.day-cell {
  width: 54px;
  padding: 0px;
}

.day-cell-large {
  padding-right: 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.hours-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.hours-wrapper {
  width: 49.9%;
  margin-top: 12px;
  margin-bottom: 12px;
}

.hours-wrapper.full-width {
  width: 100%;
}

.location-full-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.big-list li {
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: 1px solid #e0dedb;
  font-size: 27px;
  line-height: 2em;
  font-weight: 500;
}

.big-list ul {
  margin-top: 48px;
  padding-left: 48px;
}

.max-768 {
  max-width: 768px;
}

.max-768.center-element {
  margin-right: auto;
  margin-left: auto;
}

.button-2 {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 20px 48px;
  border-style: solid;
  border-width: 1.25px;
  border-color: #ab212e;
  border-radius: 4px;
  background-color: transparent;
  color: #ab212e;
  font-weight: 600;
}

.button-2:hover {
  background-color: #ab212e;
  color: #fff;
}

.button-2.bar {
  width: 100%;
}

._w-container {
  max-width: 1200px;
  padding-right: 48px;
  padding-left: 48px;
}

._w-container.flex.align-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

._w-container.max-768 {
  max-width: 768px;
}

._w-container.max-1024 {
  max-width: 1024px;
}

.features.old {
  display: none;
}

.note {
  font-size: 12px;
}

.fade-top {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 100%;
  height: 48px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f1edea), to(rgba(241, 237, 234, 0)));
  background-image: linear-gradient(180deg, #f1edea, rgba(241, 237, 234, 0));
}

.relative {
  position: relative;
}

.position-relative {
  position: relative;
}

.fade-bottom {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 48px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 237, 234, 0)), to(#f1edea));
  background-image: linear-gradient(180deg, rgba(241, 237, 234, 0), #f1edea);
}

.button-3 {
  margin-right: 8px;
  margin-bottom: 4px;
  padding: 20px 48px;
  border-style: solid;
  border-width: 1.25px;
  border-color: #ab212e;
  border-radius: 4px;
  background-color: transparent;
  color: #ab212e;
  font-size: 17px;
  line-height: 1.7em;
  font-weight: 600;
}

.button-3:hover {
  background-color: #ab212e;
  color: #fff;
}

.button-3.location-button {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  border-color: #211e1f;
  background-color: #211e1f;
  color: #fff;
}

.link-category {
  display: inline-block;
  text-decoration: none;
}

.date {
  display: inline-block;
  margin-right: 12px;
}

.date-category {
  margin-top: 12px;
}

.inner-blog-wrapper {
  background-color: #fff;
}

.cta-tint {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  height: 160px;
  background-image: radial-gradient(circle farthest-corner at 50% 0%, #fff, transparent 20%), -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(90%, hsla(0, 0%, 100%, 0)));
  background-image: radial-gradient(circle farthest-corner at 50% 0%, #fff, transparent 20%), linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0) 90%);
}

._2-column {
  -webkit-column-count: 2;
  column-count: 2;
}

.medium-list li {
  margin-bottom: 16px;
  padding-top: 16px;
  padding-bottom: 0px;
  border-top: 1px solid #e0dedb;
}

.medium-list ul {
  columns: 2;
  list-style: none;
}

.medium-list.two-column {
  text-align: left;
  -webkit-column-count: 2;
  column-count: 2;
}

.small-list li {
  padding-top: 12px;
  padding-bottom: 12px;
  border-top: 1px dotted #cecece;
  font-size: 15px;
  line-height: 1.5em;
  list-style-type: none;
}

.small-list ul {
  padding-left: 0px;
  font-size: 15px;
  line-height: 1.5em;
}

.h3-loan {
  margin-top: 4px;
  margin-bottom: 24px;
}

.tab-link {
  margin-top: 4px;
  margin-right: 4px;
  margin-left: 4px;
  padding-right: 24px;
  padding-left: 24px;
  border-style: solid;
  border-width: 1px;
  border-color: #f1edea;
  border-radius: 4px;
  background-color: #fff;
}

.tab-link.w--current {
  background-color: #211e1f;
  color: #fff;
}

.tabs-menu {
  display: inline-block;
  margin-right: 0px;
  margin-bottom: 32px;
  margin-left: 0px;
}

.dropdown {
  margin-right: 12px;
  margin-bottom: 8px;
  border-radius: 4px;
  background-color: #fff;
}

.dropdown-link {
  padding-right: 20px;
  padding-left: 20px;
  background-color: #f1edea;
}

.dropdown-link:hover {
  opacity: 1;
  color: #ab212e;
}

.dropdown-link.w--current {
  color: #211e1f;
  font-weight: 800;
}

.dropdown-toggle {
  background-color: #f1edea;
}

.dropdown-list.w--open {
  border-top: 1px solid #f1edea;
  background-color: hsla(0, 0%, 86.7%, 0);
}

.dropdown-list._2-column-dropdown-list.w--open {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  border-top-style: none;
  background-color: transparent;
}

.gallery.js-flickity {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 48px;
  padding-left: 48px;
  cursor: -webkit-grab;
  cursor: grab;
}

.gallery.js-flickity.homepage-gallery {
  padding-right: 0px;
  padding-left: 0px;
}

.gallery-cell {
  display: block;
  width: 23%;
  margin-right: 1%;
  margin-left: 1%;
  padding: 0px;
  cursor: -webkit-grab;
  cursor: grab;
}

.gallery-cell.testimonial {
  padding-right: 20px;
  padding-left: 20px;
  background-color: transparent;
  box-shadow: none;
}

.gallery-cell.testimonial.no-min-height {
  min-height: 0px;
}

.gallery-cell.homepage-gallery-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-right: 0%;
  margin-left: 0%;
}

.right {
  text-align: right;
}

.h4-link {
  display: block;
  margin-top: 12px;
  margin-bottom: 4px;
  font-size: 26px;
  text-decoration: none;
}

.text-field {
  border-radius: 4px;
  font-size: 18px;
  line-height: 1.8em;
}

.text-field.calculation-text-field {
  height: 60px;
  padding: 8px 0px;
  border-top: 1px none #000;
  border-right: 1px none #000;
  border-left: 1px none #000;
  border-radius: 0px;
  background-color: transparent;
  font-size: 24px;
}

.text-field.calculation-text-field.summary {
  font-size: 16px;
  line-height: 1.4em;
}

.calculator-cell {
  margin-top: 8px;
  margin-right: 16px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.calculator-cell.summary {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.construction-icon {
  width: 140px;
  margin-bottom: -16px;
  border-style: solid;
  border-width: 2px;
  border-color: #f1edea;
  border-radius: 100%;
}

.nice-and-simple {
  width: 400px;
  margin-top: -20px;
}

.h3-job-title {
  margin-top: 2px;
  margin-bottom: 0px;
}

.h4-job-location {
  display: inline-block;
  margin-top: 0px;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 4px 8px 5px;
  border-radius: 2px;
  background-color: #e2ddd9;
  font-size: 12px;
}

.h4-job-type {
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 18px;
}

.h2-loans {
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 2.4em;
  font-weight: 400;
}

.h3-calculator-results {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 16px;
}

.calculator-results {
  padding: 24px;
  background-color: #fff;
}

.app-icon {
  width: 20px;
  margin-right: 12px;
}

.app-icon.apple {
  margin-top: -8px;
}

.app-icon.google-play {
  margin-top: -2px;
}

.app-icon.android {
  width: 24px;
  margin-right: 10px;
  -webkit-transform: translate(0px, -2px);
  -ms-transform: translate(0px, -2px);
  transform: translate(0px, -2px);
}

.app-icon.samsung {
  width: 24px;
  margin-right: 10px;
  -webkit-transform: translate(0px, -1px);
  -ms-transform: translate(0px, -1px);
  transform: translate(0px, -1px);
}

.background-tan {
  background-color: #f1edea;
}

.privacy-policy-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-bottom: 1px solid #ebebd6;
}

.privacy-policy-cell-left {
  width: 49.9%;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  border-right: 1px solid #f1edea;
}

.privacy-policy-cell-middle {
  width: 24.9%;
  padding: 20px;
  border-right: 1px solid #f1edea;
}

.privacy-policy-cell-right {
  width: 24.9%;
  padding: 20px 0px 20px 20px;
}

.privacy-policy-cell-right._50 {
  width: 49.9%;
}

.p-small {
  margin-bottom: 0px;
}

.flex-table {
  margin-top: 0px;
  margin-bottom: 24px;
}

.rich-text-block-small {
  font-size: 14px;
  line-height: 1.4em;
}

.rich-text-block-small li {
  font-size: 16px;
  line-height: 1.6em;
}

.carousel-image {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 991px) {
  .nav {
    padding-right: 36px;
    padding-left: 36px;
  }

  .nav-link {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
  }

  .button:hover {
    opacity: 1;
  }

  .button.nav-cta {
    margin-right: 4px;
    margin-left: 4px;
	padding: 8px;
	font-size: 12px;
  }

  .flex.value-stack {
    margin-top: 8px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .hamburger {
    color: #ab212e;
    font-size: 32px;
  }

  .menu-button {
    margin-right: -16px;
    padding: 16px;
    border-radius: 2px;
    color: #394ce2;
  }

  .menu-button.w--open {
    background-color: #fff;
    color: #fff;
  }

  .nav-menu {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-bottom: 32px;
    padding-left: 0px;
    background-color: #fff;
  }

  .section.background-testimonial-home {
    padding-bottom: 96px;
    background-image: none !important;
    background-size: auto;
	background-color: #666 !important;
  }

  .section.inner-header {
    min-height: 0px;
  }

  .section.background-testimonial.checking {
    background-image: none;
    background-position: 0px 0px;
    background-size: auto;
  }

  .section.background-testimonial.savings {
    background-color: #fff;
    background-image: none;
    background-position: 0px 0px;
  }

  .section.background-testimonial.business-accounts {
    background-color: #999;
    background-image: none !important;
    background-size: auto;
  }

  .section.background-testimonial.lending {
    background-image: none;
    background-position: 0px 0px;
    background-size: auto;
  }

  .section.background-testimonial.first-time-homebuyers {
    background-image: none;
    background-position: 0px 0px;
    background-size: auto;
  }

  .section.background-testimonial.online-banking {
    background-image: none;
    background-position: 0px 0px;
    background-size: auto;
  }

  .flex-cell._50 {
    width: 100%;
  }

  .flex-cell._50.padding {
    padding: 16px 20px;
  }

  .flex-cell._50.padding.order-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .flex-cell._50.padding.padding-right-48 {
    padding-right: 0px;
  }

  .flex-cell._50.padding.display-none-mobile {
    display: none;
  }

  .flex-cell._50.hero-cell {
    width: 60%;
  }

  .flex-cell._50.login-text {
    padding-left: 0px;
  }

  .flex-cell._33 {
    width: 100%;
  }

  .flex-cell._33.padding.order-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .flex-cell._33.card {
    width: 48%;
    margin-bottom: 2%;
  }

  .flex-cell._25 {
    width: 49.9%;
  }

  .flex-cell._25.card {
    width: 47.9%;
  }

  .flex-cell._66 {
    width: 100%;
  }

  .flex-cell._60 {
    width: 100%;
  }

  .flex-cell._60.hero-cell {
    width: 60%;
  }

  .flex-cell._40 {
    width: 100%;
  }

  .flex-cell.footer-cell {
    width: 49.8%;
    margin-bottom: 60px;
  }

  .flex-cell.footer-cell.order-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .flex-cell.location-cell {
    padding: 12px;
  }

  .flex-cell.location-text-wrapper {
    width: 100%;
  }

  .flex-cell.location-image-cell {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .hero {
    background-position: 80% 0%;
	padding-left: 20px;
	padding-right: 20px;
  }

  .footer {
    padding-right: 0px;
    padding-left: 0px;
  }

  .footer-link {
    margin-bottom: 8px;
  }

  .padding {
    padding: 16px 0px;
  }

  .author-wrapper {
    display: block;
    padding-top: 24px;
    padding-right: 24px;
  }

  .author-image {
    max-width: 100%;
    min-width: 0%;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
  }

  .li-lined {
    display: block;
  }

  .li-lined.li-location {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .h3-link.large {
    font-size: 32px;
  }

  .nav-flex {
    padding-right: 0px;
    padding-left: 0px;
  }

  .slider {
    height: 480px;
  }

  .card.flex.carousel-card {
    margin-top: -24px;
    padding-top: 8px;
  }

  .card.carousel-card {
    padding-top: 8px;
    padding-bottom: 48px;
  }

  .menu-text {
    margin-top: -8px;
    color: #211e1f;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
  }

  .cta-image {
    margin-top: -280px;
  }

  .display-none-desktop {
    display: block;
  }

  .header.debit-card {
    background-position: 68% 50%;
  }

  .header.personal {
    background-position: 0% 50%;
  }

  .header.digital-wallet {
    background-position: 50% 50%;
  }

  .social-vertical {
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: -5px;
    margin-left: 0px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .section-2 {
    padding-right: 36px;
    padding-left: 36px;
  }

  .login-image {
    padding-right: 0px;
  }

  .footer-logo-container {
    text-align: center;
  }

  .location-thumb {
    width: 80px;
  }

  .location-full-image {
    height: auto;
    -o-object-fit: fill;
    object-fit: fill;
  }

  .big-list li {
    font-size: 24px;
  }

  .button-2:hover {
    opacity: 1;
  }

  ._w-container {
    max-width: 768px;
    padding-right: 36px;
    padding-left: 36px;
  }

  .button-3:hover {
    opacity: 1;
  }

  .gallery.js-flickity {
    padding-right: 24px;
    padding-left: 24px;
  }

  .gallery-cell {
    width: 88%;
    padding: 10px 20px;
  }

  .gallery-cell.homepage-gallery-cell {
    padding: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .h2-loans {
    margin-top: 16px;
    font-size: 2em;
  }

  .carousel-image {
    height: 360px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    margin-top: 20px;
    margin-bottom: 8px;
    font-size: 42px;
  }

  h2 {
    margin-top: 20px;
    margin-bottom: 8px;
    font-size: 32px;
  }

  h3 {
    margin-top: 20px;
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 400;
  }

  h4 {
    margin-top: 20px;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 400;
  }

  h5 {
    margin-top: 20px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
  }

  h6 {
    margin-top: 20px;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
  }

  p {
    margin-bottom: 8px;
    font-size: 16px;
  }

  blockquote {
    font-size: 20px;
    font-weight: 400;
  }

  .nav {
    padding: 0px 20px;
  }

  .nav-grid {
    text-align: center;
  }

  .nav-logo {
    width: 180px;
    margin-left: 0px;
  }

  .button {
    margin-bottom: 8px;
  }

  .button.nav-cta {
    margin-top: 0px;
    margin-right: 4px;
    margin-left: 4px;
  }

  .button.nav-cta.mobile {
    padding: 12px 24px;
    font-size: 14px;
  }

  .button.nav-cta.only-mobile {
    display: none;
  }

  .button.strong.calculate-button {
    margin-bottom: 24px;
  }

  .button.hero-button {
    width: 200px; /* 64%; */
    margin-right: 0px;
  }

  .button.hero-button.red-hero-button {
    width: auto;
  }

  .flex.flex-footer {
    display: block;
	columns: 2;
	margin-bottom: 40px;
  }

  .flex.mobile-block {
    display: block;
  }

  .flex.value-stack {
    display: block;
    margin-top: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .flex.phone-block {
    display: block;
  }

  .flex.calculator-results {
    display: block;
  }

  .expand.phone-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .menu-button {
    margin-right: -12px;
  }

  .nav-menu {
    padding-top: 16px;
  }

  .section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section.padding-bottom-0 {
    padding-bottom: 0px;
  }

  .section.padding-bottom-0.padding-top-80 {
    padding-top: 48px;
  }

  .section.background-testimonial-home {
    padding-bottom: 64px;
  }

  .section.padding-top-0 {
    padding-top: 0px;
  }

  .section.padding-top-0.padding-bottom-48 {
    padding-bottom: 24px;
  }

  .section.padding-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .section.cta-section {
    padding-top: 32px;
  }

  .section.padding-bottom-144 {
    padding-bottom: 80px;
  }

  .section.padding-bottom-160 {
    padding-bottom: 128px;
  }

  .section.padding-top-64 {
    padding-top: 36px;
  }

  .section.padding-top-72 {
    padding-top: 36px;
  }

  .section.padding-hero {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.inner-header {
    padding-top: 96px;
	padding-left: 40px;
	padding-right: 40px;
  }

  .section.inner-header.short-inner-header {
    min-height: 320px;
  }

  .section.background-testimonial {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section.padding-top-48 {
    padding-top: 24px;
  }

  .section.padding-top-48.padding-bottom-48 {
    padding-bottom: 24px;
  }

  .section.padding-top-48.padding-bottom-64 {
    padding-bottom: 32px;
  }

  .section.padding-top-24 {
    padding-top: 12px;
  }

  .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .hero-image-mask {
    margin-right: 0px;
    margin-left: 0px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .rich-text-block.arkhip h1 {
    margin-left: -2px;
    font-size: 54px;
    letter-spacing: -3px;
  }

  .flex-cell._50.card {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 48px;
    margin-left: 0%;
  }

  .flex-cell._50.card.top-bar {
    margin-bottom: 36px;
  }

  .flex-cell._33.card {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 48px;
    margin-left: 0%;
  }

  .flex-cell._25 {
    width: 49.8%;
  }

  .flex-cell._25.card {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 36px;
    margin-left: 0%;
  }

  .flex-cell.value-stack {
    margin-bottom: 8px;
  }

  .flex-cell.footer-cell {
    width: 100%; /*49.8%;*/
	margin-bottom: 0;
  }

  .flex-cell.location-cell.location-image {
    display: none;
  }

  .spacer {
    height: 15px;
  }

  .spacer._128 {
    height: 80px;
  }

  .spacer._80 {
    height: 64px;
  }

  .spacer._96 {
    height: 48px;
  }

  .spacer._120 {
    height: 60px;
  }

  .footer {
    padding: 0px 20px;
  }

  .footer-image {
    -o-object-fit: contain;
    object-fit: contain;
  }

  .footer-heading {
    margin-top: 36px;
  }

  .footer-link {
    margin-bottom: 16px;
  }

  .author-wrapper {
    display: block;
  }

  .author-image {
    margin: 0px;
  }

  .h3-link {
    font-size: 24px;
    font-weight: 400;
  }

  .h3-link.large {
    font-size: 24px;
  }

  .h2-link {
    font-size: 32px;
  }

  .slider {
    height: 360px;
  }

  .card.carousel-card {
    margin-top: -24px;
  }

  .h1-arkhip {
    font-size: 54px;
  }

  .h6-subheadline {
    font-size: 12px;
  }

  .h2-testimonial-1 {
    font-size: 1.8em;
  }

  .cta-image {
    width: 100%;
    margin-top: -240px;
    margin-right: 0%;
    margin-left: 0%;
  }

  .header.debit-card {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, hsla(0, 0%, 100%, 0.75)), color-stop(60%, hsla(0, 0%, 100%, 0))), url('../images/debit-card-banner-wide.jpg');
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0.75) 25%, hsla(0, 0%, 100%, 0) 60%), url('../images/debit-card-banner-wide.jpg');
    background-position: 0px 0px, 72% 50%;
    background-size: auto, cover;
  }

  .social-vertical {
    margin-top: 24px;
    margin-bottom: 16px;
  }

  .section-2 {
    padding: 48px 20px;
  }

  .h6-subheadline-2 {
    font-size: 12px;
  }

  .big-list li {
    font-size: 20px;
  }

  ._w-container {
    padding-right: 20px;
    padding-left: 20px;
  }
  .page-template-Business-Template ._w-container {
	  padding-left: 0;
	  padding-right: 0;
  }

  .button-3 {
    margin-bottom: 8px;
  }

  .gallery.js-flickity {
    padding-right: 0px;
    padding-left: 0px;
  }

  .gallery-cell {
    min-height: 420px;
  }

  .construction-icon {
    margin-bottom: -4px;
  }

  .nice-and-simple {
    width: 280px;
  }

  .h2-loans {
    font-size: 32px;
  }

  .privacy-policy-cell-left {
    padding-right: 12px;
  }

  .privacy-policy-cell-middle {
    padding-right: 12px;
    padding-left: 12px;
  }

  .privacy-policy-cell-right {
    padding-left: 12px;
  }

  .p-small {
    font-size: 13px;
    line-height: 1.4em;
  }

  .rich-text-block-small li {
    font-size: 13px;
    line-height: 1.4em;
  }

  .rich-text-block-small p {
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 1.4em;
  }

  .carousel-image {
    height: 300px;
  }
}

@media screen and (max-width: 639px) {
  .button.nav-cta {
    margin-right: 4px;
    margin-left: 4px;
	display: block;
	margin-bottom: 5px;
  }

  .button.nav-cta.mobile {
    display: none;
    width: 100%;
    margin-top: 12px;
    text-align: center;
  }

  .button.nav-cta.only-mobile {
    display: block;
  }

  .nav-expand .button.nav-cta {
    display: none;
  }
  .nav-expand #loginbutton {
	  display: none;
  }
  
  .flex-cell.footer-cell.only-mobile {
    display: block;
    margin-bottom: 48px;
  }

}


@media screen and (max-width: 479px) {
  blockquote {
    font-weight: 400;
  }

  .nav {
    padding-right: 16px;
    padding-left: 18px;
  }

  .nav-grid {
    grid-auto-flow: row;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 100px;
    grid-template-rows: 100px;
  }

  .nav-logo-link {
    border-top: 1px solid #c4c4c4;
  }

  .nav-logo {
    width: 168px;
    margin-top: 10px;
  }

  .nav-link {
    border-bottom-width: 1px;
    border-bottom-color: #c4c4c4;
  }

  .button {
    padding-right: 30px;
    padding-left: 30px;
  }

  .button.nav-cta {
    margin-right: 4px;
    margin-left: 4px;
	display: block;
	margin-bottom: 5px;
  }

  .button.nav-cta.mobile {
    display: none;
    width: 100%;
    margin-top: 12px;
    text-align: center;
  }

  .button.nav-cta.only-mobile {
    display: block;
  }

  .button.strong.mobile-bar {
    width: 100%;
    margin-right: 0px;
  }

  .button.strong.job-button {
    width: 100%;
    text-align: center;
  }

  .button.white-button.mobile-bar {
    width: 100%;
    margin-right: 0px;
  }

  .flex.align-center.justify-space-between {
    display: block;
  }

  .menu-button {
    margin-right: -16px;
    padding-top: 16px;
    padding-right: 24px;
    padding-left: 24px;
    border-radius: 0px;
  }

  .nav-menu {
    padding-top: 48px;
    padding-bottom: 16px;
  }

  .section.background-testimonial-home {
    padding-bottom: 48px;
  }

  .section.padding-0.overflow-hidden {
    overflow: hidden;
  }

  .section.cta-section {
    overflow: hidden;
    padding: 24px 0px 0px;
  }

  .section.padding-top-64 {
    padding-top: 32px;
  }

  .section.inner-header {
    padding-top: 88px;
  }

  .section.inner-header.short-inner-header {
    min-height: 260px;
  }

  .rich-text-block.white h4 {
    padding-right: 32px;
  }

  .rich-text-block.arkhip h1 {
    font-size: 48px;
  }

  .rich-text-block.center.max-280-mobile {
    max-width: 280px;
  }

  .flex-cell._50.hero-cell {
    width: 75%;
  }

  .flex-cell._50.hero-cell.wide-hero-cell {
    width: 75%;
  }

  .flex-cell._25 {
    width: 100%;
  }

  .flex-cell._25.padding {
    padding-right: 0px;
    padding-left: 0px;
  }

  .flex-cell.value-stack {
    width: 100%;
  }

  .flex-cell._60.hero-cell {
    width: 75%;
  }

  .flex-cell.footer-cell.only-mobile {
    display: block;
    margin-bottom: 48px;
  }

  .flex-cell.location-cell {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .hero {
    background-position: 0px 0px, 74% 50%;
  }

  .footer {
    padding-right: 4px;
    padding-left: 4px;
    text-align: left;
  }

  .footer-flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .flex.flex-footer {
	  columns: 1;
  }
  .footer-logo-link {
    height: auto;
    margin-left: 0px;
  }

  .footer-heading {
    margin-top: 40px;
  }

  .padding {
    padding-right: 0px;
    padding-left: 0px;
  }

  .author-wrapper {
    padding-bottom: 32px;
  }

  .cta {
    overflow: hidden;
  }

  .li-lined.li-location {
    display: block;
    padding-top: 20px;
    padding-bottom: 32px;
  }

  .h3-link.small {
    margin-top: 16px;
    margin-bottom: 8px;
    font-size: 1.4em;
  }

  .h3-link.small.phone {
    margin-top: 0px;
  }

  .h3-link.h3-job-title {
    margin-top: 8px;
  }

  .nav-expand {
    display: none;
  }

  .nav-flex {
    display: block;
  }

  .slider {
    height: 200px;
  }

  .card {
    padding: 20px;
  }

  .card.job-card {
    display: block;
  }

  .slider-icon {
    font-size: 24px;
  }

  .arrow {
    width: 48px;
  }

  .menu-text {
    margin-top: -10px;
  }

  .h1-arkhip {
    font-size: 48px;
  }

  .h2-testimonial-1.black {
    font-size: 1.6em;
  }

  .cta-image {
    width: 180%;
    max-width: 180%;
    margin-top: -280px;
    margin-right: -40%;
    margin-left: -40%;
  }

  .cta-banner {
    width: 160%;
    max-width: 160%;
    margin-left: -30%;
  }

  .header.debit-card {
    background-position: 0px 0px, 65% 50%;
  }

  .header.home-equity {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.62)), to(rgba(33, 30, 31, 0))), url('../images/home-equity-banner.jpg');
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.62), rgba(33, 30, 31, 0)), url('../images/home-equity-banner.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .header.personal {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.2))), url('../images/personal_banner.jpg');
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)), url('../images/personal_banner.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .header.business {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0.25)), to(rgba(33, 30, 31, 0))), url('../images/business-landing-banner.jpg');
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.25) 50%, rgba(33, 30, 31, 0)), url('../images/business-landing-banner.jpg');
    background-position: 0px 0px, 100% 50%;
    background-size: auto, cover;
  }

  .header.mortgage {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.48)), to(rgba(33, 30, 31, 0))), url('../images/banner_mortgage.jpg');
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.48), rgba(33, 30, 31, 0)), url('../images/banner_mortgage.jpg');
    background-position: 0px 0px, 50% 0%;
    background-size: auto, cover;
  }

  .header.online-services {
    background-position: 50% 50%;
  }

  .header.buckaroo-savings-club {
    background-position: 60% 50%;
  }

  .header.yes-savings-club {
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0, 0%, 100%, 0))), url('../images/yes_banner.jpg');
    background-image: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0)), url('../images/yes_banner.jpg');
    background-position: 0px 0px, 75% 50%;
    background-size: auto, cover;
  }

  .header.refinance {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(58, 63, 73, 0.6)), to(rgba(33, 30, 31, 0))), url('../images/refinance_banner.jpg');
    background-image: linear-gradient(90deg, rgba(58, 63, 73, 0.6), rgba(33, 30, 31, 0)), url('../images/refinance_banner.jpg');
    background-position: 0px 0px, 72% 50%;
    background-size: auto, cover;
  }

  .header.home-construction {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.6)), to(rgba(33, 30, 31, 0))), url('../images/home_construction_banner.jpg');
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.6), rgba(33, 30, 31, 0)), url('../images/home_construction_banner.jpg');
    background-position: 0px 0px, 60% 50%;
    background-size: auto, cover;
  }

  .header.your-bank {
    background-position: 40% 0%;
  }

  .h4-location.small {
    margin-bottom: 16px;
  }

  .h4-title.small {
    margin-top: -4px;
  }

  .p-team-member {
    font-size: 14px;
    line-height: 1.5em;
  }

  .location-thumb {
    width: 100%;
    min-width: 100%;
    margin-bottom: 20px;
  }

  .hours-wrapper {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .big-list li {
    font-size: 18px;
    line-height: 1.4em;
  }

  .big-list ul {
    padding-left: 20px;
  }

  .button-2 {
    padding-right: 30px;
    padding-left: 30px;
  }

  ._w-container.padding {
    padding-right: 20px;
    padding-left: 20px;
  }

  .fade-top {
    height: 24px;
  }

  .fade-bottom {
    height: 24px;
  }

  .button-3 {
    padding-right: 30px;
    padding-left: 30px;
  }

  ._2-column {
    -webkit-column-count: 1;
    column-count: 1;
  }

  .medium-list.two-column {
    -webkit-column-count: 1;
    column-count: 1;
  }

  .gallery-cell {
    width: 80%;
    min-height: 0px;
  }

  .calculator-cell {
    width: 100%;
  }

  .nice-and-simple {
    width: 220px;
  }

  .h4-job-location {
    font-size: 11px;
  }

  .h4-job-type {
    margin-bottom: 16px;
  }

  .h2-loans {
    margin-bottom: 12px;
  }

  .calculator-results {
    padding: 20px;
  }

  .carousel-image {
    height: 180px;
  }
}

@font-face {
  font-family: 'Arkhip';
  src: url('../fonts/Arkhip-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}




/* footer responsiveness */
#flexy-foot .logos .ehl-logo {
	height: 60px;
	vertical-align: super;
}
#flexy-foot .logos .fdic-logo {
	height: 30px;
	vertical-align: super;
}
#flexy-foot .logos .ehl-logo {
	margin-left: 20px;
	margin-right: 20px;
}
@media screen and (max-width:639px) {
	#flexy-foot {
		flex-flow: row wrap;
	}
	#flexy-foot .logos {
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}
	#flexy-foot .logos .fdic-logo {
		display: block;
		margin: 20px auto 0px;
	}
	#flexy-foot .logos .ehl-logo {
		display: block;
		margin: 20px auto 0px;
	}
	#flexy-foot	.copyright {
		width: 100%;
		margin-bottom: 40px;
	}
	#flexy-foot	#socials {
		width: 100%;
	}
}



/* video iframe responsiveness */
.calculator iframe {
	max-width: 100%;
}



/* Back to Top button */
#back-to-top-button {
	opacity: 0;
	position: fixed;
	bottom: 5px;
	left: calc(50% - 33px);
	width: 80px;
	height: 80px;
	text-align: center;
	transition: opacity 0.3s;
}
#back-to-top-button.active {
	opacity: 1;
}
#back-to-top-button a {
	display: block;
	text-decoration: none;
	background-color: #ab212e;
	padding: 10px;
}
#back-to-top-button a .title {
	display: block;
	color: white;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 16px;
}
#back-to-top-button a .title small {
	color: white;
	display: block;
	font-size: 10px;
	line-height: 10px;
}