@import url("css.css");
@font-face {
  font-family: 'sinkin_bold';
  src: url("sinkinsans-700bold-webfont.html") format("woff2"), url("sinkinsans-700bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-family: 'Lato', sans-serif;
  color: #58595b; }

img {
  max-width: 100%;
  height: auto; }

ul {
  list-style-type: none; }

button,
input,
a {
  outline: none !important; }

h1,
h2,
h3,
h4,
h5 {
  font-family: 'sinkin_bold';
  font-weight: normal;
  text-transform: uppercase; }

h1 {
  font-size: 40px;
  letter-spacing: 0.06em; }

h2,
h4 {
  font-size: 25px;
  color: #273b75;
  letter-spacing: 0.02em;
  font-weight: 700; }

h3 {
  font-size: 20px;
  margin: 0; }

h5 {
  font-size: 12px;
  letter-spacing: 0.04em; }

/*-----*/
.more-btn {
  border: 3px solid;
  color: #FFF;
  border-radius: 10px;
  padding: 8px;
  min-width: 110px;
  display: inline-block;
  text-align: center; }
  .more-btn:hover {
    color: inherit;
    text-decoration: none;
    opacity: 0.8; }


/*-----*/
.header-alert {
    background-color: #ed0101;
    color: #fff;
    padding: 1rem 0;
    font-size: 15px;
    text-align: center;
}
.header-alert a {
    color: #fff;
    transition: .5s;
    text-decoration: underline;
    margin-left: 5px;
}
.header-alert a:hover, .header-alert a:active, .header-alert a:focus {
    color: #ddd;
}
@media only screen and (max-width: 767px) {
    .header-alert a {
        display: block;
        margin-left: 0;
    }
    .hidden-special {
        display: none!important;
    }
}

/*-----*/
#GlobalHeader .header-login .header-login-content {
    padding: 0 2rem 1rem;
    top: 0;
}


/*-----*/
header {
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    border-bottom: 1px solid #3a414d;
    color: #fff;
}
  header .logo-wrap {
    position: absolute;
    z-index: 3;
    text-align: center;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 0 0 8px 8px;
    padding: 0 0 17px 0;
    width: 356px; }
    header .logo-wrap .login-btn {
      line-height: 42px;
      display: inline-block;
      border-radius: 5px;
      background: #092e6e;
      font-size: 13px;
      text-transform: uppercase;
      padding: 0 25px;
      width: 124px;
      text-align: center;
      color: #fff;
      border: none; }
      header .logo-wrap .login-btn i {
        margin-left: 15px; }
      header .logo-wrap .login-btn:hover {
        text-decoration: none;
        background: #051a3f; }
    header .logo-wrap form .login-btn i {
      margin-left: 25px; }
    header .logo-wrap .login-form {
      padding-left: 30px;
      padding-right: 30px; }
      header .logo-wrap .login-form p {
        margin: 20px 0 0; }
        header .logo-wrap .login-form p.add-link {
          margin-top: 10px; }
      header .logo-wrap .login-form input {
        width: 100%;
        height: 48px;
        border: 1px solid #afb4ba;
        font-size: 13px;
        font-family: inherit;
        padding: 0 12px;
        color: #58595b; }
    header .logo-wrap .add-link {
      font-size: 13px; }
      header .logo-wrap .add-link span {
        display: block; }
      header .logo-wrap .add-link a {
        color: #092e6e; }
        header .logo-wrap .add-link a:not(.small) {
          font-weight: 700; }
  header .contact-info-wrap {
    float: right;
    clear: right;
    font-size: 10.5px;
    padding: 11px 0 18px;
    position: relative;
    z-index: 2; }
    header .contact-info-wrap em {
      font-size: 9px;
      padding: 0 40px 0 8px; }
    header .contact-info-wrap a {
      color: inherit; }
      header .contact-info-wrap a span {
        font-size: 13px;
        font-weight: 700; }
  header nav {
    float: right;
    margin-right: -30px; }
    header nav li {
      float: left; }
      header nav li a {
        color: #fff;
        font-size: 15px;
        padding: 25px 15px 25px;
        display: inline-block;
		text-decoration: none;
        text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }
        header nav li a:hover {
          background: rgba(0, 0, 0, 0.2);
          color: #fff;
          text-decoration: none; }
        header nav li a:visited {
          background: rgba(0, 0, 0, 0.2);
          color: #fff;
          text-decoration: none; }
    header nav:after {
      background: rgba(0, 0, 0, 0.4);
      content: '';
      color: red;
      position: absolute;
      top: 0;
      height: 47px;
      left: 0;
      right: 0;
      border-bottom: 1px solid #333a49; }

	#checking-chart td {
		font-weight: 600;
	}
	  
	  
  .banner {
  background-size: cover;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  text-align: right;
  color: #fff; }
  .banner.remote-banner, .banner.mortgage-banner {
    height: 307px;
    padding-top: 174px; }
  .banner.remote-banner {
    background-image: url("remote-deposit-banner-bg.html"); }
  .banner.mortgage-banner {
    background-image: url("mortgage-banner-bg.html"); }
  .banner .banner-carousel .container {
    position: absolute;
    left: 50%;
    top: 42%; /*210px;*/
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    z-index: 2; 
	text-align: center;
  }
    .banner .banner-carousel .container.slick-dots-wrap {
      top: 90%; /*475px;*/
      padding-right: 0;
      padding-left: 0; }
  .banner .banner-carousel .slide-text {
    width: 100%;
    max-width: 700px;
    text-align: center;
    display: inline-block; }
  .banner .banner-carousel p {
    display: inline-block;
    max-width: 350px;
    padding: 10px 20px;
    margin-top: 20px;
    border-top: 2px solid #e0dfdf;
    font-size: 15px;
    min-height: 115px;
    font-family: 'Lato', sans-serif;
    line-height: 1.42857143;
  }
  .banner .banner-carousel a {
    color: #fff;
    font-weight: 700; }
  .banner .banner-carousel img {
    width: 100%; }
  .banner .slick-dots {
    max-width: 700px;
    width: 100%;
    /*float: right;*/
	margin: auto;
    text-align: center; }
    .banner .slick-dots li {
      display: inline-block;
      padding: 0 4px; }
    .banner .slick-dots button {
      width: 11px;
      height: 11px;
      border-radius: 6px;
      border: 1px solid #fff;
      background: transparent;
      text-indent: -999999px; }
    .banner .slick-dots .slick-active button {
      background: #fff; }

#content {
  padding-top: 50px;
  padding-bottom: 70px; }
  #content.home {
    padding-bottom: 0; }
  #content h2 {
    margin-top: 13px; }
  #content .img-wrap img {
    width: 100%;
    padding-top: 20px; }
  #content .remove-services {
    padding-bottom: 75px; }
    #content .remove-services p {
      font-size: 19px;
      margin: 30px 0 0;
      line-height: 1.25;
      letter-spacing: 0.02em;
      font-weight: 700; }
      #content .remove-services p strong {
        font-weight: 900; }

