/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
 }
.slick-loading .slick-list {
background: #fff url("design/ajax-loader.gif") center center no-repeat; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
zoom: 1; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
/* Icons */
@font-face {
font-family: "slick";
src: url("design/slick.eot");
src: url("design/slick.eot?#iefix") format("embedded-opentype"), url("design/slick.woff") format("woff"), url("design/slick.ttf") format("truetype"), url("design/slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal; }
/* Arrows */
.slick-prev, .slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0;
font-size: 0;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
margin-top: -10px;
padding: 0;
border: none;
outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {

background: transparent;
color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
opacity: 1; }
.slick-prev:before, .slick-next:before {
font-family: "slick";
/*font-size: 20px;*/
font-size:1.25rem;
line-height: 1;
color: white;
opacity: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-prev {
left: -25px; }
[dir="rtl"] .slick-prev {
left: auto;
right: -25px; }
.slick-prev:before {
content: '\2190'; }
[dir="rtl"] .slick-prev:before {
content: '\2192'; }
.slick-next {
right: -25px; }
[dir="rtl"] .slick-next {
left: -25px;
right: auto; }
.slick-next:before {
content: '\2192'; }
[dir="rtl"] .slick-next:before {
content: '\2190'; }
/* Dots */
.slick-slider {
margin-bottom: 20px; }
.slick-dots {
position: absolute;
bottom: 15px;
list-style: none;
padding: 0;
right: 27px; }
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 3px;
padding: 0;
cursor: pointer; }
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1; }
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: '\2022';
width: 20px;
height: 20px;
font-family: "slick";
/*font-size: 16px;*/
font-size:1rem;
line-height: 20px;
text-align: center;
color: #FFF;
opacity: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {
color: #73243C;
opacity: 1; }
@media only screen {
  .main-nav {
    margin: 0; }
    .main-nav a {
      color: #333;
      font-size: 1.125rem; }
    .main-nav li {
      list-style: none; }
      .main-nav li span.pacifico {
        display: block;
        margin-bottom: 0.5rem;
        color: #088054; }
        .main-nav li.mn-active.no-headings span.pacifico {
        
        color: #0ed98e; }
        
        
		.main-nav li span.pacifico.hover_me {color:#0ed98e!important;}
        
    .main-nav > li a {
      background-color: transparent;
      display: block;
      padding: 0.5rem; }
      .main-nav > li a:hover {
        color: #FFF; }
    .main-nav > li > ul {
      display: none;
      margin: 0; }
      .main-nav > li > ul > li > a {
        display: block;
        padding: 0.5rem; } 
        
        #route {position:absolute;right:15px;top:0; font-size:0.875rem;color:#333;}

        }
@media only screen and (max-width: 46.875em) {
  nav > .row > .columns {
    padding: 0; }
  .small-menu-toggle {
    cursor: pointer;
    color: #333;
    text-align: left;
    display: block;
padding: 1.5rem 1.25rem 1.5rem 3.125rem;
    font-size: 1.25rem;
    font-weight: 600;
    background: #E7E0D4 url(design/img_nav_toggle.jpg) left 10px center no-repeat; }
  .main-nav-wrap {
    position: relative; }
  .main-nav {
    top: 0;
    float: none;
    position: absolute;
    margin: 0;
    width: 100%;
    left: -100%;
    -webkit-transition: left 0.4s ease-in-out;
            transition: left 0.4s ease-in-out;
    z-index: 100; 
    background: RGBA(0,0,0,0.8);
    }
    .main-nav li {
      background: #E7E0D4;
      }
    .main-nav ul.active {
      display: block; }
    .main-nav > li > a:hover {
      color: #666; }
      .main-nav > li
      {
            border-top: 1px solid #333;
          background: #E7E0D4 url(design/img_arrow_down.png) right 10px center no-repeat;
        width: 70%;
      }
            .main-nav > li:last-child
          {
          margin-bottom: 100px;
          }
      .main-nav > li > a
      {
            padding: 15px;
      }
      
     .main-nav > li > ul.active + .main-nav > li
      {
           border: 1px solid red !important;
      }
      
    .main-nav > li > ul {
      display: none;
      overflow: hidden; 
      border-top: 1px solid #333;
      }
      .main-nav > li > ul > li
      {
        background: #FFF;
      }
      .main-nav > li > ul > li > ul
      {
      margin: 0;
      }
     .main-nav > li > ul > li > ul > li
      {
            background: #FFF;
      margin: 0;
      }
      
           .main-nav > li > ul > li > ul > li > ul > li
      {
display: none;
      }
    .main-nav > li > ul > li a {
      background: none;
      color: #333;
      padding-left: 1.5rem; }
    .main-nav > li > ul > li a:hover {
      color: #666; }
    .main-nav.show-small-menu {
      left: 0; }
     .main-nav > li > ul > li > ul {
        display:none;
      } 
     .main-nav > li:first-child > ul > li > ul {
        display:block;
      }
    .main-nav > li:nth-of-type(2) > ul > li > ul {
        display:block;
      }
      }
@media only screen and (min-width:46.87501em) {
  /* MEGA MENU */
  nav {
    background: #FFF; }
  .main-nav {
    background-color: transparent;
    height: 7.5rem; }
    .main-nav > li.mn-active > a {
      background: #004485;
      color: #FFF; }
    .main-nav > li:first-child {
      padding-right: 0.9375rem; }
      .main-nav > li:first-child a:hover {
        background: none; }
    .main-nav > li {
     /* width: 16.6%; use when WM goes into effect*/
     width: 20%;
      float: left;
      position: relative;
      text-align: center;
      padding: 0;
      border-right: 1px solid #999; }
      .main-nav > li > a {
        height: 7.5rem;
        display: table-cell;
        vertical-align: middle;
        width: 20%;
        padding: 0;
        color: #004485;
        }
      .main-nav > li > a:hover {
        color: #FFF;
        background: #004485; }
      .main-nav > li > ul {
        position: absolute;
        margin: 0;
        z-index: 9;
        border: 1px solid #004485;
        padding: 0.625rem 0.9375rem 0.9375rem 0.9375rem;
        background: #FFF; }
        .main-nav > li > ul > li a {
          font-size: 0.875rem;
          color: #004485;
          text-align: left;
          padding: 0; }
        .main-nav > li > ul > li a:hover {
          color: #127FD2; }
      .main-nav > li:hover ul {
        display: block; }
  .main-nav ul {
    margin-left: 0; }
  .main-nav > li > ul {
    width: 28.125rem;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.45); }
  .main-nav > li > ul > li {
    width: 50%;
    display: inline;
    float: left; }
    .main-nav > li > ul > li > a {
      font-weight: bold;
      font-size: 1.125rem;
      margin-top: 0.3125rem; }
  .main-nav > li > ul > li > ul > li > a {
    color: #127fd2;
    font-size: 1rem;
    margin-top: 0.3125rem; }
    .main-nav > li > ul > li > ul > li > a:hover {
      color: #004485; }
  .main-nav > li > ul > li > ul > li > ul {
    margin-left: 0.625rem; } 
    
.main-nav > li:last-child > ul
{
    right: 0; 
}
.main-nav > li.no-headings > ul > li > a
{
    color: #127fd2;
    font-size: 1rem;
    margin-top: 0.3125rem;
    font-weight: normal;
}
.main-nav > li.no-headings > ul > li > a:hover
{
color: #004485;
}
.main-nav > li.no-headings > ul > li > ul > li a
{
    font-size: 0.875rem;
    color: #004485;
    text-align: left;
    padding: 0;
}
.main-nav > li.no-headings > ul > li > ul > li a:hover {
  color: #127FD2; }
.main-nav > li.no-headings > ul > li > ul
{
    margin-left: 0.625rem;
}

}/* end medium up */
@media (max-width: 1380px) {
  /* nudge dropdowns for smaller screens */
  .main-nav > li:nth-child(9) > ul {
    right: 0; } }
@media (max-width: 926px) {
  .main-nav > li:nth-child(8) > ul {
    right: 0; } 
}
@media only screen {
.full-width {
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: initial; }
.slick-prev:before, .slick-next:before {
color: #222;
font-weight:inherit;} 
}
@media only screen { /*/////// BEGIN SMALL UP ///////*/
body {
background: #FFF url(design/img_body_bg.jpg) repeat-x;
color:#004485;
font-weight:normal;}
ul {
margin: 0;
line-height: 1.2rem; }
li {
list-style-type: none; }
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: normal; }
.hidelabel {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
::-webkit-input-placeholder {
color: #999;
font-weight:inherit;}
:-moz-placeholder {
/* Firefox 18- */
color: #999; 
font-weight:inherit;}
::-moz-placeholder {
/* Firefox 19+ */
color: #999; 
font-weight:inherit;}
:-ms-input-placeholder {
color: #999;
font-weight:inherit;}
.full-width {
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: initial; }
.nopadding {
padding: 0; }
.pink {
background: pink; }
.purple {
background: purple; }
span.pacifico {
font-family: 'Pacifico', cursive; }
.topnav {
border-top: 1px solid #BBB;
border-bottom: 1px solid #BBB;
padding: 0.9375rem 0; }
.topnav a {
color: #333; }
.topnav a:hover {
color: #004485; }
.topnav .column ul {
margin: 0; }
.topnav .column ul li {
display: inline-block;
font-size: 0.875rem;
padding-right: 0.9375rem;
}
.topnav .column ul.f-dropdown
{
  background: #02174f;
  border: 1px solid #02174f; /*skr changed from 0. It was causing a gap between arrow and box*/
  padding: 15px 15px 5px 15px;
  margin-top: 10px;
  max-width: 200px !important;
}
.topnav .column ul.f-dropdown li
{
  width: 100%;
}
.topnav .column ul.f-dropdown li a
{
  color: #FFF;
  padding: 0 0 10px 0;
  text-align: left;
}
.topnav .column ul.f-dropdown li:hover
{
  background: transparent;
}
.topnav .column ul.f-dropdown li a:hover
{
  color: #e8e2d6;
}
.topnav .column ul.f-dropdown:before
{
  border-color: transparent transparent #02174f transparent;
}
.topnav .column ul.f-dropdown:after
{
  display: none;
}
.online-banking {
background: #004486;
color: #FFF;
text-align: left;
font-family: 'Arial', sans-serif;
font-size: 0.75rem;
padding: 0.9375rem 1.25rem; }
.online-banking p {
font-size: 0.75rem;
margin: 0 0 0.625rem 0;
line-height: normal; }
.online-banking p:last-of-type {
font-family: 'Roboto Condensed', sans-serif;
font-size: 0.875rem;
margin-bottom:1rem;
display:inline-block; } /*skr added display*/
.online-banking a {
color: #FFF;
font-size: 0.75rem;
padding: 0 !important;
display: inline !important; }
.online-banking a:hover {
text-decoration: underline; }
.online-banking hr {
border: 0;
height: 1px;
background: #BBB; }
.online-banking > ul {
margin: 0; }
.online-banking > ul > li a {
font-size: 0.75rem;
text-decoration: underline; }
.online-banking > ul > li a:hover {
text-decoration: none; }
/*skr only added the additional class for password*/ 
.online-banking input[type="text"], 
.online-banking input[type="password"]{
color: #000;
width: 13rem;
height: 1.3125rem;
line-height: 1.3125rem;
font-family: 'Arial', sans-serif;
font-size: 0.75rem;
font-weight: bold;
border: 1px solid #999;
padding: 0 0.4375rem; }
.online-banking input[type="submit"] {
border: 1px solid #999;
text-transform: uppercase;
font-family: 'Arial', sans-serif;
font-size: 0.75rem;
color: #333;
font-weight: bold;
background: #EAEAEA;
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#d3d3d3));
background-image: -webkit-linear-gradient(top, #ffffff, #d3d3d3);
background-image: linear-gradient(top, #ffffff, #d3d3d3); }
.online-banking h2 {
color: #FFF;
font-size: 1.25rem;
/*margin-bottom: 0.625rem;*/ }
.online-banking button {
color: #333;
background: #FFF url(design/img_caret.png) right 0.5625rem center no-repeat;
text-align: left;
/*display: block;*/
width: 13rem;
height: 1.3125rem;
line-height: 1.3125rem;
font-family: 'Roboto Condensed', sans-serif;
font-size: 0.75rem;
border: 1px solid #999;
padding: 0 0.4375rem; }
.online-banking .f-dropdown {
padding: 0.625rem; }
.online-banking .f-dropdown li:hover {
background: none; }
.online-banking .f-dropdown a:hover {
color: #666; }
.hero .pacifico {
color: #127FD2;
font-weight:inherit;}
.hero .button {
background: #008555;
color: #FFF;
font-size: 1.125rem;
border: 1px solid #999;
padding: 0.3125rem 0.9375rem; 
border-radius: 4px; 
}
.features {
margin-bottom: 0.9375rem; }
.content {
font-size: 1rem;
line-height: 120%;
color: #004485;
padding: 1.25rem !important;
position: relative; 
}
.content p {
margin-bottom: 0.9375rem; 
font-size: 1rem;
}
.content a:link, .content a:visited, .content li a:visited {
color: #004485;
text-decoration: underline; }
.content a:link:hover, .content li a:link:hover {
text-decoration: none; }
.content ul, .content ol {
margin: 0 0 0.9375rem 0.9375rem; }
.content ol {
background: none !important;
margin-left: 1.25rem !important;
margin-bottom: 0.9375rem; }
.content ol li {
background: none !important; 
font-size: 1rem;
}
.content li {
padding-bottom: 0.625rem;
background: transparent url(design/img_list_img.png) left 8px no-repeat;
padding-left: 0.8rem; 
font-size: 1rem;
}
.content ul li ul, .content ol li ul, .content ol li ol {
margin-left: 0.625rem;
margin-bottom: 0 !important;
margin-top: 0.625rem; }
.content li ul li {
padding-left: 0.8rem;
padding-bottom: 0.625rem;
background: transparent url(design/img_list_img.png) left 8px no-repeat; 
font-size: 1rem;
}
.content .button {
color: #FFF !important;
text-decoration: none !important;
border: 0;
font-size: 13px;
font-size:.8125rem;
font-family: 'Montserrat', sans-serif;
font-weight: normal;
background: #74243c;
background-image: -webkit-gradient(linear, center top, center bottom, from(#8d2c4a), to(#74243c));
background-image: -webkit-linear-gradient(top, #8d2c4a, #74243c);
background-image: linear-gradient(top, #8d2c4a, #74243c);
margin: 0 0 0.9375rem 0;
padding: 0.3125rem 1.25rem;
text-shadow: 0px 1px 0px black;
text-align: center;
display: inline-block;
border-radius: 4px;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.48);
box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.48);
}
.content .button:hover
{
    background: #74243c;
}
.content hr {
border: 0;
height: 1px;
background: #DDD;
margin-bottom: 0.9375rem; }
.content small {
color: #333;
font-size: 0.75rem; }
.content .breadcrumb {
font-family: 'Montserrat', sans-serif;
font-size: 0.75rem;
color: #004485;
margin: 0 0 2.5rem 0;
padding: 0.625rem 0.625rem 1rem 0.625rem;
border-bottom: 1px solid #BBB;
}
.content .breadcrumb a {
color: #333; }
.content .breadcrumb .pacifico
{
    font-family: 'Montserrat', serif;
}
.caret-title
{
cursor: pointer;
    padding-top: 10px;
}

.caret-content
{
    padding-top: 10px;
}
.lender-info
{
padding-top: 0 !important;
}
.lender-info ul
{
       margin: 0;
    padding: 0;
}
.lender-info ul li
{
    background-image: none;
       margin: 0 !important;
    padding: 0 !important;
font-size: 1rem;
}
table.basic {
border: 1px solid #BBBABB;
margin-bottom: 0.9375rem;
font-family: 'Montserrat', sans-serif; }
table.basic td {
padding: 0.8125rem;
border: 1px solid #BBBABB; }
table.basic th {
padding: 0.8125rem;
background: #74243c;
background-image: -webkit-gradient(linear, center top, center bottom, from(#74243c), to(#8d2c4a));
background-image: -webkit-linear-gradient(top, #74243c, #8d2c4a);
background-image: linear-gradient(top, #74243c, #8d2c4a);
color: #FFF;
border: 1px solid #BBBABB;
font-size: 1rem;
font-family: 'Montserrat', sans-serif;
font-weight: normal; }
table.basic th .button {
border: 1px solid #999;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-size: 0.625rem;
color: #333;
font-weight: 600;
background: #EAEAEA;
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#d3d3d3));
background-image: -webkit-linear-gradient(top, #ffffff, #d3d3d3);
background-image: linear-gradient(top, #ffffff, #d3d3d3);
margin: 0.9375rem 0 0 0;
padding: 0.3125rem 1.25rem;
text-shadow: 0px 1px 0px white; }
table.basic td.alt {
background: #DDD; }
table.basic td.best-fit {
font-style: italic;
color: #333; }
 .content .ui-state-default {
      background: #74243c;
      background-image: -webkit-gradient(linear, center top, center bottom, from(#74243c), to(#8d2c4a));
      background-image: -webkit-linear-gradient(top, #74243c, #8d2c4a);
      background-image: linear-gradient(top, #74243c, #8d2c4a);
      color: #FFF;
      padding: 1rem !important;
      cursor: pointer;
      font-size: 1rem !important;
      font-weight: 400; }
    .content .ui-state-active .ui-icon, .content .ui-state-default .ui-icon {
      background-image: none; }
    .content .ui-state-default, .content .ui-state-active {
      border: 0; }
    .content a.menuitem {
      color: #FFF !important;
      text-decoration: none !important; 
      font-weight:normal;}
      .content a.menuitem::before {
        content: "+ "; }
    .content a.menuitem.ui-accordion-header-active::before, .content a.menuitem.ui-state-active::before {
      content: "- "; }
    .content .accordion-content {
      border: 0;
      color: #004485;
      height: auto !important; 
}   
.content input[type="radio"]
{
  margin: 0;
}
.content .accordion-content p
{
font-size: 1rem;
}
.ui-widget
{
font-size: 1rem !important;
font-family: 'Roboto', sans-serif !important;
}
span.green-cursive
{
color: red;
font-weight:inherit;
}
a.green-cursive
{
    font-family: 'Pacifico', cursive;
    font-size: 1.2rem;
    color: #008553 !important;
    text-decoration: none !important;
}
a.green-cursive:hover
{
    text-decoration: underline !important;
}
table.basic th a
{
    text-decoration: none !important;
    color: #008553 !important; 
    font-weight:bold;
}
table.basic th a:hover
{
    text-decoration: underline !important;
}
.footer {
color: #004485;
font-weight:inherit;}
.footer p, .footer a {
font-size: 0.75rem; }
.footer ul {
margin-bottom: 0.625rem; }
.footer ul li {
display: inline-block; }
.footer .footer-left img {
margin-right: 0.625rem; }
.footer .footer-left a:hover {
text-decoration: underline; }
.footer .footer-right img {
margin-left: 0.625rem; }
.footer .footer-right li a {
font-size: 0.8125rem;
color: #004485; }
.footer .footer-right li:last-child a {
font-weight: bold;
}
.footer .footer-right li a:hover {
color: #0078F0; }
.footer .footer-disclaimer {
text-align: center;
border-top: 1px solid #999;
padding: 0.625rem; }
.footer .footer-disclaimer p {
margin-bottom: 0.3125rem; } 
.footer .footer-right ul:last-of-type li {
margin-left: 0.9375rem; }
.footer .footer-right ul:last-of-type li a {
font-size: 0.875rem; }
.quick-links a
{
    width: 100%;
    margin-bottom: 5px;
    display: block;
}
/*skr down to media*/
.ie-alert-container {
position:fixed;
top:0;
bottom:0;
right:0;
left:0;
z-index:1004; 
background:rgb(0,68,134);
background: transparent\9;
background:rgba(0,68,134,0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc004486,endColorstr=#cc004486);
width:100% !important;
height:100% !important;
display: none;
}
.ie-alert {
position: absolute;
top: 2rem;
left:0;
right:0;
margin:0 auto;
z-index:1005; 
background: #ffffff;
color:#999999;
width:70%;
padding:3rem;
text-align:center;
}
.ie-alert-close {
  font-size: 2.5rem;
    line-height: 1;
    position: absolute;
    top: .625rem;
    right: 1.375rem;
    color: #2D72B2;
    font-weight: 700;
    cursor: pointer;
}
.close {display: none !important;}
}/*/////// END SMALL UP ///////*/
@media only screen and (min-width:46.87501em) {/*/////// BEGIN MEDIUM UP ///////*/
.ob-wrapper
{
    background: #004486;
}
.online-banking
{
    padding: 8px 0 0 0.9375rem;
}
.online-banking .column:first-child h2
{
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 3px;
}
.online-banking .column:first-child form
{
    display: inline-block !important; /*skr had to add important to over ride small-only's inherit*/
}
/*skr only added the additional class for password and updated margin*/
.online-banking .column:first-child form input[type="text"], 
.online-banking .column:first-child form input[type="password"]
{
    display: inline-block;
    width: 125px;
    margin: 8px 10px 15px 0px;

}
.online-banking .column:first-child form input[type="submit"]
{
    display: inline-block;
    height: 22px;
    margin-right: 10px;
    margin-top:0;
    padding-top: 1.5px;
}
.online-banking .column:first-child form input[type="text"],
.online-banking .column:first-child form input[type="password"] {
  margin-top:7px;
  height:1.4rem;
}
.online-banking .column:first-child > p
{
    display: inline-block;
}
.online-banking .column:first-child > p a
{
    text-decoration: underline !important;
    cursor: pointer !important;
}
.online-banking .column:first-child > p a:hover
{
    text-decoration: none !important;
}
.online-banking .column:nth-child(2)
{
    text-align: right;
}
.online-banking .column:nth-child(2) .apply
{
    display: inline-block;
    padding-top: 7px;
    padding-right:0.9375rem;
}
.online-banking .column:nth-child(2) .apply p
{
    display: inline-block;
    font-size: 16px;
}
.online-banking .column:nth-child(2) .apply button
{
    margin: 0;
}
.online-banking .column:nth-child(2) .apply #drop1
{
    text-align: left;
}

.hero .hero-content .caption {
height: 7.8125rem;
background: white;
background: rgba(255, 255, 255, 0.85);
text-align: center;
width: 100%;
padding-top: 3.125rem;
margin-bottom: 1.25rem; }
.hero .hero-content .caption p
{
color: #004485;
font-size: 2.25rem;
text-shadow: 0px 1px 0px #dedfdc;
margin: 0;
padding: 0;
line-height: 0;
}
.hero, .hero img {
border-radius: 8px; }
.hero {
position: relative;
padding: 0; }
.hero .hero-content {
position: absolute;
width: 31.25rem; }
.hero .hero-content .caption {
height: 7.8125rem;
background: white;
background: rgba(255, 255, 255, 0.85);
color: #004485;
font-size: 2.25rem;
text-align: center;
width: 100%;
text-shadow: 0px 1px 0px #dedfdc;
padding-top: 3.8rem;
margin-bottom: 1.25rem; }
.hero .hero-content .caption p
{
color: #004485;
font-size: 2.25rem;
text-shadow: 0px 1px 0px #dedfdc;
margin: 0;
padding: 0;
line-height: 0 !important;
}
.hero .hero-content .button {
margin-left: 1.25rem; }
.news {
background: #EAEAEA;
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#d3d3d3));
background-image: -webkit-linear-gradient(top, #ffffff, #d3d3d3);
background-image: linear-gradient(top, #ffffff, #d3d3d3);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
border-radius: 8px;
min-height: 4.75rem;
margin-bottom: 1.25rem;
padding: 0 0 0.625rem 0;
box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.5); }
.news .news-title {
padding-top: 0.9375rem; }
.news .news-title h2 {
font-size: 1.125rem;
color: #004485;
font-weight: 600; }
.news .news-content {
padding-top: 1.875rem; }
.news .news-content p {
font-size: 0.8125rem;
color: #004485; }
.news .news-link {
text-align: right;
padding-top: 1.5625rem; }
.news .news-link .button {
background: #004486;
color: #FFF;
font-size: 1.125rem;
border: 1px solid #999;
padding: 0.3125rem 0.9375rem;
text-transform: uppercase;
font-family: 'Arial', sans-serif;
font-size: 0.75rem;
margin: 0; }
.news .news-link .button::after {
content: ' >>'; }
.features .featurebox {
text-align: center; }
.features .featurebox img {
border-radius: 8px; }
.features .featurebox h2 {
font-size: 1.25rem;
color: #DC5F13;
font-weight: 600; }
.features .featurebox h2 a {
color: #bf5411; }
.features .featurebox h2 a:hover {
color: #AC4A0F; }
.quick-links {
width: 12.5rem;
font-family: 'Montserrat', sans-serif;
padding: 1.25rem 1.25rem 1.25rem 1.3rem;
float: right;
margin: 0 0 0.9375rem 0.9375rem; 
border-left: 1px solid #BBB;
}
.quick-links h2 {
font-size: 1.125rem;
font-family: 'Montserrat', sans-serif; }
.quick-links a {
color: #FFF !important;
text-decoration: none !important;
border: 0;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
font-weight: normal;
background: #74243c;
background-image: -webkit-gradient(linear, center top, center bottom, from(#8d2c4a), to(#74243c));
background-image: -webkit-linear-gradient(top, #8d2c4a, #74243c);
background-image: linear-gradient(top, #8d2c4a, #74243c);
margin: 0 0 0.9375rem 0;
padding: 0.3125rem 1.25rem;
text-shadow: 0px 1px 0px black;
text-align: center;
display: inline-block;
border-radius: 4px;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.48);
box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.48);
}
.quick-links a:hover
{
    background: #74243c;
}
.content h1 {
color: #004485;
font-size: 2.25rem;
margin-bottom: 0.625rem;
font-weight: 600;
text-shadow: 0px 1px 0px white; }
.content h2 {
color: #004485;
font-size: 1.5rem;
margin-bottom: 0.625rem;
font-weight: 600;
text-shadow: 0px 1px 0px white; }
.content h3 {
color: #004485;
font-size: 1.3125rem;
margin-bottom: 0.625rem;
font-weight: 600;
text-shadow: 0px 1px 0px white; }
.content h4 {
color: #004485;
font-size: 1.125rem;
margin-bottom: 0.625rem;
font-weight: 600;
text-shadow: 0px 1px 0px white; }
.content h5 {
color: #004485;
font-size: 1rem;
margin-bottom: 0.625rem;
font-weight: 600;
text-shadow: 0px 1px 0px white; }
.content h6 {
color: #004485;
font-size: 14px;
margin-bottom: 0.625rem;
font-weight: 600;
text-shadow: 0px 1px 0px white; }
.bottom-nav {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
margin-bottom: 1.25rem;
padding: 0.9375rem 0; }
.bottom-nav .bottom-nav-links {
font-size: 0.8125rem; }
.bottom-nav .pacifico
{
    font-family: 'Roboto Condensed', sans-serif;
}
.bottom-nav .bottom-nav-links ul {
margin: 0;
padding: 0;
font-size: 0.875rem; }
.bottom-nav .bottom-nav-links ul li {
width: 98%; }
.bottom-nav .bottom-nav-links ul li a {
color: #000; }
.bottom-nav .bottom-nav-links ul li a:hover {
text-decoration: underline; }
.bottom-nav .bottom-nav-links .bottom-nav-2levelsonly > li > ul > li > a {
font-weight: normal; }
.bottom-nav .bottom-nav-links > ul > li {
width: 25%;
float: left; }
.bottom-nav .bottom-nav-links > ul > li > a {
color: #BF5411;
background-color:#fff;
font-size: 0.875rem;
font-weight: 600; }
.bottom-nav .bottom-nav-links > ul > li > ul > li > a {
font-weight: 600; }
.bottom-nav .bottom-nav-links > ul > li > ul > li > ul {
margin-left: 0.4375rem; }
.footer .footer-right {
text-align: right; }
.footer hr {
display: none; } 
.tel-toggle
{
    text-decoration: none !important;
    cursor: text !important;
}
.lender-info ul li
{
    display: inline-block;
}
.lender-info ul li span
{
    padding: 0 6px;
}
/*skr added*/
.ob-toggle, .ob-form-container {display: inline-block; float:left;}
}/*/////// END MEDIUM UP ///////*/
@media only screen and (max-width: 46.875em) {/*/////// BEGIN SMALL ONLY ///////*/
#route {position:relative;text-align:center;}
.column {
padding: 0; }
.topnav .column ul.f-dropdown
{
margin-left: 20px;
}
/*skr*/
.topnav .column ul li:first-child {padding-bottom:.5rem;}
/*skr*/
.show-for-small-only .small-banking-button-container {display: inherit;}
.online-banking .column:first-child form
{
    padding-top: 10px;
}
/*skr only added the additional class for password*/
.online-banking .column:first-child input[type="text"],
.online-banking .column:first-child input[type="password"]
{
    display: block;
    margin-bottom: 0.625rem;
}
.online-banking .column:first-child input[type="submit"]
{
margin-bottom: 0.9375rem; 
}
.online-banking .column:first-child h2 {
display: block;
}
.online-banking .column:first-child button {
display: block;
 }
.online-banking {
width: 100%;
z-index: 10;
text-align: left;
padding: 1rem;
position: relative; 
}
.online-banking .column:first-child h2
{
    margin: 0;
}
.online-banking .column:first-child h2::after
{
content: ' +';
position: absolute;
right: 0.5rem;
}
/*skr only added the additional class for password */
.online-banking .column:first-child input[type="text"],
.online-banking .column:first-child input[type="password"] {
margin: 0 0 0.9375rem 0;
border-radius: 5px;
height: 2.1875rem;
line-height: 2.1875rem;
width: 100%; }
.online-banking .column:first-child input[type="submit"] {
border-radius: 5px;
padding: 0.625rem 0;
width: 100%;
font-weight: bold; }
.online-banking .column:first-child > p {
text-align: center; }
.online-banking .column:first-child > p a {
text-decoration: underline; }
.online-banking .column:first-child > p span.pipe {
display: inline;
padding: 0 0.3125rem; }
.online-banking .column:first-child > p br {
display: none; }
.online-banking .column:nth-child(2) .apply ul {
width: 80% !important; }
.online-banking .column:nth-child(2) .apply ul li {
text-align: left; }
.online-banking .column:nth-child(2) .apply button {
border-radius: 5px;
padding: 0.3125rem;
width: 100%;
height: auto; }
.online-banking form, .online-banking .column:first-child > p, .online-banking .column:nth-child(2)
{
    display: none;
}
.logo {
background: #FFF;
padding: 1.25rem; }
.topnav .column {
text-align: center;
}
.hero .hero-content {
position: relative;
width: 100%;
padding: 0.625rem 0;
height: auto; }
.hero .caption {
color: #004485;
background: transparent;
font-size: 1rem;
text-align: left;
width: 77%;
padding: 0 0.625rem;
float: left; }
.hero .caption-button {
float: right;
width: 22%;
padding-right: 0.625rem;
text-align: right; }
.hero .button {
margin: 0;
border-radius: 5px;
font-size: 0.875rem; }
.slick-dots {
visibility: hidden; }
.featurebox img {
display: none; }
.featurebox h2 {
font-size: 1rem;
color: #FFF;
font-weight: 600;
text-align: center;
background: #73243C;
text-shadow: 0px 1px 0px black;
padding: 0.625rem;
border-bottom: 1px solid #FFF; }
.featurebox h2 a {
color: #FFF; }
.featurebox h2 a:hover {
color: #FFF; }
.table-scroll {
width: 100%;
overflow-y: hidden;
overflow-x: scroll; }
#calcs-left, #calcs-right {
float: none !important;
width: 100% !important; }
.footer {
text-align: center; }
.footer .footer-left a {
text-decoration: underline; }
.footer hr {
width: 96%;
border: 0;
height: 1px;
background: #004486;
margin: 0 auto 1.25rem auto; }
.footer .footer-disclaimer {
border: 0; }
.footer .footer-disclaimer p {
font-size: 0.6875rem; }
.quick-links {
display: none; }
.content h1 {
color: #004485;
font-size: 1.3125rem;
margin-bottom: 0.625rem;
font-weight: 600;
text-shadow: 0px 1px 0px white; }
.content h2 {
color: #004485;
font-size: 1.1875rem;
margin-bottom: 0.625rem;
font-weight: 600;
text-shadow: 0px 1px 0px white; }
.content h3 {
color: #004485;
font-size: 1rem;
margin-bottom: 0.625rem;
font-weight: 600;
text-shadow: 0px 1px 0px white; }
.content h4 {
color: #004485;
font-size: 0.875rem;
margin-bottom: 0.625rem;
font-weight: 600;
text-shadow: 0px 1px 0px white; }
.content h5 {
color: #004485;
font-size: 0.75rem;
margin-bottom: 0.625rem;
font-weight: 600;
text-shadow: 0px 1px 0px white; }
.content h6 {
color: #333;
font-size: 0.75rem;
margin-bottom: 0.625rem;
font-weight: 600;
text-shadow: 0px 1px 0px white; } 
.lender-info ul li
{
    display: block;
}
.lender-info ul li span
{
display: none;
}

.open#drop1
{
  left: 0 !important;
  width: 100% !important;
}
/*skr below till media */
.ob-form-container, .online-banking a, .online-banking p, .ob-form-container p, .ob-form-container a {display:none;}
.ob-form-container {padding-top:1rem}
.ob-form-container > .show-for-small {padding-bottom: .75rem;  text-align:center;}
.ob-form-container p {text-align:center; width: 100%;}
.online-banking a.small-banking-button {
padding: .4rem .8rem !important; 
border-radius:3px;
border: 1px solid #999;
text-align:center; 
background-color: #EAEAEA!important;
color: #333; 
font-weight:700;
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#d3d3d3));
background-image: -webkit-linear-gradient(top, #ffffff, #d3d3d3);
background-image: linear-gradient(top, #ffffff, #d3d3d3); }
}/*/////// END SMALL ONLY ///////*/
@media only screen and (min-width:46.87501em) and (max-width:64em) {/*/////// BEGIN MEDIUM ONLY ///////*/
.main-nav > li:nth-child(3) > ul, .main-nav > li:nth-child(4) > ul
{
    right: 0; 
}
.hero-content {
top: 35%; }
.news, .hero, .hero img {
border-radius: 0; }
.news-content {
padding-top: 1.25rem !important; }
.bottom-nav-links li {
display: inline; }
.bottom-nav-links > ul > li {
width: 100% !important;
float: none;
margin-bottom: 0.625rem !important; }
.bottom-nav-links > ul > li > ul > li > ul > li::before {
content: "  | "; }
.bottom-nav-links > ul > li > ul > li > ul > li:first-child::before {
content: ""; }
.bottom-nav-links > ul > li > ul > li
{
display: block;
}
  li.bottom-nav-2levelsonly > ul > li::before
  {
    content: "  | ";
  }
  li.bottom-nav-2levelsonly > ul > li::before
  {
    content: "";
  }
/*skr*/
.online-banking .column:first-child input[type="text"],
.online-banking .column:first-child input[type="password"]
{
    margin-bottom: 5px!important;
}
}/*/////// END MEDIUM ONLY ///////*/
@media only screen and (min-width:64.063em) { /*/////// BEGIN LARGE UP ///////*/
.hero-content {
top: 48%;
left: 0; }
.content {
padding: 1.25rem 0; } 
}/*/////// END LARGE UP ///////*/
@media (min-width: 46.876em) and (max-width: 50.5em) {
.online-banking .column:nth-child(2) .apply
{
    text-align: left;
}
}

.topnav .row .column > ul > li:nth-child(2), .topnav .row .column > ul > li:nth-child(4), .topnav .row .column > ul > li:nth-child(6), .topnav .row .column > ul > li:nth-child(8)
{
    display: none;
}

html.touch .topnav .row .column > ul > li:nth-child(4), html.touch .topnav .row .column > ul > li:nth-child(8)
{
  display: inline-block;
}

html.no-touch .topnav .row .column > ul > li:nth-child(2), html.no-touch .topnav .row .column > ul > li:nth-child(6) 
{
  display: inline-block;
}

/*====  APP CSS  ====*/      
#or {font-weight:bold;margin-top:-11px;font-size:.8rem;}        
#apple {max-width:50%;padding-right:10px;border:none;}
#google {max-width:50%;border:none;}
/*====END  APP CSS  ====*/ 

/* ===============ADA Styles============*/

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  color:#000000;
  background-color:#ffffff;
}
#skip a, #skip a:hover, #skip a:visited 
{ 
position:absolute; 
left:0px; 
top:-500px; 
width:1px; 
height:1px; 
overflow:hidden;
color:#000000;
background-color:#ffffff;
} 

#skip a:active, #skip a:focus 
{ 
position:static; 
width:auto; 
height:auto; 
}

#closed {display:none;}

@media only screen and (min-width: 46.87501em){
.main-nav > li {
    width: 16%;
    
}
}
@media only screen and (max-width: 46.875em){
.main-nav > li {   
    
    width: 80%;
}
}

/*=======Wealth Management css=============*/

div.main-nav-wrap > ul > li:nth-child(6) > ul {width:200px;}
div.main-nav-wrap > ul > li:nth-child(6) > ul li {width:100%;}
@media only screen and (min-width: 46.87501em){
.main-nav > li:last-child > ul {
    right: -44px;
}
}

@media only screen and (max-width: 46.875em){
div.main-nav-wrap > ul > li:nth-child(6) > ul  {
    width:100%;
}
}

/*=======END Wealth Management css=============*/

@media only screen and (max-width: 46.875em){
.news .news-link {
margin: 0 auto;
    text-align: center;
}
}

.news-link a.button{
margin: 0;
margin-bottom: 10px;
    text-align: center;
    background: #004486;
    color: #FFF;
    font-size: 1.125rem;
    border: 1px solid #999;
    padding: 0.3125rem 0.9375rem;
    text-transform: uppercase;
    font-family: 'Arial', sans-serif;
    font-size: 0.75rem;
    
    }
    
    
}

.g-recaptcha-response {
			display: block !important;
			position: absolute;
			margin: -78px 0 0 0 !important;
			width: 302px !important;
			height: 76px !important;
			z-index: -999999;
			opacity: 0;
		}