@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300ita‌​lic,400italic,500,500italic,700,700italic,900italic,900);
/*html, body, html * {
  font-family: 'Roboto', sans-serif;
}*/
body {
  color: #262626;
  font-size: 14px;
  line-height: 1.8;
  font-family: 'Roboto', sans-serif !important;
  font-family: sans-serif; }
.modal-body {
	overflow: auto;
	max-height: 300px;
	min-height: 300px;
}
.modal-open {
	overflow: hidden;
	overflow-y: auto;
}
.modal-open .modal{
	overflow-y: hidden;
	
}
.business-page p.m-0 {
    height: 70px;
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	  .modal-body {
		overflow: auto;
		max-height: 154px;
		min-height: 205px;
	}
	.site-navigation ul li {
		width: 125px !important;
	}
}

/*--------------------------------------------------------------
# Accessible focus indicator (WCAG 2.4.7 / 1.4.11)
# Two-tone "halo" so it stays visible on light, dark, and gold
# backgrounds alike: a white inner ring plus a brand-blue outer
# ring - on any given background at least one ring has 3:1+ contrast.
--------------------------------------------------------------*/
a:focus,
button:focus,
.btn:focus,
input:focus,
select:focus,
textarea:focus,
[tabindex]:focus {
  outline: 2px solid #fff;
  outline-offset: 1px;
  box-shadow: 0 0 0 4px #05588b;
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {
  color: #262626;
  outline: none; }

a:visited {
  color: #262626; }

a:hover, a:focus, a:active {
  color: #0056b3;
  text-decoration: none; }

a:hover, a:active {
  outline: 0;
  list-style: none; }

a.line {
  box-shadow: inset 0 -1px 0 0 #fff, inset 0 -3px 0 0 rgba(255,255,255,.3);/*#8cafd5;*/
  transition: all .5s; }

a.line:hover {
  color: #0066a5;
  box-shadow: inset 0 0px 0 0 #fff, inset 0 -3px 0 0 #0066a5; }

h3, .h3 {
  font-size: 20px; }

h5, .h5 {
  font-size: 14px; }

.fluid-container {
  padding: 0 10%;
  /*.section-heading .entry-title::before {   		
		left: 49%;		
	}*/ }
  .fluid-container .entry-title {
    /*text-align:center;*/ }

@media screen and (max-width: 992px) {
  .fluid-container {
    padding: 20px; } }

/*--------------------------------------------------------------
# Elements Page
--------------------------------------------------------------*/
.elements-wrap {
  margin-top: 80px; }

.elements-page .elements-heading .entry-title {
  font-size: 24px;
  font-weight: 600;
  color: #262626; }

.elements-page .elements-container {
  margin-top: 54px; }

.elements-page .btn {
  margin-right: 20px; }

/*
# Button
----------------------------------*/
.btn {
  padding: 18px 40px;
  border: 2px solid #262626;
  border-radius: 24px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: #262626;
  outline: none; }

.btn.orange-border {
  border-color: #ff5a00; }

.btn.blue-border {
  border-color: #91abcf; }

.btn.orange-border:hover,
.btn.blue-border:hover,
.btn.gradient-bg {
  border-color: transparent;
  color: #fff;
  /* Accessible contrast fix: the light end of this gradient (#2393d8) only
     gave ~3.4:1 against the white button text, failing WCAG 1.4.3's 4.5:1 -
     and since .btn.blue-border is used for dozens of "More"/"Download"/View"
     buttons and phone-number links sitewide, every one of them dropped
     below the minimum on hover and keyboard focus. Solid #05588b (already
     used as the site's accessible brand blue elsewhere) replaces the
     gradient and gives ~7.9:1 with white text everywhere it's used. */
  background: #05588b;
  border-color: #91abcf; }

.btn:not([disabled]):not(.disabled):active {
  background-image: none;
  background: #05588b; }

/*
# Accordion
----------------------------------*/
.accordion-wrap {
  position: relative; }

.accordion-wrap .entry-content {
  margin: 0; }

.accordion-wrap .entry-title {
  padding: 12px 38px;
  margin-bottom: 15px;
  border-radius: 30px;
  background: #f3f3f3;
  font-size: 14px;
  font-weight: 600;
  color: #262626;
  cursor: pointer; }

.accordion-wrap .entry-title.active {
  border: 0;
  background: -moz-linear-gradient(180deg, #ff5a00 0%, #ff3600 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff5a00), color-stop(100%, #ff3600));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(180deg, #ff5a00 0%, #ff3600 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(180deg, #ff5a00 0%, #ff3600 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(180deg, #ff5a00 0%, #ff3600 100%);
  /* ie10+ */
  background: linear-gradient(270deg, #ff5a00 0%, #ff3600 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a00', endColorstr='#ff3600',GradientType=1 );
  /* ie6-9 */
  color: #fff; }

.accordion-wrap .entry-title .arrow-r::before,
.accordion-wrap .entry-title .arrow-d::before {
  content: "+";
  font-size: 24px;
  font-weight: 400; }

.accordion-wrap .entry-title .arrow-d::before {
  content: "-"; }

/*
# Content
----------------------------------*/
.accordion-wrap .entry-content {
  display: none; }

.accordion-wrap .entry-content p {
  padding: 18px 38px;
  font-size: 14px;
  line-height: 2;
  color: #929191; }

/*
# Tabs
----------------------------------*/
ul.tabs-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

ul.tabs-nav .tab-nav {
  padding: 12px 32px;
  margin-right: 6px;
  border-radius: 30px;
  background: #f3f3f3;
  font-size: 14px;
  font-weight: 600;
  color: #262626;
  cursor: pointer;
  transition: all .35s; }

ul.tabs-nav .tab-nav.active {
  border: 0;
  background: -moz-linear-gradient(180deg, #ff5a00 0%, #ff3600 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff5a00), color-stop(100%, #ff3600));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(180deg, #ff5a00 0%, #ff3600 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(180deg, #ff5a00 0%, #ff3600 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(180deg, #ff5a00 0%, #ff3600 100%);
  /* ie10+ */
  background: linear-gradient(270deg, #ff5a00 0%, #ff3600 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a00', endColorstr='#ff3600',GradientType=1 );
  /* ie6-9 */
  color: #fff; }

.tabs .tab-nav {
  margin-bottom: -1px;
  z-index: 99; }

.tabs-container {
  padding: 34px; }

.tab-content {
  display: none; }

.tab-content p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 2;
  color: #929191; }

/*
# Counter Box
----------------------------------*/
.counter-box {
  margin: 20px 0;
  text-align: center; }

.counter-box .start-counter {
  margin-top: 10px;
  font-size: 48px;
  font-weight: 500;
  color: #262626; }

.counter-box .counter-k {
  font-size: 24px;
  font-weight: 500; }

.counter-box .entry-title {
  margin-top: 16px;
  font-size: 14px;
  color: #595858; }

/*
# Icon Box
----------------------------------*/
.icon-box {
  padding: 56px 40px;
  border-radius: 24px;
  border-radius: 0px;
  background: #ecf2f5;
  background: #2a66a5;
  color: white;
  text-align: center;
  transition: all .35s;
  padding: 16px;
  margin-bottom: 20px; }

/*.icon-box:hover,
.icon-box.active {
    border: 0;
    background: -moz-linear-gradient(180deg, rgba(255,90,0,1) 0%, rgba(255,54,0,1) 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,90,0,1)), color-stop(100%, rgba(1255,54,0,1))); 
    background: -webkit-linear-gradient(180deg, rgba(255,90,0,1) 0%, rgba(255,54,0,1) 100%); 
    background: -o-linear-gradient(180deg, rgba(255,90,0,1) 0%, rgba(255,54,0,1) 100%);
    background: -ms-linear-gradient(180deg, rgba(255,90,0,1) 0%, rgba(255,54,0,1) 100%);
    background: linear-gradient(270deg, rgba(255,90,0,1) 0%, rgba(255,54,0,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a00', endColorstr='#ff3600',GradientType=1 ); 
    color: #fff;
}*/
/*
.icon-box:hover .entry-content p,
.icon-box.active .entry-content p {
    color: #fff;
}
.icon-box:hover .entry-title,
.icon-box.active .entry-title {
    color: #fff;
}
*/
.icon-box figure img:nth-of-type(1) {
  display: block; }

.icon-box figure img:nth-of-type(2) {
  display: none; }

.icon-box:hover figure img:nth-of-type(1),
.icon-box.active figure img:nth-of-type(1) {
  display: none; }

.icon-box:hover figure img:nth-of-type(2),
.icon-box.active figure img:nth-of-type(2) {
  display: block; }

.icon-box .entry-title {
  margin-top: 28px;
  font-size: 24px;
  font-weight: 600;
  color: #262626;
  color: white; }

.icon-box header.entry-header {
  min-height: 56px; }

.icon-box .fa {
  font-size: 18pt; }

.icon-box .entry-content a {
  margin-bottom: 10px;
  line-height: initial;
  width: 160px;
  padding: 12px;
  background: white; }

.icon-box .entry-content {
  margin-top: 24px; }

.icon-box .entry-content p {
  margin: 0;
  font-size: 14px;
  color: #595858; }

/*
# Bar Filler
----------------------------------*/
.barfiller {
  position: relative;
  width: 100%;
  height: 5px;
  border-radius: 3px;
  background: #d6dee1; }

.barfiller .fill {
  display: block;
  position: relative;
  width: 0px;
  height: 100%;
  border-radius: 3px;
  background: #333;
  z-index: 1; }

.barfiller .tipWrap {
  display: none; }

.barfiller .tip {
  left: 0;
  position: absolute;
  z-index: 2;
  width: 42px;
  height: 42px;
  padding-top: 14px;
  margin-top: -21px;
  border-radius: 50%;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  background: #ff5a00;
  color: #fff; }

.modal-title {
  font-size: 20px;
  padding-left: 45px; }
  .modal-title .m-pass {
    position: absolute;
    margin-left: -45px;
    width: 40px; }

.modal.fade.in {
  opacity: 1; }

.modal-backdrop.fade.in {
  opacity: .5; }

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2)); }

@media (min-width: 576px) {
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2)); } }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; } }

/*--------------------------------------------------------------
# Site Header
--------------------------------------------------------------*/
/*
# Header Bar
--------------------------------*/
.top-header-bar {
  background: #0067aa;
  background: #91abcf;
  color: #ffffff; }

.hero-slider footer a {
  color: white;
  font-size: 20px;
  text-shadow: 1px 1px 1px black;
  font-style: italic; }
  .hero-slider footer a .fa {
    color: #dcb11f;
    font-size: 30px; }

/*
# Header Bar Email
--------------------------------*/
.header-bar-email,
.header-bar-text {
  padding: 20px 0;
  font-size: 14px;
  margin-top: 1px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase; }

.header-bar-email a,
.header-bar-text span {
  text-transform: lowercase;
  color: #ffffff;
  text-decoration: none; }

/*
# Header Bar Text
--------------------------------*/
.header-bar-text {
  margin-left: 48px; }

.header-bar-text p {
  margin: 0; }

/*
# Header Bar Button
--------------------------------*/
/*.header-btn a {
    display: inline-block;
    padding: 10px 10px;
    margin: 5px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: $header-btn-color;    
    background: $header-btn-bgcolor;
}*/
.header-btn a {
  display: inline-block;
  padding: 14px 15px;
  margin: 5px;
  border-radius: 24px;
  font-size: 14px;
  border: 0px solid #8cafd563;
  outline: 0;
  font-weight: 500;
  line-height: 1;
  color: #fffcfc;
  /*background: $header-btn-bgcolor;*/
  transition: all .35s; }

/*
# Site Branding
--------------------------------*/
.site-branding {
  width: calc(100% - 24px);
  padding: 5px 0; }

.site-branding a {
  margin-top: 6px; }

.site-branding img {
  width: 300px; }

@media screen and (max-width: 481px) {
  .site-branding img {
    width: 80%; } }

@media screen and (min-width: 992px) {
  .site-branding {
    width: auto; } }

/*
  Hamburger Menu
----------------------------------------*/
.hamburger-menu {
  position: relative;
  width: 24px;
  height: 22px;
  /*margin: 0 auto;*/
  transition: .5s ease-in-out;
  cursor: pointer;
  /* reset default <button> chrome now that this is a real, keyboard-focusable button */
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  -webkit-appearance: none;
  appearance: none; }

.hamburger-menu span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #262626;
  border-radius: 10px;
  opacity: 1;
  left: 0;
  transition: .25s ease-in-out; }

.hamburger-menu span:nth-child(1) {
  top: 2px; }

.hamburger-menu span:nth-child(2),
.hamburger-menu span:nth-child(3) {
  top: 10px; }

.hamburger-menu span:nth-child(4) {
  top: 18px; }

.hamburger-menu.open span:nth-child(1) {
  top: 18px;
  width: 0;
  left: 50%; }

.hamburger-menu.open span:nth-child(2) {
  transform: rotate(45deg); }

.hamburger-menu.open span:nth-child(3) {
  transform: rotate(-45deg); }

.hamburger-menu.open span:nth-child(4) {
  top: 18px;
  width: 0;
  left: 50%; }

/*
# Main Menu
--------------------------------*/
.site-navigation ul {
  position: fixed;
  top: 0;
  left: -320px;
  z-index: 9999;
  width: 320px;
  max-width: calc(100% - 120px);
  padding: 30px 15px;
  margin: 0;
  height: 100vh;
  background: #fff;
  background: #0067aa;
  list-style: none;
  overflow-x: scroll;
  transition: all 0.35s; }

.site-navigation.show ul {
  left: 0; }

.site-navigation ul li {
  margin: 6px 12px;
  position: relative;
  width: 13.33%;
  text-align: center; }

@media screen and (max-width: 992px) {
  .site-navigation ul li {
    margin: 0 16px;
    text-align: left;
    width: 100%; } }

.site-navigation ul li a {
  display: block;
  padding: 8px 0;
  font-size: 14px;
  font-weight: 500;
  /*font-weight: 600;*/
  line-height: 1;
  color: #262626;
  color: white;
  text-decoration: none;
  transition: color .35s;
  transition: all .2s;
  border-bottom: 3px solid transparent; }

.site-navigation ul li a:hover,
.site-navigation ul li.current-menu-item a {
  border-bottom: 3px solid #0067aa;
  color: black; }

.secondheaders .col-3 {
  height: 50px;
  text-align: center;
  padding-top: 10px;
  font-weight: 500; }

.secondheaders {
  background: #0067aa; }
  .secondheaders a {
    color: white; }

nav {
  width: 100%; }

/*.secondheaders .col-3:after {*/
.secondheaders li:after {
  background: red;
  content: "";
  width: 40px;
  height: 38px;
  background: url(../img/menuborder.png) no-repeat;
  top: -3px;
  right: -37px;
  position: absolute;
  display: inline-block; }

.secondheaders li:nth-child(1):after {
  right: -14px; }

.secondheaders li:nth-child(2):after {
  right: -32px; }

.secondheaders li:nth-child(3):after {
  right: -42px; }

.secondheaders li:nth-child(6):after {
  background: none; }

.header-btn .fa {
  padding-right: 3px; }

@media (max-width: 481px) {
  .header-btn a {
    padding: 2px; }
  .header-btn:last-child {
    display: none; } }

.firstheader {
  background: white; }

.hamburger-menu {
  display: none; }

@media screen and (max-width: 992px) {
  .hamburger-menu {
    display: block; }
  .hamburger-menu {
    display: block;
    float: right;
    margin-top: -33px; } }

@media screen and (min-width: 993px) {
  .site-navigation ul {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 0;
    overflow: auto;
    background: transparent; } }

@media (min-width: 992px) {
  .site-header .container {
    max-width: 98%; } }

@media (min-width: 1200px) {
  .site-header .container {
    max-width: 1140px; } }

.stricky-fixed {
  position: fixed;
  top: 0;
  /*background: white;*/
  left: 0;
  width: 100%;
  z-index: 999;
  -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32);
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32); }

.single-page .page-header {
  position: relative;
  z-index: 99;
  /* padding-top: 100px;
    padding-bottom: 72px;*/
  padding-top: 120px;
  padding-bottom: 120px;
  background-size: cover !important; }

.single-page .page-header::after {
  /* content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);*/ }

.single-page .page-header h1 {
  position: relative;
  padding-bottom: 24px;
  font-size: 36px;
  font-weight: 600;
  color: #fff;
  text-shadow: 1px 1px 1px black; }

.single-page .page-header h1::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 64px;
  height: 4px;
  border-radius: 2px;
  background: #ff5a00;
  background: #3f85bb; }

.about-page .page-header {
  background: url(../img/innerbanners/about_banner.jpg) no-repeat center; }

.personal-page .page-header {
  background: url(../img/innerbanners/personalbanking_banner.jpg) no-repeat center; }

.digital-page .page-header {
  background: url(../img/homeslides/digital-banking.png) no-repeat center; }

.business-page .page-header {
  background: url(../img/innerbanners/businessbanking_banner.jpg) no-repeat top; }

.insurance-page .page-header {
  background: url(../img/innerbanners/insurance_banner.jpg) no-repeat top; }

.contact-page .page-header {
  background: url(../img/innerbanners/locations.jpg) no-repeat top; }

.digital-banking-help-page .page-header {
  background: url(../img/innerbanners/internetbanking.jpg) no-repeat center; }

.calendar-page .page-header {
  background: url(../img/calendar.jpg) no-repeat center; }

.calculators-page .page-header {
  background: url(../img/innerbanners/calculators.jpg) no-repeat center; }

.customer-resources-page .page-header {
  background: url(../img/innerbanners/customerresources.jpg) no-repeat center; }
.cardvalet-page .page-header {
  background: url(../img/innerbanners/card_vallet_header.jpg) no-repeat center; }
.mobilewallet-page .page-header {
  background: url(../img/innerbanners/mobile_wallet_banner.jpg) no-repeat center; }
.current-rates-page .page-header {
  background: url(../img/innerbanners/currentrates.jpg) no-repeat center; }


@media screen and (max-width: 960px) {
  .secondheaders .col-3:after {
    content: "" !important;
    background: none; } 
	.mobilewallet-page .img-responsive{
		max-width:100%;
	}
	
	}

.mob {
  display: none; }

@media screen and (max-width: 992px) {
  .mob {
    display: block; }
  .secondheaders {
    /*display:none;*/
    height: 0px;
    padding: 0px; }
  .additional-topmenu {
    display: none; }
  .secondheaders li:after {
    background: none; }
  .site-navigation ul li a {
    /*padding: 49px 0 30px;*/
    padding: 9px 0 7px; } }

a {
  font-weight: 500; }

.nav {
  width: 100%; }

.col-12 {
  min-height: auto; }

.border {
  border-width: 1px !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-0 {
  border-radius: 0 !important; }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer .legal img {
  margin: 0 13px;
  height: auto; }

.footer-widgets {
  position: relative;
  padding: 55px 0 90px;
  font-weight: 400;
  color: #929191;
  background-size: cover;
  background-color: #1b334c;
  z-index: 99; }

.footer-widgets::after {
  /* content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 101%;
    background: rgba(22,22,22,.92);*/ }

.footer-widgets h2 {
  margin-bottom: 15px;
  font-size: 18px;
  color: #fff; }

.footer-widgets ul {
  padding: 12px 0 0;
  margin: 0;
  list-style: none; }

.footer-widgets ul li {
  margin-bottom: 8px;
  font-size: 14px; }

.footer-widgets ul li a, .footer-widgets a {
  font-weight: 500;
  color: #a2a1a1;
  text-decoration: none; }

.footer-widgets ul li a:hover, .footer-widgets a:hover {
  /* Accessible contrast fix: was #3f85bb, only ~3.25:1 against the footer's
     dark navy background (#1b334c) - fails WCAG 1.4.3's 4.5:1 for this
     14px text. #6fa8d8 is a lighter step up the same blue family, giving
     ~5.1:1. */
  color: #6fa8d8; }

.foot-about p {
  font-size: 12px;
  line-height: 2;
  color: #929191; }

.foot-about ul li {
  margin-right: 28px; }

.foot-about ul li a {
  color: #fff; }

.foot-contact ul li {
  display: flex;
  align-items: baseline;
  margin-bottom: 15px; }

.foot-contact ul li .fa {
  width: 28px;
  margin-right: 10px;
  font-size: 18px;
  text-align: center;
  color: #3f85bb; }

.foot-contact ul li span {
  width: calc(100% - 3px); }

.footer-bar {
  padding: 5px 0;
  font-size: 12px;
  color: #7b7b7b;
  background: #131212;
  text-align: center; }

.foot-contact ul li {
  margin-bottom: 0px; }

.m-pass {
  width: 60px; }

.scroll-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  width: 50px;
  height: 50px;
  text-align: center;
  background: #0067aa;
  color: #fff;
  font-size: 17px;
  line-height: 50px;
  border-radius: 50%;
  cursor: pointer;
  display: none;
  -webkit-box-shadow: 0px 23px 42px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 23px 42px rgba(0, 0, 0, 0.2);
  -webkit-transition: all .4s ease;
  transition: all .4s ease; }

img {
  vertical-align: baseline; }

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero-slider {
  max-height: 820px;
  min-height: 250px; }

.hero-content-wrap {
  position: relative;
  color: #fff; }

.hero-content-overlay {
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  background: rgba(0, 0, 0, 0.08); }

.hero-content-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover; }

.hero-content-overlay h1 {
  margin: 0;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
  text-shadow: 1px 1px 1px black; }
  .hero-content-overlay h1 .sub-head {
    font-size: 20px;
    padding-left: 5px; }

.hero-content-overlay h4 {
  margin: 0;
  font-size: 46px;
  font-weight: 600;
  text-shadow: 1px 1px 1px black; }

.hero-content-overlay p {
  font-weight: 500;
  line-height: 1.8;
  text-shadow: 1px 1px 1px black;
  font-size: 28px; }

.hero-content-overlay .entry-footer a.btn {
  color: #fff; }

.hero-slider .pagination-wrap {
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 60px; }

.hero-slider .iconbar {
  height: 100px;
  position: absolute;
  width: 100%;
  height: 0px;
  padding: 0px;
  padding-top: 10px;
  padding-top: 7px;
  bottom: 0px;
  text-align: center;
  background: rgba(255, 255, 255, 0.6);
  z-index: 9;
  transition: height 1s;
  font-size: 11pt;
  border-bottom: 5px solid #91abcf; }

.iconbar img {
  /*  opacity: .7;*/
  height: 50px; }

@media (max-width: 1024px) {
  .iconbar img {
    height: 35px;
    padding-top: 5px;
    padding-left: 10px; } }

.on.iconbar {
  height: 100px; }

.iconbar .col-2 {
  border-right: 1px solid #ababab;
  float: left; }

.hemail {
  padding-left: 0px; }

@media (max-width: 1220) {
  .iconbar .col-2 div {
    font-size: 8pt; } }

@media (max-width: 1024px) {
  .on.iconbar {
    /*height: 50px;*/
    padding: 0px; }
  .iconbar .col-2 div {
    line-height: 18px; } }

@media (max-width: 767px) {
  .header-btn a {
    padding: 2px; }
  .iconbar .col-2 {
    border-right: 0px;
    max-width: 15.6%; }
  .iconbar .col-2 div {
    display: none; }
  .on.iconbar {
    height: 50px;
    padding: 0px; } }

.btn {
  padding: 14px 30px; }

.iconbar .col-2:last-child {
  border: 0px; }

.hero-slider .swiper-pagination-bullet {
  width: 24px;
  height: 20px;
  margin-right: 6px;
  border-radius: 0;
  font-size: 12px;
  color: #fff;
  background: transparent;
  opacity: 1; }

.hero-slider .swiper-pagination-bullet-active {
  color: #ff5a00;
  color: #3f85bb; }

.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev {
  width: 70px;
  height: 70px;
  margin-top: -35px;
  border-radius: 50%;
  background: -moz-linear-gradient(180deg, #ff5a00 0%, #ff3600 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff5a00), color-stop(100%, #ff3600));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(180deg, #ff5a00 0%, #ff3600 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(180deg, #ff5a00 0%, #ff3600 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(180deg, #ff5a00 0%, #ff3600 100%);
  /* ie10+ */
  background: linear-gradient(270deg, #8cafd5 0%, #0066a5 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a00', endColorstr='#ff3600',GradientType=1 );
  /* ie6-9 */
  background: linear-gradient(to top, #037bb340 0%, #55ceed24 100%);
  transition: all .35s; }

.hero-slider .swiper-button-next {
  right: 10px; }

.hero-slider .swiper-button-prev {
  left: 10px; }

.hero-slider .swiper-button-next span,
.hero-slider .swiper-button-prev span {
  display: block;
  width: 36px;
  padding-top: 15px;
  margin: 0 auto;
  height: 50px; }

.hero-slider .swiper-button-next path,
.hero-slider .swiper-button-prev path {
  fill: #fff; }

.hero-slider .swiper-button-next.swiper-button-disabled,
.hero-slider .swiper-button-prev.swiper-button-disabled {
  opacity: 0; }

/* Pause/Play control for the hero slider autoplay (WCAG 2.2.2 Pause, Stop and Hide) */
.hero-slider-pause {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 20;
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(5, 88, 139, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .2s; }

.hero-slider-pause:hover {
  background: #05588b; }

.hero-slider-pause svg {
  width: 18px;
  height: 18px;
  fill: #fff; }

.hero-slider-pause .icon-play {
  display: none; }

.hero-slider-pause.paused .icon-pause {
  display: none; }

.hero-slider-pause.paused .icon-play {
  display: block; }

@media screen and (max-width: 1200px) {
  .hero-content-overlay h1 {
    font-size: 60px; }
  .hero-content-overlay h4 {
    font-size: 32px; }
  .hero-content-overlay p {
    font-size: 14px; }
  .hero-slider .pagination-wrap {
    height: 40px; } }

@media screen and (max-width: 992px) {
  .hero-content-overlay h1 {
    font-size: 38px; }
  .hero-content-overlay h4 {
    font-size: 22px; }
  .hero-content-overlay p,
  .hero-slider .pagination-wrap,
  .hero-slider .swiper-button-next,
  .hero-slider .swiper-button-prev {
    display: none; }
  .hero-content-overlay footer {
    margin-top: 12px !important; } }

/*--------------------------------------------------------------
# Homepage
--------------------------------------------------------------*/
/*
# Icon Boxes
--------------------------------*/
.home-page-icon-boxes {
  padding: 96px 0; }

/*
# Welcome
--------------------------------*/
.home-page-welcome {
  position: relative;
  padding: 96px 0;
  background-size: cover;
  z-index: 99; }

.home-page-welcome::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(21, 21, 21, 0.9);
  background: rgba(255, 255, 255, 0.9); }

.welcome-content .entry-title {
  position: relative;
  padding-bottom: 24px;
  font-size: 36px;
  font-weight: 600;
  color: #fff;
  color: #000; }

.welcome-content .entry-title::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 64px;
  height: 4px;
  border-radius: 2px;
  background: #ff5a00;
  background: #3f85bb; }

.welcome-content .entry-content {
  font-size: 14px;
  line-height: 2;
  color: #b7b7b7;
  color: #000; }

.home-page-welcome img {
  display: block;
  width: 100%; }

@media screen and (max-width: 992px) {
  .home-page-welcome img {
    /*margin-bottom: 60px;*/ } }

/*
# Upcoming Events
--------------------------------*/
.home-page-events {
  padding: 46px 0; }

.section-heading .entry-title {
  position: relative;
  padding-bottom: 24px;
  font-size: 36px;
  font-weight: 600; }

.section-heading .entry-title::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 64px;
  height: 4px;
  border-radius: 2px;
  background: #ff5a00;
  background: #3f85bb; }

@media screen and (max-width: 992px) {
  .home-page-events .featured-product .section-heading {
    margin-top: 80px; } }

.event-wrap {
  margin-top: 40px; }

.event-wrap figure {
  width: 144px;
  height: auto; }

.event-wrap figure img {
  display: block;
  width: 100%; }

.event-content-wrap {
  width: calc(100% - 180px);
  margin-top: -10px; }

.event-content-wrap .entry-title a {
  font-size: 18px;
  font-weight: 600;
  color: #262626; }

.event-content-wrap .posted-date a,
.event-content-wrap .cats-links a {
  display: block;
  position: relative;
  margin-top: 6px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  color: #262626; }

.event-content-wrap .posted-date a {
  padding-right: 14px;
  margin-right: 14px; }

.event-content-wrap .posted-date a::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #262626; }

.event-content-wrap .entry-content {
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 14px;
  color: #929191; }

.event-content-wrap .entry-footer a {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #ff5a00;
  color: #3f85bb;
  text-decoration: none; }

/*
# Featured product
--------------------------------*/
.home-page-events {
  padding: 46px 0; }

.product-wrap {
  margin-top: 20px; }

.featured-product .product-wrap {
  padding: 40px 24px;
  background: #edf3f5; }

.featured-product .featured-product .product-wrap figure {
  width: 246px;
  height: auto; }

.product-wrap figure img {
  display: block;
  width: 100%; }

.featured-product .product-content-wrap {
  width: calc(100% - 280px); }

.product-content-wrap .entry-title a {
  font-size: 18px;
  font-weight: 600;
  color: #262626; }

.product-content-wrap .posted-date a,
.product-content-wrap .cats-links a {
  display: block;
  position: relative;
  margin-top: 6px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  color: #262626; }

.product-content-wrap .posted-date a {
  padding-right: 14px;
  margin-right: 14px; }

.product-content-wrap .posted-date a::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #262626; }

.product-content-wrap .entry-content {
  margin-top: 28px;
  margin-bottom: 0;
  font-size: 14px;
  color: #000; }

.product-wrap .fund-raised {
  margin-top: 64px; }

.shead {
  color: #003d55;
  padding-top: 45px;
  font-size: 24px; }

@media (max-width: 600px) {
  .shead {
    font-size: 19px; }
  .app-btn img {
    width: 50%; } }

.mpass {
  margin-right: 50px;
  margin-top: 5px; }

.fb {
  width: 35px;
  margin-right: 9px; }

.modal.fade.in {
  opacity: 1;
  z-index: 99999999999999; }

/*
# Home products
--------------------------------*/
.our-products {
  position: relative;
  padding: 35px 0;
  background: url("images/product-bg.jpg") no-repeat center;
  background-size: cover;
  z-index: 99; }

.our-products::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #dde4ec; }

.our-products .product-wrap {
  margin-top: 20px;
  box-shadow: 1px 1px 17px #cccbcb; }

.our-products .product-wrap figure {
  position: relative; }

.our-products .product-wrap figure .figure-overlay {
  top: 0;
  left: 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.7);
  transition: all .5s; }

.our-products .product-wrap figure:hover .figure-overlay {
  opacity: 1;
  visibility: visible; }

.our-products .product-content-wrap {
  padding: 32px;
  background: #fff; }

.our-products .product-content-wrap .entry-content {
  margin-top: 20px; }

.our-products .product-wrap .fund-raised {
  margin-top: 48px; }

.our-products .swiper-button-next,
.our-products .swiper-button-prev {
  width: 70px;
  height: 70px;
  margin-top: -10px;
  border-radius: 50%;
  background: -moz-linear-gradient(180deg, #ff5a00 0%, #ff3600 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff5a00), color-stop(100%, #ff3600));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(180deg, #ff5a00 0%, #ff3600 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(180deg, #ff5a00 0%, #ff3600 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(180deg, #ff5a00 0%, #ff3600 100%);
  /* ie10+ */
  background: linear-gradient(270deg, #ff5a00 0%, #ff3600 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a00', endColorstr='#ff3600',GradientType=1 );
  /* ie6-9 */
  transition: all .35s; }

.our-products .swiper-button-next {
  right: -120px; }

.our-products .swiper-button-prev {
  left: -120px; }

.our-products .swiper-button-next span,
.our-products .swiper-button-prev span {
  display: block;
  width: 36px;
  padding-top: 15px;
  margin: 0 auto;
  height: 50px; }

.our-products .swiper-button-next path,
.our-products .swiper-button-prev path {
  fill: #fff; }

.our-products .swiper-button-next.swiper-button-disabled,
.our-products .swiper-button-prev.swiper-button-disabled {
  opacity: 0; }

@media screen and (max-width: 1400px) {
  .our-products .swiper-button-next {
    right: 0; }
  .our-products .swiper-button-prev {
    left: 0; } }

@media screen and (max-width: 576px) {
  .our-products .swiper-button-next,
  .our-products .swiper-button-prev {
    display: none; } }

/*
# Home Milestone
--------------------------------*/
.home-page-welcome, .home-page-limestone {
  padding: 46px 0; }

.home-page-limestone .section-heading .entry-title {
  padding-bottom1: 36px;
  line-height: 1.6; }

.home-page-limestone .section-heading p {
  font-size: 14px;
  color: #595858; }

.swiper-pagination-bullets {
  display: none !important; }

.hero-content-wrap img {
  max-height: 600px;
  max-height: 100%;
  min-height: 285px; }

.app-btn img {
  width: auto;
  display: inline; }

.fa-ul .fa {
  color: #8baed5;
  margin-top: 4px; }

.about-page .welcome-wrap img {
  display: block;
  width: 100%; }

ul {
  margin: 0; }

ul.dashed {
  list-style-type: none; }

ul.dashed > li {
  text-indent: -5px; }

ul.dashed > li:before {
  content: "-";
  text-indent: -5px; }

.mobdeposit {
  background-image: url(../img/mobile_deposits.jpg);
  background-size: cover;
  height: 100%;
  height: 260px;
  height: 266px;
  min-height:100%;
  /*margin: 15px 0px 15px 0px;*/ }

@media screen and (min-width: 992px) {
  .mobdeposit:before {
    content: "";
    /*background: white;*/
    height: 100%;
    position: absolute;
    width: 20px;
    left: 0px; }
  .mobdeposit:after {
    content: "";
    /*background: #7b9ecb;*/
    height: 100%;
    position: absolute;
    width: 20px;
    right: 0px; } }

.mobrightcontent {
  padding-top: 20px;
  padding-bottom: 10px;
  color: white;
  display: flex;
  align-items: center; }

.mobsection {
  background: #7b9ecb;
  box-shadow: 1px 1px 17px #cccbcb;
  margin-bottom: 35px;
  min-height: 265px;
  display: flex;
  align-items: center; }

.billpaysection {
  background: #ca780e;
  background: #dcb11f; }
  .billpaysection .mobdeposit {
    background-image: url(../img/billpay.jpg); }  
 .cardvalet .mobdeposit {
    background-image: url(../img/Card_Vallet_184895346.jpg); }


#jumpmenu {
  display: none; }

.onlinestatement .mobdeposit {
  background-image: url(../img/onlinestatements.jpg); }
.mobwallet .mobdeposit {
    background-image: url(../img/Mobile_Wallet-1151925563.jpg); }
.mobdeposit .col-md-4 {
  background: white; }

.mobsection a {
  color: white; }

.home-products .entry-content {
  min-height: 126px; }

@media screen and (max-width: 768px) {
  .home-products .col-md-4,
  .mobsection .col-md-4 {
    max-width: 100%;
    flex: 100%; } }

@media screen and (max-width: 992px) {
  .mobdeposit {
    min-width: 100%;
    height: 250px; }
  .mobrightcontent > div {
    /*background: #7b9ecb;*/
    padding: 20px;
    margin-top: -10px; }
  .mobsection {
    /*background:transparent;*/ } }

/*--------------------------------------------------------------
# About Page
--------------------------------------------------------------*/
/*.about-page .modal{
	overflow-y:auto !important;
}*/
.about-page .welcome-wrap {
  padding: 96px 0; }

.about-page .welcome-content .entry-title {
  color: #262626; }

@media screen and (max-width: 992px) {
  .about-page .welcome-content .entry-title {
    margin-top: 60px; } }

.about-page .welcome-content .entry-content {
  /*color: #929191;*/ }

.about-stats {
  padding: 96px 0;
  background: #262626; }

.about-stats .circular-progress-bar .circle strong,
.about-stats .circular-progress-bar .entry-title {
  color: #fff; }

.team-preview {
  padding-right: 12px;
  padding-left: 12px; }

.team-preview a {
  display: block; }

.team-preview figure {
  margin: 0 0 18px 0;
  padding: 0;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
  background: #233342; }

.team-preview figure img {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 135%; }

@media (min-width: 1025px) {
  .team-preview--sm {
    padding-right: 0;
    padding-left: 0;
    max-width: 168px; }
  .team-preview--sm .h3 {
    font-size: 20px; }
  .team-preview--sm figure {
    margin-bottom: 8px; } }

/***Digital Banking Help**/
.help-pdf,
.help-globe {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  vertical-align: middle;
  text-align: center;
  padding-top: 10px;
  margin: 0.25rem;
  background-color: #f5f5f5; }
  .help-pdf i,
  .help-globe i {
    font-size: 32px;
    color: #e65c5c; }
  .help-pdf :hover,
  .help-globe :hover {
    color: #0056b3; }

.help-globe i {
  font-size: 36px;
  color: #79b5dc; }

/* Decorative (non-linked) help icons: no hover color change, so they
   don't look clickable. */
.help-globe.help-icon-static :hover {
  color: #79b5dc; }

.alternate-bg {
  background: #dde4ec;
  padding: 46px 0; }

h2 p {
  font-size: 26px;
  max-width: 270px; }
h2 p {
    font-size: 20px;
}
@media screen and (max-width: 992px) {
  h2 p {
    font-size: 19px;
    max-width: 205px; } }

.our-calendar {
  padding: 96px 0; }

.customer-resources-page .our-products .product-content-wrap,
.digital-banking-help-page .our-products .product-content-wrap {
  min-height: 296px;
  min-height: 210px;
  padding: 20px 0px 0px 0px;
  background: #2a66a5; }
  .customer-resources-page .our-products .product-content-wrap .btn.blue-border,
  .digital-banking-help-page .our-products .product-content-wrap .btn.blue-border {
    background: white;
    border-color: #383838; }
  .customer-resources-page .our-products .product-content-wrap .btn.blue-border:hover,
  .digital-banking-help-page .our-products .product-content-wrap .btn.blue-border:hover {
    border-color: transparent;
    color: #fff;
    /* Accessible contrast fix: same failing gradient as the sitewide
       .btn.blue-border:hover rule above - replaced with the same solid,
       compliant #05588b. */
    background: #05588b;
    border-color: #91abcf; }
  .customer-resources-page .our-products .product-content-wrap .btn.blue-border:active,
  .digital-banking-help-page .our-products .product-content-wrap .btn.blue-border:active {
    background-image: none;
    background: #05588b; }

.customer-resources-page h2 p,
.digital-banking-help-page h2 p {
  font-size: 16px;
  max-width: 270px;
  color: white; }

/*.rates{
	box-shadow: 1px 1px 17px #cccbcb;
}*/
.current-rates-page .product-wrap {
  margin-top: 20px;
  box-shadow: 1px 1px 17px #cccbcb;
  padding-top: 17px; }

.about-testimonial {
  padding: 0 0 96px; }

.testimonial-cont {
  margin-top: 96px; }

.testimonial-cont,
.testimonial-cont p {
  position: relative; }

.testimonial-cont::before {
  content: '“';
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  font-size: 48px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-style: italic;
  line-height: 1;
  color: #ff5a00;
  color: #3f85bb; }

.testimonial-cont .entry-content {
  padding-top: 42px; }

.testimonial-cont p {
  padding-bottom: 32px;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.6;
  font-style: italic; }

.testimonial-cont p::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 64px;
  height: 4px;
  border-radius: 2px;
  background: #ff5a00;
  background: #3f85bb; }

.testimonial-cont .entry-footer img {
  width: 64px;
  height: 64px;
  border-radius: 50%; }

.testimonial-cont .entry-footer h4 {
  margin-left: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #595858; }

.testimonial-cont .entry-footer h4 span {
  color: #ff5a00;
  color: #3f85bb; }

.help-us {
  padding: 70px 0 96px;
  background: #ff3700; }

.help-us h2 {
  margin-top: 36px;
  font-size: 36px;
  font-weight: 600;
  color: #fff; }

.help-us .btn {
  margin-top: 36px; }

.help-us .btn,
.help-us .btn:hover {
  border-color: #fff;
  color: #fff; }

/*--------------------------------------------------------------
# products
--------------------------------------------------------------*/
.products-page .page-header {
  background: url(images/products-bg.jpg) no-repeat center; }

.products-page .featured-product {
  padding: 96px 0; }

.products-page .our-products {
  position: relative;
  padding: 70px 0 96px;
  background: none; }

.products-page .our-products .product-wrap {
  margin-top: 36px; }

.products-page .our-products::after {
  display: none; }

.products-page .our-products .product-content-wrap {
  border: 1px solid #e0e0e0;
  border-top: 0; }

.products-page .highlighted-product {
  padding: 46px 0 96px;
  background: #262626; }

.products-page .highlighted-product .entry-title {
  padding-right: 24px;
  margin-top: 60px;
  line-height: 1.6;
  color: #fff; }

.products-page .highlighted-product .entry-title::before {
  display: none; }

.products-page .highlighted-product .entry-content {
  font-size: 14px;
  line-height: 2;
  color: #edf3f5; }

.products-page .highlighted-product img {
  width: 100%;
  margin-top: 60px; }

@media screen and (max-width: 1200px) and (min-width: 992px) {
  .product-wrap figure {
    width: 100%; }
  .featured-product .product-content-wrap {
    width: 100%;
    margin-top: 40px; } }

@media screen and (max-width: 576px) {
  .product-wrap figure {
    width: 100%; }
  .featured-product .product-content-wrap {
    width: 100%;
    margin-top: 40px; } }

/*--------------------------------------------------------------
# Single product
--------------------------------------------------------------*/
.single-product .page-header {
  background: url(images/single-product-bg.jpg) no-repeat center; }

.single-product .highlighted-product {
  padding: 46px 0 96px; }

.single-product .highlighted-product .entry-title {
  padding-right: 24px;
  margin-top: 60px;
  line-height: 1.6; }

.single-product .highlighted-product .entry-content {
  color: #929191; }

.single-product .highlighted-product img {
  width: 100%;
  margin-top: 60px; }

/*
# Short Content
--------------------------------*/
.short-content-wrap {
  padding-bottom: 96px; }

.short-content .entry-title {
  font-size: 18px;
  font-weight: 500; }

.short-content p {
  margin-top: 40px;
  font-size: 14px;
  color: #929191; }

/*
# Form
--------------------------------*/
.site-form-wrap {
  padding: 96px 64px;
  margin-bottom: 96px;
  background: #edf3f5; }

.site-form-wrap h2 {
  font-size: 30px;
  font-weight: 500; }

.site-form-wrap h4 {
  font-size: 16px;
  font-weight: 500; }

.site-form .radio-label {
  display: block; }

.site-form .radio-label > input[type="radio"] {
  visibility: hidden;
  position: absolute; }

.site-form .radio-label > input + .donate-amount {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 40px 30px;
  margin-right: 15px;
  border: 2px solid #e0e0e0;
  font-size: 30px;
  line-height: 1;
  font-weight: 500;
  background: #fff; }

.site-form .radio-label:nth-last-of-type(1) > input + .donate-amount {
  margin-right: 0; }

.site-form .radio-label > input:checked + .donate-amount {
  border-color: #ff5a00; }

.site-form .payment-type input[type="radio"] {
  visibility: hidden;
  position: absolute; }

.site-form .payment-type label {
  position: relative;
  margin-right: 40px;
  font-size: 14px;
  line-height: 1;
  color: #6a6a6a; }

.site-form .payment-type input[type="radio"] + .payment-type-radio {
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  background: #fff;
  cursor: pointer; }

.site-form .payment-type input[type="radio"] + .payment-type-radio + .centered-dot {
  visibility: hidden;
  display: block;
  position: absolute;
  left: 7px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #ff5e06; }

.site-form .payment-type input[type="radio"]:checked + .payment-type-radio {
  border-color: #ff5e06; }

.site-form .payment-type input[type="radio"]:checked + .payment-type-radio + .centered-dot {
  visibility: visible; }

.billing-information input {
  width: calc(50% - 14px);
  padding: 12px 30px;
  margin-top: 28px;
  border: 1px solid #e0e0e0;
  font-size: 14px;
  line-height: 1; }

.billing-information input::placeholder {
  color: #929191; }

@media screen and (max-width: 768px) {
  .billing-information input {
    width: 100%; } }

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .page-header {
  background: url(images/portfolio-bg.jpg) no-repeat center; }

.portfolio-wrap {
  padding: 96px 0; }

.portfolio-wrap .mt-48 {
  margin-top: 45px; }

.portfolio-wrap .mt-72 {
  margin-top: 72px; }

.portfolio-wrap .portfolio-item {
  display: none;
  margin-bottom: 30px; }

.portfolio-wrap .portfolio-item.visible {
  display: block; }

.portfolio-cont {
  margin-bottom: 20px; }

.portfolio-cont img {
  width: 100%; }

.portfolio-cont .entry-title {
  margin-top: 12px;
  font-size: 18px;
  font-weight: 500; }

.portfolio-cont .entry-title a {
  color: #262626; }

.portfolio-cont h4 {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #ff5a00; }

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
@media screen and (max-width: 992px) {
  .sidebar {
    margin-top: 96px; } }

.sidebar h2 {
  font-size: 18px;
  font-weight: 600; }

/*
# Search
--------------------------------*/
.search-widget input[type="search"] {
  width: calc(100% - 76px);
  height: 52px;
  padding: 10px 20px;
  border: 1px solid #e0e0e0;
  font-size: 14px;
  outline: none; }

.search-widget input[type="search"]::placeholder {
  color: #929191; }

.search-widget button[type="submit"] {
  width: 75px;
  height: 54px;
  border: 0;
  margin-left: -5px;
  font-size: 14px;
  font-weight: 500;
  background: #ff5a00;
  color: #fff;
  cursor: pointer;
  outline: none; }

/*
# Featured product
--------------------------------*/
.sidebar .featured-product {
  margin-top: 60px; }

.sidebar .featured-product .product-wrap {
  padding: 0;
  background: none; }

.sidebar .featured-product .featured-product .product-wrap figure {
  width: 100%; }

.sidebar .product-wrap figure img {
  display: block;
  width: 100%; }

.sidebar .featured-product .product-content-wrap {
  width: 100%;
  padding: 32px;
  margin-top: 0;
  border: 1px solid #e0e0e0;
  border-top: 0; }

/*--------------------------------------------------------------
# Contact Page
--------------------------------------------------------------*/
.contact-page-wrap {
  padding: 0 0 96px; }

.contact-page-wrap .entry-content {
  margin-top: 96px; }

.contact-page-wrap .entry-content h2 {
  font-size: 24px;
  font-weight: 500; }

.contact-page-wrap .entry-content p {
  margin-top: 20px;
  font-size: 14px;
  color: #929191; }

.contact-page-wrap .entry-content ul.contact-social {
  padding: 20px 0 0;
  margin: 0;
  list-style: none; }

.contact-page-wrap .entry-content ul.contact-social li {
  margin-right: 28px;
  margin-bottom: 8px;
  font-size: 14px; }

.contact-page-wrap .entry-content ul.contact-social li a {
  color: #ff3700; }

.contact-page-wrap .entry-content ul.contact-info {
  margin: 32px 0 0; }

.contact-page-wrap .entry-content ul.contact-info li {
  display: flex;
  align-items: baseline;
  margin-bottom: 15px;
  font-size: 14px;
  color: #9b9a9a; }

.contact-page-wrap .entry-content ul.contact-info .fa {
  width: 28px;
  margin-right: 10px;
  font-size: 18px;
  color: #ff5a00;
  text-align: center; }

.contact-form {
  padding: 35px 20px 55px;
  margin-top: 96px;
  background: #edf3f5; }

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
  width: 100%;
  padding: 12px 24px;
  margin-bottom: 18px;
  border: 1px solid #e0e0e0;
  font-size: 14px;
  line-height: 1; }

.contact-form input[type="text"]::placeholder,
.contact-form input[type="email"]::placeholder,
.contact-form textarea::placeholder {
  color: #929191; }

.contact-form span {
  display: block;
  margin-top: 16px;
  text-align: center; }

.contact-form input[type="submit"] {
  cursor: pointer; }

.contact-page .contact-gmap {
  margin-top: 92px; }

.contact-page .contact-gmap iframe {
  display: block;
  width: 100%;
  height: 440px; }

/*--------------------------------------------------------------
# Contact Page
--------------------------------------------------------------*/
.elements-page .page-header {
  background: url("images/elements-bg.jpg") no-repeat center; }

.home-page-limestone a:not(.btn) {
  cursor: pointer;
  text-decoration: none;
  color: #0067aa !important;
  transition: all .2s ease-in-out; }

.home-page-limestone a:hover {
  text-decoration: none;
  transition: all .2s ease-in-out; }

.home-page-limestone a:hover:not(.btn) {
  /* Accessible contrast fix: was #91abcf, a light blue that drops to ~2.35:1
     against the white/light backgrounds these links normally sit on (fails
     WCAG 1.4.3's 4.5:1). Reusing the site's existing #0056b3 hover blue
     (already used elsewhere for default link hover) keeps a visible hover
     change while giving 7:1 contrast on white. */
  color: #0056b3 !important;
  text-decoration: none; }

.card-header {
  background: #91abcf; }

/* Personal Banking product cards: h3 for heading order, sized like the former h5 */
.personal-banking-content h3.card-header {
  font-size: 14px; }

.nboxes {
  margin: 0px;
  padding: 0px;
  /*width: 90%;*/
  overflow-x: hidden; }

.nbox {
  margin-bottom: 20px; }
  .nbox .fluid-container {
    border-bottom: 1px solid #7f99c4; }

span.subhead {
  font-size: 12pt;
  padding-left: 5px; }

.nboxheader {
  background: #005299;
  color: white; }

.nboxlight {
  background: #7f99c4;
  color: white;
  padding: 20px 60px 20px; }
  .nboxlight .fa-caret-right {
    color: #dcb11f;
    font-size: 19px; }

.nboxlight:before {
  content: " ";
  background: #7f99c4;
  width: 100%;
  left: -100%;
  position: absolute;
  height: 100%;
  top: 0px; }

.nboxgrey {
  background: #acb6c7;
  text-align: center;
  padding: 20px 60px 20px; }

.nboxwhite {
  text-align: center;
  padding: 20px 60px 60px; }

.dollar {
  font-size: 28px; }

.business-page .nboxgrey {
  color: white;
  text-align: left; }
  .business-page .nboxgrey .fa-caret-right {
    color: #dcb11f;
    font-size: 19px; }

.business-page .nboxgrey:before {
  content: " ";
  background: #acb6c7;
  width: 100%;
  right: -100%;
  position: absolute;
  height: 100%;
  top: 0px; }

@media screen and (max-width: 992px) {
  .nboxes .fluid-container {
    padding: 0px; }
  .nboxgrey, .nboxwhite {
    padding: 20px 20px 20px; } }

@media screen and (max-width: 767px) {
  .nboxlight:before {
    content: "";
    height: 0px; }
  .business-page .nboxgrey:before {
    content: "";
    height: 0px; } }

.nboxmainheader {
  background: #dcb11f;
  color: white;
  margin-bottom: 15px; }

.fullblue {
  background: #7f99c4; }

.personal-page .double {
  border-top: 0px; }

.personal-banking-content article,
.business-banking-content article {
  padding-top: 55px; }

.sidebar article {
  padding-top: 5px; }

.dep {
  padding: 20px; }

.banking-divide {
  padding-top: 30px; }

.card-footer {
  background: 0px;
  border: 0px; }

.card {
  border: 1px solid #dde4ec; }

.additional-topmenu {
  line-height: 1.3; }

.additional-topmenu > div {
  margin-top: 12px; }

.valign {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row; }

.homemaintext {
  font-weight: 500;
  color: #003d55; }

.h5 {
  font-size: 13px; }

.modal-profile {
  float: right;
  padding-left: 10px;
  width: 148px; }

.modal-footer {
  clear: both; }

/* @media screen and(max-width:481px){
  .modal-open .modal {
    display: table !important;
	}
	.modal-body{
	overflow: auto;
    height: 400px;
	}
	}*/
.modal-backdrop {
  z-index: 99999; }

.profmodal {
  margin: 7.75rem auto; }
  .profmodal .modal-title {
    padding-left: 5px; }

.nplinks > * {
  width: 50%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  position: relative; }

.nplinks {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  height: 45px;
  /*border-top: 1px solid $fa-ul-color;
    border-bottom: 1px solid $fa-ul-color;*/ }
  .nplinks :hover a, .nplinks :hover .fa {
    color: white; }
  .nplinks a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: background .2s ease-in-out; }
    .nplinks a :hover {
      color: white; }

.plink {
  border-right: 1px solid #8baed5;
  border-radius: 25px 0px 0px 25px; }

.nlink {
  border-radius: 0px 25px 25px 0px; }

.nplinks .fa, .contact-content .fa {
  color: #8baed5; }

.btn {
  border-width: 1px; }

.contact-content .product-wrap figure img {
  min-height: 130px;
  max-height: 150px;
  max-width: 215px;
  padding-bottom: 10px; }

.contact-content a:hover .fa {
  color: white; }

.contact-content .btn {
  padding: 10px 10px;
  margin-top: 10px;
  margin-bottom: 10px; }

.contact-content .lobby {
  margin-top: 10px; }

@media screen and (max-width: 481px) {
  .modal {
    position: fixed;
    top: 3%;
    right: 3%;
    left: 3%;
    width: auto;
    margin: 0; }
  .modal-body {
    height: 60%; }
  .modal-body {
    max-height: 350px;
    padding: 15px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; } }

.insurance-page .table_bold_center {
  font-family: "Arial Black", Gadget, sans-serif;
  color: #000;
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
  border: 1px solid #000; }
@media screen and (max-width:1024px) and (min-width: 1018px) {
.on.iconbar {
    height: 70px;
}
}
@media screen and (max-width: 1024px) {
	.hero-slider .swiper-button-prev,.hero-slider .swiper-button-next {   
    zoom: .5;
	}
}
@media screen and (max-width: 992px) {
	  .insurance-page td.table_bold_center {
		display: inherit; }
	  .instable {
		width: 100%; } 
	}
	

@media screen and (max-width: 992px){
	
	.business-page .pad{
		margin-top:30px;
	}
}
@media (min-width: 576px){
	.container {
		width: 100%;
	}
}
.btn.btn-red {
    background: linear-gradient(to top, #df1d39 0%, #ff4e68 100%);
    border-color: #df1d39;
    color: white;
    font-weight: normal;
	line-height: 20px;
    margin-bottom: 20px;
}
.covid-page .page-header
{
	background: #005299;
    padding-top: 30px;
    padding-bottom: 30px;
}
.covid-li{
	color:#005299;
}

/*--------------------------------------------------------------
# Sitewide accessible brand color overrides (ADA / WCAG 2.1 AA)
# Supersedes the older, lower-contrast defaults above for the
# same selectors. Originally added on the homepage only; moved
# here so every page that uses these shared components (header,
# nav, mobile menu, bill-pay/gold panels, footer, etc.) gets the
# same compliant colors instead of needing a per-page override.
--------------------------------------------------------------*/
.top-header-bar {
  background: #05588b;
  color: #fff;
}
.header-bar-email a,
.header-bar-text span {
  color: #fff;
}
.secondheaders {
  background: #05588b;
}
.site-navigation ul {
  background: #05588b;
}
.site-navigation ul li a {
  color: #fff;
}
.site-navigation ul li a:hover,
.site-navigation ul li.current-menu-item a {
  color: #fff;
  border-bottom-color: #f5c518;
}
.mobsection {
  background: #05588b;
}
.mobrightcontent,
.mobsection a,
.mobsection h2 {
  color: #fff;
}
.mobsection h2 {
  font-size: 20px;
  font-weight: 600;
}
.billpaysection {
  background: #dcb11f;
}
.billpaysection .mobrightcontent,
.billpaysection .mobrightcontent a,
.billpaysection a,
.billpaysection h2 {
  color: #1a1400;
}
/* "Click here to download the App!" hover: the default a.line hover blue
   (#0066a5) nearly disappears on these backgrounds (~1.2:1 on the blue,
   ~3:1 on the gold). Use greys that pass WCAG 1.4.3 instead. */
.mobsection a.line:hover {
  color: #d9d9d9; /* 5.2:1 on #05588b */
  box-shadow: inset 0 -3px 0 0 #d9d9d9;
}
.billpaysection a.line:hover {
  color: #333333; /* 6.2:1 on #dcb11f */
  box-shadow: inset 0 -3px 0 0 #333333;
}
.icon-box {
  background: #05588b;
  color: #fff;
}
.icon-box .entry-title {
  color: #fff;
}
.btn.gradient-bg {
  background: #05588b;
  border-color: #05588b;
  color: #fff;
}
.footer-widgets,
.foot-contact ul li span {
  color: #fff;
}
.footer-widgets ul li a,
.footer-widgets a {
  color: #fff;
}
.foot-about p {
  color: #fff;
}
.footer-widgets h2 {
  color: #fff;
}
.foot-contact ul li .fa {
  /* was #3f85bb (3.25:1 on #1b334c); white is 12.9:1 */
  color: #fff;
}
.footer-bar,
.footer-bar p {
  color: #fff;
}
h1.shead,
.shead {
  color: #05588b;
  padding-top: 45px;
  font-size: 24px;
  font-weight: 600;
}
.home-services-heading {
  color: #05588b;
  font-size: 22px;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 8px;
}
.homemaintext {
  color: #05588b;
}
@media (max-width: 600px) {
  h1.shead,
  .shead {
    font-size: 19px;
  }
}

/* Keyboard focus order (WCAG 2.4.3): visually the small utility bar (email/
   MoneyPass/Facebook/Instagram) and the FDIC badge popup render first, at the
   very top of the page, same as before. But for keyboard/tab users we want
   the Secure Email row and the main Home/Personal Banking menu reachable
   first. flex "order" lets us keep the visual position unchanged while these
   two blocks are moved later in the actual markup (see the HTML), so they're
   tabbed to last instead of first. */
header.site-header {
  display: flex;
  flex-direction: column;
}
.top-header-bar {
  order: -2;
}
.firstheader-fdic {
  order: -1;
}

/* Skip-to-content link: hidden off-screen until keyboard-focused, then shown as the first tab stop */
.skip-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
  background: #fff;
  color: #05588b;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 4px;
  z-index: 100000;
}
.skip-link:focus {
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  clip-path: none;
  white-space: normal;
  top: 10px;
  left: 10px;
  padding: 14px 22px;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.35);
  outline: 3px solid #05588b;
  outline-offset: 2px;
}

/* Accessible contrast fix: .nboxmainheader / .nboxlight / .fullblue /
   .business-page .nboxgrey are colored highlight/callout boxes (product
   feature lists on Personal & Business Banking) that originally paired
   white text with mid-tone gold/blue-gray backgrounds - only ~2:1-2.9:1
   contrast, failing WCAG 1.4.3 (needs 4.5:1). Switching the text to the
   site's existing dark body-text color (#262626) keeps the same colored
   box design while meeting contrast (5.2:1-7.5:1 against these backgrounds). */
.nboxmainheader,
.nboxlight,
.business-page .nboxgrey {
  color: #262626;
}
.nboxlight .fa-caret-right,
.business-page .nboxgrey .fa-caret-right {
  color: #262626;
}
/* Links inside these boxes inherit a blue link color from
   .home-page-limestone a:not(.btn) (!important) that only has ~2:1 contrast
   against these backgrounds; override with higher specificity so the dark
   text color wins, and underline so the link is still distinguishable. */
.home-page-limestone .nboxlight a,
.home-page-limestone .fullblue a,
.nboxlight a,
.fullblue a {
  color: #262626 !important;
  text-decoration: underline;
}
/* ...and their hover/focus state, which would otherwise be won by
   .home-page-limestone a:hover:not(.btn) (equal specificity, defined
   earlier) and revert to a color that fails against these backgrounds. */
.home-page-limestone .nboxlight a:hover,
.home-page-limestone .nboxlight a:focus,
.home-page-limestone .fullblue a:hover,
.home-page-limestone .fullblue a:focus,
.nboxlight a:hover,
.nboxlight a:focus,
.fullblue a:hover,
.fullblue a:focus {
  color: #262626 !important;
  text-decoration: underline;
}

/* Accessible contrast fix: inner-page hero banners (.single-page .page-header)
   put a white, text-shadowed h1 directly over a full-bleed photo. Photo
   brightness varies by page and by exactly which part of the image lands
   behind the text, so on several pages (Digital Banking Help, Mobile
   Deposits, Online Statements, Customer Resources, and others) the heading
   sits over a light/pale area of the photo and drops to as low as 1:1-2.2:1
   contrast - well under the 3:1 minimum for large text. A permanent dark
   scrim guarantees the white heading stays readable no matter how light the
   underlying photo is, on every current and future banner image. */
.single-page .page-header::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 1;
}
.single-page .page-header > .container {
  position: relative;
  z-index: 2;
}
/* Lighter scrim over the photo, with the dark tint moved into a box behind
   the heading so it stays readable on every banner. */
.single-page .page-header::after {
  background: rgba(0, 0, 0, 0.1);
}
.single-page .page-header h1 {
  display: inline-block;
  margin: 0;
  padding: 20px 32px 40px;
  background: rgba(0, 32, 54, 0.75);
  border-radius: 6px;
}
.single-page .page-header h1::before {
  bottom: 20px;
  left: 32px;
}