@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,700');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700');

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   Additions
   ========================================================================== */
* {
  margin: 0;
  padding: 0; }

a, a img, img {
  text-decoration: none;
  outline: 0; }

a img {
  border: none;
  outline: none; }

ul {
  list-style: none; }

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Removes default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: 0; }

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
  font-size: 2em; }

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 * Sets consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default; }

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* ===========================================================
   FONT FACE
=========================================================== */

/*@import url('https://fonts.googleapis.com/css?family=PT+Sans|PT+Serif|Source+Sans+Pro:400,400i,700,700i');*/
@font-face {
  font-family: 'Liberations Sans';
  src: url("../fonts/LiberationSans-Regular-webfont.eot");
  src: url("../fonts/LiberationSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/LiberationSans-Regular-webfont.woff") format("woff"), url("../fonts/LiberationSans-Regular-webfont.ttf") format("truetype"), url("../fonts/LiberationSans-Regular-webfont.svg#LiberationSans-Regular-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Liberations Sans';
  src: url("../fonts/LiberationSans-Italic-webfont.eot");
  src: url("../fonts/LiberationSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/LiberationSans-Italic-webfont.woff") format("woff"), url("../fonts/LiberationSans-Italic-webfont.ttf") format("truetype"), url("../fonts/LiberationSans-Italic-webfont.svg#LiberationSans-Italic-webfont") format("svg");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'Liberations Sans';
  src: url("../fonts/LiberationSans-Bold-webfont.eot");
  src: url("../fonts/LiberationSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/LiberationSans-Bold-webfont.woff") format("woff"), url("../fonts/LiberationSans-Bold-webfont.ttf") format("truetype"), url("../fonts/LiberationSans-Bold-webfont.svg#LiberationSans-Bold-webfont") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Liberations Sans';
  src: url("../fonts/LiberationSans-BoldItalic-webfont.eot");
  src: url("../fonts/LiberationSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/LiberationSans-BoldItalic-webfont.woff") format("woff"), url("../fonts/LiberationSans-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/LiberationSans-BoldItalic-webfont.svg#LiberationSans-BoldItalic-webfont") format("svg");
  font-weight: bold;
  font-style: italic; }
@font-face {
  font-family: 'Liberations Serif';
  src: url("../fonts/LiberationSerif-Regular-webfont.eot");
  src: url("../fonts/LiberationSerif-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/LiberationSerif-Regular-webfont.woff") format("woff"), url("../fonts/LiberationSerif-Regular-webfont.ttf") format("truetype"), url("../fonts/LiberationSerif-Regular-webfont.svg#LiberationSerif-Regular-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Liberations Serif';
  src: url("../fonts/LiberationSerif-Italic-webfont.eot");
  src: url("../fonts/LiberationSerif-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/LiberationSerif-Italic-webfont.woff") format("woff"), url("../fonts/LiberationSerif-Italic-webfont.ttf") format("truetype"), url("../fonts/LiberationSerif-Italic-webfont.svg#LiberationSerif-Italic-webfont") format("svg");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'Liberations Serif';
  src: url("../fonts/LiberationSerif-Bold-webfont.eot");
  src: url("../fonts/LiberationSerif-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/LiberationSerif-Bold-webfont.woff") format("woff"), url("../fonts/LiberationSerif-Bold-webfont.ttf") format("truetype"), url("../fonts/LiberationSerif-Bold-webfont.svg#LiberationSerif-Bold-webfont") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Liberations Serif';
  src: url("../fonts/LiberationSerif-BoldItalic-webfont.eot");
  src: url("../fonts/LiberationSerif-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/LiberationSerif-BoldItalic-webfont.woff") format("woff"), url("../fonts/LiberationSerif-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/LiberationSerif-BoldItalic-webfont.svg#LiberationSerif-BoldItalic-webfont") format("svg");
  font-weight: bold;
  font-style: italic; }
/* ===========================================================
   MIXINS & EXTENDS
=========================================================== */
.container:after, .header:after, .nav:after, .nav .courtesy-nav:after, .nav .main-nav:after, .page-body:after, .page-body .container .page-body-wrapper:after, .main:after, .side:after, .side .login-nav:after, .side .tab-content:after, .side .app:after, .side form:after, .side .social-nav:after, .post .topmeta:after, .post .bottommeta:after, .post .postcontent:after, .main .featured-sections:after, .main .recent-posts .post:after, .main .topmeta:after, .main .savings-calculator:after, .main .savings-calculator .submit-buttons:after, .account-balancer:after, .account-balancer p:after, .main .loan-calculator:after, .main .loan-calculator .form-buttons:after, .main .checking-section:after, .main ul.holiday-events li:after, .main ul.estatement-nav:after, .main .rate-wrapper:after, .main .loan-rate-list:after, .main ul.print-list:after, .footer-top:after, .footer-bottom .footer-nav:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden; }
.lte-ie8 .container, .lte-ie8 .header, .lte-ie8 .nav, .lte-ie8 .nav .courtesy-nav, .nav .lte-ie8 .courtesy-nav, .lte-ie8 .nav .main-nav, .nav .lte-ie8 .main-nav, .lte-ie8 .page-body, .lte-ie8 .page-body .container .page-body-wrapper, .page-body .container .lte-ie8 .page-body-wrapper, .lte-ie8 .main, .lte-ie8 .side, .lte-ie8 .side .login-nav, .side .lte-ie8 .login-nav, .lte-ie8 .side .tab-content, .side .lte-ie8 .tab-content, .lte-ie8 .side .app, .side .lte-ie8 .app, .lte-ie8 .side form, .side .lte-ie8 form, .lte-ie8 .side .social-nav, .side .lte-ie8 .social-nav, .lte-ie8 .post .topmeta, .post .lte-ie8 .topmeta, .lte-ie8 .post .bottommeta, .post .lte-ie8 .bottommeta, .lte-ie8 .post .postcontent, .post .lte-ie8 .postcontent, .lte-ie8 .main .featured-sections, .main .lte-ie8 .featured-sections, .lte-ie8 .main .recent-posts .post, .main .recent-posts .lte-ie8 .post, .lte-ie8 .main .topmeta, .main .lte-ie8 .topmeta, .lte-ie8 .main .savings-calculator, .main .lte-ie8 .savings-calculator, .lte-ie8 .main .savings-calculator .submit-buttons, .main .savings-calculator .lte-ie8 .submit-buttons, .lte-ie8 .account-balancer, .lte-ie8 .account-balancer p, .account-balancer .lte-ie8 p, .lte-ie8 .main .loan-calculator, .main .lte-ie8 .loan-calculator, .lte-ie8 .main .loan-calculator .form-buttons, .main .loan-calculator .lte-ie8 .form-buttons, .lte-ie8 .main .checking-section, .main .lte-ie8 .checking-section, .lte-ie8 .main ul.holiday-events li, .main ul.holiday-events .lte-ie8 li, .lte-ie8 .main ul.estatement-nav, .main .lte-ie8 ul.estatement-nav, .lte-ie8 .main .rate-wrapper, .main .lte-ie8 .rate-wrapper, .lte-ie8 .main .loan-rate-list, .main .lte-ie8 .loan-rate-list, .lte-ie8 .main ul.print-list, .main .lte-ie8 ul.print-list, .lte-ie8 .footer-top, .lte-ie8 .footer-bottom .footer-nav, .footer-bottom .lte-ie8 .footer-nav {
  zoom: 1; }

/* ===========================================================
   BRANDING COLORS
=========================================================== */
/* ===========================================================
   FONTS
=========================================================== */
/* ===========================================================
   BLOG COLORS
=========================================================== */
/* ===========================================================
   DEFAULTS
=========================================================== */
body {
  font: 14px "Liberations Sans", Arial, Helvetica, sans-serif;
  line-height: 1.5;
  color: #3b3b3b;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased; }

a {
  color: #ba2129;
  text-decoration: underline;
  transition: color 0.3s; }

input, select, textarea {
  padding: 3px;
  font: "Liberations Sans", Arial, Helvetica, sans-serif 14px;
  color: #3b3b3b;
  background: #fff;
  border: 1px #ccc solid; }

input[type=submit] {
  padding: 3px 6px;
  font: "Liberations Sans", Arial, Helvetica, sans-serif 14px;
  color: #3b3b3b;
  border: 1px #ccc solid;
  border-radius: 5px;
  background: "#ffffff";
  background-image: url(data:image/svg+xml,%3c%3fxml%20version%3d%221%2e0%22%3f%3e%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%22100%25%22%20height%3d%22100%25%22%3e%3cdefs%3e%3clinearGradient%20id%3d%22G%22%20x2%3d%220%25%22%20y2%3d%22100%25%22%3e%3cstop%20style%3d%22stop%2dcolor%3a%23ffffff%22%20offset%3d%220%25%22%2f%3e%3cstop%20style%3d%22stop%2dcolor%3a%23eeeeee%22%20offset%3d%22100%25%22%2f%3e%3c%2flinearGradient%3e%3c%2fdefs%3e%3crect%20width%3d%22100%25%22%20height%3d%22100%25%22%20fill%3d%22url%28%23G%29%22%2f%3e%3c%2fsvg%3e);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  cursor: pointer; }
  .lte-ie8 input[type=submit] {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); }

br.clear {
  clear: both;
  height: 0;
  overflow: hidden; }

.sronly {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

a:focus, button:focus {
  outline: 2px #980c13 dotted;}
input:focus, select:focus, textarea:focus {
  outline: 2px #980c13 dotted;}

/* ===========================================================
   PAGE WRAPPER
=========================================================== */
/*@media only screen and (max-width: 1080px) {*/
  .site-wrapper-outer {
    overflow: hidden; }

/*@media only screen and (max-width: 1080px) {*/
  .site-wrapper-inner {
    position: relative;
    left: 0; }
    /*.show-nav .site-wrapper-inner {
      left: auto;
      right: 364px; }*/
/*@media only screen and (max-width: 900px) {
  .show-side .site-wrapper-inner {
    left: 360px; } }
@media only screen and (max-width: 500px) {
  .show-side .site-wrapper-inner {
    left: 250px; }
  .show-nav .site-wrapper-inner {
    left: auto;
    right: 250px; } }*/

.container {
  margin: 0 auto;
  max-width: 1240px; }

/* ===========================================================
   HEADER
=========================================================== */
.header {
  position: relative;
  /*background: #fff url(../images/bg-header.png) no-repeat center bottom;*/
  z-index: 2019;
  background: #fff; }
  /*top*/
  .header .top {
    font-family: 'PT Sans', 'sans-serif';
    width: 100%;
    padding: 16px 0 12px;
    background-color: #1a2362;
    text-align: center;
  }
  .header .top a {
    color: #f9f9f9;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
  }
  .header .top a:hover, .header .top a:focus {
    text-decoration: underline;
  }

  .header .logo a {
    font-size: 0;
    max-width: calc(100% - 120px);
    float: left;
    padding: 1px; }
  .header .logo a:focus {
    padding: 0;
    border: 1px #BA2129 dotted; }
  .header .logo img {
    max-width: 100%;
    display: block;
  padding: 15px 0;}
  .header .contact {
    color: #1a2362;
    float: right;
    font-family: "Liberations Serif", Times, "Times New Roman", serif;
    padding-top: 26px; }
    .header .contact strong {
      background: url(../images/icon-phone.png) no-repeat 0 4px;
      float: left;
      font-size: 18px;
      font-weight: bold;
      margin-right: 4px;
      padding-left: 26px;
      text-transform: uppercase; }
    .header .contact .call {
      float: left;
      font-size: 18px; }
    .header .contact a {
      color: #1a2362;
      text-decoration: none; }
  .header .toggle-sidebar {
    display: none; }

.header .container {
  position: relative;
}

  .header .toggle-menu {
    display: inline-block;
    font-family: 'PT Sans', 'sans-serif';
    padding: 12px;
    border: 1px solid #d7d7d7;
    background-color: #980c13;
    height: 14px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 2;
}
.header .toggle-menu:hover, .header .toggle-menu:focus {
  background-color: #1a2362;
  /*outline: none;*/
}

.header .toggle-menu span.icon {
  display: inline-block;
  position: relative;
  width: 16px;
  vertical-align: text-top;
  margin-left: 10px;
  transform: rotate(0deg);
  margin-top:1px;}

.header .toggle-menu span.icon span {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  opacity: 1;
  background: #fff;
  transition: all .5s ease;
  transform: rotate(0deg);}
.header .toggle-menu span.icon span:nth-child(1) {
   top: -2px;
 }
.header .toggle-menu span.icon span:nth-child(2) {
   top: 3px;
 }
.header .toggle-menu span.icon span:nth-child(3) {
   top: 8px;
 }
.header .toggle-menu span.text {
  display: inline-block;
  text-transform: uppercase;
  line-height: 14px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  vertical-align: text-top;
}


.show-nav .header .toggle-menu span.icon span:nth-child(1) {
  top: 3px;
  transform: rotate(135deg);
}
.show-nav .header .toggle-menu span.icon span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
.show-nav .header .toggle-menu span.icon span:nth-child(3) {
  top: 3px;
  transform: rotate(-135deg);
}



.header .nav span.close-icon {
  display: inline-block;
  position: relative;
  width: 16px;
  vertical-align: text-top;
  transform: rotate(0deg);  }

.header .nav span.close-icon span {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  opacity: 1;
  background: #1a2362;
  transition: all .5s ease;
  transform: rotate(0deg);}
.header .nav span.close-icon span:nth-child(1) {
  top: 8px;
  transform: rotate(135deg);
}
.header .nav span.close-icon span:nth-child(2) {
  top: 8px;
  transform: rotate(-135deg);
}

.header .nav button.close:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  z-index: 100000;
  float: right;
  background: transparent;
  border: none;
  margin: 0 20px 5px 0;
}

.header .nav #searchform {
  padding: 10px 0;
  margin: 0 20px;
  font-family: "Liberations Serif", Times, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.5;
}
.header .nav #searchform label {
  display: block;
}
.header .nav #searchform #s {
  width: calc(100% - 100px);
  background: transparent;
  border: none;
  border-bottom: 1px solid #1a2362;
}
.header .nav #searchform #searchsubmit {
  font-family: 'PT Sans', 'sans-serif';
  border: 1px solid #d7d7d7;
  background: #980c13;
  border-radius: 0;
  color: #fff;
  text-transform: uppercase;
  float: right;
}
.header .nav #searchform #searchsubmit:hover,
.header .nav #searchform #searchsubmit:submit {
  background: #1a2362;
}




  .header .skiptomain {
    position: absolute;
    top: -104px;
    left: 0;
    padding: 6px 10px;
    color: #fff;
    background: #1A2362; }
    .header .skiptomain:focus {
      top: 0;}
  @media only screen and (max-width: 1290px) {
    .header .container {
      padding: 0 10px;
    }
    .header .toggle-menu {
      right: 10px;
    }
    .header .contact {
      margin-right: 16px; } }
  @media only screen and (max-width: 1080px) {
    .header {
      /*padding-top: 32px;*/ }
      .header .contact {
        background: #1a2362;
        color: #fff;
        padding: 4px 0 6px;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        width: 100%;
        height: 22px; }
        .header .contact strong {
          background: url(../images/icon-phone-white-sm.png) no-repeat 0 4px;
          display: inline-block;
          float: none;
          font-size: 16px;
          padding-left: 22px;
          zoom: 1;
          *display: inline; }
        .header .contact .call {
          float: none;
          font-size: 16px; }
          .header .contact a {
            color:  #fff;
          }
      .header .toggle-menu {
        right: 15px; }
    .header .toggle-sidebar {
      background: #980c13 url(../images/icon-toggles.png) no-repeat 0 0;
      border: 1px solid #d7d7d7;
      color: #fff;
      cursor: pointer;
      font-family: "Liberations Serif", Times, "Times New Roman", serif;
      font-size: 16px;
      font-weight: bold;
      line-height: 1;
      position: absolute;
      top: 70px;
      text-decoration: none;
      text-transform: uppercase;
      height: 32px;
      z-index: 2; }
    .header .toggle-sidebar {
      display: none;
      padding-left: 50px;
      padding-right: 20px;
      padding-top: 20px;
      left: 20px; }}
  @media only screen and (max-width: 900px) {
    .header .logo {
      line-height: 1;
      text-align: center; }
      .header .logo a {
        display: inline-block; }
      .header .logo img {
        display: inline-block;
        float: none;
        zoom: 1;
        *display: inline; }
    .header .toggle-menu {
      padding: 9px 12px 15px;
      height: 10px;
      width: 71px;
    }
    .header .toggle-sidebar {
      background-size: 23px 46px;
      background-position: 61px 6px;
      font-family: 'PT Sans', sans-serif;
      font-size: 16px;
      padding: 10px 0 0;
      top: 78px;
      width: 95px;
      height: 24px; }
    .header .toggle-sidebar {
      display: block;
      padding-left: 13px;
      width: 82px;
      top: 70px;
      right: 15px;
      left: auto;}}
  @media only screen and (max-width: 690px) {
    .header .toggle-menu {
      top: 12px;
    }
    .header .toggle-sidebar {
      top: 50px;
    }
      .header .logo img {
        width: 280px;
        height: auto; }
    .header .container {
      /*margin-bottom: 88px;*/
    }
    .header .top {
      position: absolute;
      bottom: 0;
      height:48px;
      padding: 22px 0 18px;
    }
  .header .top a {
    display: block;
    top: 50%;
    position: absolute;
    transform: translatey(-50%);
    width: 100%;
    text-align: center;
  }}

/* ===========================================================
   MAIN NAV
=========================================================== */
.lte-ie8 .nav {
  overflow: visible;
  background: #fff;
  filter: none !important; }

.nav {
  clear: both;
  position: relative;
  z-index: 104;
  background: "#f4f4f4";
  background-image: url(data:image/svg+xml,%3c%3fxml%20version%3d%221%2e0%22%3f%3e%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%22100%25%22%20height%3d%22100%25%22%3e%3cdefs%3e%3clinearGradient%20id%3d%22G%22%20x2%3d%220%25%22%20y2%3d%22100%25%22%3e%3cstop%20style%3d%22stop%2dcolor%3a%23f4f4f4%22%20offset%3d%220%25%22%2f%3e%3cstop%20style%3d%22stop%2dcolor%3a%23ffffff%22%20offset%3d%22100%25%22%2f%3e%3c%2flinearGradient%3e%3c%2fdefs%3e%3crect%20width%3d%22100%25%22%20height%3d%22100%25%22%20fill%3d%22url%28%23G%29%22%2f%3e%3c%2fsvg%3e);
  background-image: -moz-linear-gradient(top, #f4f4f4 0%, #ffffff 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 0%, #ffffff 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #f4f4f4 0%, #ffffff 100%); }
  .lte-ie8 .nav {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ffffff', GradientType=0); }
  /*@media only screen and (max-width: 1080px) {*/
    .nav {
      position: absolute;
      top: 100%;
      right: 0;
      width: 364px;
      max-height: 0;
      overflow-y: auto;
    transition: all .5s ease;}
/*}*/
.show-nav .nav {
  border-top: 1px solid #e5e5e5;
  max-height: 680px;
}
  @media only screen and (max-width: 500px) {
    .nav {
      width: 300px; } }
  .nav .container {
    position: relative; }
  .nav .courtesy-nav {
    border-top: 1px solid #e0e0e0;
    padding-top: 10px;
    position: absolute;
    top: -54px;
    right: 0;
    z-index: 2; }
    .nav .courtesy-nav > li {
      background: url(../images/divider-courtesy-nav.png) no-repeat 0 0;
      background-color: #fff;
      float: left;
      font-size: 12px;
      line-height: 12px;
      padding: 0 11px;
      position: relative; }
      .nav .courtesy-nav > li > a {
        color: #3b3b3b;
        display: block;
        padding-bottom: 10px;
        text-decoration: none; }
        .nav .courtesy-nav > li > a:hover, .nav .courtesy-nav > li > a:focus, .nav .courtesy-nav > li > a:active {
          color: #ba2129; }
      .nav .courtesy-nav > li:first-child {
        background: none;
        padding-left: 0; }
      .nav .courtesy-nav > li:last-child {
        padding-right: 0; }
      .nav .courtesy-nav > li > ul {
        background: #fff;
        border-bottom: 4px solid #ba2129;
        box-shadow: 1px 1px 3px #666;
        position: absolute;
        top: 22px;
        left: -9009px; }
        .nav .courtesy-nav > li > ul > li {
          font-family: "Liberations Serif", Times, "Times New Roman", serif;
          font-size: 13px;
          padding: 0 12px;
          text-transform: uppercase; }
          .nav .courtesy-nav > li > ul > li > a {
            border-top: 1px solid #ddd;
            color: #494949;
            display: block;
            padding: 10px 0;
            text-decoration: none;
            width: 180px; }
            .nav .courtesy-nav > li > ul > li > a:hover, .nav .courtesy-nav > li > ul > li > a:focus, .nav .courtesy-nav > li > ul > li > a:active {
              color: #ba2129; }
          .nav .courtesy-nav > li > ul > li:first-child a {
            border-top: none; }
      .nav .courtesy-nav > li:hover > ul, .nav .courtesy-nav > li.hover > ul {
        left: 0; }
      .nav .courtesy-nav > li:hover.right > ul, .nav .courtesy-nav > li:hover.last > ul, .nav .courtesy-nav > li.hover.right > ul, .nav .courtesy-nav > li.hover.last > ul {
        left: auto;
        right: 0; }
    @media only screen and (max-width: 1290px) {
      .nav .courtesy-nav {
        right: 16px; } }
    /*@media only screen and (max-width: 1080px) {*/
      .nav .courtesy-nav {
        border-top: none;
        border-bottom: 1px solid #ba2129;
        margin: 0 20px;
        padding: 0;
        position: static;
        top: auto;
        right: auto; }
        .nav .courtesy-nav > li,
        .nav .courtesy-nav > li:first-child,
        .nav .courtesy-nav > li:last-child {
          background: none;
          border: none;
          float: none;
          font-family: "Liberations Serif", Times, "Times New Roman", serif;
          font-size: 18px;
          line-height: 1.5;
          padding: 0; }
          .nav .courtesy-nav > li > a,
          .nav .courtesy-nav > li:first-child > a,
          .nav .courtesy-nav > li:last-child > a {
            border-top: 1px solid #bababa;
            display: block;
            padding: 10px 0; }
        .nav .courtesy-nav > li:first-child a {
          border-top: none; }
        .nav .courtesy-nav > li > ul,
        .nav .courtesy-nav > li:hover > ul {
          background: none;
          border-top: 3px solid #ba2129;
          border-bottom: 3px solid #ba2129;
          box-shadow: none;
          display: none;
          position: static;
          top: auto;
          left: auto; }
          .nav .courtesy-nav > li > ul > li,
          .nav .courtesy-nav > li:hover > ul > li {
            border-top: 1px solid #bababa;
            font-size: 18px;
            padding: 0;
            text-transform: none; }
            .nav .courtesy-nav > li > ul > li > a,
            .nav .courtesy-nav > li:hover > ul > li > a {
              width: auto; }
            .nav .courtesy-nav > li > ul > li:first-child,
            .nav .courtesy-nav > li:hover > ul > li:first-child {
              border-top: none; }
        .nav .courtesy-nav > li.active > ul,
        .nav .courtesy-nav > li:hover.active > ul {
          display: block; }
        .nav .courtesy-nav > li.menu-item-has-children > a {
          padding-right: 50px;
          position: relative; }
          .nav .courtesy-nav > li.menu-item-has-children > a > .dd-btn {
            background: url(../images/arrows-toggle.png) no-repeat center 20px;
            cursor: pointer;
            position: absolute;
            top: 0;
            right: 0;
            width: 46px;
            height: 100%;
            z-index: 2; }
        .nav .courtesy-nav > li.menu-item-has-children.active > a > .dd-btn {
          background-position: center -80px; }
        .nav .courtesy-nav > li.menu-item-has-children.active > ul {
          display: block; }
/*}*/
  .nav .main-nav > li {
    background: url(../images/divider-nav.png) no-repeat 0 center;
    background-color: #fff;
    float: left;
    font-family: "Liberations Serif", Times, "Times New Roman", serif;
    font-size: 16px;
    font-weight: bold;
    padding-left: 2px;
    position: relative;
    text-transform: uppercase; }
    .nav .main-nav > li > a {
      color: #1a2362;
      display: block;
      padding: 8px 29px;
      text-decoration: none; }
      .nav .main-nav > li > a:hover, .nav .main-nav > li > a:focus, .nav .main-nav > li > a:active {
        color: #ba2129; }
    .nav li > a > .dd-btn {
      display: none;
    }
    .nav .main-nav > li:first-child {
      background: none;
      padding-left: 0; }
      .nav .main-nav > li:first-child > a {
        padding-left: 23px; }
    .nav .main-nav > li > ul,
    .nav .main-nav > li > ul > li > ul {
      background: #fff url(../images/shadow-pb.png) repeat-x 0 0;
      border-bottom: 9px solid #ba2129;
      position: absolute;
      top: 40px;
      left: -9009px; }
      .nav .main-nav > li > ul > li,
      .nav .main-nav > li > ul > li > ul > li {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        font-size: 16px;
        padding: 0 12px;
        position: relative;
        text-transform: uppercase; }
        .nav .main-nav > li > ul > li > a,
        .nav .main-nav > li > ul > li > ul > li > a {
          border-top: 1px solid #ddd;
          color: #494949;
          display: block;
          padding: 10px 0;
          text-decoration: none;
          width: 265px; }
          .nav .main-nav > li > ul > li > a:hover, .nav .main-nav > li > ul > li > a:focus, .nav .main-nav > li > ul > li > a:active,
          .nav .main-nav > li > ul > li > ul > li > a:hover,
          .nav .main-nav > li > ul > li > ul > li > a:focus,
          .nav .main-nav > li > ul > li > ul > li > a:active {
            color: #ba2129; }
        .nav .main-nav > li > ul > li:first-child a,
        .nav .main-nav > li > ul > li > ul > li:first-child a {
          border-top: none; }
    .nav .main-nav > li > ul > li > ul {
      background: none;
      border: none;
      padding-left: 4px;
      top: 0; }
      .nav .main-nav > li > ul > li > ul > li {
        background: #fff;
        border-top: 1px solid #ccc; }
        .nav .main-nav > li > ul > li > ul > li:last-child {
          border-bottom: 9px solid #ba2129; }
    .nav .main-nav > li:hover > ul, .nav .main-nav > li.hover > ul {
      left: 0; }
    .nav .main-nav > li:hover.last > ul, .nav .main-nav > li.hover.last > ul {
      left: auto;
      right: 0; }
    .nav .main-nav > li > ul > li:hover > ul,
    .nav .main-nav > li > ul > li.hover > ul {
      left: 289px; }
    .nav .main-nav > li > ul > li:hover.right > ul,
    .nav .main-nav > li > ul > li.hover.right > ul {
      padding-left: 0;
      padding-right: 4px;
      left: auto;
      right: 289px; }
  @media only screen and (max-width: 1260px) {
    .nav .main-nav > li > a {
      padding: 8px 17px; } }
  /*@media only screen and (max-width: 1080px) {*/
    .nav .main-nav {
      margin: 0 20px; }
      .nav .main-nav > li,
      .nav .main-nav > li:first-child,
      .nav .main-nav > li > ul > li,
      .nav .main-nav > li > ul > li:first-child {
        background: none;
        float: none;
        font-size: 18px;
        padding: 0; }
        .nav .main-nav > li > a,
        .nav .main-nav > li:first-child > a,
        .nav .main-nav > li > ul > li > a,
        .nav .main-nav > li > ul > li:first-child > a {
          color: #1a2362;
          display: block;
          border-top: 1px solid #ddd;
          padding: 10px 0;
          position: relative; }
          .nav .main-nav > li > a:hover,
          .nav .main-nav > li:first-child > a:hover,
          .nav .main-nav > li > ul > li > a:hover,
          .nav .main-nav > li > ul > li:first-child > a:hover {
            color: #ba2129; }
        .nav .main-nav > li .sub-menu,
        .nav .main-nav > li:first-child .sub-menu,
        .nav .main-nav > li > ul > li .sub-menu,
        .nav .main-nav > li > ul > li:first-child .sub-menu {
          display: none; }
        .nav .main-nav > li.menu-item-has-children > a,
        .nav .main-nav > li:first-child.menu-item-has-children > a,
        .nav .main-nav > li > ul > li.menu-item-has-children > a,
        .nav .main-nav > li > ul > li:first-child.menu-item-has-children > a {
          padding-right: 50px; }
          .nav .main-nav > li.menu-item-has-children > a > .dd-btn,
          .nav .main-nav > li:first-child.menu-item-has-children > a > .dd-btn,
          .nav .main-nav > li > ul > li.menu-item-has-children > a > .dd-btn,
          .nav .main-nav > li > ul > li:first-child.menu-item-has-children > a > .dd-btn {
            display: inline-block;
            background: url(../images/arrows-toggle.png) no-repeat center 20px;
            cursor: pointer;
            position: absolute;
            top: 0;
            right: 0;
            width: 46px;
            height: 100%;
            z-index: 2;
            border: none;}
        .nav .main-nav > li.menu-item-has-children.active > a > .dd-btn,
        .nav .main-nav > li:first-child.menu-item-has-children.active > a > .dd-btn,
        .nav .main-nav > li > ul > li.menu-item-has-children.active > a > .dd-btn,
        .nav .main-nav > li > ul > li:first-child.menu-item-has-children.active > a > .dd-btn {
          background-position: center -80px; }
        .nav .main-nav > li.menu-item-has-children.active > .sub-menu,
        .nav .main-nav > li:first-child.menu-item-has-children.active > .sub-menu,
        .nav .main-nav > li > ul > li.menu-item-has-children.active > .sub-menu,
        .nav .main-nav > li > ul > li:first-child.menu-item-has-children.active > .sub-menu {
          display: block; }
      .nav .main-nav > li > ul,
      .nav .main-nav > li > ul > li > ul {
        background: none;
        border-top: 9px solid #ba2129;
        border-left: none;
        border-right: none;
        box-shadow: none;
        position: static;
        top: auto;
        left: auto; }
        .nav .main-nav > li > ul > li,
        .nav .main-nav > li > ul > li:last-child,
        .nav .main-nav > li > ul > li > ul > li,
        .nav .main-nav > li > ul > li > ul > li:last-child {
          border-left: none;
          border-right: none;
          border-bottom: none; }
        .nav .main-nav > li > ul > li > a,
        .nav .main-nav > li > ul > li:first-child > a,
        .nav .main-nav > li > ul > li > ul > li > a,
        .nav .main-nav > li > ul > li > ul > li:first-child > a {
          color: #3b3b3b;
          width: auto; }
      .nav .main-nav > li > ul > li > ul {
        border-top: 4px solid #ba2129;
        padding-left: 0;
        padding-right: 0; }
/*}*/

/* ===========================================================
   PAGE BODY
=========================================================== */
.page-body {
  background: #fff url(../images/shadow-pb.png) repeat-x center 0;
}
.home .page-body {
  /*background: #fff;*/
}
    .page-body .container .page-body-wrapper {
      padding: 18px 0 0 388px; }
      @media only screen and (max-width: 900px) {
        .page-body .container .page-body-wrapper {
          position: relative;
          padding: 18px 5% 0; } }
    @media only screen and (max-width: 1360px) {
      .page-body .container {
        background: none; } }
    @media only screen and (max-width: 1290px) {
      .page-body .container {
        padding: 0 10px;
        max-width: 1400px; } }

/* ===========================================================
   BANNER
=========================================================== */
.banner {
  position: relative;
  width: 100%;
  height: 515px; }
  .banner iframe, .banner object, .banner embed {
    width: 100%;
    height: 100%; }
  .banner .banner-slides {
    width: 100%;
    height: 100%;  }
    .banner .banner-slides > div {
      width: 100%; }
  .banner .banner-slide {
    display: none;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #000;}
  .banner .banner-back {
    background-size: cover;
    opacity: .6;
    height: 100%;
    width:100%;
  }
.banner .banner-content {
  font-family: "PT Sans", sans-serif;
  text-align: center;
  margin-left: -340px;
  position: absolute;
  left: 50%;
  top: 90px;
  max-width: 680px;
}
.banner .banner-content h2 {
  width:70%;
  margin: 0 auto 40px;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.11);
  color: #ffffff;
  font-family: "PT Serif", serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 50px;
  text-transform: uppercase;
}
.banner .banner-content p {
  margin-bottom: 5px;
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.11);
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}
.banner .banner-content a {
  color: #fff;
}
  .banner .cycle-slide-active {
    display: block;
    z-index: 101 !important; }
  .banner .banner-txt {
    background: black;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 18px;
    padding: 15px 0;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px #010101;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 103; }
    .banner .banner-txt span {
      display: block;
      padding: 0 45px; }
  .banner .banner-img {
    display: block;
    width: 100%;
    height: auto;
    float: left; }
  @media only screen and (max-width: 530px) {
    .banner {
      margin-bottom: 23px;
      width: auto;
      border-left: none;
      border-right: none;  }
      .banner .banner-slide {
        border-left: none;
        border-right: none; }  }
  .banner .banner-nav {
    position: absolute;
    bottom: 10px;
    right: 20px;
    text-align: center;
    z-index: 103; }
    .banner .banner-nav span {
      background: #fff;
      border: 1px solid #ccc;
      border-radius: 50%;
      cursor: pointer;
      display: inline-block;
      margin: 0 3px;
      text-indent: -9009px;
      width: 10px;
      height: 10px; }
      .banner .banner-nav span.cycle-pager-active {
        background: #ba2129; }
  .banner .prev-gallery-slide,
  .banner .next-gallery-slide {
    background: url(../images/banner-np.png) no-repeat 0 0;
    cursor: pointer;
    display: block;
    position: absolute;
    bottom: 10px;
    width: 27px;
    height: 27px;
    z-index: 104; }
  .banner .prev-gallery-slide {
    left: 10px; }
  .banner .next-gallery-slide {
    background-position: -27px 0;
    right: 10px; }
  @media only screen and (max-width: 900px) {
    .banner .banner-nav span {
      border: 1px solid #696969; } }
  @media only screen and (max-width: 640px) {
    .banner {
      height: 350px;
    }
    .banner .banner-nav {
      bottom: -4px; }
      .banner .banner-nav span {
        width: 14px;
        height: 14px; }
    .banner .banner-content {
      margin: 0;
      top: 30px;
      left: 0;
      padding: 0 15px;
    }
    .banner .banner-content h2 {
      width: 100%;
      font-size: 24px;
      line-height: 34px;
      margin-bottom: 25px;
    }}

/* ===========================================================
   MAIN COLUMN
=========================================================== */
.main {
  float: right;
  width: 100%;
  font-size: 16px; }
  @media only screen and (max-width: 900px) {
    .main {
      float: none;
      width: auto; } }
  @media (max-width: 425px) {
    .main {
      font-size: 14px; } }
  .main .main-column {
    max-width: 880px; }
  .main h1, .main h1 a {
    color: #ba2129;
    font: bold 1.55em/1.3 "Liberations Serif", Times, "Times New Roman", serif;
    padding-bottom: .5em; }
  .main h2, .main h2 a {
    color: #ba2129;
    font-family: 1.35em/1.3 "Liberations Serif", Times, "Times New Roman", serif;
    padding-bottom: .3em; }
  .main h3, .main h3 a {
    font-size: 1.2em; }
  .main h4, .main h4 a {
    font-size: 1em; }
  .main p {
    padding-bottom: 1.5em; }
  .main a:hover, .main a:active, .main a:focus {
    color: #3b3b3b; }
  .main a img {
    padding: 1px; }
  .main a:focus img {
    padding: 0;
    border: 1px #BA2129 dotted; }
  .main ul {
    margin-bottom: 1.5em; }
    .main ul li {
      background: url(../images/bullet.png) no-repeat 20px 6px;
      padding-left: 36px;
      padding-bottom: 5px; }
    .main ul ul {
      margin-top: 5px;
      margin-bottom: 0; }
  .main ol {
    margin: 0 0 1.5em 1.5em; }
    .main ol li > ol {
      list-style-type: lower-roman; }
  .main .banner-ph {
    display: block;
    max-width: none;
    width: 100%;
    height: 1px; }
  .main .interior-banner {
    display: block;
    margin-bottom: 20px;
    width: 100%;
    height: auto; }
  .main .gallery-caption {
    display: none; }
  .main .gallery .gallery-item img {
    max-width: 100%;
    height: auto; }
  .main iframe {
    max-width: 100%; }
  .main img.alignright, .main img.alignleft {
    max-width: 45%;
    height: auto; }
  .main .print-wrapper {
    border-top: 1px solid #ddd;
    clear: both;
    margin-top: 10px;
    padding-top: 10px; }
  .main .print {
    background: url(../images/icon-printer.png) no-repeat 0 0;
    color: #ba2129;
    cursor: pointer;
    float: right;
    text-indent: -9009px;
    margin-bottom: 20px;
    width: 17px;
    height: 17px; }
  .main .fact {
    width: 100%;
    border-bottom: 2px solid #545454;
    position: relative;
    margin-bottom: 20px; }
    .main .fact .fact-left {
      width: 100px;
      position: absolute;
      color: #fff;
      background: #545454;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 24px;
      height: 100%;
      top: 0;
      left: 0;
      text-align: center; }
      .main .fact .fact-left span {
        position: absolute;
        top: 50%;
        width: 100%;
        display: block;
        margin-top: -17px; }
    .main .fact .fact-right {
      padding-left: 120px;
      color: #545454;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 16px;
      background: #fff;
      padding-top: 7px;
      padding-bottom: 7px; }
  .main .fact-info {
    width: 98%;
    border: 1px solid #bdbdbd;
    position: relative;
    margin-bottom: 20px;
    padding-right: 2%; }
    .main .fact-info .fact-info-left {
      width: 100px;
      position: absolute;
      color: #fff;
      background: #bdbdbd;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 20px;
      height: 100%;
      top: 0;
      left: 0;
      text-align: center; }
      .main .fact-info .fact-info-left span {
        position: absolute;
        top: 20%;
        width: 100%;
        display: block;
        margin-top: -17px; }
    .main .fact-info .fact-info-right {
      padding-left: 120px;
      color: #000;
      font-weight: normal;
      font-size: 14px;
      background: #fff;
      padding-top: 7px;
      padding-bottom: 7px; }
      .main .fact-info .fact-info-right ul {
        margin: 5px 0 5px 0; }
      .main .fact-info .fact-info-right p {
        padding-bottom: 0; }
  .main .privacy-info {
    width: 100%; }
    .main .privacy-info p {
      padding-bottom: 5px; }
    .main .privacy-info ul {
      margin-bottom: 5px; }
    .main .privacy-info table th {
      background: #bdbdbd; }
    .main .privacy-info table tr:nth-child(even) td {
      background: #fff; }
    .main .privacy-info table td {
      background: #fff;
      border: 1px solid #ddd; }

.no-wrap {
  white-space: nowrap; }

.aligncenter {
  text-align: center; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

img.alignleft, .wp-caption.alignleft {
  margin: 0 12px 4px 0; }

img.alignright, .wp-caption.alignright {
  margin: 0 0 4px 12px; }

img.aligncenter, .wp-caption.aligncenter {
  display: block;
  margin: 0 auto; }

img.alignnone, img.aligncenter, img.alignleft, img.alignright {
  max-width: 100%;
  height: auto; }

.wp-caption {
  margin: 10px 0;
  padding: 4px 0 0;
  text-align: center;
  background-color: #f3f3f3;
  border: 1px solid #ddd;
  border-radius: 3px; }
  .wp-caption .wp-caption-text {
    padding: 0 4px 5px;
    font-size: 11px;
    line-height: 17px; }

/* ===========================================================
   SIDE COLUMN
=========================================================== */
.side {
  float: left;
  margin-left: -388px;
  width: 334px; }
  @media only screen and (max-width: 900px) {
    .side {
      background: #f7f7f7;
      float: none;
      width: 300px;
      margin-left: 0;
      position: absolute;
      top: 0;
      /*left: -360px;
      height: 100%; }*/
      /* left: -360px; */
      /* height: 100%; */
      z-index: 103;
      top: 0;
      left: 0;
      max-height: 0;
      overflow-y: auto;
      transition: all .5s ease;}
    .show-side .side {
      padding: 33px 30px 0;
      max-height: 630px;
    }
  }
  @media only screen and (max-width: 500px) {
    .side {
      width: 230px;
    }
    .show-side .side {
      padding: 18px 10px 0;
      /*left: -250px;*/
    } }

.side .widget_nav_menu h3 a {
  color: #1a2362;
  text-decoration: none;
}
.side .widget_nav_menu h3 a:hover, .side .widget_nav_menu h3 a:focus {
  text-decoration: underline;
}
/*Login Blovk*/
.side .login-block {
  position: relative;
  z-index: 103;;
  margin: 0 0 10px;
  height: auto;
  padding: 15px 20px!important;
  background-color: #980c13;
  border: none!important;
}
.side .login-block::before {
  display: none!important;
}
.side .login-block .first-block {
  display: block;
  vertical-align: top;
  margin-bottom: 15px;
}
.side .login-block .first-block select {
  width: 100%;
  height: 36px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../images/arrow-select.png);
  background-repeat: no-repeat;
  background-position: center right 15px;
}
.side .login-block .first-block select:focus {
  outline: 2px #1a2362 dotted;
}
.side .login-block label {
  display: block;
  color: #f9f9f9;
  font-size: 14px;
  margin-bottom: 5px;
  text-align: left;
}
.side .login-block .first-block label {
  font-weight: 700;
}
.side .login-block .login-blocks input,
.side .login-block .e-statement-login input[type=text] {
  width: calc(100% - 12px);
  height: 26px;
  border: none;
  margin-bototm: 15px;
}
.side .login-block .e-statement-login .password {
  color: #fff;
}
.side .login-block .e-statement-login .tooltip.active {
  color: #fff;
  display: block;
  padding-top: 10px;
  margin-bottom: -20px;
}
.side .login-block .login {
  display: inline-block;
  background: #1a2362;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0;
  vertical-align: text-bottom;
  margin-bottom: 2px;
  font-family: inherit;
  border: 1px solid #1a2362;
  text-decoration: none;
  padding: 5px 10px;
}
.side .login-block input.login {
  min-height: 36px;
}
.side .login-block .login:hover, .side .login-block .login:focus {
  padding: 5px 10px;
}
.side .login-block .register {
  display: inline-block;
}
.side .login-block .register:focus {
  outline: 2px #1a2362 dotted;
}
.side .login-block .register span {
  display: inline-block;
  margin-right: 10px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 36px;
}
.side .login-block .register img {
  vertical-align: middle;
}
.side .login-block .online.active,
.side .login-block .mobile.active,
.side .login-block .trust.active,
.side .login-block .e-statement-login.active,
.side .login-block .scorecard-rewards.active {
  width: 100%;
  display: inline-block;
}
.side .login-block .online,
.side .login-block .mobile,
.side .login-block .trust,
.side .login-block .e-statement-login,
.side .login-block .scorecard-rewards {
  display: none;
}
.side .login-block .mobile::after {
  display: block;
  content: '';
  clear: both;
}

  .side .block {
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 20px;
    padding: 0 7px; }
    .side .block:before {
      content: "\a0";
      border-top: 7px solid #1a2362;
      display: block;
      line-height: 1px;
      margin: 0 -8px; }
  .side h3 {
    border-bottom: 1px solid #d7d7d7;
    color: #1a2362;
    font-family: "Liberations Serif", Times, "Times New Roman", serif;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 5px 0;
    text-transform: uppercase; }
.side h3:last-child {
  border: none;
}
  .side .WP_Editor_Widget {
    font-size: 13px; }
    .side .WP_Editor_Widget p {
      padding-bottom: 10px; }
    .side .WP_Editor_Widget ul {
      margin-bottom: 4px; }
      .side .WP_Editor_Widget ul li {
        background: url(../images/bullet-blue.png) no-repeat 0 6px;
        padding-left: 16px;
        padding-bottom: 10px; }
  .side .login.e-statements {
    background: #fcf7ad; }
  .side span.password {
    color: #34548d;
    cursor: pointer;
    display: block;
    font-size: 12px;
    padding-top: 6px;
    text-decoration: underline; }
  .side .tooltip {
    clear: both;
    display: none;
    font-size: 12px; }
    .side .tooltip p {
      padding-bottom: 18px; }
  .side .login-nav {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 14px;
    padding: 0 0 10px; }
    .side .login-nav > li {
      border-left: 1px solid #d7d7d7;
      color: #6b6b6b;
      cursor: pointer;
      float: left;
      line-height: 14px;
      padding: 0 8px;
      transition: color 0.3s; }
      .side .login-nav > li a {
        color: #6b6b6b;
        text-decoration: none; }
        .side .login-nav > li a:hover, .side .login-nav > li a:focus, .side .login-nav > li a:active {
          color: #1a2362; }
      .side .login-nav > li.active a {
        color: #1a2362;
        font-weight: bold;
        text-transform: uppercase; }
      .side .login-nav > li:hover a {
        color: #1a2362; }
      .side .login-nav > li:first-child {
        border-left: none;
        padding-left: 0; }
      .side .login-nav > li:last-child {
        padding-right: 0; }
  .side .tab-content {
    display: none; }
    .side .tab-content.active {
      display: block; }
    .side .tab-content .forgot-password {
      position: relative; }
      .side .tab-content .forgot-password a {
        width: 155px;
        position: absolute;
        top: -33px; }
    .side .tab-content .enroll a {
      color: black;
      position: relative;
      top: -33px;
      float: right;
      left: -55px;
    }
  .side .app {
    color: #fff;
    float: left; }
    .side .app p {
      padding-bottom: 10px; }
    .side .app .mobile-icon {
      background: #6a6661;
      border: 2px solid #8f887f;
      border-radius: 4px;
      margin-top: 2px;
      margin-right: 5px;
      position: relative; }
    .side .app a:hover .mobile-icon,
    .side .app a:focus .mobile-icon,
    .side .app a:active .mobile-icon {
      background: #ba2129;
      outline: 2px #a01920 dotted;
      top: -1px; }
  .side .separator {
    color: #fff;
    float: left;
    font-family: "Liberations Serif", Times, "Times New Roman", serif;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    padding: 0 10px;
    text-transform: uppercase; }
  .side .mobile-login {
    background: #1a2362;
    color: #fff;
    float: left;
    font-family: "Liberations Serif", Times, "Times New Roman", serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    margin: 6px 0 0 4px;
    padding: 10px 12px;
    line-height: 1;
    text-transform: uppercase; }
    .side .mobile-login:hover, .side .mobile-login:focus, .side .mobile-login:active {
      background: #ba2129;
      padding: 9px 12px 11px; }
  .side input[type=text],
  .side input[type=password],
  .side input[type=email] {
    border: 1px solid #000;
    color: #6b6b6b;
    font-size: 14px;
    margin: 0 -1px 10px;
    padding: 5px 2%;
    width: 96%; }
    .side input[type=text]:focus,
	.side input[type=password]:focus,
    .side input[type=email]:focus {
      outline: 2px dotted #1a2362; }
  .side input[type=submit] {
    background: #1a2362 !important;
    filter: none !important;
    border: none;
    border-radius: 0;
    clear: both;
    color: #fff;
    float: right;
    font-family: "Liberations Serif", Times, "Times New Roman", serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 5px 10px;
    text-transform: uppercase; }
    .side input[type=submit]:hover, .side input[type=submit]:focus, .side input[type=submit]:active {
      background: #ba2129 !important;
      padding: 4px 10px 6px; }
  .side .menu > li {
    font-family: "Liberations Serif", Times, "Times New Roman", serif;
    font-weight: bold;
    padding-bottom: 14px;
    text-transform: uppercase; }
    .side .menu > li > a {
      background: url(../images/arrow-sidenav.png) no-repeat 0 4px;
      color: #3b3b3b;
      display: block;
      padding-left: 20px;
      text-decoration: none; }
      .side .menu > li > a:hover, .side .menu > li > a:focus, .side .menu > li > a:active {
        color: #1a2362;
        text-decoration: underline; }
  .side .social-nav {
    padding-bottom: 10px; }
    .side .social-nav > li {
      float: left;
      margin-left: 9px; }
      .side .social-nav > li a {
        background: url(../images/icons-social-new.png) no-repeat 0 0;
        display: block;
        position: relative;
        text-indent: -9009px;
        width: 28px;
        height: 28px; }
        .side .social-nav > li a:hover, .side .social-nav > li a:focus, .side .social-nav > li a:active {
          top: -1px; }
      .side .social-nav > li.facebook a {
        background-position: 0 0; }
        .side .social-nav > li.facebook a:hover, .side .social-nav > li.facebook a:focus, .side .social-nav > li.facebook a:active {
          background-position: 0 -28px; }
      .side .social-nav > li.youtube a {
        background-position: -28px 0; }
        .side .social-nav > li.youtube a:hover, .side .social-nav > li.youtube a:focus, .side .social-nav > li.youtube a:active {
          background-position: -28px -28px; }
      .side .social-nav > li.twitter a {
        background-position: -56px 0; }
        .side .social-nav > li.twitter a:hover, .side .social-nav > li.twitter a:focus, .side .social-nav > li.twitter a:active {
          background-position: -56px -28px; }
      .side .social-nav > li.linkedin a {
        background-position: -84px 0; }
        .side .social-nav > li.linkedin a:hover, .side .social-nav > li.linkedin a:focus, .side .social-nav > li.linkedin a:active {
          background-position: -84px -28px; }
      .side .social-nav > li.google-plus a {
        background-position: -112px 0; }
        .side .social-nav > li.google-plus a:hover, .side .social-nav > li.google-plus a:focus, .side .social-nav > li.google-plus a:active {
          background-position: -112px -28px; }
      .side .social-nav > li.fnbn-blog a {
        background-position: -140px 0; }
        .side .social-nav > li.fnbn-blog a:hover, .side .social-nav > li.fnbn-blog a:focus, .side .social-nav > li.fnbn-blog a:active {
          background-position: -140px -28px; }
      .side .social-nav > li.enews a {
        background-position: -168px 0; }
        .side .social-nav > li.enews a:hover, .side .social-nav > li.enews a:focus, .side .social-nav > li.enews a:active {
          background-position: -168px -28px; }
      .side .social-nav > li:first-child {
        margin-left: 0; }
  .side .widget_archive ul {
    margin-bottom: 10px; }
    .side .widget_archive ul li {
      background: url(../images/bullet.png) no-repeat 10px 6px;
      padding-left: 26px;
      padding-bottom: 5px; }
      .side .widget_archive ul li a {
        color: #3b3b3b;
        text-decoration: none; }
        .side .widget_archive ul li a:hover {
          color: #1a2362; }
.awards-logos {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.awards-logos .logo-image {
  width: 23%;
  float: left;
  margin-right: 2.65%;
}

.awards-logos .logo-image img {
  width: 100%;
}

.awards-logos .logo-image:nth-child(4n+4) {
  margin-right: 0;
}

.awards-logos-mobile {
  display: none;
  width: 100%;
  padding: 0 20%;
  margin-bottom: 20px;
  box-sizing: border-box;
}

.awards-logos-mobile .logo-image {
  width: 23%;
  float: left;
  margin-right: 2.65%;
}

.awards-logos-mobile .logo-image:nth-child(4n+4) {
  margin-right: 0;
}

.awards-logos-mobile.logo-image img {
  width: 100%;
}

.clear {
  clear: both;
}

@media only screen and (max-width: 900px) {
  .awards-logos {
    display: none;
  }

  .awards-logos-mobile {
    display: block;
  }
}

@media only screen and (max-width: 600px) {
  .awards-logos-mobile {
    padding: 0 5%;
  }
  .side .tab-content .enroll a {
    position: initial;
    float: none;
  }
}
/* ===========================================================
   OTHER
=========================================================== */
.urgent-message {
  border-top: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  border-left: 14px solid #ba2129;
  font-size: 16px;
  margin: 0 0 21px -374px;
  padding: 10px 14px 10px 14px;
  text-transform: uppercase; }
  .urgent-message strong {
    color: #ba2129;
    font-family: "Liberations Serif", Times, "Times New Roman", serif;
    font-weight: bold; }
  .urgent-message .more {
    color: #3b3b3b;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap; }
  @media only screen and (max-width: 900px) {
    .urgent-message {
      margin: 0 0 21px; } }

/* ===========================================================
   SPECIFIC PAGES
=========================================================== */

.meet-team {
    width: 156px;
    float: left;
    height: 300px;
  }
.meet-team:nth-of-type(5), .meet-team:nth-of-type(9) {
  clear: left;
}
@media only screen and (max-width: 1095px) {
 .meet-team:nth-of-type(5), .meet-team:nth-of-type(9) {
  clear: inherit;
}
}

/* ===========================================================
   DEFAULT BLOG LAYOUT
=========================================================== */
.post {
  margin: 15px 0 30px 0; }
  .post .topmeta {
    margin: 0 0 12px; }
    .post .topmeta .date {
      float: left;
      min-height: 16px;
      line-height: 16px;
      font-style: italic; }
    .post .topmeta .edit {
      float: right;
      min-height: 16px;
      line-height: 16px; }
      .post .topmeta .edit a {
        background: url(../images/pencil.png) no-repeat top left;
        padding: 1px 0 1px 20px; }
    .post .topmeta .category {
      float: right;
      padding: 0 0 0 20px;
      min-height: 16px;
      line-height: 16px;
      background: url(../images/folder.png) no-repeat top left; }
  .post .bottommeta .category {
    float: left;
    padding: 0 0 0 20px;
    min-height: 16px;
    line-height: 16px;
    background: url(../images/folder.png) no-repeat top left; }
  .post .bottommeta .comments {
    float: right;
    padding: 0 0 0 20px;
    min-height: 16px;
    line-height: 16px;
    background: url(../images/comments.png) no-repeat top left; }
  .post .bottommeta .edit {
    float: right; }
    .post .bottommeta .edit a {
      background: url(../images/pencil.png) no-repeat top left;
      padding: 1px 0 1px 20px; }
  .post .postcontent {
    margin: 12px 0 0; }
  .post .tags {
    display: block;
    min-height: 16px;
    padding: 0 0 7px 20px;
    background: url(../images/tag.png) no-repeat 0 0; }

.archive .post .bottommeta {
  padding: 4px 6px;
  background-color: #f2f2f2;
  border-bottom: 1px solid #e5e5e5; }
.archive .post h2 {
  margin: 0 0 4px; }
  .archive .post h2 a {
    text-decoration: none; }

.post-comments h2 {
  margin: 0; }
.post-comments .comment-list {
  margin: 15px 0 0 0;
  padding: 0;
  list-style: none; }
  .post-comments .comment-list ul {
    margin: 0;
    padding: 0 10px 0 10px;
    list-style: none; }
  .post-comments .comment-list li {
    margin: 10px 0;
    background-color: #fafafa;
    border: 1px solid #e0e0e0; }
    .post-comments .comment-list li.thread-alt, .post-comments .comment-list li.alt {
      background-color: #f2f2f2;
      border-color: #d9d9d9; }
  .post-comments .comment-list ul li:first-child {
    margin-top: 0; }
  .post-comments .comment-list .comment-author {
    margin: 7px 0 0 7px; }
    .post-comments .comment-list .comment-author .avatar {
      float: left;
      margin: 0 8px 0 0; }
    .post-comments .comment-list .comment-author cite {
      float: left;
      height: 18px;
      font-weight: bold;
      font-style: normal; }
    .post-comments .comment-list .comment-author .says {
      display: none; }
  .post-comments .comment-list .comment-meta {
    padding: 18px 0 3px;
    margin: 0 7px 2px;
    border-bottom: 1px solid #e5e5e5; }
  .post-comments .comment-list p {
    margin: 0;
    padding: 6px 10px; }
  .post-comments .comment-list .reply {
    padding: 0 0 6px 10px; }
.post-comments .comments-respond {
  margin: 20px 0 0; }
  .post-comments .comments-respond h3 {
    margin: 0 0 10px; }
  .post-comments .comments-respond p.form-field-wrapper {
    margin: 10px 0; }
  .post-comments .comments-respond label {
    margin: 0 0 3px;
    display: block; }
    .post-comments .comments-respond label.required {
      font-weight: bold; }
    .post-comments .comments-respond label .note {
      font-weight: normal;
      font-style: italic; }
  .post-comments .comments-respond input.textbox {
    width: 250px; }
  .post-comments .comments-respond textarea {
    width: 500px;
    height: 200px; }

/* ===========================================================
   HOME
=========================================================== */
.home .header .toggle-sidebar {
  display: none;
}
/*About Section*/
.about-links {
  padding: 105px 0 35px;
  background-color: #f3f3f3;
  clear: both;
  text-align: center;
}
.about-links .link-block {
  display: inline-block;
  width: 24%;
  margin-bottom: 20px;
  text-align: center;
  text-decoration: none;
  vertical-align: text-top;
  overflow: hidden;
}
.about-links .link-block:hover .icon-wrap,
.about-links .link-block:focus .icon-wrap {
  text-decoration: underline;
  background-color: #980c13;
}
.about-links .link-block h3 {
  color: #2f387a;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
}
.about-links .link-block:hover h3,
.about-links .link-block:focus h3 {
  color: #980c13;
}
.about-links .link-block .icon-wrap {
  display: inline-block;
  width: 97px;
  height: 97px;
  margin-bottom: 20px;
  border: 2px solid #1a2362;
  background-color: #1a2362;
  border-radius: 50%;
  text-align: center;
  line-height: 97px;
}
.about-links .link-block .icon-wrap img {
  vertical-align: middle;
}
/*Login Blovk*/
.home .login-block {
  position: relative;
  z-index: 2018;
  margin: -50px auto -54px;
  width: 93%;
  max-width: 763px;
  height: 62px;
  padding: 11px 0 26px;
  background-color: #980c13;
  text-align: center;
}
.home .login-block .first-block {
  height: 62px;
  display: inline-block;
  margin-right: 16px;
  vertical-align: top;
}
.home .login-block .first-block select {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 180px;
  height: 36px;
  font-family: "PT Sans", serif;
  -webkit-appearance: none;
  background-image: url(../images/arrow-select.png);
  background-repeat: no-repeat;
  background-position: center right 10px;
  border: none;
}
.home .login-block .first-block select:focus {
  outline: 2px #1a2362 dotted;
}
.home .login-block label {
  display: block;
  color: #f9f9f9;
  font-family: "PT Sans", serif;
  font-size: 14px;
  margin-bottom: 5px;
  text-align: left;
}
.home .login-block .first-block label {
  font-weight: 700;
}
.home .login-block .block {
  height: 62px;
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
  float: none;
}
.home .login-block .block input {
  font-family: "PT Sans", serif;
  padding-left: 10px;
  padding-right: 10px;
  width: 108px;
  height: 30px;
  border: none;
}
.home .login-block .block input:focus {
  outline: 2px #1a2362 dotted;
}
.home .login-block input.login,
.home .login-block a.login{
  display: inline-block;
  margin-left: 9px;
  background: #1a2362;
  color: #ffffff;
  font-family: "PT Sans", serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  /*vertical-align: bottom;
  margin-bottom: 20px;*/
  padding: 6px 13px;
  position: relative;
  top: 26px;
  text-decoration: none;
  line-height: 24px;
  height: 36px;
}
.home .login-block .login:focus, .home .login-block .login:hover {
  outline: 2px #1a2362 dotted;
  background: #980c13;
}
.home .login-block .mobile .login,
.home .login-block .trust .login,
.home .login-block .scorecard-rewards .login {
  height: 24px;
}
.home .login-block .register {
  display: inline-block;
  width: 82px;
  margin: 0 0 0 25px;
  text-align: center;
  text-decoration: none;
}
.home .login-block .register:focus {
  outline: 2px #1a2362 dotted;
}
.home .login-block .register span {
  display: block;
  font-family: "PT Sans", serif;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 16px;
}
.home .login-block .mobile {
  color: #fff;
}
.home .login-block .mobile .app {
  display: inline-block;
  vertical-align: text-bottom;
}
.home .login-block .mobile .separator {
  display: inline-block;
  height: 36px;
  vertical-align: bottom;
  margin-left: 15px;
}
.home .login-block .online.active,
.home .login-block .mobile.active,
.home .login-block .trust.active,
.home .login-block .e-statement-login.active,
.home .login-block .scorecard-rewards.active {
  display: inline-block;
  height: 62px;
}
.home .login-block .online,
.home .login-block .mobile,
.home .login-block .trust,
.home .login-block .e-statement-login,
.home .login-block .scorecard-rewards {
  display: none;
}

/* E-Statement */
.home .login-block .e-statement-login a.password {
  color: #fff;
  display: block;
  padding-top: 30px;
}

.home .login-block .e-statement-login .tooltip {
  background: #eee;
  border: 1px solid #ccc;
  display: none;
  padding: 10px 10px 0;
  position: absolute;
  top: 95px;
  left: 0;
  right: 0;
}

.home .login-block .e-statement-login .tooltip.active {
  display: block;
}

.home .login-block .e-statement-login .tooltip p {
  padding-bottom: 12px;
}

/*First section*/
.first {
  padding: 60px 0 30px;
}
.first::after {
  display: block;
  content: '';
  clear: both;
}
.first .first-block {
  display: inline-block;
  width: 49%;
  margin-bottom: 25px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.13);
  background-color: #ffffff;
  float: left;
  color: #111111;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.first .first-block:nth-child(2n) {
  float: right;
}
.first .first-block .content {
  font-family: 'PT Sans', sans-serif;
  /*max-height: 122px;*/
  padding: 15px 15px 10px 0;
  display: inline-block;
  width: calc(100% - 310px);
  vertical-align: top;
}
.first .first-block .img-wrap {
  width: 264px;
  height: 100%;
  min-height: 145px;
  background: #f3f3f3;
  /*float: left;*/
  margin-right: 25px;
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.first .first-block img {
  height: 100%;
  width: auto;
  position: absolute;
  right: 50%;
  top: 0;
  transform: translateX(50%);
  /*width: 264px;
  height: 147px;
  overflow: hidden;
  float: left;
  padding: 0;
  margin-right: 25px;*/
}
.first .first-block h3 a {
  margin-bottom:10px;
  color: #2f387a;
  font-family: 'PT Serif', serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}
.first .first-block a {
  font-size: 16px;
  color: #980c13;
  font-weight: 700;
  text-decoration: none;
}
.first .first-block a:hover,
.first .first-block a:focus {
  text-decoration: underline;
}
.first .first-block p{
  padding: 0;
}
.first .first-block .video {
  display: block;
  position: relative;
  float: left;
  font-size: 0;
}
.first .first-block .video img {
  float: none;
}
.first .first-block .video::after {
  position: absolute;
  content: '';
  display: block;
  width: 80px;
  height: 80px;
  background-image: url(../images/video.png);
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  clear: both;
}

/*Second section*/
.second {
  padding: 10px 0 60px;
}
.second::after {
  display: block;
  content: '';
  clear: both;
}
.second .second-block {
  display: inline-block;
  width: 31%;
  margin-bottom: 25px;
  margin-right: 40px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.13);
  background-color: #ffffff;
  float: left;
  color: #111111;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.second .second-block:last-child {
  margin-right: 0;
  float: right;
}
.second .second-block img {
  width: 100%;
  height: auto;
}
.second .second-block .content {
  font-family: 'PT Sans', sans-serif;
  padding: 20px 15px;
}
.second .second-block h3 {
  margin-bottom:20px;
  color: #2f387a;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  font-family: 'PT Serif', serif;
}
.second .second-block p {
  padding: 0;
  margin-bottom: 20px;
}
.second .second-block a {
  color: #700006;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

@media only screen and (min-width: 901px) {
  .home .page-body .container {
    max-width: 1240px; }
    .home .page-body .container .page-body-wrapper {
      padding: 18px 22px 0 18px; }
  .home .urgent-message {
    margin-left: 0; }
  .home .side {
    width: 300px;
    margin-left: -330px; } }
.main .featured-sections {
  float: left;
  margin-bottom: 20px;
  width: 100%; }
  .main .featured-sections .section {
    float: left;
    margin-left: 2%;
    position: relative;
    width: 32%; }
    .main .featured-sections .section img {
      border: 1px solid #b8b8b8;
      display: block;
      padding: 0;
      width: 100%;
      height: auto; }
    .main .featured-sections .section a:hover img,
    .main .featured-sections .section a:focus img,
    .main .featured-sections .section a:active img {
      outline: 2px #BA2129 dotted;    }
    .main .featured-sections .section .section-text {
      padding: 0;
      background: black;
      background: rgba(0, 0, 0, 0.3);
      color: #fff;
      display: block;
      font-size: 20px;
      font-weight: bold;
      line-height: 1.2;
      position: absolute;
      bottom: 1px;
      left: 1px;
      text-align: center;
      text-shadow: 1px 1px 4px #333;
      text-transform: uppercase;
      width: 100%; }

      .main .featured-sections .section h2.section-text, .main .featured-sections .section h2.section-text a,
      .main .featured-sections .section .section-text span {
        display: block;
        padding: 10px 0 10px;
        color: #fff;}
    .main .featured-sections .section.section-1 {
      margin-left: 0; }
  @media only screen and (max-width: 1250px) {
    /*First section*/
    .first .first-block .content {
      max-height: 500px;
      text-align: center;
    }
    .first .first-block .img-wrap {
      width: 100%;
      height: auto;
      margin-right: 0;
    }
    .first .first-block img {
      width: 100%;
      height: auto;
      position: relative;
      display: block;
    }
    .first .first-block .video {
      float: none;
    }
    .first .first-block .content {
      width: calc(100% - 50px);
      padding: 15px 25px 25px 25px;
    }
    .second .second-block {
      margin-right: 30px;
    }

    .main .featured-sections .section .section-text {
      font-size: 14px; } }
  @media only screen and (max-width: 1000px) {
    .about-links .link-block {
      width: 49%;
    }
    /*Second section */
    .second {
      text-align: center;
    }
    .second .second-block {
      width: 49%;
      margin-right: 0;
    }
    .second .second-block:nth-child(2) {
      float: right;
    }
    .second .second-block:nth-child(3) {
      float: none;
    }
    
    .main .featured-sections {
      margin-bottom: 10px; }
      .main .featured-sections .section,
      .main .featured-sections .section.section-1 {
        float: none;
        margin: 0 auto 10px;
        width: auto; }
        .main .featured-sections .section .section-text,
        .main .featured-sections .section.section-1 .section-text {
          font-size: 22px; } }
@media only screen and (max-width: 768px) {
/*Login Blovk*/
  .home .login-block .e-statement-login a.password {
    margin-top: -10px;
    padding-top: 0;
  }
  .home .login-block .e-statement-login .tooltip {
    top: 275px;
  }
  .home .login-block {
    padding: 20px 10px;
    height: auto;
    text-align: left;
  }
  .home .login-block .first-block {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .home .login-block .first-block select {
    width: 100%;
  }
  .home .login-block .block input {
    width: calc(100% - 20px);
  }
  .home .login-block .block {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    margin-right: 0;
  }
  .home .login-block a.login,
  .home .login-block input.login{
    margin: 9px 0 0 0;
    width: auto;
    top: 0;
  }
  .home .login-block .register {
    width: auto;
    vertical-align: super;
    margin-left: 25px;
    position: absolute;
    bottom: 15px;
    right: 15px;
  }
  .home .login-block .register span {
    display: inline;
    float: right;
    vertical-align: middle;
    margin: 0;
    line-height: 24px;
    margin-left: 10px;
  }
  .home .login-block .online, .home .login-block .mobile, .home .login-block .trust {
    width: 100%;
  }
}
  @media only screen and (max-width: 540px) {
    .about-links .link-block {
      width: 100%;
    }
    /*First section*/
    .first .first-block {
      width: 100%;
      float: none;
    }
    .first .first-block:nth-child(2n) {
      float: none;
    }
    /*Second section */
    .second .second-block {
      width: 100%;
      float: none;
    }
    .second .second-block:nth-child(2) {
      float: none;
    }

    .main .featured-sections {
      margin-bottom: 11px; }
      .main .featured-sections .section,
      .main .featured-sections .section.section-1 {
        max-width: 274px; }
        .main .featured-sections .section img,
        .main .featured-sections .section.section-1 img {
          margin: 0 auto;
          max-width: 100%;
          width: auto; } }
.main .recent-posts {
  float: left;
  margin-bottom: 20px;
  position: relative;
  width: 52%; }
  .main .recent-posts .post {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 30px;
    padding-bottom: 20px; }
  .main .recent-posts h2 {
    border-bottom: 1px solid #d7d7d7;
    color: #1a2362;
    font-family: "Liberations Serif", Times, "Times New Roman", serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 2px;
    text-transform: uppercase; }
  .main .recent-posts .all {
    color: #595959;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    top: 6px;
    right: 0;
    text-decoration: underline;
    text-transform: uppercase; }
    .main .recent-posts .all:hover, .main .recent-posts .all:focus, .main .recent-posts .all:active {
      color: #ba2129; }
  .main .recent-posts .thumb {
    border: 1px solid #868686;
    float: left;
    margin-top: 4px;
    padding: 0; }
  .main .recent-posts a:hover .thumb,
  .main .recent-posts a:focus .thumb,
  .main .recent-posts a:active .thumb {
    outline: 2px #BA2129 dotted;}
  .main .recent-posts .copy {
    margin-left: 125px; }
  .main .recent-posts h3 {
    font-family: "Liberations Serif", Times, "Times New Roman", serif;
    font-size: 14px;
    margin-bottom: 5px;
    text-transform: uppercase; }
    .main .recent-posts h3 a {
      color: #3b3b3b;
      text-decoration: underline; }
      .main .recent-posts h3 a:hover, .main .recent-posts h3 a:focus, .main .recent-posts h3 a:active {
        color: #ba2129; }
  .main .recent-posts p {
    padding-bottom: 0; }
  .main .recent-posts .meta {
    font-size: 12px;
    padding-bottom: 12px; }
  .main .recent-posts .more {
    text-decoration: none;
    white-space: nowrap; }
    .main .recent-posts .more a:hover, .main .recent-posts .more a:focus, .main .recent-posts .more a:active {
      color: #9a161d;
      position: relative;
      top: -1px; }
  .main .recent-posts .btn {
    background: #1a2362;
    outline: 3px solid #1a2362;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-family: "Liberations Serif", Times, "Times New Roman", serif;
    font-size: 18px;
    font-weight: bold;
    padding: 8px 14px;
    text-decoration: none;
    text-transform: uppercase;
    zoom: 1;
    *display: inline; }
    .main .recent-posts .btn:hover, .main .recent-posts .btn:active, .main .recent-posts .btn:focus {
      background: #0f153a;
      outline: 3px solid #0f153a; }
  @media only screen and (max-width: 1190px) {
    .main .recent-posts {
      float: none;
      width: auto;
      clear: both; } }
  @media only screen and (max-width: 690px) {
    .main .recent-posts .btn {
      display: block;
      font-size: 21px;
      text-align: center;
      width: auto; } }
  @media only screen and (max-width: 540px) {
    .main .recent-posts h2 {
      font-size: 14px; }
    .main .recent-posts h3 {
      line-height: 18px; }
    .main .recent-posts .all {
      top: 2px; }
    .main .recent-posts p {
      font-size: 13px; }
    .main .recent-posts .btn {
      font-size: 14px; } }
.main .facebook {
  float: right;
  margin-bottom: 20px;
  width: 43%; }
  .main .facebook h2 {
    border-bottom: 1px solid #d7d7d7;
    color: #1a2362;
    font-family: "Liberations Serif", Times, "Times New Roman", serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 14px;
    padding-bottom: 2px;
    text-transform: uppercase; }
  .main .facebook a {
    color: #355796; }
  .main .facebook .cff-wrapper {
    border: 1px solid #97a6c6; }
  .main .facebook .cff-likebox {
    margin-left: 0; }
  .main .facebook .cff-likebox.top {
    background: #eceff5; }
  .main .facebook #cff .cff-item {
    padding: 10px;
    width: auto; }
  .main .facebook .cff-text {
    font-size: 11px; }
  .main .facebook .cff-date {
    color: #4c4c4c; }
  @media only screen and (max-width: 1190px) {
    .main .facebook {
      float: none;
      width: auto; } }
  @media only screen and (max-width: 540px) {
    .main .facebook h2 {
      font-size: 14px; } }

/* ===========================================================
   BLOG
=========================================================== */
.main .topmeta {
  color: #999;
  font-size: 13px;
  margin-top: -5px;
  padding: 0 0 15px; }
  .main .topmeta .date {
    float: left; }
  .main .topmeta .comments {
    float: right; }
.main .the-post {
  border-top: 1px solid #ccc;
  margin-top: 10px;
  padding-top: 20px; }
  .main .the-post h2 a {
    text-decoration: none; }
    .main .the-post h2 a:hover {
      color: #3b3b3b; }
  .main .the-post .thumb {
    border: 1px solid #ccc;
    float: left;
    margin-top: 3px; }
  .main .the-post.pt-page .post-copy {
    margin-left: 0; }
  .main .the-post .post-copy {
    margin-left: 140px; }
  .main .the-post .more {
    white-space: nowrap; }
  @media only screen and (max-width: 600px) {
    .main .the-post .thumb {
      display: none; }
    .main .the-post .post-copy {
      margin-left: 0; } }
.main .comments-respond {
  border-top: 1px solid #ccc;
  padding-top: 30px; }
  .main .comments-respond input[type=text] {
    border: 1px solid #ccc;
    padding: 5px 0;
    text-indent: 5px;
    width: 50%; }
  .main .comments-respond textarea {
    border: 1px solid #ccc;
    padding: 5px;
    width: 70%; }
  .main .comments-respond input[type=submit] {
    background: #ba2129;
    border: none;
    color: #fff;
    float: left;
    font-family: "Liberations Serif", Times, "Times New Roman", serif;
    font-weight: bold;
    margin: 0 0 30px 5px;
    padding: 8px 20px;
    text-transform: uppercase; }
  @media only screen and (max-width: 900px) {
    .main .comments-respond input[type=text] {
      width: 100%; }
    .main .comments-respond textarea {
      padding: 5px 3%;
      width: 94%; } }
.main .pagination {
  margin-bottom: 20px; }
  .main .pagination a {
    background: #ba2129;
    border-radius: 8px;
    color: #fff;
    display: block;
    padding: 10px 20px;
    text-decoration: none; }

/* ===========================================================
   LOCATIONS
=========================================================== */
.main #wpsl-result-list ul li {
  background: none; }
  .main #wpsl-result-list ul li p {
    margin-bottom: 0; }
.main .wpsl-info-window p {
  margin-bottom: 0;
  padding-bottom: 10px; }
.main .location-information {
  float: left;
  width: 36%; }
  .main .location-information .featured-thumb {
    display: block;
    margin-bottom: 20px;
    max-width: 100%;
    height: auto; }
  .main .location-information .manager-photo {
    float: right; }
.main .location-map {
  float: right;
  width: 60%; }
  .main .location-map iframe {
    margin-bottom: 30px;
    width: 100%;
    height: 300px; }
.main .wpsl-dropdown ul li {
  background: none; }
@media only screen and (max-width: 1320px) {
  .main .location-information .manager-photo {
    float: none; } }
@media only screen and (max-width: 600px) {
  .main .location-information,
  .main .location-map {
    float: none;
    width: 100%; }
  .main .location-information {
    text-align: center; }
    .main .location-information .featured-thumb {
      margin: 0 auto 20px; } }

/* ===========================================================
   SAVINGS CALCULATOR
=========================================================== */
.main .savings-calculator {
  background: #ddd;
  border: 2px solid #ccc;
  margin-bottom: 21px; }
  .main .savings-calculator .block {
    float: left;
    padding: 15px 2% 15px 0;
    text-align: center;
    width: 23%; }
    .main .savings-calculator .block.initial {
      padding-left: 2%;
      width: 21%; }
    .main .savings-calculator .block .label {
      display: block;
      padding-bottom: 6px;
      font-size: 17px;
      font-weight: bold;
      text-align: center; }
    .main .savings-calculator .block input[type=button] {
      background: #ba2129;
      border: none;
      color: #fff;
      display: block;
      font-family: "Liberations Serif", Times, "Times New Roman", serif;
      font-weight: bold;
      margin-bottom: 10px;
      padding: 8px 0;
      text-transform: uppercase;
      width: 100%; }
    .main .savings-calculator .block input[type=text] {
      padding: 5px 0;
      text-indent: 5px;
      width: 100%; }
    .main .savings-calculator .block .compounded {
      background: #eee;
      margin-top: 10px;
      padding: 10px 0 10px 10px;
      text-align: left; }
      .main .savings-calculator .block .compounded fieldset {
        margin: 0;
        padding: 0;
        border: none; }
      .main .savings-calculator .block .compounded legend {
        display: block;
        font-size: 14px;
        font-weight: bold;
        padding-bottom: 4px; }
      .main .savings-calculator .block .compounded label {
        display: block;
        font-size: 12px;
        margin-bottom: 5px; }
  .main .savings-calculator .submit-buttons {
    clear: both;
    padding-left: 2%;
    padding-bottom: 10px; }
    .main .savings-calculator .submit-buttons input[type=button],
    .main .savings-calculator .submit-buttons input[type=reset] {
      background: #ba2129;
      border: none;
      color: #fff;
      float: left;
      font-family: "Liberations Serif", Times, "Times New Roman", serif;
      font-weight: bold;
      margin: 0 0 10px 5px;
      padding: 8px 20px;
      text-transform: uppercase; }
    .main .savings-calculator .submit-buttons input[type=reset] {
      background: #3b3b3b; }
  @media only screen and (max-width: 600px) {
    .main .savings-calculator .block {
      width: 47%; }
      .main .savings-calculator .block.initial {
        width: 47%; }
      .main .savings-calculator .block.years {
        clear: both;
        padding-left: 2%; } }
  @media only screen and (max-width: 380px) {
    .main .savings-calculator .block,
    .main .savings-calculator .block.initial,
    .main .savings-calculator .block.years {
      float: none;
      padding-top: 0;
      padding-left: 4%;
      padding-right: 4%;
      width: auto; }
    .main .savings-calculator .block.initial {
      padding-top: 20px; }
    .main .savings-calculator .block.future {
      padding-bottom: 10px; } }

.main .pmsfl-calculator {
  width: 100% !important;
  max-width: 518px;
  overflow: hidden; }

/* ===========================================================
   ACCOUNT BALANCER
=========================================================== */
.account-balancer {
  background: #ddd;
  border: 2px solid #ccc;
  margin-bottom: 21px; }
  .account-balancer input[type=text] {
    text-indent: 5px; }
  .account-balancer h3 {
    padding-bottom: 4px; }
  .account-balancer p input[type=text] {
    border: none;
    float: left;
    margin-left: 4%;
    padding: 5px 0;
    width: 48%; }
    .account-balancer p input[type=text].first {
      margin-left: 0; }
  .account-balancer .balance {
    border-bottom: 1px solid #ccc;
    margin: 0 20px 20px;
    padding: 20px 0; }
  .account-balancer .checks {
    border-right: 1px solid #ccc;
    float: left;
    padding-right: 2%;
    width: 48%; }
    .account-balancer .checks .headings {
      padding: 0 20px; }
      .account-balancer .checks .headings p {
        font-size: 12px;
        padding: 0 0 21px; }
    .account-balancer .checks p {
      padding-left: 20px; }
  .account-balancer .deposits {
    float: right;
    width: 48%; }
    .account-balancer .deposits .headings p {
      font-size: 12px; }
    .account-balancer .deposits p {
      padding-right: 20px; }
  .account-balancer .checks,
  .account-balancer .deposits {
    margin-bottom: 20px; }
    .account-balancer .checks p.additional span,
    .account-balancer .checks p.additional strong, .account-balancer .checks p.total span,
    .account-balancer .checks p.total strong,
    .account-balancer .deposits p.additional span,
    .account-balancer .deposits p.additional strong,
    .account-balancer .deposits p.total span,
    .account-balancer .deposits p.total strong {
      display: block;
      padding-bottom: 5px; }
    .account-balancer .checks p.additional strong, .account-balancer .checks p.total strong,
    .account-balancer .deposits p.additional strong,
    .account-balancer .deposits p.total strong {
      font-size: 16px; }
    .account-balancer .checks p.additional input[type=text], .account-balancer .checks p.total input[type=text],
    .account-balancer .deposits p.additional input[type=text],
    .account-balancer .deposits p.total input[type=text] {
      float: none;
      margin-left: 0; }
  .account-balancer .final-balance {
    border-top: 1px solid #ccc;
    clear: both;
    margin: 0 20px 0;
    padding: 20px 0; }
  @media only screen and (max-width: 530px) {
    .account-balancer .checks {
      border-right: none;
      border-bottom: 1px solid #ccc;
      float: none;
      width: auto; }
      .account-balancer .checks p {
        padding-right: 12px; }
    .account-balancer .deposits {
      float: none;
      width: auto; }
      .account-balancer .deposits p {
        padding-left: 20px; }
      .account-balancer .deposits .headings {
        padding-left: 20px; }
        .account-balancer .deposits .headings p {
          padding-left: 0; } }

/* ===========================================================
   LOAN CALCULATOR
=========================================================== */
.main .loan-calculator {
  background: #ddd;
  border: 2px solid #ccc;
  margin-bottom: 21px;
  padding: 15px 20px 10px; }
  .main .loan-calculator .block {
    float: left;
    padding-left: 4%;
    width: 22%; }
    .main .loan-calculator .block.principal {
      padding-left: 0; }
  .main .loan-calculator .label {
    display: block;
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 5px;
    text-align: center; }
  .main .loan-calculator input[type=text],
  .main .loan-calculator select {
    border: 1px solid #ccc;
    border-radius: 0;
    margin-bottom: 10px;
    padding: 5px 0;
    width: 100%; }
  .main .loan-calculator input[type=text] {
    text-indent: 5px; }
  .main .loan-calculator option {
    padding-left: 5px; }
  .main .loan-calculator fieldset {
    margin: 0;
    padding: 0;
    border: none; }
  .main .loan-calculator .term-type input[type=radio] {
    margin-right: 5px; }
  .main .loan-calculator .term-type label {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px; }
  .main .loan-calculator .form-buttons {
    clear: both;
    padding-top: 20px; }
    .main .loan-calculator .form-buttons input[type=button],
    .main .loan-calculator .form-buttons input[type=reset] {
      background: #ba2129;
      border: none;
      color: #fff;
      float: left;
      font-family: "Liberations Serif", Times, "Times New Roman", serif;
      font-weight: bold;
      margin: 0 0 10px 5px;
      padding: 8px 20px;
      text-align: center;
      text-transform: uppercase;
      width: 150px; }
    .main .loan-calculator .form-buttons input[type=reset] {
      background: #3b3b3b; }
  @media only screen and (max-width: 1280px) {
    .main .loan-calculator .block {
      padding-left: 4%;
      width: 48%; }
      .main .loan-calculator .block.interest {
        clear: both;
        padding-left: 0; } }
  @media only screen and (max-width: 500px) {
    .main .loan-calculator .block {
      float: none;
      padding-left: 0;
      width: auto; } }

/* ===========================================================
   CHECKING
=========================================================== */
.main .checking-section {
  border-top: 1px solid #ccc;
  margin-top: 15px;
  padding-top: 25px; }
  .main .checking-section h2 {
    color: #3b3b3b; }
  .main .checking-section.checking-section-1 {
    border-top: none;
    margin-top: 0;
    padding-top: 0; }
  .main .checking-section:last-child {
    margin-bottom: 30px; }
  .main .checking-section h3 {
    padding-bottom: 6px; }
  .main .checking-section p {
    padding-bottom: 4px; }
  .main .checking-section ul {
    margin-bottom: 4px; }
    .main .checking-section ul li {
      background: url(../images/bullet-blue.png) no-repeat 0 6px;
      padding-left: 16px; }
  .main .checking-section .section {
    float: left;
    padding: 0 0 10px 3%;
    width: 32%; }
    .main .checking-section .section.row-start-3 {
      clear: both;
      padding-left: 0;
      width: 30%; }
  @media only screen and (max-width: 1220px) {
    .main .checking-section .section {
      padding-left: 4%;
      width: 48%; }
      .main .checking-section .section.row-start-3 {
        clear: none;
        padding-left: 4%;
        width: 48%; }
      .main .checking-section .section.row-start-2 {
        clear: both;
        padding-left: 0; } }
  @media only screen and (max-width: 640px) {
    .main .checking-section .section {
      float: none;
      padding-left: 0;
      width: auto; }
      .main .checking-section .section.row-start-2 {
        clear: none;
        padding-left: 0; }
      .main .checking-section .section.row-start-3 {
        padding-left: 0;
        width: auto; } }

/* ===========================================================
   HOLIDAY CALENDAR
=========================================================== */
.main ul.holiday-events {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc; }
  .main ul.holiday-events li {
    background: none;
    padding: 10px 20px; }
    .main ul.holiday-events li.odd {
      background: #eee;
      border-top: 1px solid #ccc; }
    .main ul.holiday-events li.even {
      background: #fff; }
    .main ul.holiday-events li .title {
      float: left;
      padding-right: 4%;
      width: 46%; }
    .main ul.holiday-events li .date {
      float: left;
      padding-right: 4%;
      width: 46%; }

/* ===========================================================
   E-STATEMENTS
=========================================================== */
.main ul.estatement-nav {
  clear: both;
  margin: 0 0 22px; }
  .main ul.estatement-nav li {
    background: none;
    background: "#aa121a";
    background-image: url(data:image/svg+xml,%3c%3fxml%20version%3d%221%2e0%22%3f%3e%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%22100%25%22%20height%3d%22100%25%22%3e%3cdefs%3e%3clinearGradient%20id%3d%22G%22%20x2%3d%220%25%22%20y2%3d%22100%25%22%3e%3cstop%20style%3d%22stop%2dcolor%3a%23aa121a%22%20offset%3d%220%25%22%2f%3e%3cstop%20style%3d%22stop%2dcolor%3a%23910e15%22%20offset%3d%22100%25%22%2f%3e%3c%2flinearGradient%3e%3c%2fdefs%3e%3crect%20width%3d%22100%25%22%20height%3d%22100%25%22%20fill%3d%22url%28%23G%29%22%2f%3e%3c%2fsvg%3e);
    background-image: -moz-linear-gradient(top, #aa121a 0%, #910e15 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aa121a), color-stop(100%, #910e15));
    background-image: -webkit-linear-gradient(top, #aa121a 0%, #910e15 100%);
    background-image: -o-linear-gradient(top, #aa121a 0%, #910e15 100%);
    background-image: -ms-linear-gradient(top, #aa121a 0%, #910e15 100%);
    background-image: linear-gradient(to bottom, #aa121a 0%, #910e15 100%);
    float: left;
    padding: 0;
    margin-left: 3.5%;
    width: 31%; }
    .lte-ie8 .main ul.estatement-nav li {
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa121a', endColorstr='#910e15', GradientType=0); }
    .main ul.estatement-nav li a {
      background: url(../images/arrow-estatement.png) no-repeat right center;
      border: 1px solid #790910;
      color: #fff;
      display: block;
      font-size: 19px;
      font-weight: bold;
      line-height: 1.2;
      padding: 20px 44px 20px 20px;
      text-decoration: none;
      text-shadow: 1px 1px 3px #280003; }
    .main ul.estatement-nav li:nth-child(3n+4), .main ul.estatement-nav li:first-child {
      margin-left: 0; }
  @media only screen and (max-width: 1100px) {
    .main ul.estatement-nav li {
      float: none;
      margin-left: 0;
      margin-bottom: 10px;
      width: auto; } }

/* ===========================================================
   MISSION
=========================================================== */
.main .mission-photo {
  float: left;
  margin-bottom: 20px; }
.main .mission-info {
  border: 1px solid #c9c9c9;
  border-top: 12px solid #1a2362;
  float: right;
  margin-bottom: 20px;
  padding: 15px 20px 5px;
  width: 325px; }
  .main .mission-info h3 {
    border-bottom: 1px solid #c9c9c9;
    color: #3b3b3b;
    font-family: "Liberations Serif", Times, "Times New Roman", serif;
    margin-bottom: 15px;
    padding-bottom: 15px;
    text-decoration: none;
    text-transform: uppercase; }
  .main .mission-info p {
    font-size: 16px;
    padding-bottom: 12px; }
@media only screen and (max-width: 1280px) {
  .main .mission-photo {
    display: block;
    float: none;
    margin: 0 auto 20px;
    max-width: 100%;
    height: auto; }
  .main .mission-info {
    margin-left: 30px; } }
@media only screen and (max-width: 640px) {
  .main .mission-info {
    float: none;
    margin: 0 0 20px;
    width: auto; } }

/* ===========================================================
   RATE FORMS/TABLES
=========================================================== */
.main .rate {
  width: 48%; }
  .main .rate.odd {
    clear: both;
    float: left; }
  .main .rate.even {
    float: right; }
  .main .rate.wide {
    text-align: center;
    width: auto; }
.main table {
  border: 4px solid #ddd;
  margin-bottom: 20px;
  width: 100%; }
  .main table th {
    background: #ba2129;
    color: #fff;
    padding: 10px;
    text-align: center; }
    .main table th.lined {
      padding: 0; }
      .main table th.lined span {
        border-bottom: 1px solid #9d1a21;
        display: block;
        padding: 10px; }
  .main table td {
    padding: 10px; }
    .main table td.heading {
      text-align: center; }
    .main table td.value {
      white-space: nowrap; }
  .main table tr:nth-child(even) td {
    background: #eee; }
  .main table tr:nth-child(odd) td {
    background: #fff; }
.main .page-id-2882 .main table tr:nth-child(even) td {
  background: #fff; }
.main .loan-rate-list {
  float: left; }
  .main .loan-rate-list li {
    background: url(../images/bullet-rates.png) no-repeat 2px center;
    border-top: 1px solid #e6e6e6;
    padding: 10px 0 10px 40px; }
    .main .loan-rate-list li:first-child {
      border-top: none; }
@media only screen and (max-width: 600px) {
  .main .rate.odd,
  .main .rate.even {
    clear: both;
    float: none;
    width: 100%; } }

/* ===========================================================
   PRINT
=========================================================== */
.main ul.print-list li {
  float: left;
  background: none;
  margin: 0 0 25px;
  padding: 0;
  width: 25%; }
  .main ul.print-list li img {
    border: 3px solid #ccc;
    display: block;
    margin: 0 auto; }
  .main ul.print-list li.row-start-4 {
    clear: both; }
@media only screen and (max-width: 1220px) {
  .main ul.print-list li {
    width: 33%; }
    .main ul.print-list li.row-start-4 {
      clear: none; }
    .main ul.print-list li.row-start-3 {
      clear: both; } }
@media only screen and (max-width: 1050px) {
  .main ul.print-list li {
    width: 50%; }
    .main ul.print-list li.row-start-3 {
      clear: none; }
    .main ul.print-list li.row-start-2 {
      clear: both; } }
@media only screen and (max-width: 900px) {
  .main ul.print-list li {
    width: 33%; }
    .main ul.print-list li.row-start-2 {
      clear: none; }
    .main ul.print-list li.row-start-3 {
      clear: both; } }
@media only screen and (max-width: 720px) {
  .main ul.print-list li {
    width: 50%; }
    .main ul.print-list li.row-start-3 {
      clear: none; }
    .main ul.print-list li.row-start-2 {
      clear: both; } }
@media only screen and (max-width: 500px) {
  .main ul.print-list li {
    float: none;
    width: auto; } }

/* ===========================================================
   SAVINGS COMPARISON
=========================================================== */
.savings-comparison-chart h2 {
  float: left; }
.savings-comparison-chart .savings-comparison-nav {
  float: right;
  position: relative; }
  .savings-comparison-chart .savings-comparison-nav .active-drop-down {
    background: #ba2129 url(../images/arrow-drop-down.png) no-repeat right 16px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 10px 30px 10px 20px;
    text-transform: uppercase; }
    .savings-comparison-chart .savings-comparison-nav .active-drop-down.active {
      background-position: right -34px; }
  .savings-comparison-chart .savings-comparison-nav .drop-down-nav {
    background: #fff;
    box-shadow: 1px 1px 3px #666;
    display: none;
    position: absolute;
    top: 30px;
    right: 0; }
    .savings-comparison-chart .savings-comparison-nav .drop-down-nav li {
      background: none;
      border-top: 1px solid #ccc;
      cursor: pointer;
      padding: 6px 20px;
      white-space: nowrap; }
      .savings-comparison-chart .savings-comparison-nav .drop-down-nav li:first-child {
        border-top: none; }
      .savings-comparison-chart .savings-comparison-nav .drop-down-nav li:hover {
        color: #ba2129; }
    .savings-comparison-chart .savings-comparison-nav .drop-down-nav.active {
      display: block; }
.savings-comparison-chart .tab-content {
  clear: both;
  display: none; }
  .savings-comparison-chart .tab-content.active {
    display: block; }
  .savings-comparison-chart .tab-content td {
    width: 50%; }
@media only screen and (max-width: 990px) {
  .savings-comparison-chart h2 {
    float: none;
    margin-bottom: 10px; }
  .savings-comparison-chart .savings-comparison-nav {
    float: none; }
    .savings-comparison-chart .savings-comparison-nav .active-drop-down {
      display: inline-block;
      margin-bottom: 10px;
      zoom: 1;
      *display: inline; }
    .savings-comparison-chart .savings-comparison-nav .drop-down-nav {
      right: auto;
      top: 42px;
      left: 0; } }

/* ===========================================================
   DEMO FORMS
=========================================================== */
.main .link-form input[type=submit] {
  background: none;
  border: none;
  color: #ba2129;
  font-size: 17px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-decoration: underline; }

/* ===========================================================
   GRAVITY FORMS
=========================================================== */
.main ul.gform_fields li {
  background: none;
  padding-left: 0; }
.main .gform_wrapper .gform_footer {
  margin-top: 0;
  padding-top: 0; }
.main .gform_button {
  background: #ba2129;
  border: none;
  border-radius: 0;
  color: #fff;
  font-family: "Liberations Serif", Times, "Times New Roman", serif;
  font-weight: bold;
  padding: 8px 15px;
  text-transform: uppercase; }

/* ===========================================================
   FOOTER
=========================================================== */
.footer-top {
  background-color: #f3f3f3;
  color: #fff;
  font-family: "Liberations Serif", Times, "Times New Roman", serif;
  font-size: 16px;
  font-weight: bold;
  padding: 14px 0 0;
  text-align: center;
  text-transform: uppercase;
  /*height: 83px; */}
.footer-top .logo img {
  width: 190px;
}
.footer-top .block {
  display: inline-block;
  vertical-align: middle;
}
  .footer-top a {
    color: #ba2129;
    text-decoration: none; }
    .footer-top a:hover, .footer-top a:focus, .footer-top a:active {
      text-decoration: underline; }
    .footer-top .block a img {
      vertical-align: text-bottom;
      margin-right: 5px;
    }
  .footer-top .span {
    display: inline-block;
    zoom: 1;
    *display: inline; }
  .footer-top .number {
    margin-left: 10px;
    border-left: 1px solid #b9b9b9;
    padding: 10px 0 10px 10px; }
  .footer-top .email {
    border-left: 1px solid #b9b9b9;
    margin-left: 10px;
    padding: 10px 0 10px 10px; }
  .footer-top .address {
    border-left: 1px solid #b9b9b9;
    margin-left: 20px;
    padding: 10px 0 10px 10px; }
  .footer-top br {
    display: none; }

.footer-top .social-nav {
  padding-bottom: 6px;
  padding-top: 6px;
  padding-left: 10px;
  border-left: 1px solid #b9b9b9;
  margin-left: 10px;}
.footer-top .social-nav > li {
  float: left;
  margin-left: 5px; }
.footer-top .social-nav > li a {
  background: url(../images/icons-social-new.png) no-repeat 0 0;
  display: block;
  position: relative;
  text-indent: -9009px;
  width: 28px;
  height: 28px;
overflow: hidden}
@media 
(-webkit-min-device-pixel-ratio: 1.3),
(min-resolution: 124.8dpi) {
    background-image: url(../images/icons-social-new.png);
    background-size: 500px 500px;
}
.footer-top .social-nav > li a:hover, .footer-top .social-nav > li a:focus, .footer-top .social-nav > li a:active {
  top: -1px; }
.footer-top .social-nav > li.facebook a {
  background-position: 0 0; }
.footer-top .social-nav > li.facebook a:hover, .footer-top .social-nav > li.facebook a:focus, .footer-top .social-nav > li.facebook a:active {
  background-position: 0 -28px; }
.footer-top .social-nav > li.youtube a {
  background-position: -28px 0; }
.footer-top .social-nav > li.youtube a:hover, .footer-top .social-nav > li.youtube a:focus, .footer-top .social-nav > li.youtube a:active {
  background-position: -28px -28px; }
.footer-top .social-nav > li.twitter a {
  background-position: -56px 0; }
.footer-top .social-nav > li.twitter a:hover, .footer-top .social-nav > li.twitter a:focus, .footer-top .social-nav > li.twitter a:active {
  background-position: -56px -28px; }
.footer-top .social-nav > li.linkedin a {
  background-position: -84px 0; }
.footer-top .social-nav > li.linkedin a:hover, .footer-top .social-nav > li.linkedin a:focus, .footer-top .social-nav > li.linkedin a:active {
  background-position: -84px -28px; }
.footer-top .social-nav > li.google-plus a {
  background-position: -168px 0; }
.footer-top .social-nav > li.google-plus a:hover, .footer-top .social-nav > li.google-plus a:focus, .footer-top .social-nav > li.google-plus a:active {
  background-position: -168px -28px; }
.footer-top .social-nav > li.fnbn-blog a {
  background-position: -112px 0; }
.footer-top .social-nav > li.fnbn-blog a:hover, .footer-top .social-nav > li.fnbn-blog a:focus, .footer-top .social-nav > li.fnbn-blog a:active {
  background-position: -112px -28px; }
.footer-top .social-nav > li.enews a {
  background-position: -140px 0; }
.footer-top .social-nav > li.enews a:hover, .footer-top .social-nav > li.enews a:focus, .footer-top .social-nav > li.enews a:active {
  background-position: -140px -28px; }
  .footer-top .social-nav > li.insta a {
  background-position: -196px 0; }
.footer-top .social-nav > li.insta a:hover, .footer-top .social-nav > li.enews a:focus, .footer-top .social-nav > li.enews a:active {
  background-position: -196px -28px; }
.footer-top .social-nav > li:first-child {
  margin-left: 0; }
  @media only screen and (max-width: 1100px) {
    .footer-top {
      padding-bottom: 10px; }
    .footer-top .address,
    .footer-top .social-nav {
      margin-left: 0;
      padding-left: 0;
      border-left: none;
    }
    .footer-top .email,
    .footer-top .number,
    .footer-top .address {
      margin-bottom: 10px;
    }
      .footer-top br {
        display: block; } }
  @media only screen and (max-width: 540px) {
    .footer-top {
      line-height: 1.5;
      padding-bottom: 20px; }
      .footer-top .contact {
        font-size: 22px; }
    .footer-top .address,
      .footer-top .number,
      .footer-top .email {
        display: block;
        font-size: 14px;
        margin: 0 auto 10px;
        padding: 10px 0;
        width: 182px;
      border-left: none;
      border-bottom: 1px solid #b9b9b9;}
      .footer-top .number {
        background-size: 12px 11px;
        background-position: 34px center; }
      .footer-top .email {
        background-size: 11px 11px;
        background-position: 40px center; }
      .footer-top .address {
        background-position: 0 center;
        font-size: 14px;
        line-height: 1.5;
        padding-left: 20px; }
      .footer-top br {
        display: none; } }

.footer-bottom {
  background-color: #1a2362;
  color: #fff;
  font-family: 'PT Sans', sans-serif;
  font-size: 12px;
  padding: 14px 0; }
  .footer-bottom .container {
    position: relative; }
  .footer-bottom a {
    color: #fff; }
    .footer-bottom a:hover, .footer-bottom a:focus, .footer-bottom a:active {
      text-decoration: none; }
  .footer-bottom .footer-nav {
    font-size: 14px;
    line-height: 34px;
  margin-bottom: 10px;}
  .footer-bottom p {
    padding-left: 16px; }
  .footer-bottom br {
    display: none; }
  .footer-bottom .footer-logos {
    position: absolute;
    top: calc(50% - 15px);
    right: 16px; }
    .footer-bottom .footer-logos img {
      float: left;
      margin-left: 20px; }
  @media only screen and (max-width: 1290px) {
    .footer-bottom {
      padding: 14px 20px; }
      .footer-bottom p {
        padding-left: 0; } }
  @media only screen and (max-width: 830px) {
    .footer-bottom {
      text-align: center; }
      .footer-bottom p {
        font-size: 13px;
        padding-bottom: 12px; }
      .footer-bottom br {
        display: block; }
      .footer-bottom .footer-logos {
        position: static;
        top: auto;
        right: auto; }
        .footer-bottom .footer-logos img {
          display: inline-block;
          float: none;
          margin: 0 10px;
          zoom: 1;
          *display: inline; } }
  @media only screen and (max-width: 540px) {
    .footer-bottom p {
      font-size: 11px; } }

/* ===========================================================
   POPUP
=========================================================== */
.popup-wrapper {
  background: black;
  background: rgba(0, 0, 0, 0.2);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9001; }
  .popup-wrapper .popup {
    background: #fff;
    box-shadow: 1px 1px 4px #333;
    border: 5px solid #ba2129;
    font-size: 12px;
    margin-left: -150px;
    padding: 20px 20px 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    min-height: 285px;}
    .popup-wrapper .popup:focus {
      outline: none;
    }
  .popup-wrapper h3 {
    color: #ba2129;
    font-family: "Liberations Serif", Times, "Times New Roman", serif;
    font-size: 18px;
    padding-bottom: 8px; }
  .popup-wrapper p {
    padding-bottom: 18px; }
  .popup-wrapper .btn {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
    padding: 6px 20px 6px 35px;
    text-decoration: none;
    *display: inline;
    zoom: 1; }
    .popup-wrapper .btn.continue {
      background: #ba2129 url(../images/check-btn.png) no-repeat 15px center; }
      .popup-wrapper .btn.continue:hover, .popup-wrapper .btn.continue:focus  {
        background-color: #a51e25; border: 3px solid #a51e25; }
    .popup-wrapper .btn.cancel {
      background: #3b3b3b url(../images/x-btn.png) no-repeat 15px center; }
      .popup-wrapper .btn.cancel:hover, .popup-wrapper .btn.cancel:focus {
        background-color: #272727; border: 3px solid #272727; }

/* ===========================================================
   SIGNUP BUTTON ON E-NEWS ARCHIVE PAGE
=========================================================== */
.page-id-3161 .enews-archive {
  float: right; }
.page-id-3161 .main-column h1 {
  float: left; }
.page-id-3161 .main-column p:first-of-type {
  clear: both; }
@media only screen and (max-width: 1100px) {
  .page-id-3161 .enews-archive {
    float: left;
    clear: left;
    margin-bottom: 10px; } }
.page-id-3161 .btn {
  background: #1a2362;
  outline: 3px solid #1a2362;
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  font-family: "Liberations Serif", Times, "Times New Roman", serif;
  font-size: 18px;
  font-weight: bold;
  padding: 8px 14px;
  text-decoration: none;
  text-transform: uppercase;
  zoom: 1;
  *display: inline; }
  .page-id-3161 .btn:hover, .page-id-3161 .btn:active, .page-id-3161 .btn:focus {
    background: #0f153a;
    outline: 3px solid #0f153a; }
@media only screen and (max-width: 1190px) {
  .page-id-3161 {
    float: none;
    width: auto;
    clear: both; } }
@media only screen and (max-width: 690px) {
  .page-id-3161 .btn {
    display: block;
    font-size: 21px;
    text-align: center;
    width: auto; } }
@media only screen and (max-width: 540px) {
  .page-id-3161 .btn {
    font-size: 14px; } }


.postbottom .disclaimer{
  font-size:10px;
  text-align: center;
  font-style:italic;
  margin-bottom:40px;
  margin-top:20px;
}

/*# sourceMappingURL=global.css.map */