.social-feeds {
  padding-bottom: 50px; }
  .social-feeds > div {
    padding-left: 25px;
    padding-right: 25px; }
  .social-feeds .social-feed-item {
    min-height: 60px;
    padding: 15px 30px;
    border-radius: 10px;
    font-size: 13px;
    height: 260px;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 85%; }
    .social-feeds .social-feed-item.mobile-banking {
      background-image: url("social-feeds-mobile.png");
      background-color: #135679; }
    .social-feeds .social-feed-item.mortage-loans {
      background-image: url("social-feeds-mortage.png");
      background-color: #071f49; }
    .social-feeds .social-feed-item.locations-hours {
      background-image: url("icon-commtment.png");
      background-color: #092e6e; }
    .social-feeds .social-feed-item > div {
      text-align: center;
      line-height: 1.5;
      width: 100%; }
    .social-feeds .social-feed-item h2 {
      color: inherit; }
    .social-feeds .social-feed-item p {
      margin-bottom: 0; }
    .social-feeds .social-feed-item .more-link {
      display: inline-block;
      margin-top: 20px;
      color: inherit;
      font-size: 22px; }

.testimonials {
  background: url("testimonials-bg.png");
  padding: 40px 75px; }
  .testimonials .testimonials-slider {
    padding: 0 120px; }
    .testimonials .testimonials-slider .slick-arrow {
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0%, -50%);
      -moz-transform: translate(0%, -50%);
      transform: translate(0%, -50%);
      z-index: 2;
      text-indent: -9999px;
      background-image: url("slider-arrows.png");
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-color: transparent;
      border: none;
      width: 33px;
      height: 45px;
      opacity: 0.7; }
      .testimonials .testimonials-slider .slick-arrow.slick-prev {
        left: 0;
        background-position: 0 50%; }
      .testimonials .testimonials-slider .slick-arrow.slick-next {
        right: 0;
        background-position: 100% 50%; }
      .testimonials .testimonials-slider .slick-arrow:hover {
        opacity: 1; }
  .testimonials .testimonials-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end; }
    .testimonials .testimonials-item img {
      border: 4px solid #b1b9bb;
      width: 150px;
      min-width: 150px;
      max-width: 150px;
      border-radius: 75px; }
  .testimonials .testimonials-text {
    padding-left: 40px; }
    .testimonials .testimonials-text h4 {
      margin-bottom: 30px; }
    .testimonials .testimonials-text p {
      font-size: 16px;
      margin-bottom: 0;
      line-height: 1.2; }
      .testimonials .testimonials-text p:not(.author) {
        font-size: 22px;
        font-weight: 700;
        font-style: italic; }
        .testimonials .testimonials-text p:not(.author) span {
          font-size: 25px;
          color: #092e6e; }
      .testimonials .testimonials-text p.author {
        margin-top: 15px; }

.latest-info {
  background: url("diagonalbackground.jpg");
  padding: 40px 0;
  line-height: 63px; }
  .latest-info a {
    font-size: 25px;
    font-family: 'sinkin_bold';
    color: #666;
    text-transform: uppercase;
    display: inline-block; }
    .latest-info a i {
      margin-left: 15px;
      background: #666;
      width: 25px;
      height: 25px;
      text-align: center;
      border-radius: 13px;
      padding-left: 4px;
      top: 2px;
      position: relative;
      font-size: 25px; }
      .latest-info a i:before {
        color: #e5e4e9; }
  .latest-info img {
    float: left;
    margin-right: 20px; }
  .latest-info .pull-right img {
    margin-top: 10px; }

.featured-wrap .row + .row {
  margin-top: 45px; }

.featured-wrap h4 {
  margin-bottom: 35px; }

.featured-wrap img {
  width: 100%; }

.featured-wrap p {
  font-size: 19px;
  line-height: 1.2; }
  .featured-wrap p > span {
    display: block;
    padding-left: 40px;
    padding-top: 5px;
    font-weight: 600; }
  .featured-wrap p strong {
    font-family: 'sinkin_bold';
    font-weight: normal;
    font-size: 17px; }
    .featured-wrap p strong span {
      color: #3b3b3b; }
  .featured-wrap p a {
    color: #092e6e; }

.featured-wrap .bottom-text {
  font-size: 24px; }

.why-content ul {
  display: inline-block;
  width: 100%;
  margin: 0 0 -5px; }
  .why-content ul li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    float: left;
    height: 90px;
    background-color: #7c8385;
    max-width: 14.2%;
    width: 100%;
    color: #fff;
    padding-left: 60px;
    text-transform: uppercase;
    position: relative;
    font-family: 'sinkin_bold';
    font-size: 12px; }
    .why-content ul li:first-child {
      max-width: 14.8%;
      padding-left: 40px; }
    .why-content ul li:last-child {
      text-align: center; }
      .why-content ul li:last-child:after {
        display: none; }
    .why-content ul li.blue-bg {
      background-color: #135679; }
      .why-content ul li.blue-bg:after {
        border-left-color: #135679; }
    .why-content ul li.dark-blue-bg {
      background-color: #092e6e; }
      .why-content ul li.dark-blue-bg:after {
        border-left-color: #092e6e; }
    .why-content ul li.customer span {
      background-image: url("icon-customer.png");
      background-size: 69px auto; }
    .why-content ul li.commitment span {
      background-image: url("icon-commtment.png");
      background-size: 85px auto; }
    .why-content ul li.professionalism span {
      background-image: url("icon-professionalism.png");
      background-size: 64px auto; }
    .why-content ul li.integrity span {
      background-image: url("icon-integrity.png");
      background-size: 64px auto; }
    .why-content ul li.responsiveness span {
      background-image: url("icon-responsiveness.png");
      background-size: 55px auto; }
    .why-content ul li:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      right: -29px;
      width: 30px;
      border-left: 30px solid #7c8385;
      border-top: 45px solid transparent;
      border-bottom: 45px solid transparent;
      z-index: 5; }
    .why-content ul li span {
      height: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      margin: 0 auto;
      padding: 0 15px; }

    .why-content > ul > li  {
        margin-top: 0;
        line-height: 1.428;
    }
    .why-content { margin-bottom: -4px; }
	
.leader h4 {
    font-size: 22px;
}


#GlobalFooter footer {
  background: #071f49;
  color: #fff;
  padding-top: 38px; }
  #GlobalFooter footer h5, #GlobalFooter footer h5 a {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0 25px 0;
    letter-spacing: 0; }
  #GlobalFooter footer ul li {
    margin-top: 2px; 
    line-height: 1.428;
  }
    #GlobalFooter footer ul li a {
      color: #fff;
      font-size: 12px; }
      #GlobalFooter footer ul li a:hover {
        color: inherit; }
  #GlobalFooter footer .copyright {
    padding: 28px 0 40px; }
    #GlobalFooter footer .copyright ul li {
      float: left;
      padding: 0 5px;
      font-size: 10px; }
      #GlobalFooter footer .copyright ul li a {
        color: #fff; }

