/*
Theme Name: Liberty Bank 
Theme URI: http://redleafhq.com/
Author: Red Leaf Interactive
Author URI: http://redleafhq.com/
Description: WordPress theme created by <a href="http://redleafhq.com/" title="Red Leaf Interactive">Red Leaf Interactive</a> for Liberty Bank.
Version: 1.2.1a
Tags: red-leaf-interactive, redleafhq, custom-theme, liberty bank
Text Domain: libertybanknw.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/******************************************************************************/

/*******************************************************************************
WORDPRESS-RECOMMENDED STYLES
http://codex.wordpress.org/Wrapping_Text_Around_Images
*/

img.alignright {float:right; margin:.5em 0 2em 2em;}
img.alignleft {float:left; margin:.5em 2em 2em 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 30px;}
.alignright {float:right; margin:.5em 0 1em 1em;}
.alignleft {float:left; margin:.5em 1em 1em 0;}
.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 30px;}
.wp-caption {max-width: 100%;}
.wp-caption-text {text-align: center; margin-top: 10px; font-size: 14px; color: #b2b2b2; font-family: "droid-serif",serif; font-style: italic;}

/******************************************************************************/
/******************************************************************************/
/******************************************************************************/

/******************************************************************************/
/* GENERAL                                                                    */
/******************************************************************************/

/* font-family: "droid-serif",serif; */
/* font-family: "effra",sans-serif; */
/* font-family: "kremlin-pro-web",serif; */ /* alt for Highland Perk */
/* font-family: "grandma",sans-serif; */ /* alt for HandSlab */

html {overflow-x: hidden;}
body {background: #112333; font-size: 16px; color: #666; font-family: "effra", sans-serif; font-weight: 400;}
#wrapper {max-width: 1400px; margin: 0 auto; background: #fff;}
h1 { margin: 0; font-size: 60px; color: #fff; font-weight: 300; }
h2 { color: #879859; font-size: 40px; font-weight: 300;}
h2 span {border-bottom: 2px solid #e6e6e6;}
h3 { font-size: 30px; }
p {font-family: "effra", sans-serif; font-weight: 400; font-size: 16px; color: #666; line-height: 1.6em;}
p.lead { font-size: 25px; color: #112333; }
blockquote {line-height: 1.6em;}

.intro { margin-bottom: 40px; }
.intro h2 { color: #112333; font-weight: 700; margin-bottom: 10px;}
.intro h3 { color: #d99736; font-weight: 700; }

.blue {       color: #14293b !important; }
.light-blue { color: #68acc0 !important; }
.gold {       color: #d99736 !important; }
.green {      color: #879859 !important; }
.white {      color: #ffffff !important; }

a {color: #879859; -o-transition: color 0.4s ease; -ms-transition: color 0.4s ease; -moz-transition: color 0.4s ease; -webkit-transition: color 0.4s ease; transition: color 0.4s ease;}
/* .relationships a[href]:hover {background-color: rgba(255,255,255,0.5); -o-transition: background-color 0.4s ease; -ms-transition: background-color 0.4s ease; -moz-transition: background-color 0.4s ease; -webkit-transition: background-color 0.4s ease; transition: background-color 0.4s ease;} */
a:hover, a:active {color: #d99736;}
a:active, a:focus, a:visited {text-decoration: none!important;}
.btn {border: 0; -o-transition: background-color 0.4s ease; -ms-transition: background-color 0.4s ease; -moz-transition: background-color 0.4s ease; -webkit-transition: background-color 0.4s ease; transition: background-color 0.4s ease; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}
main a:hover, footer a:hover {text-decoration: none; color: #4c4d4f; border-color: #4c4d4f;}
.btn:hover, .btn:focus {background: #879859;}
a.btn {text-decoration: none; font-weight: 700;}

.btn-lg {
  font-size: 14px; 
  text-transform: uppercase; 
  padding: 15px 45px;
}

.btn.btn-teal { 
  color: #4d655d; 
  border: 2px solid #4d655d; 
  background-color: transparent !important; 
}
.btn.btn-teal:hover, .btn.btn-teal:active { 
  color: #cbe1da;
  background-color: #4d655d !important;
}

.btn.btn-yellow { 
  color: #ffffff; 
  background-color: #d99736 !important; 
}
.btn.btn-yellow:hover, .btn.btn-yellow:active { 
  color: #d99736;
  background-color: #ffffff !important;
}

.btn.btn-white { 
  color: #14293b; 
  background-color: #ffffff !important; 
}
.btn.btn-white:hover, .btn.btn-white:active { 
  color: #ffffff;
  background-color: #14293b !important;
}

.spacer {     padding-top: 60px; padding-bottom: 70px; }
.spacer-lg {  padding-top: 120px; padding-bottom: 140px; }
.header {     padding: 80px 0 100px; }
.header-lg {     padding: 180px 0 200px; }

.lbb-portrait { width: 200px; height: auto; margin-bottom: 10px; display: block; }


/******************************************************************************/
/* TOP and OFF-CANVAS NAVIGATION                                              */
/******************************************************************************/

.navbar-header {background: #14293b; border: none; position: relative; z-index: 100; margin-bottom: 0;}
.topnav {background: #14293b url("/wp-content/uploads/bg-header-nav.png") top left repeat-x; position: relative; z-index: 100; border: none;}
.topnav .navbar-nav {float: right !important; margin-right: -15px;}
    .topnav .navbar-nav li:first-child, .topnav .navbar-nav li:first-child + li {position: absolute; bottom:-115px; right: 230px; text-transform: none !important; font-size: 20px !important; font-weight: 300 !important;}
    .topnav .navbar-nav li:first-child + li {right: 15px;}
    .topnav .navbar-nav li:first-child a, .topnav .navbar-nav li:first-child + li a {height: 118px; padding-top: 45px; padding-left: 0; padding-right: 0; border-bottom: 2px solid transparent;}
    .topnav .navbar-nav li:first-child a:hover , .topnav .navbar-nav li:first-child + li a:hover {border-bottom: 2px solid #d99736;}
    .topnav .navbar-nav li.active:first-child a, .topnav .navbar-nav li:first-child + li.active a {border-bottom: 2px solid #d99736;}

.navbar-nav a:hover, .navbar-nav li.active a {color: #d99736 !important;}
    .navbar-nav li.active a {background: none !important;}
    .navbar-nav>.current-menu-item>a, .navbar-nav>.current-menu-item>a:hover, .navbar-nav>.current-menu-item a:focus {border-bottom: 0; color: #d99736;}
.navbar {border: none; margin-bottom: 0;}
    .navbar a:hover {}
.navbar-toggle {border: 0;}
    .navbar-toggle:hover, .navbar-toggle:focus {background: none !important;}
.icon-bar {background-color: #d99736 !important; position: relative; z-index: 100;}
.navbar li {font-size: 12px; text-transform: uppercase;}
    .navbar li a {color: #fff !important; padding-top: 10px;}
    .navbar li.login {padding-top: 8px; padding-left: 10px;}
    .navbar li.login a {padding: 1px 20px; background: #879859; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-transition: background-color 0.4s ease; -ms-transition: background-color 0.4s ease; -moz-transition: background-color 0.4s ease; -webkit-transition: background-color 0.4s ease; transition: background-color 0.4s ease;}
    .nav li.login a:hover {background: #d99736; color: #fff!important;}
    .nav li.login a:focus {background: #879859;}
a.logo img {margin-left: -15px; padding-top: 40px;}
.navbar-offcanvas, .navbar-offcanvas .navbar-nav  {background-color: #d99736 !important; border-color: #d99736 !important; padding: 10px;}
    .navbar-offcanvas .navbar-nav li {text-align: left; padding: 10px 0; border-bottom: 1px solid #dda24a;}
        .navbar-offcanvas .navbar-nav li a:hover {color: #153149!important;}
    .navbar-offcanvas .nav li.login {margin-top: 75px; text-align: center; border-bottom: 0;}
    .navbar-offcanvas .nav li.login a {background: transparent; border: 2px solid #fff; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}
    .navbar-offcanvas .navbar-nav li.login a {padding: 10px 0 !important;}
    .navbar-offcanvas .nav li.login a:hover {background: #153149; color: #fff!important;}

/******************************************************************************/
/* SECTIONS                                                                   */
/******************************************************************************/

#billboard-carousel { position: relative; }
    .carousel .item {
      -webkit-transition: opacity 1s; 
      -moz-transition: opacity 1s;
       -ms-transition: opacity 1s; 
       -o-transition: opacity 1s; 
       transition: opacity 1s;
      background-color: #14293b;
      background-position: center center; 
      background-repeat: no-repeat; 
      background-size: cover; 
    }
    a:hover {
      cursor: pointer !important;
    }
    #billboard-carousel .item img {
      display: none;
    }
    #billboard-carousel .item {
      padding-top: 150px;
      height: 550px;
    } 
    .carousel .item h1 {
      color: #fff;
      margin-bottom: 20px;
    }
    .carousel .item blockquote {
      font-weight: 400;
      margin: 0 0 20px 0;
      padding: 0;
      border-left: 0px;
    }
    .carousel .item blockquote p {
      font-family: "felt-tip-roman";
      color: #fff;
      font-size: 35px;
    }
    .carousel .item h2 {
      color: #fff; 
      padding: 0; 
      margin: 0;
      font-size: 20px !important; 
      font-weight: 600; 
      text-transform:uppercase; 
      margin-bottom: 10px;
    }
    .carousel .item p {
      color: #fff; 
      padding: 0; 
      margin: 0 0 20px;
    }
    .carousel .item h3 {
      color: #fff; 
      padding: 0; 
      margin: 0;
      font-size: 16px !important; 
      font-weight: 300;
    }
    .carousel .item .btn {
      font-size: 14px; 
      text-transform: uppercase;
      font-weight: 600;
      padding: 15px 35px;
      margin-top: 30px;
      background: #d99736;
      }
    .carousel .item .btn:hover {
      
    }
    #billboard-carousel .carousel-control.left,
    #billboard-carousel .carousel-control.right {
      background-image: none;
    }
    #billboard-carousel .carousel-control {
      width: 65px; 
      height: 65px; 
      margin-top: 220px; 
      margin-left: 10px; 
      margin-right: 10px; 
      background-color: transparent; border: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; opacity: 1; text-shadow: none!important;
    }
    #billboard-carousel .carousel-control:hover {
      background-color: #d99736;
    }
    #billboard-carousel .carousel-control .glyphicon {
      font-size: 25px; 
      margin-top: -12px;
      text-shadow: 0px 0px 5px rgba(0,0,0,.2);
      } 
    
    .carousel .active.left, .carousel .active.right {left:0; opacity:0; z-index:2;}
    #carousel .carousel-indicators {text-align: right; width: 20%; margin-left: 0; left: 78%; bottom: 1px;}
    #carousel .carousel-indicators li {background-color: #d99736; border: none;}
    #carousel .carousel-indicators .active {background-color: #fff; border: none; width: 10px; height: 10px; margin: 1px;}


#carousel-bottom .carousel-control.left, #carousel-bottom  .carousel-control.right {background-image: none;}
    #carousel-bottom .carousel-control {width: 65px; height: 65px; margin-top: 200px; margin-left: 12%; margin-right: 12%; background-color: #d99736; border: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; opacity: 1; text-shadow: none!important;}
    #carousel-bottom .carousel-control:hover {opacity: 1; background: #879859; color: #fff; text-decoration: none;}
    #carousel-bottom .carousel-control .glyphicon {font-size: 25px; margin-top: -12px;} 
    #carousel-bottom {margin-top: 1px; margin-bottom: 120px;}
    #carousel-bottom .carousel-indicators {bottom: -40px !important; left: 49.6% !important;}
    #carousel-bottom .carousel-indicators li {background-color: #d99736; border: none;}
    #carousel-bottom .carousel-indicators .active {background-color: #000; border: none; width: 10px; height: 10px; margin: 1px;}
    #carousel-bottom .item {
      height: 456px; 
      padding: 20px; 
    }

footer {background: #153149; text-align: center; padding-bottom: 40px;}
    footer p, footer li, footer a {font-size: 12px; color: #d99736; font-style: italic;}
    footer a {text-decoration: none;  border-bottom: 0;}
    footer p a:hover, footer li a:hover {color: #d99736;}
    footer .newsletter {background: #f7f7f7; padding: 45px 0 65px 0; margin-bottom: 40px;}
        footer .newsletter h2 {color: #153149; font-size: 14px; text-transform: uppercase; line-height: 1.4em; font-weight: 700; margin-bottom: 0; text-align: center;}
        footer .newsletter form {width: 475px; margin: 0 auto; margin-top: 20px;}
        footer .newsletter form #email, footer .newsletter form #mce-EMAIL {text-align:center; width: 475px; border-color: #e6e6e6; border-width: 2px; -moz-border-radius: 25px; border-radius: 25px;}
    footer .logo {margin-bottom: 40px;}
    footer .nav-footer ul {margin-bottom: 30px;}
        footer .nav-footer a {color: #fff; text-transform: uppercase; font-style: normal; margin-left: 10px;}
        footer .nav-footer:last-child {margin-left: 0;}
        footer .nav-footer .login {display: none;}
    footer .social {margin-bottom: 30px;}
        footer .social img {margin-left: 8px;}
        footer .social:last-child {margin-left: 0;}
        /*
        footer .social .fa-circle {color: #fff!important;}
        footer .social a.facebook:hover .fa-circle, footer .social a.facebook:active .fa-circle {color: #3b5998 !important;}
        footer .social a.twitter:hover .fa-circle, footer .social a.twitter:active .fa-circle {color: #00aced !important;}
        footer .social a .fa-facebook, footer .social a .fa-twitter {color: #153149;}
        footer .social a .fa-rss, footer .social a .fa-rss {color: #ff6600;}
        footer .social a .fa-linkedin, footer .social a .fa-linkedin {color: #1381ba;}
        footer .social a:hover .fa-facebook, footer .social a:hover .fa-twitter, .social a:hover .fa-rss, .social a:hover .fa-linkedin {color: #fff;}
        */
        footer .copyright {padding-bottom: 30px;}
        footer .copyright ul {margin: 0; padding: 0; list-style: none;}
        footer .copyright ul li {padding-bottom: 5px; font-weight: 400; font-family: "droid-serif",serif;}
        footer .copyright a:hover, footer .copyright a:active {color: #fff;}
        footer .copyright p {color: #879859;}
    footer #back-to-top {width: 50px; height: 50px; text-align: center; padding: 10px 15px; font-size: 22px; line-height: 1.33; border-radius: 25px; background: #d99736; margin-top: -105px;}
        footer #back-to-top:focus {outline: none !important;}
        footer #back-to-top:hover {background: #879859 !important;}
        footer #back-to-top:focus {background: #d99736 !important;}

#login .modal-content {background: #fff; border-width: 0; -moz-border-radius: 0; border-radius: 0; border-top: 2px solid #d99736; box-shadow: none; top: 100px !important;}
    #login .modal-header {border-bottom: none;}
    #login .close {font-size: 24px; color: #d99736; opacity: 1;}
    #login .modal-body {padding: 0 45px 30px 45px; text-align: center;}
    #login h2 {padding-top: 15px; font-size: 26px; margin-bottom: 0;}
    #login p {font-size: 16px;}
    #login .modal-login {text-transform: uppercase; font-size: 14px; padding: 15px 40px; margin: 20px 0; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}

    #login .loginlink {font-size: 14px; font-style: italic;}
    #login .loginlink a {text-decoration: none;}

    #login .left {border-right: 1px solid #e6e6e6;}
    #login .left h2 {color: #879859; padding-bottom: 10px;}
    #login .left .modal-login {background: #879859;}
    #login .left .loginlink a {color: #879859;}
    
    #login .middle {border-right: 1px solid #e6e6e6;}
    #login .middle h2 {color: #68acc0; padding-bottom: 10px;}
    #login .middle .modal-login {background: #68acc0;}
    #login .middle .loginlink a {color: #68acc0;}

    #login .right h2 {color: #d99736; padding-bottom: 10px;}
    #login .right .modal-login {background: #d99736;}
    #login .right .loginlink a {color: #d99736;}

.callout { border-top: 2px solid #879859; background: #f7f7f7; padding: 20px; margin-bottom: 20px; }

.sidebar h2 {text-align: left; font-size: 18px!important; font-weight: 700; color: #879859; margin-bottom: 15px!important; margin-top: 0!important;}
    .sidebar nav ul {border-top: 2px solid #879859; background: #f7f7f7; padding: 0 20px; margin-bottom: 20px;}
    .sidebar nav ul li { border-bottom: 1px solid #e8e8e8;}
    .sidebar nav ul li:last-child {border-bottom: none;}
    .sidebar nav ul li a {display: block; height: 60px; line-height: 60px; font-size: 12px; font-weight: 700; color: #666; text-transform: uppercase;}
    .sidebar nav ul li a:hover, .sidebar nav ul li.active a {color: #879859;}
    .sidebar .box {border-top: 2px solid #879859; background: #f7f7f7; padding: 20px; margin-bottom: 20px;}
    .sidebar .connect p {padding-bottom: 10px;}
    .sidebar .connect .linkedin {}
    .sidebar .connect .rss {}
    .sidebar .newsletter form #email, .sidebar .newsletter form #mce-EMAIL {text-align:center; border-color: #e6e6e6; border-width: 2px; -moz-border-radius: 25px; border-radius: 25px;}
    
    .sidebar .box .btn { background: #879859; color: #fff;}
    .sidebar .box .btn:hover { background: #153149; }

    
.submenu li a {font-size: 14px; text-transform: uppercase; font-weight: 700;}

.loginpage {text-align: center; }
    .loginpage header { background: url("/wp-content/uploads/bg-header-loginpage.jpg") center center no-repeat; background-size: cover;}
    .loginpage h2 {font-weight: 700; margin-bottom: 20px; font-size: 26px;}
    .loginpage p {font-size: 16px;}
    .loginpage .btn {text-transform: uppercase; font-size: 14px; padding: 15px 40px; margin: 20px 0; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}
    .loginpage .loginlink {font-size: 14px; font-style: italic;}
    .loginpage .loginlink a {text-decoration: none;}
    .loginpage .online-banking h2 {color: #879859;}
    .loginpage .online-banking .btn {background: #879859;}
    .loginpage .online-banking .loginlink a {color: #879859;}
    .loginpage .remote-deposit-capture h2 {color: #68acc0;}
    .loginpage .remote-deposit-capture .btn {background: #68acc0;}
    .loginpage .remote-deposit-capture .loginlink a {color: #68acc0;}
    .loginpage .business h2 {color: #d99736;}
    .loginpage .business .btn {background: #d99736;}
    .loginpage .business .loginlink a {color: #d99736;}

.tilesrow {margin-bottom: 80px;}
.tile {position: relative;}
    .tile {height: 230px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
    .tile .caption {position: absolute; bottom: 0; left:0; width: 100%;  padding-top: 15px; top: 185px; left: 0; overflow: hidden; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
    .tile .caption h4, .tile .caption p {position: relative; text-align: center; top: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
    .tile .caption h4 {margin: 0; padding: 0; text-align: center; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 700;}
    .tile .caption p {text-align: center; color: #fff; font-size: 16px; line-height: 1.6em; font-family: "droid-serif"; margin: 20px 0; font-style: italic; width: 90%; max-width: 380px; margin-left: auto; margin-right: auto;}
    .tile .caption .learn {font-family: "effra",sans-serif; text-transform:uppercase; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; background: #fff; font-size: 12px; padding: 6px 0; font-style: normal; width: 140px!important; font-weight: 700;}
    .tile.business {background-image: url("/wp-content/uploads/tile-business-sm.jpg");}
    .tile.business .caption {background: rgba(135, 152, 89, .9);}
        .tile.business .caption .learn {color: #879859;}
    .tile.loan {background-image: url("/wp-content/uploads/tile-loan-sm.jpg");}
    .tile.loan .caption {background: rgba(104, 172, 192, .9);}
        .tile.loan .caption .learn {color: #68acc0;}
    .tile.home {background-image: url("/wp-content/uploads/tile-home-sm.jpg");}
    .tile.home .caption {background: rgba(217, 151, 54, .9);}
        .tile.home .caption .learn {color: #d99736;}
    .tile:hover .caption {top: 0;}
    .tile:hover .caption h4, .tile:hover .caption p {top: 15px;}

.home .contact {background: #153149 url("/wp-content/uploads/map-new.jpg") top center no-repeat; margin-bottom: 50px; color: #fff; font-size: 14px; line-height: 1.8em;}
    .home .contact h2 {text-align: left; color: #d99736; margin: 80px 0 25px 0; font-weight: 300;}
    .home .contact .btn {margin-top: 30px; margin-bottom: 60px; padding: 15px 30px; background: #153149; color: #d99736; border: 2px solid #d99736; text-transform:uppercase; font-size: 12px;}
    .home .contact .btn:hover, .home .contact .btn:active {background: #d99736; color: #fff;}

.aboutlbb header { background: url("/wp-content/uploads/bg-header-about-new.jpg") center center no-repeat; background-size: cover; }
    .aboutlbb .submenu {margin-top: 20px;}
        .aboutlbb .submenu li a {color: #153149;}
        .aboutlbb .submenu li a:hover, .aboutlbb .submenu li a:active {color: #879859;}
        .aboutlbb .submenu li:first-child a {color: #879859;}
    .aboutlbb blockquote {border: 0; padding-top: 0; font-family: "droid-serif",serif; font-style: italic; font-size: 16px; font-weight: 300; color: #d99736; text-align: center;}
    .aboutlbb blockquote img {display: block; margin: 0 auto; max-width: 100%; height: auto; margin-top: 10px; margin-bottom: 10px;}
    .aboutlbb cite {display: block; font-family: "effra", sans-serif; font-size: 12px; color: #153149; text-transform: uppercase; font-weight: 700;}
    .aboutlbb .investors { background: #cbe1da; }
    .aboutlbb .investors p.lead { color: #4d655d; }
        
    .aboutlbb .team h2 { color: #879859; font-weight: 300!important; margin-bottom: 40px;}
    .aboutlbb .team p:first-of-type {text-align: center;}
    .aboutlbb .team-nav {width: 550px; margin: 0 auto;}
    .aboutlbb .team-nav button {margin: 40px 5px 55px 5px; font-size: 12px; padding: 3px 20px; background: #f7f7f7; color: #666; text-transform: uppercase;}
    .aboutlbb .team-nav button:hover, .aboutlbb .team-nav button.active {background: #879859; color: #fff;}
    
    .aboutlbb #bio-exec,
    .aboutlbb #bio-managers,
    .aboutlbb #bio-board { display: block; }
    .aboutlbb .bio { margin-bottom: 20px; }
    .aboutlbb .bio img {max-width: 100%; height: auto; display: block; margin: 0 auto;}
    .aboutlbb .bio a img {border-bottom: 2px solid #d99736;}
        .aboutlbb .bio a:hover img, .aboutlbb .bio a:active img {border-bottom: 2px solid #879859;}
    .aboutlbb .bio h2 { font-size: 26px; text-align: center; font-weight: 300 !important; margin-top: 15px; margin-bottom: 10px;}
        .aboutlbb .bio h2 a {color: #d99736;}
            .aboutlbb .bio h2 a:hover, .aboutlbb .bio h2 a:active {color: #879859;}
    .aboutlbb .bio h3 {font-size: 12px; color: #666; text-transform: uppercase; text-align: center; font-weight: 700 !important; margin-top: 0; margin-bottom: 20px; }
    .aboutlbb .contact { background: #153149 url("/wp-content/uploads/map-new.jpg") top center no-repeat; text-align: left; }
    .aboutlbb .contact h2 { color: #d99736; margin-bottom: 20px; font-weight: 300!important;}
    .aboutlbb .contact p { color: #fff; }
    .aboutlbb .contact .btn {margin-top: 30px; padding: 15px 30px; background: #153149; color: #d99736; border: 2px solid #d99736; text-transform:uppercase; font-size: 12px;}
        .aboutlbb .contact .btn:hover, .aboutlbb .contact .btn:active {background: #d99736; color: #fff;}
    .aboutlbb .BoardMemberBio {}
        .aboutlbb .BoardMemberBio h1 {text-align: left; margin-top: 0; margin-bottom: 5px; color: #d99736; font-size: 28px;} 
        .aboutlbb .BoardMemberBio h2 {text-align: left; text-transform: uppercase; font-size: 12px; margin-bottom: 25px;}
        .aboutlbb .BoardMemberBio div.intro {text-align: left;}
        .aboutlbb .BoardMemberBio p {text-align: left;}
        .aboutlbb .BoardMemberBio .modal-header {border-bottom: none; padding: 0; overflow: hidden;}
        .aboutlbb .BoardMemberBio .modal-footer {border-top: none;}
        .aboutlbb .BoardMemberBio .modal-content {border-top: 4px solid #d99736; padding: 25px; border-radius: 0;}
        .aboutlbb .BoardMemberBio .previous, .aboutlbb .BoardMemberBio .next {font-weight: 700; text-shadow: 0 1px 0 #fff;}
        .aboutlbb .BoardMemberBio button.previous, .aboutlbb .BoardMemberBio button.next {-webkit-appearance: none; padding-bottom: 20px; margin-right: 7px; cursor: pointer; background: 0 0; border: 0;}
        .aboutlbb .BoardMemberBio .close, .aboutlbb .BoardMemberBio .previous, .aboutlbb .BoardMemberBio .next {font-size: 36px; color: #d99736; opacity: 1;}
        .aboutlbb .BoardMemberBio .previous, .aboutlbb .BoardMemberBio .next {font-size: 30px!important;}
        .aboutlbb .BoardMemberBio .close {margin-bottom: -8px;}

.solutions .rdc { background-color: #112333; background: url("img/rdc-background.jpg") center center no-repeat; background-size:cover; }
  .solutions .rdc h1,
  .solutions .rdc h2,
  .solutions .rdc p { color: #fff; text-align: left; }
  .solutions .rdc h2 { margin-bottom: 25px; }
  .solutions .rdc .btn {margin-top: 30px; padding: 15px 30px; background: transparent; color: #fff; border: 2px solid #fff; text-transform:uppercase; font-size: 12px;}
  .solutions .rdc .btn:hover, .solutions .rdc .btn:active {background: #d99736; color: #fff;}

.rdc header {margin-bottom: 60px; background: url("img/rdc-background.jpg") center center no-repeat; background-size: cover; padding: 100px; }
  .rdc header h1 { text-align: left; margin-bottom: 25px; }
  .rdc header p { color: #fff; }
  .rdc h2 { text-align: left; margin-bottom: 15px; }
  
  .rdc-features h2 { text-align: center; }
  
.store-icon {
  width: 150px;
  height: auto;
  margin: 0 10px 10px 0;
}
  
.rdc-features { text-align: center; }
.rdc-features img { width: 100px; height: 100px; margin-bottom: 10px; }
.rdc-features h4 { color: #879859; font-weight: 600; text-transform: uppercase; }

.rdc-camera { overflow: hidden; }
.rdc-camera p.lead {  }
.rdc-camera ul { margin: 0 0 70px 0; padding: 0; font-size: 18px; }
.rdc-camera li { list-style: none; border-bottom: 1px solid #f7f7f7; padding: 10px 0; margin: 0; }
.rdc-camera img { max-width: 100%; height: auto; }

.rdc-contact { padding: 70px 0; background-color: #112333; background: url("img/rdc-contact.jpg") center center no-repeat; background-size:cover; text-align: center; }
  .rdc-contact h2 { color: #fff; text-align: center; font-weight: 600; }
  .rdc-contact p { color: #fff; text-align: center; }
  .rdc-contact p.small { font-size: 12px; margin-top: 40px; }
  .rdc-contact .btn {margin-top: 30px; margin-bottom: 60px; padding: 15px 30px; background: transparent; color: #fff; border: 2px solid #fff; text-transform:uppercase; font-size: 12px;}
    .rdc-contact .btn:hover, .rdc-contact .btn:active {background: #d99736; color: #fff;}
    
.solutions .cc-callout { background-color: #112333; background: url("img/cc-background.jpg") center center no-repeat; background-size:cover; }
  .solutions .cc-callout h1,
  .solutions .cc-callout h2,
  .solutions .cc-callout p { color: #fff; text-align: left; }
  .solutions .cc-callout h2 { margin-bottom: 25px; }
  .solutions .cc-callout .btn {margin-top: 30px; padding: 15px 30px; background: transparent; color: #fff; border: 2px solid #fff; text-transform:uppercase; font-size: 12px;}
  .solutions .cc-callout .btn:hover, .solutions .cc-callout .btn:active {background: #d99736; color: #fff;}


.cc header {margin-bottom: 60px; background: url("img/cc-background.jpg") center top no-repeat; background-size: cover; padding: 100px; }
  .cc header h1 { text-align: left; margin-bottom: 25px; }
  .cc header p { color: #fff; }
    
.cm header {margin-bottom: 60px; background: url("img/cm-background.jpg") center center no-repeat; background-size: cover; padding: 100px; }
  .cm header h1 { text-align: left; margin-bottom: 25px; }
  .cm header p { color: #fff; }
  .cm h2 { text-align: left; margin-bottom: 15px; }
  
  .cm-features h2 { text-align: center; }
  
.cm-features { text-align: center; }
.cm-features img { width: 100px; height: 100px; margin-bottom: 10px; }
.cm-features h2 {color: #112333; }
.cm-features h4 { color: #879859; font-weight: 600; }

.cm-contact { padding: 70px 0; background-color: #112333; background: url("img/rdc-contact.jpg") center center no-repeat; background-size:cover; text-align: center; }
  .cm-contact h2 { color: #fff; text-align: center; font-weight: 600; }
  .cm-contact p { color: #fff; text-align: center; }
  .cm-contact p.small { font-size: 12px; margin-top: 40px; }
  .cm-contact .btn {margin-top: 30px; margin-bottom: 60px; padding: 15px 30px; background: transparent; color: #fff; border: 2px solid #fff; text-transform:uppercase; font-size: 12px;}
    .cm-contact .btn:hover, .cm-contact .btn:active {background: #d99736; color: #fff;}
    
    
.workshop header { background: url("/wp-content/uploads/bg-header-news-resources.jpg") center center no-repeat; background-size: cover; text-align: center; }
.workshop .topper { background-size: cover; background-position: center center; background-repeat: no-repeat; }
  .workshop-list .btn {margin-top: 10px; margin-bottom: 20px; padding: 15px 30px; background: transparent; color: #d99736; border: 2px solid #d99736; text-transform:uppercase; font-size: 12px;}
  .workshop-list .btn:hover, .workshop-list .btn:active {background: #d99736; color: #fff;}
  
.workshop-list h6 {
  background-color: #d99736;
  color: #14293b;
  padding: 10px 20px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: -15px;
}

.workshop-list h2 {
  color: #d99736;
  font-weight: 600;
}
.workshop-list h4 {
  color: #ffffff;
  font-weight: 600;
}
.workshop-list p {
  color: #ffffff;
}

 
.recent-news {margin-bottom: 70px;}
    .recent-news img {display: block; margin: 0 auto; max-width: 100%; height: auto;}
    /* .recent-news a img {border-bottom: 2px solid #879859;} */
        .recent-news a:hover img, .recent-news a:active img {border-color: #d99736;}
    .recent-news .news-content {border-top: 2px solid #879859; padding: 25px; background: #f7f7f7;}
    .recent-news h3 a { font-weight: 300; color: #879859; margin: 0 0 25px 0;}
        .recent-news h3 a:hover, .recent-news h3 a:active {color: #d99736;}
    .recent-news h3.small {font-size: 24px;}
    .recent-news p { font-size: 16px; line-height: 1.6em;}
    .recent-news .btn {background: #879859!important; font-size: 11px; margin-top: 20px; padding: 7px 20px; text-transform: uppercase;}
        .recent-news .btn:hover {background: #d99736 !important;}

    .current-rates header {margin-bottom: 60px; background: url("/wp-content/uploads/bg-header-rates.jpg") center center no-repeat; background-size:cover; padding-top: 65px; padding-bottom: 65px;}
    .current-rates h3 { font-size: 26px; }
    .current-rates h3 small { font-size: 18px; color: #b2b2b2; font-family: "droid-serif",serif; font-style: italic;}
    .current-rates .table {background: #f7f7f7;}
    .current-rates .table td, .current-rates .table th {border: none!important;}
    .current-rates .table th, .current-rates .table td {font-size: 14px;}
    .current-rates .table th {padding-top: 20px;}
    .current-rates .table th:first-of-type, .current-rates .table td:first-of-type {padding-left: 20px;}
    .current-rates .table tr:last-of-type td {padding-bottom: 20px;}
    .current-rates .cod h3 {color: #879859;}
    .current-rates .cod .table {border-top: 2px solid #879859;}
    .current-rates .cod-jumbo h3 {color: #d99736;}
    .current-rates .cod-jumbo .table {border-top: 2px solid #d99736;}
    .current-rates .accounts h2 {color: #68acc0; }
    .current-rates .accounts h3 {font-size: 20px; color: #68acc0;}
    .current-rates .accounts table {border-top: 2px solid #68acc0;}
    .current-rates .more {margin: 50px; text-align: center;}
    .current-rates .more h3 {font-size: 26px; color: #879859;}
    .current-rates .smallprint {margin-top: 85px;}
    .home .rates {margin-bottom: 60px;}
    .home .rates h3 {font-size: 18px; color: #fff; text-transform: uppercase; text-align: center; padding-top: 30px; margin-bottom: 0; font-weight: 400;}
    .home .rates h4.percent {color: #fff; text-align: center; font-size: 60px; font-weight: 300; padding-bottom: 5px;}
    .home .rates h4.percent sup {font-size: .6em;}
    .home .rates h4.apy {font-family: "droid-serif",serif; font-style: italic; color: #fff; text-align: center; font-size: 16px; font-weight: 300; padding-bottom: 20px;}
    .home .rates-1 {background: #d99736;}
    .home .rates-2 {background: #68acc0;}
    .home .rates-3 {background: #9fc7ba;}
    .home .rates-4 {background: #879859;}
    .home .rates .today {margin-bottom: -25px; padding: 0; text-align: center; position: relative; z-index: 100;}
    .home .rates .btn {background: #153149; text-transform: uppercase; font-size: 12px; padding: 15px 25px;}
        .home .rates .btn:hover, .home .rates .btn:active {background: #879859;}

.contact-us header { text-align: center; background: url("/wp-content/uploads/bg-header-contact.jpg") center center no-repeat; background-size: cover; }
    .contact-us h4 {margin: 0 0 10px 0; font-size: 14px; color: #d99736; text-transform: uppercase; font-weight: 700; text-align: left;}
    .contact-us label {font-size: 14px; color: #d99736; text-transform: uppercase; font-weight: 700;}
    .contactform input {padding-top: 10px!important; padding-bottom: 10px!important; font-size: 18px!important; margin-bottom: 15px; border: 1px solid #e6e6e6; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}
    .contactform textarea {font-size: 18px!important; margin-bottom: 15px;padding: 20px!important; border-color: #e6e6e6!important; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; width: 100%!important;}
    .contact-us .gform_button {background: #d99736; color: #fff; padding: 15px 25px; font-size: 14px!important; text-transform: uppercase; border: none; margin-top: -25px;}
        .contact-us .gform_button:hover, .contact-us .submit:active {background: #153149;}
    .gform_wrapper .top_label input.medium {width: 100%!important;}
    .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {display: none;}
    .contact-us .gform_wrapper .top_label input.medium {padding-left: 20px;}
    .contact-us .phone {font-size: 30px; color: #666; font-weight: 300; line-height: 1;}
    .contact-us .connect {text-align: center; padding-top: 40px; padding-bottom: 60px;}
    .contact-us .connect h2 {font-size: 26px; color: #879859; text-transform: none; font-weight: 400; text-align: center; margin-bottom: 20px;}
    .contact-us .join {background: url("/wp-content/uploads/bg-header-join.jpg") center center no-repeat; background-size: cover;}
    .contact-us .join p.lead { color: #4d655d; }
    .contact-us .join .btn {margin-top: 20px; color: #4d655d; border: 2px solid #4d655d; background: #cbe1da; font-size: 14px; text-transform: uppercase; padding: 15px 45px;}
        .contact-us .join .btn:hover, .contact-us .join .btn:active {background: #153149; color: #fff;}
    .contact-us .join p {text-align: center !important;}
    .contact-us .numbers-closures h2 {font-size: 18px; text-transform: none; color: #879859; margin-bottom: 5px; font-weight: 700; }
    .contact-us .numbers-closures dl {font-size: 16px;}
    .contact-us .numbers-closures dt {font-weight: 700; padding-top: 15px; padding-bottom: 3px;}
    .contact-us .numbers-closures .closures {overflow: auto;}
    .contact-us .numbers-closures .closures dt, .contact-us .numbers-closures .closures dd {float: left;}
    .contact-us .numbers-closures .closures dt {clear: left; width: 55%; margin-right: 10%; }
    .contact-us .numbers-closures .closures dd {width: 35%; margin-left: 0; padding-top: 15px; padding-bottom: 3px;}
    .contact-us .ferry {background: url("/wp-content/uploads/bg-header-ferry.jpg") top center no-repeat; background-size: cover; }
    .contact-us .ferry h2 { color: #fff; font-weight: 300; margin-bottom: 10px; }
    .contact-us .ferry p.lead { color: #fff; }
    .contact-us .ferry .btn {margin-top: 20px; color: #fff; border: 2px solid #fff; background: transparent; font-size: 14px; text-transform: uppercase; padding: 15px 45px;}
    .contact-us .ferry .btn:hover, .contact-us .ferry .btn:active {background: #fff; color: #153149;}
    
    .map {
      width: 100%;
      height: auto;
    }

    .news header { background: url("/wp-content/uploads/bg-header-news-resources.jpg") center center no-repeat; background-size: cover; }
    .news .post {margin-bottom: 40px; font-size: 16px; line-height: 1.6em;}
    .news .post img {display: block; margin: 0 auto; max-width: 100%; height: auto;}
    .news .post h2 { border-top: 2px solid #879859 !important; text-align: left; font-weight: 300; padding: 25px 0 0 25px; margin: 0;}
    .news .post h2 a {color: #879859;}
        .news .post h2 a:hover, .news .post h2 a:active {color: #d99736;}
    .news .article-body {padding: 0 25px 0 25px;}
    .news .post .btn {background: #879859!important; font-size: 11px; margin-top: 20px; padding: 7px 20px; text-transform: uppercase;}
        .news .post .btn:hover, .news .post .btn:active {background: #d99736!important;}
    .news .pagination {}
    .news .pagination .previous, .news .pagination .next {text-transform: uppercase;}
    .news .pagination>li>a, .news .pagination>li>span {border: 0; padding: 0 10px; font-size: 16px; color: #879859;}
    .news .pagination>li>a:hover, .news .pagination>li.active a {background: none; color: #000;}
    .news .pagination>li a:hover, .news .pagination>li.active a {color: 666;}

.calendar header {background: url("/wp-content/uploads/bg-header-calendar.jpg") center center no-repeat; background-size: cover;}
    .calendar .post {border-top: 2px solid #d99736; position: relative;}
    .calendar .post h2 {border: none !important;color: #d99736; text-align: left; padding-left: 115px; margin: 0;}
    .calendar .post h2 a {color: #d99736;}
    .calendar .post .article-body {padding-left: 115px; padding-right: 0;}
    .calendar .date {background: #f7f7f7; width: 93px; position: absolute; top: 0;}
    .calendar .date .day {color: #d99736; text-align: center; font-size: 60px!important; font-weight: 300; margin-bottom: 0;}
    .calendar .date .month {color: #d99736; text-align: center; font-size: 14px; font-weight: 300; margin-top: -20px; text-transform: uppercase;}
    .calendar dl {overflow: auto;}
    .calendar dt, .calendar dd {float: left;}
    .calendar dt {clear: left; width: 12%; margin-right: 3%;}
    .calendar dt {font-family: "droid-serif",serif; font-style: italic; color: #b2b2b2; font-weight: 400;}
    .calendar dd {width: 85%; margin-left: 0;}

.resources header {background: url("/wp-content/uploads/bg-header-resources.jpg") center center no-repeat; background-size: cover;}
    .resources h2 {font-size: 26px; color: #879859; text-align: left; margin: 40px 0 15px 0; font-weight: 700;}
    .resources dl {}
        .resources dt {font-size: 16px; font-weight: 700; margin-top: 15px;}
        .resources dd {font-size: 16px; margin-top: 5px; line-height: normal;}

.join header { background: url("/wp-content/uploads/bg-header-joinpage.jpg") center center no-repeat; background-size: cover; text-align: center; }
    .join .intro {font-size: 30px; color: #666; font-weight: 300; line-height: normal; text-align: left;}
    .join h2 {font-size: 18px; color: #879859; text-align: left; font-weight: 700; padding: 0; margin-bottom: 20px;}
    .join h3 {font-size: 16px; color: #666; text-align: left; font-weight: 700; padding: 0; margin-top: 20px; margin-bottom: 10px;}


    .page-nav { text-align: center; margin-top: -25px; margin-bottom: -25px;}
        .page-nav li { margin-bottom: 10px; }
        .page-nav li a { font-size: 14px; color: #fff !important; text-transform: uppercase; width: 210px; padding: 15px 0; }
        .page-nav li .orange {background: #d99736;}
            .page-nav li .orange:hover, .page-nav li .orange:active {background: #153149;}
        .page-nav li .blue {background: #68acc0;}
            .page-nav li .blue:hover, .page-nav li .blue:active {background: #153149;}
        .page-nav li .teal {background: #9fc7ba;}
            .page-nav li .teal:hover, .page-nav li .teal:active {background: #153149;}
        .page-nav li .green {background: #879859;}
            .page-nav li .green:hover, .page-nav li .green:active {background: #153149;}



.solutions header {background: url("/wp-content/uploads/bg-header-solutions-new.jpg") center center no-repeat; background-size: cover; }
    .solutions header h1 { margin: 0 auto;}
            
    .solutions .intro p {color: #666; font-weight: 300;}
.solutions .rates {margin-bottom: 60px; }
    .solutions .rates .container-fluid {background: #f7f7f7;}
    .solutions .rates h3 {font-size: 18px; color: #153149; text-transform: uppercase; text-align: center; padding-top: 30px; margin-bottom: 0; font-weight: 400;}
    .solutions .rates h4.percent {color: #153149; text-align: center; font-size: 60px; font-weight: 300; padding-bottom: 5px;}
    .solutions .rates h4.percent sup { font-size: .6em; }
    .solutions .rates h4.apy {font-family: "droid-serif",serif; font-style: italic; color: #153149; text-align: center; font-size: 16px; font-weight: 300; padding-bottom: 20px;}
    .solutions .rates .today {margin-bottom: -25px; padding: 0; text-align: center; position: relative; z-index: 100;}
    .solutions .rates .btn {background: #153149; text-transform: uppercase; font-size: 12px; padding: 15px 25px;}
        .solutions .rates .btn:hover, .solutions .rates .btn:active {background: #879859;}
    .solutions .table tr:first-of-type th {border-top: none;}

    .solutions #checking blockquote {border: 0; font-family: "droid-serif",serif; font-style: italic; font-size: 16px; font-weight: 300; color: #d99736; padding-top: 0; text-align: center;}
    .solutions #checking cite {display: block; font-family: "effra", sans-serif; font-size: 12px; text-transform: uppercase; font-weight: 700; margin-top: 20px;}
        .solutions #checking h4.contact { color: #d99736; text-align: center; margin-top: 30px;}
        .solutions #checking .btn {background: #d99736; font-size: 14px; text-transform: uppercase; padding: 15px 60px; margin-bottom: 35px;}
            .solutions #checking .btn:hover, .solutions #checking .btn:active {background: #153149;}

        .solutions #savings h4.contact { color: #68acc0; text-align: center; margin-top: 30px;}
        .solutions #savings .btn {background: #68acc0; font-size: 14px; text-transform: uppercase; padding: 15px 60px; margin-bottom: 35px;}
            .solutions #savings .btn:hover, .solutions #savings .btn:active {background: #153149;}

        .solutions #loans h3 {font-size: 18px; color: #153149; text-align: center; font-weight: 700;}
        .solutions #loans .loans p {padding-left: 10px; padding-right: 10px; margin-bottom: 20px;}
        .solutions #loans .btn {background: #9fc7ba; font-size: 14px; text-transform: uppercase; padding: 15px 60px; margin-top: 45px; margin-bottom: 35px;}
            .solutions #loans .btn:hover, .solutions #loans .btn:active {background: #153149;}
        .solutions .loanteam .left, .solutions .loanteam .item {height: 480px;}
        .solutions .loanteam .left {background: #879859;}
        .solutions .loanteam .left .content {padding: 90px 60px 0 130px;}
        .solutions .loanteam .left .content h2 {font-size: 45px; color: #fff; text-align: left; margin-top: 0;}
        .solutions .loanteam .left .content p {color: #fff; font-weight: 300;}
        .solutions .loanteam .left .content .btn {margin-top: 20px; color: #fff; border: 2px solid #fff; background: #879859; font-size: 14px; text-transform: uppercase; padding: 15px 45px;}
            .solutions .loanteam .left .content .btn:hover, .solutions .loanteam .left .content .btn:active {background: #fff; color: #879859;}
        .solutions .loanteam .carousel-indicators {width: 75%; text-align: right;}
    .solutions #services h2 { color: #879859; }
        .solutions #services h3 {font-size: 18px; color: #879859; text-align: center; font-weight: 700;}
        .solutions #services .services img {display: block; width: auto; margin: 0 auto;}
        .solutions #services .services p {padding-left: 10px; padding-right: 10px; margin-bottom: 50px;}
        .solutions #services .btn {background: #879859; font-size: 14px; text-transform: uppercase; padding: 15px 60px; margin-bottom: 35px;}
            .solutions #services .btn:hover, .solutions #services .btn:active {background: #d99736;}
    .solutions .panel-heading+.panel-collapse>.panel-body {border-top: none !important;}
    /*
    .solutions .panel-heading a:before {font-family: 'Glyphicons Halflings'; content: "\e114";}
    .solutions .panel-heading a.collapsed:before {content: "\e113";}
        .solutions #personal-checking-heading a:before, .solutions #personal-savings-heading a:before {font-family: 'Glyphicons Halflings'; content: "\e113";}
        .solutions #personal-checking-heading a.collapsed:before, .solutions #personal-savings-heading a:before {content: "\e114";}
    */
    .solutions .panel, .solutions .panel-heading {border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
    .solutions .panel-body {background: #f7f7f7; padding: 0 15px;}
    .solutions .table tr:first-of-type th {white-space: nowrap;}
    .solutions .panel-heading .glyphicon {padding-right: 10px; top: 4px;}
    .solutions .panel-heading a:focus {text-decoration: none;}
        /* .solutions .panel-heading a:hover, .solutions .panel-heading a:active {background: #d99736;} */
    .solutions #accordion-checking {margin-top: 50px;}
        .solutions #business-checking-heading {background: #153149;}
        .solutions #personal-checking-heading {background: #879859;}
            .solutions #business-checking-heading a, .solutions #personal-checking-heading a {display: block; font-size: 22px; padding: 8px; color: #fff;}
            .solutions #business-checking-heading a:hover, .solutions #personal-checking-heading a:hover {color: #fff;}
    .solutions #accordion-savings {margin-top: 50px;}
        .solutions #business-savings-heading {background: #153149;}
        .solutions #personal-savings-heading {background: #879859;}
            .solutions #business-savings-heading a, .solutions #personal-savings-heading a {display: block; font-size: 22px; padding: 8px; color: #fff;}
            .solutions #business-savings-heading a:hover, .solutions #personal-savings-heading a:hover {color: #fff;}

    .relationships .box { 
      height: 300px; 
      display: block; 
      background-position: center center; 
      background-repeat: no-repeat; 
      background-size: cover; 
      width: 100%; 
      position: relative;
      border-bottom: 4px solid #fff;
      margin-bottom: 16px;
      -webkit-transition: all 500ms ease;
      -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
      -o-transition: all 500ms ease;
      transition: all 500ms ease;
      }
    .relationships .box:hover {
      border-bottom: 4px solid #d99736;
    }
    .relationships .content h1,
    .relationships .content h2,
    .relationships .content h3,
    .relationships .content h4,
    .relationships .content p { color: #fff; }
    .relationships .content h3 { line-height: 1.5; font-weight: 200; }
    .relationships .content h2 { margin-top: 10px; }
    .relationships .content h4 { text-transform: uppercase; font-weight: 600; margin-bottom: 0; }
    .relationships .box blockquote { margin: 0; border: 0; padding: 0;}
    .relationships .box blockquote p { font-size: 22px; font-weight: 200; }
    .relationships .box blockquote p cite { font-size: 14px; text-transform: uppercase; font-weight: 600; }
    
    .relationships .content {
        display:table;
        width:100%;
        height:100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 10px;
        text-align: center;
    }
    .relationships .content-wrap {
        display:table-cell;
        vertical-align:middle;
    }
    

    

.casestudysingle header {margin-bottom: 60px; background-position: center center; background-repeat: no-repeat; background-size:cover; padding-top: 20px; padding-bottom: 190px;}
    .casestudysingle header .btn {margin-bottom: 100px; background: #f7f7f7; color: #666; font-size: 12px; padding: 5px 20px; text-transform: uppercase;}
    .casestudysingle header p { color: #153149;  text-align: right;
    }
    .casestudysingle header p strong {
      text-transform: uppercase;
      font-weight: 700;
      font-size: 16px;
    }
    .casestudysingle header h1 {
      color: #153149; 
      text-align: right;
      font-weight: bold;
    }
    .casestudysingle h2 {
      font-size: 18px; 
      color: #d99736; 
      text-align: left; 
      font-weight: 700; 
      margin-bottom: 10px;
    }
    .casestudysingle h3 {
      margin-bottom: 0; 
      margin-top: 0;
    }
    .casestudysingle header.white h1,
    .casestudysingle header.white h2,
    .casestudysingle header.white h3,
    .casestudysingle header.white p {
      color: #ffffff; 
    }
    
    .casestudysingle h4 {font-size: 16px; font-weight: 700; margin-top: 20px;}
    .casestudysingle blockquote {border: 0; font-family: "droid-serif",serif; font-style: italic; font-size: 18px; font-weight: 300; text-align: center;}
    .casestudysingle cite {display: block; font-family: "effra", sans-serif; font-size: 12px; text-transform: uppercase; font-weight: 700; margin-top: 20px;}
    .casestudysingle hr {margin-top: 70px;}
    .casestudysingle .testimonial {margin-top: 50px;}
    .casestudysingle .testimonial blockquote {margin-top: 30px; color: #d99736;}
    .casestudysingle .testimonial cite {color: #d99736;}
    .casestudysingle .btn.backstories {background: #879859; text-transform: uppercase; font-size: 12px; padding: 4px 25px; margin-top: -65px; }
    .casestudysingle .nextprev {padding-bottom: 50px;}
    .casestudysingle .next p, .casestudysingle .prev p {font-size: 12px; color: #b2b2b2; text-transform: uppercase; font-weight: 700;}
    .casestudysingle .next h3 a, .casestudysingle .prev h3 a { color: #879859; font-weight: 300; line-height: normal; text-transform: none;}
    .casestudysingle .next {text-align: right;}

.newssingle header { 
  background-color: #112333; 
  -webkit-box-shadow:inset 0 0 200px 0 rgba(0,0,0,.5);
          box-shadow:inset 0 0 200px 0 rgba(0,0,0,.5);
 }
.newssingle .news-image {
  max-width: 50%;
  height: auto;
  display: block;
  margin: 0 auto 30px;
}
    .newssingle header .back {margin-bottom: 50px; background: #f7f7f7; color: #666; font-size: 12px; padding: 5px 20px; text-transform: uppercase;}
        .newssingle header .back:hover {color: #fff; background: #d99736;}
    .newssingle header h1 { color: #fff;}
    .newssingle header h2 {font-size: 12px; color: #fff; text-transform: uppercase; font-weight: 400; }
    .newssingle header p.lead { margin-top: 15px; }
    
    .newssingle h2 { font-size: 18px; color: #d99736; font-weight: 700; margin-bottom: 10px;}
    .newssingle img {max-width: 100%; height: auto;}
    .newssingle .social {margin-top: 60px; margin-bottom: 60px; text-align: center;}
        .newssingle .social h2 {font-size: 26px; color: #879859; margin-bottom: 30px; text-align: center;}
    .newssingle .btn.backnews {background: #879859; text-transform: uppercase; font-size: 12px; padding: 4px 25px; margin-top: -65px;}
        .newssingle .btn.backnews:hover  {color: #fff; background: #d99736;}


    .newssingle .next p, .newssingle .prev p {font-size: 12px; color: #b2b2b2; text-transform: uppercase; font-weight: 700;}
    .newssingle h3 {margin-bottom: 0; margin-top: 0;}
    .newssingle .next h3 a, .newssingle .prev h3 a { color: #879859; font-weight: 300; line-height: normal; text-transform: none;}
        .newssingle .next h3 a:hover, .newssingle .prev h3 a:hover {color: #d99736;}
    .newssingle .next {text-align: right;}
    .newssingle .prev {text-align: left;}
    
    
.dw-logo {
  width: 300px;
  height: auto;
  margin-top: -40px;
  margin-bottom: 20px;
}

.box .shareaholic-share-buttons-container.center-align {
  text-align: left;
}

.biosingle {margin-bottom: 45px;}
    .biosingle header {margin-bottom: 45px; background-color: #153149; /*background-position: center center; background-repeat: no-repeat; background-size:cover;*/ padding-top: 20px; padding-bottom: 30px; /*-webkit-filter: blur(25px); -moz-filter: blur(25px); -o-filter: blur(25px); -ms-filter: blur(25px); filter: blur(25px); */}
    .biosingle header .container {}
    .biosingle header .back {margin-bottom: 40px; background: #f7f7f7; color: #666; font-size: 12px; padding: 5px 20px; text-transform: uppercase;}
        .biosingle header .back:hover {color: #fff; background: #d99736;}
    /* .biosingle header .crop {clip-path: circle(42.0% at 50% 50%); -webkit-clip-path: circle(42.0% at 50% 50%);} */
    .biosingle header h1 {font-size: 55px; text-align: left;}
    .biosingle header p {font-size: 16px; color: #d99736; text-transform: uppercase; font-weight: 700;}
    .biosingle .intro {margin-bottom: 15px;}
        .biosingle .intro p {color: #666; text-align: left;}
    .biosingle h2 {font-size: 26px; margin-top: 40px; margin-bottom: 20px; text-align: left; font-weight: 700;}
    .biosingle .bioinfo {background: #f7f7f7; margin-top: -140px;}
        .biosingle .biolinks {padding: 23px 23px 13px 23px;}
        .biosingle .bioinfo img {max-width: 100%; height: auto;}
        .biosingle .bioinfo p, .biosingle .bioinfo a {color: #153149;}
        .biosingle .bioinfo p {margin-bottom: 4px;}
        .biosingle .bioinfo .btn {margin-top: 10px; text-transform: uppercase; background: #d99736; color: #fff; font-size: 12px; padding: 3px 20px;}
        .biosingle .communitylogos {margin-top: 20px;}
            .biosingle .communitylogos img {max-width: 100%; height: auto;}

.spotlight {margin-bottom: 60px;}
    .spotlight header {margin-bottom: 45px; background-color: #14293b; background-position: center center; background-repeat: no-repeat; background-size:cover; padding-top: 20px; padding-bottom: 30px;}
    .spotlight header .back {margin-bottom: 95px; background: #f7f7f7; color: #666; font-size: 12px; padding: 5px 20px; text-transform: uppercase;}
        .spotlight header .back:hover {color: #fff; background: #d99736;}
    .spotlight header p {font-size: 14px; color: #fff; text-transform: uppercase; font-weight: 700;}
    .spotlight header h1 {font-family: "grandma",sans-serif; color: #fff; text-align: left;}
    .spotlight .intro {margin-bottom: 15px;}
    .spotlight .intro p {color: #666; text-align: left;}
    .spotlight h2 {font-size: 18px; color: #879859; margin-top: 35px; margin-bottom: 10px; text-align: left; font-weight: 700;}
    .spotlight .bioinfo {margin-top: -210px; text-align: center;}
        .spotlight .bioinfo h2 {font-size: 26px; color: #879859; text-align: center; font-weight: 400; margin-bottom: 0;}
        .spotlight .bioinfo p {font-size: 12px; color: #666; text-transform: uppercase;}
        .spotlight .biolinks {margin-top: 10px;}
        .spotlight .bioinfo img {max-width: 100%; height: auto;}
        .spotlight .bioinfo p, .biosingle .bioinfo a {font-size: 16px; color: #153149; text-transform: none;}
        .spotlight .bioinfo p {margin-bottom: 4px;}
        .spotlight .bioinfo .linkedin {margin-top: 10px; text-transform: uppercase; background: #0077b5; color: #fff; font-size: 12px; padding: 3px 20px;}
        .spotlight blockquote {font-family: "droid-serif",serif; font-style: italic; font-size: 18px; color: #879859; border: 0; text-align: center; font-weight: 400; margin-top: 70px; padding: 0;}
    .spotlight .meet {text-align: center; margin-top: 30px;}
    .spotlight .meet h2 {font-size: 26px; color: #879859; text-align: center; padding-top: 30px;}

.courier {margin-bottom: 60px;}
    .courier header {height: 260px; background: url("/wp-content/uploads/bg-header-courier.jpg") center center no-repeat; background-size:cover;}
    .courier .title img {margin-top: -165px;}
    .courier h1 {color: #d99736; margin-top: 40px; margin-bottom: 20px;}
    .courier intro {}
    .courier blockquote {font-family: "droid-serif",serif; font-style: italic; font-size: 18px; color: #879859; border: 0; text-align: center; font-weight: 400; padding: 0;}
    .courier .meet {text-align: center; margin-top: 30px;}
    .courier .meet h2 {font-size: 26px; color: #879859; text-align: center; padding-top: 30px; margin-bottom: 10px; padding-bottom: 0; font-weight: 700;}

.security {margin-bottom: 60px;}
    .security header {background: url("/wp-content/uploads/bg-header-security.jpg") center center no-repeat; background-size:cover; padding-top: 80px; padding-bottom: 80px; margin-bottom: 60px; text-align: center; }
    .security h2 {text-align: left; margin-top: 100px; padding-bottom: 15px; margin-bottom: 25px; border-bottom: 2px solid #e6e6e6;}
    .security h3 {color: #879859; margin-top: 25px; margin-bottom: 25px; font-weight: 300;}
    .security .page-nav {width: 600px; margin: 0 auto;}
    .security .page-nav a {font-size: 12px; padding: 7px 20px; background: #879859; color: #fff; text-transform: uppercase;  border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}
    .security .page-nav a:hover, .security .page-nav a.active {background: #fff; color: #879859;}

.general { margin-bottom: 60px; }
  .general header { background-color: #f7f7f7; padding-top: 80px; padding-bottom: 80px; margin-bottom: 60px; text-align: center; }
  .general h1 { color: #153149; }
  
.general header.page-with-image {
  background-color: #153149;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.general header.page-with-image h1,
.general header.page-with-image p {
  color: #ffffff;
}

.investors header {background: url("/wp-content/uploads/bg-header-investors-corner.jpg") center center no-repeat; background-size:cover; text-align: center; }
    .investors blockquote {font-family: "droid-serif",serif; font-style: italic; font-size: 16px; color: #d99736; border: 0; font-weight: 400; padding: 20px 0 0 0;}
    .investors cite {display: block; font-size: 12px; color: #153149; text-transform: uppercase; text-align: center; margin-top: 10px; font-weight: 700;}
    .investors .btn {background: #879859; text-transform: uppercase; font-size: 12px;}
        .investors .btn:hover {background: #d99736;}

.shareholders-meeting header {background: #f2f2f2; }
    .shareholders-meeting h1 {color: #153149;}
    .shareholders-meeting h2 {font-size: 26px; color: #879859; text-align: left; margin-bottom: 0;}
    .shareholders-meeting h3 {font-size: 16px; color: #666; margin-bottom: 20px;}
    .shareholders-meeting ol {padding-left: 20px;}
    
.disclaimer {text-align: center; font-family: "droid-serif",serif; font-size: 12px; color: #b2b2b2; font-style: italic; padding-top: 10px;}



#welcome-callout {
  padding: 120px 0;
  text-align: center;
  background-color: #14293b;
  background-image: url("/wp-content/uploads/welcome-banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 80px;
}
#welcome-callout h1 {
  color: #ffffff;
  font-weight: bold;
}
#welcome-callout p {
  color: #ffffff;
}


.welcome header {
  padding: 120px 0;
  text-align: center;
  background-color: #14293b;
  background-image: url("/wp-content/uploads/welcome-banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.welcome header h1 {
  color: #ffffff;
  font-weight: bold;
}
.welcome header p {
  color: #ffffff;
}

.welcome #intro {
  padding: 60px 0;
}
.welcome #intro h2 {
  font-weight: bold;
  color: #d99736;
}
.welcome #intro h3 {
  font-weight: bold;
  color: #14293b;
}
.welcome #intro h4 {
  font-weight: bold;
  color: #d99736;
}
.welcome #intro .btn {
  background-color: #14293b;
}
.welcome #intro .btn:hover {
  background-color: #d99736;
}
.welcome #intro .quick-links {
  border: 2px solid #d99736;
  padding: 20px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
}
.welcome #intro .quick-links h5 {
  text-transform: uppercase;
  font-weight: bold;
  color: #d99736;
}
.welcome #faces {
  background-color: #d99736;
}
.welcome .content {
  padding: 40px 40px 60px;
}
.welcome #faces h2 {
  color: #ffffff;
  font-weight: bold;
}
.welcome #faces p {
  color: #ffffff;
}
.welcome #faces .faces {
  background-image: url(http://via.placeholder.com/600x400?text=Faces);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 400px;
}

.welcome #questions {
  padding: 60px 0;
}
.welcome #questions h2 {
  text-align: center;
  font-weight: bold;
  color: #d99736;
}
.welcome #questions h3 {
  font-weight: bold;
  color: #d99736;
}
.welcome #questions h4 {
  color: #14293b;
  font-weight: bold;
  margin: 20px 0 0;
}


/******************************************************************************/
/* ADA Compliance                                                             */
/******************************************************************************/

.page-id-1354 .general header {
  background-image: url(/wp-content/uploads/ada-background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.page-id-1354 .general header h1 {
  color: #fff;
}

/******************************************************************************/
/* OTHER                                                                      */
/******************************************************************************/

.row.no-gutter {margin-left: 0; margin-right: 0;}
.row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) {padding-right: 0; padding-left: 0;}
.full {padding-right: 0; padding-left: 0;}

::-webkit-input-placeholder {font-family: "droid-serif",serif; font-style: italic; font-size: 18px; color: #b2b2b2 !important;}
::-moz-placeholder {font-family: "droid-serif",serif; font-style: italic; font-size: 18px; color: #b2b2b2 !important;}
:-moz-placeholder {font-family: "droid-serif",serif; font-style: italic; color: #b2b2b2 !important;}
:-ms-input-placeholder {font-family: "droid-serif",serif; font-style: italic; font-size: 18px; color: #b2b2b2 !important;}

input:focus, input[type]:focus, .btn:focus, textarea:focus {border-color: rgba(217, 151, 54, 0.8) !important; box-shadow: 0 1px 1px rgba(217, 151, 54, 0.075) inset, 0 0 8px rgba(217, 151, 54, 0.2) !important; outline: 0 none !important;}

@keyframes fadein {from {opacity:0;} to {opacity:1;}}
@-moz-keyframes fadein {from {opacity:0;} to {opacity:1;}}
@-webkit-keyframes fadein {from {opacity:0;} to {opacity:1;}}
@-o-keyframes fadein {from {opacity:0;} to {opacity: 1;}}

.fa-facebook, .fa-twitter, .fa-google-plus, .fa-linkedin, .fa-rss {color: #fff;}
.fa-circle {color: #879859;}
a.facebook:hover .fa-circle {color: #3b5998;}
a.twitter:hover .fa-circle {color: #00aced;}
a.gplus:hover .fa-circle {color: #cc3732;}
a.linkedin:hover .fa-circle {color: #1381ba;}
a.rss:hover .fa-circle {color: #ff6600;}
.connect a.facebook .fa-circle {color: #3b5998;}
.connect a.twitter .fa-circle {color: #00aced;}
.connect a.gplus .fa-circle {color: #cc3732;}
.connect a.linkedin .fa-circle {color: #1381ba;}
.connect a.rss .fa-circle {color: #ff6600;}


/* External link modal */
.modal.external-link .modal-content {background: #fff; border-width: 0; -moz-border-radius: 0; border-radius: 0; border-top: 2px solid #d99736; box-shadow: none; top: 100px !important; text-align: left!important;}
    .modal.external-link .modal-header {border-bottom: none;}
    .modal.external-link .modal-title {font-weight: 700;}
    .modal.external-link .close {font-size: 24px; color: #d99736; opacity: 1;}
    .modal.external-link .modal-body {}


/******************************************************************************/
/* MEDIA QUEIRIES                                                             */
/******************************************************************************/

@media (max-width: 480px)
{


    

        
}


@media (max-width: 768px)
{

    h1 { font-size: 28px; }
    h2 { font-size: 24px; }
    h3 { font-size: 20px; }
    p.lead { font-size: 18px; }

    .mobile-banner { background: url("/wp-content/uploads/bg-header-about-new.jpg") center center no-repeat; background-size: cover; }
    .mobile-banner h2 { font-weight: 600; font-size: 2em; color: #fff; }
    .mobile-banner p.lead, .mobile-banner p { color: #fff; }
    
    .recent-news h3.small {font-size: 20px;}

    .aboutlbb .bio h2 { font-size: 24px; }
    .aboutlbb .contact { text-align: center; }
    
    .carousel {
      display: none;
    }

    .spacer {     padding-top: 40px; padding-bottom: 50px; }
    .spacer-sm {  padding-top: 20px; padding-bottom: 10px; }
    .spacer-lg {  padding-top: 60px; padding-bottom: 70px; }
    .header {     padding: 40px 0 50px; }
    .header-lg {  padding: 60px 0 70px; }

    
    .aboutlbb .team-nav {width: auto; margin-bottom: 50px!important;}
    .aboutlbb .team-nav button {display: block; margin: 20px auto;}
    .security .page-nav {width: auto; margin-bottom: 50px!important;}
    .security .page-nav li {display: block; margin: 20px auto; text-align: center;}
    #carousel-bottom .controlblock span {line-height:.1 !important;}

    .tile.business {background-image: url("/wp-content/uploads/tile-business-sm.jpg") !important;}
    .tile.loan {background-image: url("/wp-content/uploads/tile-loan-sm.jpg") !important;}
    .tile.home {background-image: url("/wp-content/uploads/tile-home-sm.jpg") !important;}
    .rates .today {margin-bottom: -20px;}
    .solutions .rates h4.percent { font-size: 40px; }   
    .home .rates h4.percent { font-size: 40px; }
 
    .rates .percent {padding-bottom: 25px; font-size: 60px;}
    .rates h3 {padding-top: 25px; font-size: 16px;}
    .calendar .post h2 {max-width: 300px;}
    .calendar dt {width: 15% !important; margin-right: 5% !important;}
    .calendar dd {width: 80% !important;}
    footer .newsletter form {width: 350px;}
    footer .newsletter form #email, footer .newsletter form #mce-EMAIL {width: 350px;}
    
    .newssingle .next,
    .newssingle .prev {text-align: center;}
    
    .pagination .previous,
    .pagination .next { display: none; }
    
    .relationships .box {
      height: inherit;
      padding: 40px 0;
    }

}

@media (min-width: 768px)
{
    footer .copyright ul li {display: inline-block !important; padding-right: 3px;}
    footer .copyright li::after {content: "\0000a0\0000a0 \2022";}
    footer .copyright li:last-of-type::after {content: "";}
}

@media (max-width: 991px)
{


    .submenu {float: none!important; text-align: center;}
    .sidebar {margin-top: 30px;}
    .navbar-nav a:hover, .navbar-nav li.active a {color: #000 !important;}
    #carousel .slide1 blockquote {font-size: 30px;}
    #carousel .item.slide4 {padding-top: 330px!important;}
        #carousel .item h1, #carousel .item h2, #carousel .item h3, #carousel .item p {text-align: center;}
        #carousel .item h1 {font-size: 40px;}
        #carousel .item h2 {margin-top: 10px;}
        #carousel .item blockquote {float: none; margin: 0 auto; text-align: center;}
        #carousel .item .btn {margin-bottom: 50px;}
        #carousel .carousel-indicators {text-align: center; width: 20%; left: 40%; bottom: 0;}
    .recent-news img {margin-top: 15px;}
    .home .contact {background-image: none;}
        .home .contact h2, .home .contact p {text-align: center;}
    .rlicarousel-control.right {right: 0 !important; left: auto; }
        .rlicarousel-control.left {right: auto; left: 0;}
    .calendar .post h2 {padding-left: 0 !important; }
        .calendar .post .article-body {padding-left: 0 !important; }
        .calendar .date {background: #f7f7f7; width: 93px; top: 0; right: 0;}
        .calendar dl {overflow: auto;}
        .calendar dt, .calendar dd {float: left;}
        .calendar dt {clear: left; width: 12%; margin-right: 3%;}
        .calendar dt {font-style: italic; color: #b2b2b2; font-weight: 400;}
        .calendar dd {width: 85%; margin-left: 0;}
    .tile {margin: 30px auto 0 auto; background-position: center top;}
        .tile.business {background-image: url("/wp-content/uploads/tile-business.jpg");}
        .tile.loan {background-image: url("/wp-content/uploads/tile-loan.jpg");}
        .tile.home {background-image: url("/wp-content/uploads/tile-home.jpg");}
    .contact-us header {background-image: url("/wp-content/uploads/bg-header-contact-sm.jpg");}
        .contact-us .btn {margin-bottom: 25px;}
        #closures {margin-top: 20px;}
        .contact-us .numbers-closures .closures dt {width: 42%; margin-right: 10%;}
        .contact-us .numbers-closures .closures dd {width: 35%;}
        .contact-us .ferry {background-image: url("/wp-content/uploads/bg-header-ferry-sm.jpg");}
    #carousel-bottom .controlblock {position: relative; margin-top: 25px;}
        #carousel-bottom .controlblock span {font-size: 30px !important;}
        #carousel-bottom .carousel-control {top: 0; right: 20%; padding: 0 !important; margin: 0 !important;}
        #carousel-bottom .carousel-control.left {left: 20%;}
        #carousel-bottom {margin-top: 1px; margin-bottom: 170px;}
        #carousel-bottom .carousel .item {padding-top: 0 !important;}
        #carousel-bottom .carousel-indicators {bottom: -55px !important; left: 49.6% !important;}
    .casestudysingle header {padding-top: 60px; padding-bottom: 60px;}
        .casestudysingle header h1, .casestudysingle header p {text-align: right !important;}
        .casestudysingle header .btn {display: none !important;}
        .casestudysingle .prev p, .casestudysingle .prev h3, .casestudysingle .next p, .casestudysingle .next h3 {text-align: center !important;}
        .casestudysingle .next {padding-top: 30px !important;}

        .newssingle header .btn {display: none !important;}
        .newssingle .next {padding-top: 30px !important;}
 
    .aboutlbb .contact {background-image: none;}
        .aboutlbb .submenu li a, .aboutlbb .submenu li a:hover, .aboutlbb .submenu li:first-child a {color: #fff;}
        .aboutlbb blockquote {margin-top: 30px;}
    .biosingle header {}
        .biosingle header h1, .biosingle header p {text-align: center;}
        .biosingle header img {margin-bottom: 10px; max-width: 45%; height: auto; display: block; margin: 0 auto;}
        .biosingle header .back {display: none !important;}
        .biosingle header .biolinks {padding: 0;}
        .biosingle .biolinks {padding: 0; margin-top: 20px;}
        .biosingle .biolinks p, .biosingle .biolinks a {color: #fff !important; text-transform: none !important; font-weight: 400 !important;}
        .biosingle .biolinks p {margin-bottom: 4px;}
        .biosingle .biolinks .btn {margin-top: 20px; text-transform: uppercase; background: #d99736; color: #fff; font-size: 12px; padding: 3px 20px;}
            .biosingle .biolinks .btn:hover, .biosingle .biolinks .btn:active {background: #153149!important;}
    .spotlight header {padding-bottom: 40px;}
        .spotlight header h1 {font-size: 50px;}
        .spotlight header h1, .spotlight header p {text-align: center;}
        .spotlight header img {margin-bottom: 15px;}
        .spotlight header .back {display: none !important;}
        .spotlight header .biolinks {padding: 0;}
        .spotlight header .biolinks p, .spotlight header .biolinks a {color: #ffffff !important;}
        .spotlight header .biolinks p {margin-bottom: 4px;}
        .spotlight .biolinks {padding: 0; margin-top: 20px;}
        .spotlight .biolinks p, .spotlight .biolinks a {font-size: 16px!important; color: #153149 !important; text-transform: none !important; font-weight: 400 !important;}
        .spotlight .biolinks p {margin-bottom: 4px;}
        .spotlight .biolinks .btn {margin-top: 20px; margin-bottom: 20px; text-transform: uppercase; background: #d99736; color: #fff; font-size: 12px; padding: 3px 20px;}
            .spotlight .biolinks .btn:hover, .spotlight .biolinks .btn:active {background: #153149!important;}
    .solutions .loanteam .left .content {padding: 60px 60px 0 60px!important;}
    .solutions .loanteam .left .content h2 {font-size: 32px!important;}
    .panel-heading {position: relative!important; left: 0 !important; width: 100% !important;}
    .panel-heading+.panel-collapse>.panel-body {border-top: none !important;}
    #business-checking, #personal-checking, #business-savings, #personal-savings {margin-top: -62px;}
    

}

@media (max-width: 1199px)
{
    .solutions .loanteam .left .content {padding: 60px 60px 0 100px;}
    .solutions .loanteam .left .content h2 {font-size: 36px;}
}

@media (min-width: 1400px)
{
}


/* Change collapse point  */
@media (max-width: 991px)
{
    .navbar-header {float: none;}
    .navbar-left,.navbar-right {float: none !important;}
    .navbar-toggle {display: block;}
    .navbar-collapse {border-top: 0; box-shadow: inset 0 0 0 rgba(255,255,255,0.1);}
    .navbar-fixed-top {top: 0; border-width: 0 0 1px;}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {float: none!important; margin-top: 7.5px; background: #000 !important;}
    .navbar-nav>li {float: none; text-align: center;}
    .navbar-nav>li>a {padding: 5px 0 !important;}
    .collapse.in {display:block !important;}
}


.gform_button {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 100px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #d99736;
  border-color: #d99736; }

.gform_button:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.gform_button:hover, .gform_button:focus {
  color: #333;
  text-decoration: none; }
  
/*******************************************************************************
SPECIALIZED PAGES WITH BLUE BACKGROUND AND WHITE TEXT
*******************************************************************************/
.pg_spcl { margin-bottom: 60px; }
  .pg_spcl header { background-color: #112333; padding-top: 80px; padding-bottom: 100px; margin-bottom: 10px; text-align: center; }
  .pg_spcl h1 { color: #FFF; }

/*******************************************************************************
PRIVACY
*******************************************************************************/
.privacy { margin-bottom: 60px; }
  .privacy header { background-color: #f7f7f7; padding-top: 60px; padding-bottom: 60px; margin-bottom: 5px; text-align: center; }
  .privacy h1 { color: #153149; }
  
.privacy header.page-with-image {
  background-color: #153149;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.privacy header.page-with-image h1,
.privacy header.page-with-image p {
  color: #FFF;
}

.privacy-buffer { margin: 20px auto 20px; }
.privacy-bold { font-weight: bold; }
.privacy-align { text-align: center; }
.privacy-grey { background-color: #999; }
.privacy-grey div { color: #FFF; }

#zelle-video-border { border: 16px solid #F4F4F4; }

/*
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 */

/*
.gform_wrapper ul {
  padding-left: 0;
  list-style: none; }

.gform_wrapper li {
  margin-bottom: 15px; }

.gform_wrapper form {
  margin-bottom: 0; }

.gform_wrapper .gfield_required {
  padding-left: 1px;
  color: #b94a48; }

.ginput_container input, .ginput_container select, .ginput_container textarea {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.ginput_container input:-moz-placeholder, .ginput_container select:-moz-placeholder, .ginput_container textarea:-moz-placeholder {
  color: #999; }

.ginput_container input::-moz-placeholder, .ginput_container select::-moz-placeholder, .ginput_container textarea::-moz-placeholder {
  color: #999; }

.ginput_container input:-ms-input-placeholder, .ginput_container select:-ms-input-placeholder, .ginput_container textarea:-ms-input-placeholder {
  color: #999; }

.ginput_container input::-webkit-input-placeholder, .ginput_container select::-webkit-input-placeholder, .ginput_container textarea::-webkit-input-placeholder {
  color: #999; }

.ginput_container input:focus, .ginput_container select:focus, .ginput_container textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); }

.ginput_container input[disabled], .ginput_container select[disabled], .ginput_container textarea[disabled], .ginput_container input[readonly], .ginput_container select[readonly], .ginput_container textarea[readonly], fieldset[disabled] .ginput_container input, fieldset[disabled] .ginput_container select, fieldset[disabled] .ginput_container textarea {
  cursor: not-allowed;
  background-color: #eee; }

textarea.ginput_container input, textarea.ginput_container select, textarea.ginput_container textarea {
  height: auto; }

.ginput_container textarea {
  height: auto; }

.gform_button {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd; }

.gform_button:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.gform_button:hover, .gform_button:focus {
  color: #333;
  text-decoration: none; }

.gform_button:active, .gform_button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.gform_button.disabled, .gform_button[disabled], fieldset[disabled] .gform_button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none; }

.gform_button:hover, .gform_button:focus, .gform_button:active, .gform_button.active, .open .dropdown-toggle.gform_button {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e; }

.gform_button:active, .gform_button.active, .open .dropdown-toggle.gform_button {
  background-image: none; }

.gform_button.disabled, .gform_button[disabled], fieldset[disabled] .gform_button, .gform_button.disabled:hover, .gform_button[disabled]:hover, fieldset[disabled] .gform_button:hover, .gform_button.disabled:focus, .gform_button[disabled]:focus, fieldset[disabled] .gform_button:focus, .gform_button.disabled:active, .gform_button[disabled]:active, fieldset[disabled] .gform_button:active, .gform_button.disabled.active, .gform_button[disabled].active, fieldset[disabled] .gform_button.active {
  background-color: #428bca;
  border-color: #357ebd; }

.gform_wrapper .gfield_error .gfield_label {
  color: #b94a48; }

.gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea {
  border-color: #eed3d7;
  background-color: #f2dede;
  color: #b94a48; }

.gform_wrapper .gfield_error input:focus, .gform_wrapper .gfield_error select:focus, .gform_wrapper .gfield_error textarea:focus {
  border-color: #b94a48;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(185, 74, 72, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(185, 74, 72, 0.6); }

.validation_error {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48; }

.validation_error h4 {
  margin-top: 0;
  color: inherit; }

.validation_error .alert-link {
  font-weight: bold; }

.validation_error>p, .validation_error>ul {
  margin-bottom: 0; }

.validation_error>p+p {
  margin-top: 5px; }

.validation_error hr {
  border-top-color: #e6c1c7; }

.validation_error .alert-link {
  color: #953b39; }

#gforms_confirmation_message {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }

#gforms_confirmation_message h4 {
  margin-top: 0;
  color: inherit; }

#gforms_confirmation_message .alert-link {
  font-weight: bold; }

#gforms_confirmation_message>p, #gforms_confirmation_message>ul {
  margin-bottom: 0; }

#gforms_confirmation_message>p+p {
  margin-top: 5px; }

.gallery-row {
  padding: 15px 0; }

.aligncenter {
  display: block;
  margin: 0 auto; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

figure.alignnone {
  margin-left: 0;
  margin-right: 0; }
  */