/* split file here */
/*===[ COLORS ]===*/
.bg-blue {
  background: #003470; }

.bg-red, .btn {
  background: #E72128; }

.bg-gradient {
  background: #fff;
  background: linear-gradient(#E5EAF0, #fff); }

.main a {
  color: #E72128; }

.main a:hover {
  color: #003470; }

.col-white, .btn {
  color: #fff; }

body {
  font-family: "Lato", Arial;
  background: #fff; }

a {
  text-decoration: none;
  transition: color .3s ease, background-color .3s ease; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.normal {
  font-weight: 400; }

.bold {
  font-weight: 700; }

.all-caps {
  text-transform: uppercase; }

.mobile-btns, .home-icon-links .icon, .features-box span {
  top: 50%;
  transform: translateY(-50%);
  position: absolute; }

[class*="block-grid-"] {
  margin: 0; }

.max-width {
  max-width: 61.25rem;
  margin: 0 auto; }

#video-box {
  max-width: 37.5rem; }

.no-bullet, .piped-list, .no-bullet li {
  list-style: none;
  padding-left: 0; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.piped-list {
  margin: 0; }
  .piped-list li {
    display: inline-block;
    margin-left: .5rem; }
    .piped-list li:before {
      content: '| ';
      left: -.25rem;
      position: relative; }
    .piped-list li:first-child {
      margin-left: 0; }
      .piped-list li:first-child:before {
        content: ''; }

.btn {
  padding: .5rem 1.5rem;
  border: none;
  text-decoration: none; }

.fine-print {
  font-size: 0.75rem;
  line-height: 1.25; }

/*===[ Images ]===*/
img.icon {
  width: auto; }

img.full-width {
  width: 100%; }

/*===[ Online Banking ]===*/
.online-banking {
  text-align: center; }
  .online-banking h2 {
    color: #fff;
    font-size: 1.25rem; }
  .online-banking form {
    max-width: 15.625rem;
    margin: 0 auto;
    width: 94%; }
  .online-banking .inputs {
    background: #fff;
    display: block; }
    .online-banking .inputs input {
      border: none;
      font-size: 0.875rem;
      width: 74%;
      margin: 2px 0 2px 2px;
      padding: .35rem .5rem;
      height: auto; }
      .online-banking .inputs input[type="submit"] {
        -webkit-appearance: none;
        background: #E72128;
        color: #fff;
        width: 24%;
        margin: 2px 2px 2px 0;
        text-align: center; }
  .online-banking a {
    color: #FFFFCB;
    padding: .375rem 0;
    font-size: 0.8125rem;
    display: block; }
    .online-banking a:hover {
      color: #fff; }

/*===[ Forms ]===*/
#id_matrix {
  border: none; }
  #id_matrix tr:nth-of-type(even) {
    background: none; }
  #id_matrix td {
    padding: 0; }
  #id_matrix input, #id_matrix textarea, #id_matrix select {
    background-color: #fff;
    border: 1px solid #333;
    box-shadow: none;
    padding: .375rem .5rem;
    height: auto; }
  #id_matrix input[type="radio"], #id_matrix input[type="checkbox"] {
    border: none;
    padding: .25rem .275rem 0; }
  #id_matrix fieldset {
    border: none;
    padding: 0;
    margin: 0; }
    #id_matrix fieldset legend {
      font-weight: 400;
      padding: 0;
      background: none;
      margin: 0; }
    #id_matrix fieldset label {
      display: inline-block;
      margin: .5rem 0 1rem 1rem; }
  #id_matrix input[type="submit"] {
    background: #E72128;
    color: #fff;
    padding: .25rem 1rem; }

/*===[ Media Queries ]===*/
@media only screen and (min-width: 600px) {
  .online-banking .inputs input {
    width: 70%; }
    .online-banking .inputs input[type="submit"] {
      width: 27%; }
  .online-banking ul {
    margin-bottom: 0; } }

@font-face {
  font-family: "Icons";
  src: url("../fonts/Icons.eot");
  src: url("../fonts/Icons.eot?#iefix") format("eot"), url("../fonts/Icons.woff") format("woff"), url("../fonts/Icons.ttf") format("truetype"), url("../fonts/Icons.svg#Icons") format("svg"); }

[class*='icon']:before {
  font-family: "Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
  text-decoration: none;
  text-transform: none; }

.icon-carousel-next:before {
  content: "\E001"; }

.icon-carousel-prev:before {
  content: "\E002"; }

.icon-closer:before {
  content: "\E003"; }

.icon-ext-link:before {
  content: "\E004"; }

.icon-login-closer:before {
  content: "\E005"; }

.icon-login:before {
  content: "\E006"; }

.icon-menu:before {
  content: "\E007"; }

.icon-ss-arrow:before {
  content: "\E008"; }

/*===[ HEADER ]===*/
header {
  padding: 2rem 0;
  position: relative; }

.hdr-logo img {
  width: 70%;
  margin-left: .5rem;
  max-width: 18.75rem; }

.mobile-btns {
  margin-top: .15rem;
  right: 1rem; }
  .mobile-btns button {
    background: none;
    border: none;
    padding: 0;
    margin: 0; }
  .mobile-btns .toggler {
    cursor: pointer;
    display: inline;
    margin-left: .5rem; }
    .mobile-btns .toggler:first-child {
      margin-left: 0; }
    .mobile-btns .toggler.is-open span:first-child {
      display: none; }
    .mobile-btns .toggler.is-open span:last-child {
      display: inline; }
  .mobile-btns span {
    color: #E72128;
    font-size: 2.75rem; }

.home .mobile-login, .icon-login-closer {
  display: none; }

/*===[ Header Media Queries ]===*/
@media only screen and (max-width: 380px) {
  header {
    padding-bottom: 0; }
  .mobile-btns {
    position: relative;
    transform: inherit;
    right: auto;
    clear: both;
    text-align: center; } }

@media only screen and (min-width: 800px) {
  .mobile-nav, .home .mobile-login {
    display: none; } }

@media only screen and (min-width: 768px) {
  .icon-menu {
    color: #003470; } }

@media only screen and (min-width: 1000px) {
  header {
    padding: 1.5rem 0; }
    header .row {
      position: relative; }
  .hdr-logo img {
    margin-left: 0;
    width: 100%; } }

.nav {
  display: none;
  margin: 0 0 1rem;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  background: #fff;
  list-style: none;
  padding: 0;
  min-width: 18.75rem;
  width: auto; }
  .nav a {
    color: #0e3562;
    display: block;
    font-size: 0.875rem;
    font-weight: 700; }
    .nav a:hover {
      color: #E72128; }
  .nav > li {
    border-top: 1px solid #E5F0F3; }
    .nav > li > a {
      padding: .35rem .75rem; }
    .nav > li:first-child a {
      border-top: none; }
    .nav > li.active {
      margin-bottom: .5rem; }
      .nav > li.active > a {
        color: #E72128; }
      .nav > li.active ul {
        display: block;
        padding-left: 0; }
        .nav > li.active ul a {
          padding: .35rem .5rem .35rem 2rem; }
  .nav ul {
    margin: 0;
    display: none; }
  .nav li {
    list-style: none; }

@media only screen and (max-width: 340px) {
  .nav {
    min-width: 0;
    width: 100%; } }

@media only screen and (min-width: 800px) {
  .nav {
    top: 50%;
    transform: translateY(-50%);
    display: block;
    background: none;
    text-align: right;
    right: 1.5rem; }
    .nav > li {
      border-top: none;
      display: inline-block;
      margin-left: 1.5rem;
      font-size: 1rem;
      position: relative;
      padding: 2.75rem 0; }
      .nav > li a {
        padding: 0; }
      .nav > li:hover > a {
        color: #E72128; }
      .nav > li:hover ul {
        background: #fff;
        display: block;
        position: absolute;
        padding-left: 0;
        text-align: left;
        left: 0;
        top: 100%;
        width: 200px;
        z-index: 999; }
        .nav > li:hover ul a {
          display: block;
          padding: .35rem 1rem;
          border-top: 1px solid #E5F0F3; }
    .nav > li:last-child ul {
      left: auto;
      right: 0; }
  .interior .nav {
    right: 4.5rem; }
    .interior .nav > li {
      margin-left: .75rem; }
      .interior .nav > li ul {
        border: 1px solid #CCD6E2; } }

@media only screen and (min-width: 1000px) {
  .interior .nav > li {
    margin-left: 2rem; } }

/*===[ Interior Pages ]===*/
.interior .banking-row {
  position: relative; }

.interior .online-banking {
  display: none;
  position: absolute;
  width: 100%;
  max-width: 20rem;
  right: 0;
  top: 0;
  padding-bottom: 1rem; }

.interior .features-box {
  padding: 0;
  width: 30%;
  margin-right: 5%; }
  .interior .features-box a, .interior .features-box img {
    width: 100%;
    max-width: none; }

.content-col {
  width: 94%;
  margin: 0 auto; }
  .content-col h1, .content-col h5 {
    color: #003470; }
  .content-col h2, .content-col h6 {
    color: #E72128; }
  .content-col h4 {
    color: #535353; }
  .content-col h1 {
    font-size: 1.3125rem;
    margin: 0; }
  .content-col h2 {
    font-size: 1.125rem; }
  .content-col h3, .content-col h4 {
    font-size: 1rem; }
  .content-col h5 {
    font-size: 0.875rem; }
  .content-col p, .content-col li, .content-col div {
    font-size: 0.8125rem; }
  .content-col h6 {
    font-size: 0.75rem; }

table.centered {
  margin: .5rem auto; }

.main-content ul {
  padding: 0; }
  .main-content ul li {
    list-style: none;
    background: url(../img/bullet.png) no-repeat 0 5px;
    background-size: 16px 8px;
    padding-left: 1.5rem;
    margin-bottom: .25rem; }
    .main-content ul li a {
      color: #003470;
      font-weight: 700; }

.breadcrumbs {
  display: none;
  margin: 0;
  padding: 0; }
  .breadcrumbs li, .breadcrumbs a {
    color: #999; }
  .breadcrumbs li {
    display: inline-block;
    font-size: 0.8125rem; }
    .breadcrumbs li:first-child {
      margin-left: 0; }
  .breadcrumbs a {
    display: inline-block;
    margin-right: .5rem;
    text-decoration: none; }

/*===[ Chart table ]===*/
.small-chart > div {
  border: 3px solid #7F99B7;
  margin-bottom: 1rem; }

.small-chart .collapse {
  background: #F5F9FA; }
  .small-chart .collapse .column {
    padding: .25rem .75rem; }
    .small-chart .collapse .column:first-child {
      background: #fff;
      font-weight: 700;
      border-right: 1px solid #7F99B7; }

.small-chart h3 {
  margin: 0;
  background: #E5F0F3;
  padding: .5rem .75rem;
  border-bottom: 2px solid #7F99B7; }

.table-box {
  overflow-x: auto; }

.prod-view .charts-box {
  display: none; }

.product-chart {
  border: 5px solid #7F99B7;
  background: #E5F0F3;
  margin-bottom: 0;
  background: none;
  overflow: auto;
  display: none; }
  .product-chart tr, .product-chart tr:nth-of-type(even) {
    background: none; }
  .product-chart th, .product-chart td:first-child {
    font-weight: 700; }
  .product-chart th, .product-chart td {
    text-align: center;
    padding: 0 1rem .5rem;
    font-size: 0.8125rem; }
  .product-chart td {
    border-left: 1px solid #7F99B7;
    background: #F4F9FA; }
  .product-chart td:first-child {
    background: #fff;
    border-left: none; }
  .product-chart .hdr-row {
    background: #E5F0F3;
    border-bottom: 2px solid #7F99B7; }
    .product-chart .hdr-row td {
      border-left: none;
      background: none;
      font-weight: bold; }
    .product-chart .hdr-row + tr td {
      padding-top: .5rem; }
    .product-chart .hdr-row th, .product-chart .hdr-row td {
      padding: 1rem;
      font-size: 0.875rem; }
      .product-chart .hdr-row th.title, .product-chart .hdr-row td.title {
        color: #003470;
        background: none;
        font-size: 1.3125rem; }
  .product-chart .title, .product-chart td:first-child {
    text-align: left;
    width: 30%; }
  .product-chart td.footnote {
    border-top: 2px solid #7F99B7;
    padding: 1.5rem;
    font-size: 0.75rem;
    text-align: left;
    font-weight: 400;
    background: #E5F0F3; }

/*===[ Interior Page Media Queries ]===*/
@media only screen and (min-width: 600px) and (max-width: 767px) {
  .product-chart {
    display: block; }
  .small-chart {
    display: none; } }

@media only screen and (min-width: 960px) {
  .product-chart {
    display: block; }
  .small-chart {
    display: none; } }

@media only screen and (min-width: 800px) {
  .mobile-btns {
    right: .5rem; }
  .mobile-nav.toggler {
    display: none; } }

@media only screen and (min-width: 768px) {
  .interior .features-box, .content-col {
    float: left; }
  .content-col {
    width: 62%; }
    .content-col h1 {
      margin: 1rem 0 0; }
  .interior .features-box {
    margin: 0 4% 0 2%; }
  .breadcrumbs {
    display: block; } }

.home-img {
  width: 100%; }

.slick-slider {
  margin-bottom: 0; }

.slick-slide {
  height: auto; }

/*===[ Icon Links ]===*/
.home-icon-links {
  background: #FFFFE5;
  padding: 1rem 0;
  text-align: center; }
  .home-icon-links .slick-list {
    width: 82%;
    margin: 0 auto; }
  .home-icon-links img {
    width: auto;
    margin-bottom: .5rem;
    display: inline; }
  .home-icon-links a {
    color: #000;
    display: block;
    line-height: 1.2;
    margin: 0 auto; }
  .home-icon-links .icon {
    color: #003470;
    padding: 1rem;
    left: 0;
    font-size: 1.3125rem;
    cursor: pointer; }
    .home-icon-links .icon:last-of-type {
      left: auto;
      right: 0; }

/*===[ Slideshow ]===*/
.hero .icon-ss-arrow {
  display: none !important; }

.hero .slick-slide {
  position: relative; }
  .hero .slick-slide img {
    width: 100%; }

.hero .overlay {
  background: #003470;
  text-align: center;
  color: #fff;
  padding: 1rem 0; }
  .hero .overlay h2, .hero .overlay h3 {
    margin: 0;
    font-weight: 400; }
  .hero .overlay h2 {
    font-size: 1.75rem; }
  .hero .overlay h3 {
    font-size: 1.375rem;
    margin-bottom: 1rem; }
  .hero .overlay img {
    display: inline;
    width: auto;
    max-height: 36px;
    margin: 0 .5rem; }

/*===[ Features ]===*/
.features-box {
  padding-bottom: 1.5rem; }
  .features-box a {
    position: relative;
    display: block;
    max-width: 310px;
    width: 98%;
    margin: 1.5rem auto 0; }
  .features-box img {
    display: block; }
  .features-box span {
    color: #fff;
    border: 2px solid #fff;
    background: rgba(0, 0, 0, 0.45);
    padding: .5rem 1rem;
    display: block;
    font-size: 1.3125rem;
    width: 84%;
    text-align: center;
    left: 8%; }
    .features-box span.video {
      border: none;
      background: none;
      top: auto;
      bottom: .5rem;
      transform: none;
      font-size: 1.125rem;
      line-height: 1.2; }

/*===[ Slogan ]===*/
.slogan {
  color: #193d46;
  text-align: center;
  font-size: 1.375rem;
  line-height: 1;
  font-weight: 400;
  margin: 0;
  padding: 3rem 1rem;
  border-top: 2px solid #CCD6E2; }

/*===[ Home Media Queries ]===*/
@media only screen and (min-width: 600px) {
  .home .banking-row {
    max-width: 800px; }
    .home .banking-row > div {
      float: left;
      width: 58%; }
      .home .banking-row > div:first-child {
        width: 40%;
        margin-right: 2%; }
  .online-banking {
    text-align: left; } }

@media only screen and (min-width: 660px) {
  .home .banking-row > div:first-child {
    width: 38%;
    margin-right: 4%; } }

@media only screen and (min-width: 768px) {
  .home .banking-row > div {
    width: 56%; }
    .home .banking-row > div:first-child {
      width: 40%; }
  .home-img {
    max-height: 203px;
    max-width: 373px;
    float: right; }
  .home-icon-links .slick-list {
    width: 96%; }
  .home-icon-links .slick-slide {
    padding: 0 1rem; }
  .hero {
    padding: 1.5rem;
    border: solid #CCD6E2;
    border-width: 2px 0; }
    .hero .icon-ss-arrow {
      display: block !important;
      right: 3rem;
      top: 50%;
      cursor: pointer;
      position: absolute;
      transform: translateY(-50%);
      color: #fff;
      opacity: .65;
      font-size: 3.4375rem; }
    .hero .overlay {
      position: absolute;
      top: 12%;
      left: 2rem;
      background: none; }
  .features-box {
    padding: 0 .75rem; }
    .features-box a {
      margin: 1.5rem auto; }
    .features-box span {
      font-size: 1.125rem; }
      .features-box span.video {
        font-size: 0.875rem;
        bottom: 0; }
  .slogan {
    font-size: 1.625rem;
    padding: 5rem 1rem; } }

@media only screen and (min-width: 1000px) {
  .features-box .row {
    max-width: 64.5rem; }
    .features-box .row .column {
      padding: 0; }
  .features-box span.video {
    font-size: 1.125rem; } }

/* ===[ Cookies Disclaimer ]=== */
#cookies-msg {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10000;
  background: #dadada;
  min-height: 12.5rem;
  width: 100%;
  border-top: 2px solid #003470; }
  #cookies-msg h2 {
    margin: 0;
    color: #003470;
    font-size: 1.25rem; }
  #cookies-msg .row {
    padding: 2rem 4rem;
    position: relative; }
    #cookies-msg .row div a {
      color: #E72128;
      text-decoration: underline; }
  #cookies-msg a.close {
    position: absolute;
    top: 2.25rem;
    left: 1.75rem;
    width: 22px;
    display: block;
    height: 22px;
    text-align: center;
    background: #fff;
    color: #003470;
    border: 1px solid #003470;
    font-weight: bold;
    font-size: 1.5rem;
    transition: all .2s ease; }
    #cookies-msg a.close::before {
      content: '\00D7';
      display: block;
      top: -8px;
      position: relative; }
    #cookies-msg a.close:hover {
      transform: scale(1.2);
      color: #E72128; }

footer {
  padding-bottom: 1rem; }
  footer > .row {
    padding: 0 1rem; }
  footer h2, footer h3, footer p {
    color: #fff; }
  footer h2, footer h3 {
    font-weight: 400; }
  footer h2 {
    font-size: 1.3125rem;
    margin: .75rem 1rem; }
  footer h3 {
    font-size: 1.125rem;
    margin-bottom: 0; }
  footer p {
    font-size: 0.75rem; }
  footer a {
    color: #FFFFCB;
    text-decoration: none;
    font-weight: 700; }
  footer li a {
    font-size: 0.75rem; }
  footer .fine-print span {
    display: block; }

.ftr-logos a {
  color: #fff;
  font-weight: 400; }

@media only screen and (min-width: 480px) {
  footer [class*='col-'] {
    float: left; }
  footer .col-1, footer .col-3 {
    width: 45%; }
  footer .col-2, footer .col-4 {
    width: 55%; }
  .ftr-logos span {
    background: url("../img/ehl.png") no-repeat right center;
    display: inline-block;
    width: 22px;
    height: 15px;
    vertical-align: middle; } }

@media only screen and (min-width: 640px) {
  footer .col-1 {
    width: 30%; }
  footer .col-2 {
    width: 45%; }
  footer .col-3 {
    width: 25%; }
  footer .col-4 {
    clear: both; }
  footer .fine-print span {
    display: inline; } }

@media only screen and (min-width: 768px) {
  footer .col-1 {
    width: 22%; }
  footer .col-2 {
    width: 34%; }
  footer .col-3 {
    width: 23%; }
  footer .col-4 {
    clear: none;
    width: 21%;
    text-align: right; } }

@media only screen and (min-width: 1000px) {
  footer .col-1 {
    width: 22%; }
  footer .col-2 {
    width: 30%; }
  footer .col-3 {
    width: 20%; }
  footer .col-4 {
    width: 28%; }
  .ftr-logos li {
    display: inline-block;
    padding-left: .75rem;
    margin-left: .75rem;
    border-left: 1px solid #fff;
    line-height: .5; }
    .ftr-logos li:first-of-type {
      margin-left: 0;
      padding-left: 0;
      border-left: none; } }