#StockPrice {
    text-align: right;
    padding: 0;
}
#GlobalHeader .header-nav {
    top: 47px;
    border-bottom: 1px solid #3a414d;
    background: rgba(0,0,0,0.2);
}
#GlobalHeader .header-nav li a {
    font-size: 15px;
    padding: 22px 0;
}
#GlobalHeader .header-stockprice {
    padding: 7px 0;
}
#navbar .nav-container > ul.nav {
    float: right;
}
#HeaderCtrl_lblOnlyPersonal b {
    font-size: 14px;
    line-height: 2;
    color: #333;
    font-family: "Sinkin Sans",sans-serif;
}
#HeaderCtrl_btnOnlyPersonal {
    font-family: "Sinkin Sans",sans-serif;
}

.img-wrap img { margin-top: 20px; }
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
    margin-top: 15px;
}

.AccountServices {
	background: url("remote-deposit-banner-bg.jpg");
	background-size: cover;
	background-position: center;
}
.LoanProducts {
	background: url("mortgage-banner-bg.jpg");
	background-size: cover;
	background-position: center;
}

.featured-wrap p {
    font-size: 17px;
}
.featured-wrap p span {
    font-size: 19px;
    font-family: 'Lato', sans-serif;
}

.home-banner .slick-slider h1 {
    color: #fff;
    font-size: 40px;
    letter-spacing: 0.06em;
    margin-bottom: 10px;
}
.slick-dots {
    position: relative;
    bottom: 0;
}
.slick-dots li {
    margin: 0;
}
.slick-dots-wrap {
    line-height: 1;
}
.testimonials {
    width: 100%;
    max-width: 100%;
}
.slick-slider {
    margin-bottom: 0;
}
.slick-initialized .slick-slide {
    outline: none;
}

