@charset "utf-8";
/* CSS Document */
/* ---------------- 

/* 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 {
   /* outline: none;*/
    background: none;
    font-weight:inherit;}
  .slick-loading .slick-list {
    background: #fff url("/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);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-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; }
.slick-pause {padding:10px 15px; color:#0d3765; background-color:#fff; position:absolute;bottom:0; right:15px;border-radius:3px;min-width:78px;font-weight:700;}
.slick-pause:hover, .slick-pause:focus {
background-color:#2272d8;
}    
/* Icons */
@font-face {
  font-family: "slick";
  src: font-url("slick.eot");
  src: font-url("slick.eot?#iefix") format("embedded-opentype"), font-url("slick.woff") format("woff"), font-url("slick.ttf") format("truetype"), font-url("slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 50px;
  width: 50px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
  z-index: 10; }
  .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: 0.25; }
.slick-prev:before, .slick-next:before {
  font-family: "slick";
 /* font-size: 20px;*/
 font-size:1.25rem;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.slick-prev {
  left: 2.5rem;
  background: transparent url(design/img_hero_left.png) no-repeat; }
  .slick-prev:hover, .slick-prev:active {
    background: transparent url(design/img_hero_left.png) no-repeat; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
.slick-next {
  right: 2.5rem;
  background: transparent url(design/img_hero_right.png) no-repeat; }
  .slick-next:hover, .slick-next:active {
    background: transparent url(design/img_hero_right.png) no-repeat; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
button.slick-next, button.slick-prev {
  transition: none;
  border: 0;
  background-color: transparent !important; }

@media only screen {
.inline {display:inline;}
#geo { margin-bottom:-15px;}
  .mobile-only {
    display: none; }
  .resources .mobile-only {
    display: block; }
  .main-nav {
    margin: 0;
    position: relative;
    /*float: right;*/
    z-index: 100; 
padding-left: 10px;
}
    .main-nav a {
      color: #FFF;
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 1.375rem;
      font-weight: 400; }
    .main-nav li {
      list-style: none; }
    .main-nav > li {
      margin-right: 2.5rem; }
    .main-nav > li:last-child {
      margin-right: 0; }
    .main-nav > li a {
      background-color: transparent;
      display: block;
      padding: 10px 0; }
      .main-nav > li a:hover {
        color: #F3EE21; }
    .main-nav > li > ul {
      display: none;
      margin: 0; }
/* CHANGES */
.main-nav li ul li {
width: 240px; 
}
.main-nav > li > ul > li > a {
background-color: #0c2e58;
          display: block;
          padding: 0.5rem;
          font-size: 1.1875rem; 
}
.main-nav > li > ul > li > ul > li > a {
background-color: #0072d8;
          display: block;
          padding: 0.5rem;
          font-size: 1.1875rem; 
}
.main-nav > li > ul > li > ul
{
border-left: 1px solid #FFF;
}
/* CHANGES */


}
@media only screen and (max-width: 47.875em) {
  .mobile-only {
    display: block; }
  nav > .row > .columns {
    padding: 0; }
  .small-menu-toggle {
    cursor: pointer;
    color: white;
    text-align: center;
    display: block;
    font-size: 13px;
     font-size:0.8125rem;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    position: relative;
    top: -60px;
    height: 50px;
    padding-top: 30px;
    padding-left: 206px; }
  .main-nav-wrap {
    position: relative; }
  .main-nav {
    top: 0;
    float: none;
    position: absolute;
    margin: 0;
    width: 100%;
    left: -100%;
    transition: down 0.3s ease-in-out;
    z-index: 1; }
    .main-nav ul.active {
      display: block; }
    .main-nav > li > ul {
      display: none;
      overflow: hidden; }
    .main-nav > li > ul > li a {
      color: #FFF;
      padding-left: 1.5rem;
      background: none; }
    .main-nav.show-small-menu {
      left: 0; }
  .show-small-menu {
    background: #005199;
    border-top: 2px solid #FFF;
    top: -40px; }
  .main-nav > li.mn-loans > ul, .main-nav > li.mn-rates > ul {
    margin-left: 0; } }

@media only screen and (min-width:47.876em) {
  .main-nav > li {
    float: left;
    position: relative; }
    .main-nav > li > ul {
      position: absolute;
      width: 100%;
      margin: 0;
      z-index: 9; }

      .main-nav > li > ul > li > ul > li a:hover {
color: #F3EE21;
 }

      .main-nav > li > ul > li a:hover {
        background: #0072d8;
color: #FFF;
 }

/* CHANGES */

.main-nav > li:hover > ul 
{
display: block; 
} 
.main-nav > li > ul > li > ul
{display:none} 
.main-nav > li > ul > li:hover > ul
{display:block} 
.main-nav > li > ul > li > ul
{ 
  position:absolute; 
  left: 240px;
margin-top: -35px;
}
.main-nav li ul
{
  margin-left: 0;
}

/* CHANGES */


}

@media only screen {

 body {
    background: #C0C0C0; color:#000; font-weight:inherit;}
  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: #666; font-weight:inherit;}
  :-moz-placeholder {
    /* Firefox 18- */
    color: #666; font-weight:inherit;}
  ::-moz-placeholder {
    /* Firefox 19+ */
    color: #666; font-weight:inherit;}
  :-ms-input-placeholder {
    color: #666; font-weight:inherit;}
  .full-width {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: initial; }
  .nopadding {
    padding: 0; }
  strong.blue {
    color: #0C2C58; font-weight:inherit;}
  .pink {
    background: pink; font-weight:inherit;}
.header-wrapper
{
 background: #0c2e58 url(design/img_header_bg_pattern.png);
padding-bottom: 50px;
}
.body-wrapper
{
    position: relative;
top: -50px;
}
  .logo {
    padding-top: 3.75rem; }
  .topnav {
    color: #FFF;
    font-size: 0.9375rem;
    padding-top: 1.25rem;
    text-align: right; }
    .topnav a {
      color: #FFF;
      font-family: 'Lato', sans-serif; }
    .topnav a:hover {
      text-decoration: underline; }
    .topnav ul {
      margin-bottom: 1.5625rem; }
      .topnav ul li {
        margin-right: 0.625rem;
        display: inline; }
  .social .search-icon {
    display: none; }
  .search {
    width: 15.375rem;
    position: relative;
    top: 35px;
    left: 80px; }
    .search form input[type="text"] {
      border: 0;
      font-size: 0.875rem;
      color: #45587D;
      padding: 0 0.5rem;
      font-family: 'Lato', sans-serif;
      height: 1.5625rem;
      line-height: 1.5625rem;
      -moz-border-radius: 3px 0px 0px 3px;
      -webkit-border-radius: 3px 0px 0px 3px;
      border-radius: 3px 0px 0px 3px;
      width: 12.875rem; }
    .search form input[type="submit"] {
      background: #0072D8 url(design/img_search_submit_bg.jpg) center center no-repeat;
      border: 0;
      -moz-border-radius: 0px 3px 3px 0px;
      -webkit-border-radius: 0px 3px 3px 0px;
      border-radius: 0px 3px 3px 0px;
      height: 1.5625rem;
      width: 2.5rem; 
      text-indent:-9999px;}
    .search table td {
      vertical-align: top; }
  .leftcol {
    width: 18rem;
    position: absolute;
    z-index: 10;
    top: 7%;
    left: 13%; }
    .leftcol a.button {
      background: #F3EE21;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      padding: 0.625rem 0;
      width: 100%;
      font-size: 1.8125rem;
      color: #00386A;
      font-family: 'Lato', sans-serif;
      font-weight: bold;
      border: 0; }
  .online-banking {
    background: #EEE;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    /*padding-bottom: 1.5625rem;*/
    font-size: 0.8125rem;
    color: #0467b3;
    font-family: 'Lato', sans-serif; }
    .online-banking a {
      font-style: italic; 
margin-right: 35px;
padding-bottom:2px;
margin-top:-21px;
}
.int .online-banking {
margin-top:-41px;
display:none;
}
      .online-banking a:hover {
        text-decoration: underline; }
.online-banking img
{
  position: relative;
  top: -3px;
}
    .online-banking h2 {
      background: #0072D8;
      color: #FFF;
      font-family: 'Lato', sans-serif;
      font-size: 1.25rem;
      padding: 0.9375rem 0;
      text-align: center;
      -moz-border-radius: 5px 5px 0px 0px;
      -webkit-border-radius: 5px 5px 0px 0px;
      border-radius: 5px 5px 0px 0px;
      margin-bottom: 10px; }
    .online-banking form {
      width: 12.375rem;
      margin: 0 auto; }
    .online-banking form input[type="text"] {
      border: 1px solid #DDD;
      font-size: 13px;
       font-size:.8125rem;
      font-family: 'Arial', sans-serif;
      padding: 7px 4px;
      margin-bottom: 10px;
      width: 12rem;
      color: #666; }
    .online-banking form input[type="submit"] {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      background: #023765;
      font-size: 15px;
      font-size:0.9375rem;
      color: #FFF;
      font-family: 'Lato', sans-serif;
      border: 0;
      padding: 5px 15px;
      margin-right: 0.9375rem; }
  .slick-slider {
    overflow: hidden; }
  .hero-wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 77.625rem; }
  .hero {
    margin: 0 auto 1.875rem auto;
    max-width: 77.625rem;
    border: 4px solid #FFF;
    position: relative;
    z-index: 0; }
  .hero {
    margin: 0 auto 0.9375rem auto;
    max-width: 77.625rem;
    border: 4px solid #FFF;
    position: relative;
    z-index: 0; }
  .hero-caption {
    position: relative;
    z-index: 0;
    width: 100%;
    font-family: 'Verdana', sans-serif;
    font-size: 1.0625rem;
    left: 0;
    top: 0;
    background: #023765;
    padding: 0.625rem 5.3125rem;
    color: #FFF;}
    .hero-caption a {
      color: #FFF;
      text-decoration: underline; }
    .hero-caption a:hover {
      text-decoration: none; }
    .hero-caption h2 {
      font-size: 2.5rem;
      font-family: 'Lato', sans-serif;
      color: #FFF;
      margin-bottom: 0.3125rem; }
    .hero-caption p {
      margin-bottom: 0.3125rem; }  
.features {
    border-bottom: 1px solid #DDD;
    padding-bottom: 1.25rem;
    margin-bottom: 1.875rem; }
  .featurebox {
    font-size: 13px;
    font-size:0.8125rem;}
    .featurebox h2 {
      font-size: 1.25rem;
      color: #0C2D58;
      font-family: 'Lato', sans-serif;
      font-weight: 700;
      margin-bottom: 0.625rem; }
    .featurebox img {
      margin-bottom: 0.9375rem; }
    .featurebox p {
      font-size: 13px;
      font-size:0.8125rem;}
    .featurebox .button {
      background: #0072D8;
      font-size: 13px;
      font-size:0.8125rem;
      font-family: 'Arial', sans-serif;
      border: 0;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      padding: 8px; }
    .featurebox .button::after {
      content: " ►"; }
  .resources {
    background: #0072D8;
    color: #FFF;
    font-family: 'Lato', sans-serif;
    font-size: 1.0625rem;
    padding: 15px 10px; }
    .resources a {
      color: #FFF; }
    .resources a:hover {
      text-decoration: underline; }
    .resources h2 {
      color: #FFF;
      font-family: 'Lato', sans-serif;
      font-size: 1.375rem;
      border-bottom: 1px solid #4D9DE4;
      padding-bottom: 0.9375rem;
      margin-bottom: 0.9375rem; }
    .resources li {
      margin-bottom: 0.625rem; }
    .resources li a::before {
      content: "» "; }
  .tabBox {
    width: 100%;
    float: left;
    overflow: visible; }
  .tabContainer {
    border-top: none;
    border-bottom: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    overflow: hidden;
    clear: both;
    float: left;
    width: 99.5%;
    height: 11.25rem;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px; 
background: #FFF;
}
  .tabContent {
    padding: 7px;
    font-family: 'Lato', sans-serif;
    font-size: 1.125rem;
    color: #212121; }
    .tabContent table {
      width: 100%;
      margin-bottom: 0.625rem; }
      .tabContent table td {
        vertical-align: bottom; }
    .tabContent .button {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      background: #023765;
      font-size: 15px;
      font-size:0.9375rem;
      color: #FFF;
      font-family: 'Lato', sans-serif;
      border: 0;
      padding: 5px 10px;
      margin-bottom: 0.0625rem; }
  span.small-bright-blue {
    color: #0072D8;
    font-size: 12px;
    font-size:0.75rem;}
  td.tab-rate {
    color: #0072D8;
    font-size: 1.375rem;
    text-align: right;
    font-weight: bold; }
  ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 4rem;
    width: 100%; }
  ul.tabs li {
    float: left;
    margin: 0 1px 0 0;
    padding: 0;
    height: 4rem;
    margin-bottom: -1px;
    overflow: hidden;
    position: relative;
    width: 33%;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px; }
    ul.tabs li br {
      display: none; }
  ul.tabs li a {
    display: block;
    height: 4rem;
    font-size: 1.125rem;
    font-family: 'Lato', sans-serif;
    padding: 12px 7px;
    outline: none;
    background: #0C2E58;
    text-decoration: none;
    color: #FFF;
    outline: none; }
  .tab-smaller {
    font-size: 0.875rem;
    display: block; }
  ul.tabs li a:hover {
    background: #FFF;
    color: #0C2E58;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    border: 1px solid #E0E0E0;
    border-bottom: 0; }
  ul.tabs li.active a {
    background: #FFF;
    color: #0C2E58;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    border: 1px solid #E0E0E0;
    border-bottom: 0; }
.rate-image
{
    position: relative;
top: -15px;
}
  .rate-image h2 {
    text-align: center;
    font-size: 2.125rem;
    color: #0C2E58;
    font-family: 'Lato', sans-serif;
    margin-bottom: 0.9375rem;
    font-weight: bold; }
  .footer {
    background: #0072D8;
    padding-top: 1.875rem;
    padding-bottom: 1.25rem;
    margin-bottom: 5px;
    padding-left: 10px; }
    .footer a {
      color: #FFF; }
    .footer a:hover {
      text-decoration: underline; }
    .footer .column {
      color: #FFF;
      font-size: 0.9375rem;
      font-family: 'Lato', sans-serif; }
  .footer-nav {
    margin-bottom: 1.875rem;
text-align: center;
}
    .footer-nav li {
      margin-left: 0;
      margin-right: 10px; 
display: inline-block;
}
.footer-nav span
{
margin-right: 10px; 
}
  .footer-logos {
    width: 90%; 
}
    .footer-logos img {
      margin-right: 10px;
      margin-bottom: 10px; }
  .wrapper {
    background: #FFF;
    padding: 1.5625rem 0.625rem;
    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8; }
  .int-leftcol {
    padding: 0 3.4375rem 1.5625rem 0; }
    .int-leftcol a.button {
      background: #F3EE21;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      padding: 0.625rem 0;
      width: 100%;
      font-size: 1.8125rem;
      color: #00386A;
      font-family: 'Lato', sans-serif;
      font-weight: bold;
      border: 0;
      margin-bottom: 1.5625rem; }
 .int .resources {
    border-radius: 5px;
    margin-bottom: 1.5625rem; 
padding: 0;
}

.int .resources a
{
  font-size: 17px;
  font-size:1.0625rem;
}
.int .resources ul
{
  margin-right: 10px;
}
.int .resources > ul > li
{
  padding-top: 15px;
}
.int .resources > ul > li > ul
{
  padding-bottom: 15px;
}
.int .resources li
{
  margin: 0 0 8px 10px;
}

  .int .resources > ul > li > a {
font-size: 22px;
font-size:1.375rem;
   /* color: yellow;*/
   color:#ffff7c;
    border-bottom: 0;
  padding: 0;
  margin: 0 0 0.9375rem 0;
}
  .int .resources > ul > li > ul {
  margin: 0.625rem 0 0 0.625rem;
}

  .int .resources > ul > li > ul > li > ul > li > a {
font-size: 16px;
font-size:1.0rem;
font-weight: 900;
}
  .int .resources > ul > li > ul > li > ul {
  margin: 0.625rem 0 0 0;
  background: #FFF;
  -moz-border-radius: 10px 0px 0px 10px;
  -webkit-border-radius: 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px;
  padding: 8px 0;
  position: relative;
  left: 10px;
}
  .int .resources > ul > li > ul > li > ul li {
    margin-left: 10px; }
  .int .resources > ul > li > ul > li > ul li a {
    color: #0c2c7c; }
  .int .resources > ul > li > ul > li > ul > li > ul {
  margin: 0.625rem 0 0 1.875rem;
}
  .int .resources > ul > li > ul > li > ul > li > ul li a {
    color: #0072D8; }
  .int .resources > ul > li > ul > li > ul > li > ul > li > ul {
    display: none; }
  .int .resources li a::before {
    content: none; }

.int .featurebox {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 1.5625rem;
    border: 1px solid #D1DFCD;
    padding: 0.9375rem 0.625rem; }
    .int .featurebox h2 {
      color: #005199; }
    .int .featurebox a {
      color: #0072D8;
      font-size: 0.9375rem;
      font-weight: bold; }
    .int .featurebox a:hover {
      text-decoration: underline; }
    .int .featurebox a::after {
      content: " »"; }
  .content {
    font-size: 0.9375rem;
    line-height: 120%; }
  .content p {
    margin-bottom: 0.9375rem; }
  .content a:link, .content a:visited, .content li a:visited {
   /* color: #0072D8;*/ 
   color:#0061b6; }
  .content a:link:hover, .content li a:link:hover {
    text-decoration: underline; }
  .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; }
  .content li {
    padding-bottom: 0.625rem;
    background: transparent url(design/img_list_img.png) left 6px no-repeat;
    padding-left: 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: 1rem;
    padding-bottom: 0.625rem;
    background: transparent url(design/img_sublist_img.png) left 7px no-repeat; }
  table.basic {
    border: 0;
    margin-bottom: 0.9375rem; }
  table.basic td {
    padding: 0.8125rem;
    border: 0; }
  table.basic th {
    padding: 0.8125rem;
    background: #0072D8;
    color: #FFF;
    font-family: 'Lato', sans-serif; }
    
  table.basic td.alt {
    background: #F0F0F0; }
    table.basic th[scope="row"]{
    text-align:left;color:#000;background: #fff; 
    }
    table.basic th.alt {
    background: #F0F0F0; 
    }
  .content .button {
    background: #0072D8;
    font-size: 13px;
    font-size:0.8125rem;
    font-family: 'Arial', sans-serif;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 8px; }
  hr {
    border: 0;
    height: 1px;
    background: #DDD;
    margin-bottom: 0.9375rem; }
  .accordion-title {
    padding: 0.9375rem 1.8rem 0.9375rem 0.625rem;
    color: #FFF;
    font-family: 'Lato', sans-serif;
    background: #005199 url(design/img_accordion_bg.jpg) calc(100% - 10px) center no-repeat;
    cursor: pointer;
    margin-bottom: 1px;
    font-weight: bold; }
  .accordion-content {
    padding: 1.25rem 0.9375rem; }
  .accordion-title.open {
    background: #005199 url(design/img_accordion_bg_open.jpg) calc(100% - 10px) center no-repeat; }
  .landing-image img {
    border: 1px solid #F2F2F2; }
  .content .row {
    width: 98%; }
  .content .column {
    padding: 0; }
  h1 {
    color: #0C2C58;
    font-size: 1.6875rem;
    font-family: 'Lato', sans-serif;
    margin-bottom: 1.875rem; 
font-weight: 900;
}
  .content h2 {
    color: #0072D8;
    font-size: 1.375rem;
    font-family: 'Lato', sans-serif;
    margin-bottom: 1.25rem; 
font-weight: 900;
}
  .content h3 {
    color: #005199;
    font-size: 1.25rem;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    margin-bottom: 0.9375rem; }
  .content h4 {
    color: #0C2C58;
    font-size: 1.25rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 900;
    margin-bottom: 0.9375rem; }
  .content h5 {
    color: #0072D8;
    font-size: 1.125rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 900;
    margin-bottom: 0.9375rem; }
  .content h6 {
    color: #666;
    font-size: 1rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 900;
    margin-bottom: 0.9375rem; } 

  .form-hide label {
    padding-right: 0.9375rem; }

}
@media only screen and (max-width: 47.875em) {
#calcs-left, #calcs-right { float:none !important; width:100% !important; }
  .table-scroll {
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll; }
  .logo {
    padding-top: 1.5625rem;
    text-align: center; }
  .topnav {
    text-align: center; }
  .social li.facebook a img, .social li.twitter a img {
    position: relative;
    z-index: 9999; }
  .social .show-for-small-only {
    display: inline-block !important;
    position: relative;
    top: -2px; }
  .social .search-icon {
    display: inline-block !important; }
  .search-wrapper {
    margin-bottom: 10px; }
  .search {
    display: none;
    position: relative;
    z-index: 9999;
    top: 0;
    left: 0;
    margin: 0 auto; }
  .leftcol {
    position: relative;
    margin: 0;
    left: 0;
    width: 100%;
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    z-index: 0; }
    .leftcol a.button {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      margin: 0; }
  .online-banking {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0; }
    .online-banking h2 {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      text-align: left;
      padding-left: 1.25rem; }
    .online-banking form {
      width: 17.125rem;
      margin: 0 0 0 1.25rem; }
  .ob-support a {
    position: relative;
    right: 12.8125rem;
    top: 10px; }
  .hero-wrapper {
    position: relative;
    top: -40px; }
  .hero {
    margin: 0 0 1.25rem 0;
    border: 0; }
  .hero-caption {
    position: relative;
    background: #023765;
    width: 100%;
    margin: 0;
    left: 0;
    padding: 10px; }
    .hero-caption h2, .hero-caption p {
      margin-bottom: 0; }
  .slick-prev, .slick-next {
    display: none !important; }
  .features {
    margin-bottom: 1.25rem;
    position: relative;
    top: -40px;
    padding-bottom: 2.5rem; }
  .featurebox {
    margin-bottom: 1.25rem; }
    .featurebox img {
      width: 100%;
      height: auto; }
  .callouts {
    position: relative;
    top: -40px;
    border-bottom: 1px solid #DDD;
    padding-bottom: 1.25rem; }
  div.tabBox {
    border: 0; }
  .tabContainer {
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0; }
  ul.tabs {
    height: auto;
    display: block;
    width: 100%;
    border-left: 0px; }
  ul.tabs li {
    width: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-bottom: 1px; }
    ul.tabs li br {
      display: block; }
  ul.tabs li a {
    border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border: 0;
    background: #0D2F59 url(design/img_tab_accordion_bg.jpg) right top repeat-x; }
  ul.tabs li a:hover, ul.tabs li.active a {
    color: #FFF;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0; }
  ul.tabs li a:hover {
    background: #0D2F59 url(design/img_tab_accordion_bg.jpg) right top repeat-x; }
  ul.tabs li.active a {
    background: #0D2F59 url(design/img_tab_accordion_bg_open.jpg) right top repeat-x; }
  .footer {
    margin-bottom: 0; }
  .footer-nav {
margin: 0 auto 1.875rem auto;
}
  .footer-nav li {
    margin-right: 20px; }
  .footer-logos {
    width: 100%;
    margin-bottom: 25px; }
  .wrapper {
    position: relative;
    top: -40px;
    padding: 0; }
  .content {
    margin-bottom: 40px;
    padding: 1.5625rem 0.625rem; }
  .content .row {
    width: 100%; }
  .content .column {
    padding-left: 15px; }
  .int-leftcol {
    padding: 0; }
  .landing-image {
    display: none; }
  .int-leftcol a.button {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
  .int .resources, .int .featurebox {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
  .int .featurebox {
    border: 0; } }
@media only screen and (min-width:47.876em) { 

    .main-nav > li:last-child {
      display: none;
}

}
@media only screen and (min-width:47.876em) and (max-width:64em) {



  .leftcol {
    top: 5%;
    left: 3%; }
  .slick-prev, .slick-next {
    top: 75%; }
  .slick-prev {
    left: 10px; }
  .slick-next {
    right: 10px; }
  .resources li {
    display: inline-block;
    margin-right: 1.25rem; }
  .tabContainer {
    height: auto; }
  ul.tabs {
    height: 5.3125rem; }
    ul.tabs li, ul.tabs li a {
      height: 5.3125rem; }
  .callouts-tabs .column {
    padding: 0; }
  .rates-table {
    margin-left: 10px; }
  .footer {
    margin-bottom: 0; } }
@media only screen and (min-width:64.063em) {
  .search {
    width: 15.375rem;
    position: relative;
    top: 35px;
    left: 100px; } 



} 
 
.show-small-menu > li > ul > li > ul > li
{
  display: none;
}

.footer-nav li:first-child span
{
display: none;
}

.alert-wrapper
{
    padding: 10px;
}

.alert a
{
    text-decoration: underline;
}
.alert a:hover
{
    text-decoration: none;
}
.alert strong
{
    padding-right: 10px;
}

.alert p
{
margin-bottom: 0;
}

label
{
color: #000;
}

input, textarea, select
{
border-color: #000 !important;
}

a.disabled
{
    cursor: default;
}

a.disabled:hover
{
    text-decoration: none;
}

        #widget {
            width: 100%;
			height: 100%;
			border: 1px solid #D8D8D8;
			overflow: auto;
			margin: 0px 0px 20px 0px !important;
			box-shadow: 0px 0px 30px #cccccc;

        }

        .errorMsg {
            font-family: Arial;
            color: transparent;
            font-size: smaller;
            padding-top: 5px;
        }


        .select {
            max-height:35px;
            margin: 10px 0px 0px 0px;
            overflow:auto;
        }

        .searchDiv1 {
            width: 49%;
            float: left;
            padding: 0px 20px 0px 20px;
        }
        .searchDiv2 {
            width: 1px;
			height: 180px;
            float: left;
			background-color: #cccccc;
			overflow: auto;
            margin: 20px 0px 20px 0px;
        }
        .searchDiv {
            width: 49%;
            float: left;
            padding: 0px 20px 0px 20px;
        }

        .searchTab {
			margin: 0px 20x;
        }

            .searchTab td {
                padding: 5px;
            }

            .searchTab tr {
            }

        .searchText {
            width: 100%;
			height: 35px;
			border: 1px solid #D8D8D8;
            margin: 10px 0px 0px 0px;
	
        }

        .searchHDR {
            font-family: 'oxygen';
			font-size: 24px;
			font-size:1.5rem;
            font-weight: normal;
            color: #063b96;
            padding: 20px 0px 0px 0px;
        }
		.truecar-btn input[type=text] {
			padding:5px; 
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}
		
		.truecar-btn input[type=text]:focus {
			border-color:#999999;
		}
		
		.truecar-btn input[type=button] {
			font-family: arial;
			font-weight: bold;
			color: #ffffff;
			padding:5px 15px; 
			background:#6a6a6a; 
			border:0 none;
			cursor:pointer;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			margin: 0px 0px 20px 0px;
		}
		.truecar-btn input[type=button]:hover {
			background:#666666; 
		}
		
#lert {display:none; background-color:#c72a0e;color:#fff; font-size:.75rem;padding: 0.375rem 0.5625rem 0.5625rem;font-style:italic;}

/* ===============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; 
}
 
 
/* ===============KFCU AUTO CAR SEARCH ===================*/

#kfcu {margin-top:30px;}


#kfcu #widget { 
	width: 95%; 
	height: 225px; 
	border: 1px solid #D8D8D8; 
	
	margin-top: 0px; 
	margin-right: 0px; 
	margin-left: 10px; 
	margin-bottom: 10px; 
	box-shadow: 0px 0px 30px #cccccc; 
	} 
	
#kfcu 	.errorMsg { 
	font-family: Arial; 
	color: transparent; 
	font-size: smaller; 
	padding-top: 5px; 
	} 
	
#kfcu 	.select { 
	max-height:35px; 
	margin: 10px 0px 0px 0px; 
	overflow:auto; 
	} 
	
#kfcu 	.searchDiv1 { 
	width: 49%; 
	float: left; 
	padding: 0px 20px 0px 20px; 
	} 
#kfcu 	.searchDiv2 { 
	width: 1px; 
	height: 160px; 
	float: left; 
	background-color: #cccccc; 
	overflow: auto; 
	margin: 20px 0px 20px 0px; 
	} 
#kfcu 	.searchDiv { 
	width: 49%; 
	float: left; 
	padding: 0px 20px 0px 20px; 
	} 
	
#kfcu 	.searchTab { 
	margin: 0px 20x; 
	} 
	
#kfcu 	.searchTab td { 
	padding: 5px; 
	} 
	
#kfcu 	.searchTab tr { 
	} 
	
#kfcu 	.searchText { 
	width: 100%; 
	height: 35px; 
	border: 1px solid #D8D8D8; 
	margin: 10px 0px 0px 0px; 
	
	} 
	
#kfcu 	.searchHDR { 
	font-family:arial, sans-serif; 
	font-size: 24px; 
	font-weight: normal; 
	color: #0072d8; 
	padding: 20px 0px 0px 0px; 
	} 
#kfcu 	.truecar-btn input[type=text] { 
	padding:5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	} 
	
#kfcu 	.truecar-btn input[type=text]:focus { 
	border-color:#999999; 
	} 
	
#kfcu 	.truecar-btn input[type=button] { 
	font-family: arial; 
	font-weight: bold; 
	color: #ffffff; 
	padding:5px 15px; 
	background:#0072d8;
	border:0 none; 
	cursor:pointer; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	margin: 0px 0px 20px 0px; 
	} 
#kfcu 	.truecar-btn input[type=button]:hover { 
	background:#0c2e58; 
	} 

#sentinel-badge {margin-left:-136px;}

#best {margin-top: -56px;
    margin-left: 123px;}