.testimonials p {
    font-family: 'Lato', sans-serif;
}

.locations h2 {
    text-align: center;
    background: url("diagonalbackground.jpg");
    padding: 10px;
}
.locations header {
    margin-bottom: 0!important;
    background: none!important;
    border: none!important;
    position: relative!important;
}

.why-content ul li span {
    padding: 0;
}
.why-content ul li {
    padding-left: 40px;
}

/********* RESPONSIVE STYLES *********/
/**** TABLET ****/
@media only screen and (max-width: 1366px) {
  .banner .slick-dots li {
    padding: 0 10px; }
  .banner .banner-carousel img {
    height: 550px;
    width: auto;
    max-width: none; } 
}

@media only screen and (max-width: 1345px) {
    .why-content ul li span {
        font-size: 11px;
        padding: 0;
    }
}
@media only screen and (max-width: 1315px) {
    .why-content ul li span {
        font-size: 10px;
        padding: 0;
    }
}

@media only screen and (max-width: 1199px) {
  header .logo-wrap {
    width: 230px; }
  header .logo-wrap .login-form {
    margin-top: 20px; }
  header .contact-info-wrap em {
    padding-right: 20px; }
  header nav li a {
    padding: 15px; }
  header .logo-wrap .login-form {
    padding-right: 15px;
    padding-left: 15px; }
  .featured-wrap h4 {
    margin-bottom: 15px; }
  .why-content ul li {
    padding-left: 15px;
    font-size: 9px;
    padding-right: 0; }
  .why-content ul li:after {
    border-left-width: 20px; }
  .why-content ul li span {
    padding: 0 5px; } 
  #StockPrice span {
      font-size: 9.5px;
  }
  #GlobalHeader .header-nav li a {
      font-size: 12px;
  }

}

@media only screen and (max-width: 1055px) {
    .why-content ul li span {
        font-size: 9px;
        padding: 0;
    }
}

@media only screen and (max-width: 991px) {
  header .logo-wrap {
    width: 165px; }
  header .contact-info-wrap {
    font-size: 8px; }
  header .contact-info-wrap em {
    padding-right: 10px; }
  header .contact-info-wrap a span {
    font-size: 9px; }
  header nav {
    margin-right: -15px; }
  header nav li a {
    padding: 15px 8px;
    font-size: 13px; }
  header .logo-wrap .login-form input {
    height: 35px; }
  .banner .banner-carousel .container {
    /*top: 300px;*/
    max-width: 100%; }
  .banner .banner-carousel .container.slick-dots-wrap {
    top: auto;
    bottom: 10px; }
  .banner .banner-carousel img {
    height: 600px; }
  .social-feeds > div {
    padding-left: 10px;
    padding-right: 10px; }
  .social-feeds .social-feed-item {
    padding: 15px; }
  .testimonials {
    padding-right: 15px;
    padding-left: 15px; }
  .testimonials .testimonials-slider {
    padding: 0 60px; }
  .latest-info a {
    font-size: 20px; }
  .more-btn {
    min-width: inherit; }
  .why-content ul li:first-child {
    padding-left: 15px; }
  .why-content ul li:last-child {
    padding-left: 25px; }
  .row > .row {
    margin: 0; } 

  #GlobalHeader .header-nav {
      top: 0;
      /*background: #ccc;*/
      padding-right: 15px;
  }
  .menu-btn.navbar-toggle {
      border: 1px solid #fff;
  }

  .why-content ul li,
  .why-content ul li:first-child,
  .why-content ul li:last-child {
    width: 100%;
    display: inline-block;
    max-width: inherit;
    font-size: 14px;
    text-align: center;
    height: inherit;
    padding-left: 0; }
  .why-content ul li:after {
    display: none; }
  .why-content ul li span {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 30px 10px;
    height: inherit; }
  .why-content ul li br {
    display: none; }
  .why-content ul li h3,
  .why-content ul li .more-btn {
    margin: 20px 0; }
}

/**** MOBILE ****/
@media only screen and (max-width: 767px) {
  h1, .home-banner .slick-slider h1 {
    font-size: 25px; }
  h2 {
    font-size: 22px; }
  #GlobalHeader .header-nav {
      top: 0;
      /*background: #ccc;*/
      padding-right: 15px;
  }
  #new-branch-pic {
      position: relative;
      left: -112%;
  }
  .menu-btn.navbar-toggle {
      border: 1px solid #fff;
  }
  header {
    /*height: 52px;*/
    position: relative; }
  header .container {
    padding: 0; }
  header .container .row {
    margin: 0; }
  header .logo-wrap {
    left: 15px;
    width: 200px; }
  header .contact-info-wrap,
  header nav:after {
    display: none; }
  header .navbar-toggle {
    border: 2px solid #fff; }
  header .navbar-toggle .icon-bar {
    background: #fff; }
  header .navbar-collapse {
    position: relative;
    z-index: 5;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    background: rgba(0, 0, 0, 0.8); }
  header nav {
    margin-right: 0;
    width: 100%; }
  header nav li {
    width: 100%;
    text-align: right; }
  header .navbar-collapse:before {
    left: -15px; }
  header .navbar-collapse:after {
    right: -15px; }
  header nav li a {
    padding: 15px 25px;
    display: block;
    font-size: 15px; }
  .banner {
    padding-left: 15px;
    padding-right: 15px; }
    .banner.remote-banner {
      padding-top: 135px;
      height: 200px; }
    .banner.home-banner {
      padding-left: 0;
      padding-right: 0; }
  .banner .banner-carousel .container {
    width: 100%;
    left: 0;
    /*top: 280px;*/
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }
  .banner .banner-carousel .slide-text,
  .social-feeds > div {
    padding-left: 15px;
    padding-right: 15px; }
  .social-feeds > div + div {
    margin-top: 15px; }
  .latest-info img {
    display: none; }
  .testimonials .testimonials-item {
    display: inline-block;
    width: 100%;
    text-align: center; }
  .testimonials .testimonials-text {
    padding-left: 0;
    padding-top: 20px; }
  .testimonials .testimonials-item img {
    margin: 0 auto; }
  #content {
    padding-top: 30px;
    padding-bottom: 30px; }
  #content .remove-services p {
    font-size: 17px; }
  .img-wrap {
    margin-bottom: 30px; }
  .featured-wrap h4 {
    margin-top: 20px; }
  
  footer .copyright {
    text-align: center; }
  footer .copyright ul {
    display: inline-block; } }

@media only screen and (max-width: 479px) {
  .latest-info {
    line-height: 25px; }
  .latest-info a {
    font-size: 12px; }
  .latest-info a i {
    display: none; }
  .testimonials .testimonials-text p:not(.author) {
    font-size: 20px; } }



.front-page-callout {
    font-size: 18px;
    color: #ff1717;
}


@media only screen and (min-width: 1200px) {
    .front-page-callout .hide-large {
        display: none;
    }
}


@media only screen and (max-width: 550px) {
    .front-page-callout {
        font-size: 15px;
    }
}


@media only screen and (max-width: 450px) {
    .front-page-callout .hide-mobile-small {
        display: none;
    }
}