body:before {
  content: "xs";
  display: none;
}
@media (min-width: 550px) {
  body:before {
    content: "sm";
  }
}
@media (min-width: 750px) {
  body:before {
    content: "md";
  }
}
@media (min-width: 900px) {
  body:before {
    content: "lg";
  }
}
@media (min-width: 1200px) {
  body:before {
    content: "xl";
  }
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */

}
/**
 * Remove default margin.
 */

body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */

}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: yellow;
  color: black;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}
/**
 * Prevent `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
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */

}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
/* 1 */ input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */

}
/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */

}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 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;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */

}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/* ============================================================
   Typography
============================================================ */

html {
  font-size: 16px;
}
body {
  color: #222222;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
div[id],
h2[id] {
  outline: none;
}
h1,
.h1 {
  font-weight: 500;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 38px;
  line-height: 2.375rem;
  margin: 0px 0px 20px 0px;
  margin: 0rem 0rem 1.25rem 0rem;
}
@media only screen and (min-width: 750px) {
  h1,
  .h1 {
    font-size: 48px;
    font-size: 3rem;
    line-height: 56px;
    line-height: 3.5rem;
  }
}
h1.hidden + .umb-grid,
.h1.hidden + .umb-grid {
  margin-top: 60px;
  margin-top: 3.75rem;
}
.textcontainer h1 {
  padding-top: 30px;
  padding-top: 1.875rem;
}
@media only screen and (min-width: 750px) {
  .textcontainer h1 {
    padding-top: 63px;
    padding-top: 3.9375rem;
  }
}
h2,
.h2 {
  font-weight: 500;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 36px;
  line-height: 2.25rem;
  margin: 20px 0px 10px 0px;
  margin: 1.25rem 0rem 0.625rem 0rem;
}
@media only screen and (min-width: 750px) {
  h2,
  .h2 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 44px;
    line-height: 2.75rem;
  }
}
h2 span.title,
.h2 span.title {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 36px;
  line-height: 2.25rem;
  margin-left: 0px;
  margin-left: 0rem;
  color: #757575;
  font-weight: 300;
  text-transform: uppercase;
  display: block;
}
@media only screen and (min-width: 750px) {
  h2 span.title,
  .h2 span.title {
    display: inline;
    margin-left: 60px;
    margin-left: 3.75rem;
  }
}
@media only screen and (max-width: 550px) {
  h2 span.title,
  .h2 span.title {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
h3,
.h3 {
  font-weight: 500;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  margin: 20px 0px 10px 0px;
  margin: 1.25rem 0rem 0.625rem 0rem;
}
@media only screen and (min-width: 750px) {
  h3,
  .h3 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
}
h4,
.h4 {
  font-weight: 500;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 30px;
  line-height: 1.875rem;
  margin: 20px 0px 10px 0px;
  margin: 1.25rem 0rem 0.625rem 0rem;
}
@media only screen and (min-width: 750px) {
  h4,
  .h4 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
  }
}
h5,
.h5 {
  font-weight: 500;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  line-height: 1.75rem;
  margin: 20px 0px 10px 0px;
  margin: 1.25rem 0rem 0.625rem 0rem;
}
h6,
.h6 {
  font-weight: 500;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin: 20px 0px 10px 0px;
  margin: 1.25rem 0rem 0.625rem 0rem;
}
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 {
  margin-top: 0;
}
p {
  margin: 0;
  padding: 0px 0px 20px 0px;
  padding: 0rem 0rem 1.25rem 0rem;
}
strong,
b {
  font-weight: 500;
}
.subtitle {
  color: #757575;
  font-style: normal;
  font-weight: 300;
  text-transform: uppercase;
  padding: 0;
}
.subtitle strong {
  color: #d31105;
  font-weight: 500;
  padding-right: 20px;
  padding-right: 1.25rem;
}
.subtitle.no-line:after {
  background: none;
  height: 0;
}
.subtitle + h1 {
  padding-top: 0px !important;
  padding-top: 0rem !important;
}
@media only screen and (min-width: 900px) {
  .subtitle {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
  .subtitle em {
    padding-left: 30px;
    padding-left: 1.875rem;
  }
}
.subtitle:after {
  background: #d31105;
  content: '';
  display: block;
  height: 6px;
  width: 27px;
  margin-top: 13px;
  margin-top: 0.8125rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.intro {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 30px;
  line-height: 1.875rem;
  padding: 0px 0px 15px 0px;
  padding: 0rem 0rem 0.9375rem 0rem;
}
@media only screen and (min-width: 900px) {
  .intro {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
}
.intro.large {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 48px;
  line-height: 3rem;
}
.mediumintro {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  line-height: 1.75rem;
  padding: 0px 0px 15px 0px;
  padding: 0rem 0rem 0.9375rem 0rem;
}
@media only screen and (min-width: 900px) {
  .mediumintro {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
  }
}
.uppercase {
  text-transform: uppercase;
}
.upper-header {
  text-transform: uppercase;
  color: #757575;
}
.figure {
  color: #d31105;
  padding: 0;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
}
.figure strong {
  font-size: 48px;
  font-size: 3rem;
  line-height: 56px;
  line-height: 3.5rem;
}
blockquote {
  *zoom: 1;
  padding: 30px 0px 30px 0px;
  padding: 1.875rem 0rem 1.875rem 0rem;
  margin: 0;
  position: relative;
}
blockquote p {
  color: #d31105;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 30px;
  line-height: 1.875rem;
}
@media only screen and (min-width: 750px) {
  blockquote p {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 44px;
    line-height: 2.75rem;
  }
}
blockquote.fullwidth {
  clear: both;
  padding: 40px 20px 0px 20px;
  padding: 2.5rem 1.25rem 0rem 1.25rem;
  margin: 0px 0px 55px 0px;
  margin: 0rem 0rem 3.4375rem 0rem;
}
@media only screen and (min-width: 750px) {
  blockquote.fullwidth {
    margin: 0px 0px 55px -20px;
    margin: 0rem 0rem 3.4375rem -1.25rem;
    padding-right: 40px;
    padding-right: 2.5rem;
    padding-left: 20%;
  }
}
blockquote.border-bottom {
  border-bottom: solid 1px #dddddd;
}
blockquote footer p {
  color: #757575;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  text-transform: uppercase;
}
blockquote footer p:before {
  content: "";
  margin: 0;
}
blockquote footer p strong {
  text-transform: none;
  color: #222222;
  display: block;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-weight: 300;
}
@media only screen and (min-width: 750px) {
  blockquote footer p strong {
    display: inline-block;
    padding-right: 20px;
    padding-right: 1.25rem;
  }
}
blockquote.with-img {
  min-height: 315px;
  background-size: 33.33% auto !important;
  display: inline-block;
}
blockquote.with-img p,
blockquote.with-img footer p {
  width: 66.66%;
  padding-right: 20px;
  padding-right: 1.25rem;
}
blockquote.pull-out {
  margin: 0px 0px 55px 0px;
  margin: 0rem 0rem 3.4375rem 0rem;
}
@media only screen and (min-width: 750px) {
  blockquote.pull-out {
    margin-left: -50%;
    padding-left: 33.333%;
  }
}
blockquote:before,
blockquote:after {
  content: "";
  display: table;
}
blockquote:after {
  clear: both;
}
a:link,
a:visited {
  color: #d31105;
  text-decoration: underline;
}
a:hover,
a:focus,
a:active {
  color: #d31105;
  text-decoration: none;
}
/* external link */

a.external {
  text-decoration: none;
}
a.external:hover,
a.external:focus {
  text-decoration: underline;
}
a.external:after {
  content: "";
  background-image: url('../images/icons/icons-site.svg');
  background-repeat: no-repeat;
  background-size: 300px 200px;
  background-position: -66px -118px;
  display: inline-block;
  height: 17px;
  width: 17px;
  text-indent: 23px;
  overflow: hidden;
  margin-left: 10px;
  margin-left: 0.625rem;
}
ul {
  margin: 0px 0px 0px 20px;
  margin: 0rem 0rem 0rem 1.25rem;
  padding: 0px 0px 25px 0px;
  padding: 0rem 0rem 1.5625rem 0rem;
}
ul li {
  margin: 0;
  padding: 0px 0px 4px 0px;
  padding: 0rem 0rem 0.25rem 0rem;
}
ul ul,
ul ol {
  padding: 4px 0px 0px 0px;
  padding: 0.25rem 0rem 0rem 0rem;
}
ol {
  padding: 5px 0px 25px 0px;
  padding: 0.3125rem 0rem 1.5625rem 0rem;
  margin: 0px 0px 0px 22px;
  margin: 0rem 0rem 0rem 1.375rem;
  max-width: 730px;
}
ol li {
  margin: 0;
  padding: 0px 0px 4px 0px;
  padding: 0rem 0rem 0.25rem 0rem;
}
ol ul,
ol ol {
  padding: 4px 0px 0px 0px;
  padding: 0.25rem 0rem 0rem 0rem;
}
ol ul li:last-child,
ol ol li:last-child {
  padding-bottom: 0;
}
dl {
  border-top: solid 1px #dddddd;
  margin: 0;
  padding: 0;
}
dl dt {
  margin: 0;
  padding: 15px 0px 0px 0px;
  padding: 0.9375rem 0rem 0rem 0rem;
}
dl dd {
  border-bottom: solid 1px #dddddd;
  margin: 0;
  padding: 10px 0px 15px 0px;
  padding: 0.625rem 0rem 0.9375rem 0rem;
}
.linklist {
  list-style-type: none;
  margin: 0;
  padding: 0px 0px 20px 0px;
  padding: 0rem 0rem 1.25rem 0rem;
}
.linklist li {
  margin: 0;
  padding: 0px 0px 4px 0px;
  padding: 0rem 0rem 0.25rem 0rem;
}
.buttonwrapper {
  max-width: 1440px;
  margin: 0 auto;
  text-align: center;
}
.buttons {
  *zoom: 1;
  text-transform: uppercase;
  list-style-type: none;
  margin: 0px 20px 0px 20px;
  margin: 0rem 1.25rem 0rem 1.25rem;
  padding: 20px 0px 20px 0px;
  padding: 1.25rem 0rem 1.25rem 0rem;
}
.buttons:before,
.buttons:after {
  content: "";
  display: table;
}
.buttons:after {
  clear: both;
}
.buttons.bankinggroup {
  padding-bottom: 0;
}
@media only screen and (min-width: 750px) {
  .buttons {
    margin: 0px 120px 0px 120px;
    margin: 0rem 7.5rem 0rem 7.5rem;
  }
}
.buttons li {
  border: solid 1px #dddddd;
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  margin-bottom: -1px;
  margin-right: -1px;
}
.buttons.two li {
  width: 100%;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 750px) {
  .buttons.two li {
    width: 50%;
    margin-bottom: 0;
  }
}
.buttons.three li {
  width: 100%;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 750px) {
  .buttons.three li {
    width: 33.333%;
    margin-bottom: 0;
  }
}
.buttons.four li {
  width: 100%;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 750px) {
  .buttons.four li {
    width: 25%;
    margin-bottom: 0;
  }
}
.buttons.five li {
  width: 100%;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 750px) {
  .buttons.five li {
    width: 20%;
    margin-bottom: 0;
  }
}
.buttons.six li {
  width: 100%;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 750px) {
  .buttons.six li {
    width: 33.333%;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 900px) {
  .buttons.six li {
    width: 16.75%;
    margin-bottom: 0;
  }
}
.buttons.seven li {
  width: 100%;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 750px) {
  .buttons.seven li {
    width: 33.333%;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 900px) {
  .buttons.seven li {
    width: 14.37%;
    margin-bottom: 0;
  }
}
.buttons.pagination {
  text-align: center;
}
.buttons.pagination li {
  display: inline-block;
  float: none;
  white-space-collapsing: discard;
}
.buttons a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  padding: 14px 20px 14px 20px;
  padding: 0.875rem 1.25rem 0.875rem 1.25rem;
  background: white;
}
.the-banking-group .buttons a {
  padding-left: 0;
  padding-right: 0;
}
.buttons a:link,
.buttons a:visited {
  color: #222222;
  text-decoration: none;
}
.buttons a:hover,
.buttons a:focus,
.buttons a:active {
  background-color: #dddddd;
  color: #222222;
  text-decoration: underline;
}
.buttons a.active:link,
.buttons a.active:visited {
  background-color: #d31105;
  color: white;
}
p.button.previous {
  top: 20px;
  position: absolute;
  left: 0px;
}
p.button.previous a {
  padding-left: 40px;
  padding-left: 2.5rem;
  text-indent: -100000px;
}
@media only screen and (min-width: 750px) {
  p.button.previous a {
    text-indent: 0;
    padding-left: 50px;
    padding-left: 3.125rem;
  }
}
p.button.next {
  position: absolute;
  right: 0px;
  top: 20px;
}
p.button.next a {
  padding-right: 40px;
  padding-right: 2.5rem;
  text-indent: -100000px;
}
@media only screen and (min-width: 750px) {
  p.button.next a {
    text-indent: 0;
    padding-right: 50px;
    padding-right: 3.125rem;
  }
}
p.button.disabled {
  opacity: 0.5;
}
p.button.disabled a {
  pointer-events: none;
  cursor: default;
}
a.btn_text {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border: solid 1px #dddddd;
  display: inline-block;
  text-transform: uppercase;
  padding: 14px 20px 14px 20px;
  padding: 0.875rem 1.25rem 0.875rem 1.25rem;
  background: white;
}
a.btn_text.block {
  display: block;
  text-align: center;
}
a.btn_text:link,
a.btn_text:visited {
  color: #222222;
  text-decoration: none;
}
a.btn_text:hover,
a.btn_text:focus,
a.btn_text:active {
  background-color: #dddddd;
  color: #222222;
  text-decoration: underline;
}
a.btn_text.previous {
  padding-left: 50px;
}
a.btn_text.previous:before {
  content: "";
  display: block;
  background-image: url("../images/icons/icons-site.svg");
  background-position: -217px -62px;
  background-repeat: no-repeat;
  background-size: 300px 200px;
  height: 27px;
  text-indent: 23px;
  width: 17px;
  position: absolute;
  left: 20px;
  top: 14px;
}
a.btn_text.next {
  padding-right: 50px;
}
a.btn_text.next:after {
  content: "";
  display: block;
  background-image: url("../images/icons/icons-site.svg");
  background-position: -267px -62px;
  background-repeat: no-repeat;
  background-size: 300px 200px;
  height: 27px;
  text-indent: 23px;
  width: 17px;
  position: absolute;
  right: 20px;
  top: 14px;
}
a.btn_text_alt {
  border: solid 1px white;
  display: inline-block;
  text-transform: uppercase;
  padding: 14px 20px 14px 20px;
  padding: 0.875rem 1.25rem 0.875rem 1.25rem;
}
a.btn_text_alt:link,
a.btn_text_alt:visited {
  color: white;
  text-decoration: none;
}
a.btn_text_alt:hover,
a.btn_text_alt:focus,
a.btn_text_alt:active {
  background-color: white;
  color: #222222;
  text-decoration: underline;
}
.visuallyhidden,
.hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
img {
  border: 0;
  display: block;
  image-rendering: optimizeSpeed;
  image-rendering: optimizeQuality;
  -ms-interpolation-mode: bicubic;
}
img,
object,
embed {
  max-width: 100%;
  height: auto;
}
object {
  height: 100%;
}
iframe {
  border: 0;
  width: 100%;
}
.iframewrapper {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
}
.iframewrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
  width: 100%;
  max-width: 900px;
}
.old-ie table {
  font-size: 1em;
}
table caption {
  text-align: left;
  padding: 10px 0px 10px 0px;
  padding: 0.625rem 0rem 0.625rem 0rem;
}
table th {
  text-align: left;
}
table td,
table th {
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
  border: solid 1px #dddddd;
}
table td {
  vertical-align: top;
}
table thead tr:first-child td,
table thead tr:first-child th {
  border-top: solid 1px #dddddd;
}
table tbody td,
table th {
  border-bottom: solid 1px #dddddd;
}
table tfoot td {
  font-size: 14px;
  font-size: 0.875rem;
}
:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
form,
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
legend {
  display: none;
}
input,
select,
textarea {
  color: #757575;
  border-radius: 0;
  border: solid 1px #dddddd;
  font-size: 100%;
  line-height: normal;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}
input {
  padding: 7px 14px 7px 14px;
  padding: 0.4375rem 0.875rem 0.4375rem 0.875rem;
}
.form-group {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  position: relative;
}
.form-control {
  display: block;
  width: 100%;
  padding: 10px 12px 10px 12px;
  padding: 0.625rem 0.75rem 0.625rem 0.75rem;
}
textarea.form-control {
  height: auto;
}
input[type="reset"],
input[type="submit"],
button[type="submit"],
.btn,
a.btn,
a.btn:visited {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-appearance: none;
  background: #757575;
  color: white;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: normal;
  padding: 11px 20px 11px 20px;
  padding: 0.6875rem 1.25rem 0.6875rem 1.25rem;
  text-decoration: none;
  position: relative;
  border: none;
  outline: none;
  margin: 0;
  -webkit-transition: background-color 0.25s;
  -moz-transition: background-color 0.25s;
  transition: background-color 0.25s;
  *overflow: visible;
}
input[type="reset"]:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.btn:hover,
a.btn:hover,
a.btn:focus,
a.btn:active {
  background: #d31105;
  color: white;
}
input[type="submit"],
button[type="submit"] {
  text-transform: uppercase;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  height: 100%;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
}
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
.container {
  clear: left;
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 0px;
}
.container-wide {
  *zoom: 1;
  margin: 0 auto;
  max-width: 1440px;
  position: relative;
}
.container-wide:before,
.container-wide:after {
  content: "";
  display: table;
}
.container-wide:after {
  clear: both;
}
.textcontainer {
  clear: left;
  margin: 0 auto;
  max-width: 720px;
  padding: 0 20px;
  width: 100%;
}
@media only screen and (min-width: 750px) {
  .textcontainer {
    padding: 0;
  }
}
.row {
  margin-right: 0px;
  margin-left: 0px;
  padding: 0;
  *zoom: 1;
}
.row:before,
.row:after {
  content: "";
  display: table;
}
.row:after {
  clear: both;
}
[class^='col-'] {
  display: block;
  float: left;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
}
.main {
  min-height: 50vh;
}
@media only screen and (min-width: 750px) {
  .main {
    min-height: 63vh;
  }
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.666666667%;
}
.col-xs-10 {
  width: 83.333333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.666666667%;
}
.col-xs-7 {
  width: 58.333333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.666666667%;
}
.col-xs-4 {
  width: 33.333333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.666666667%;
}
.col-xs-1 {
  width: 8.333333333%;
}
/*.make-grid(@columns, xs, offset);*/

@media only screen and (min-width: 550px) {
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.666666667%;
  }
  .col-sm-10 {
    width: 83.333333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.666666667%;
  }
  .col-sm-7 {
    width: 58.333333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.666666667%;
  }
  .col-sm-4 {
    width: 33.333333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.666666667%;
  }
  .col-sm-1 {
    width: 8.333333333%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.666666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.333333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.666666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.333333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.666666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.333333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.666666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.333333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media only screen and (min-width: 750px) {
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.666666667%;
  }
  .col-md-10 {
    width: 83.333333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.666666667%;
  }
  .col-md-7 {
    width: 58.333333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.666666667%;
  }
  .col-md-4 {
    width: 33.333333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.666666667%;
  }
  .col-md-1 {
    width: 8.333333333%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.666666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.333333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.666666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.333333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.666666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.333333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.666666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.333333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media only screen and (min-width: 900px) {
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.666666667%;
  }
  .col-lg-10 {
    width: 83.333333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.666666667%;
  }
  .col-lg-7 {
    width: 58.333333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.666666667%;
  }
  .col-lg-4 {
    width: 33.333333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.666666667%;
  }
  .col-lg-1 {
    width: 8.333333333%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.666666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.333333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.666666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.333333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.666666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.333333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.666666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.333333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
@media only screen and (min-width: 1200px) {
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-11 {
    width: 91.666666667%;
  }
  .col-xl-10 {
    width: 83.333333333%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-8 {
    width: 66.666666667%;
  }
  .col-xl-7 {
    width: 58.333333333%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-5 {
    width: 41.666666667%;
  }
  .col-xl-4 {
    width: 33.333333333%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-2 {
    width: 16.666666667%;
  }
  .col-xl-1 {
    width: 8.333333333%;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .col-xl-offset-11 {
    margin-left: 91.666666667%;
  }
  .col-xl-offset-10 {
    margin-left: 83.333333333%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-8 {
    margin-left: 66.666666667%;
  }
  .col-xl-offset-7 {
    margin-left: 58.333333333%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-5 {
    margin-left: 41.666666667%;
  }
  .col-xl-offset-4 {
    margin-left: 33.333333333%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-2 {
    margin-left: 16.666666667%;
  }
  .col-xl-offset-1 {
    margin-left: 8.333333333%;
  }
  .col-xl-offset-0 {
    margin-left: 0%;
  }
}
hr {
  height: 1px;
  border: none;
  color: #cfcfcf;
  background-color: #cfcfcf;
}
.cf {
  *zoom: 1;
}
.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
.floatleft,
.pull-left {
  float: left !important;
}
.floatright,
.pull-right {
  float: right !important;
}
.relative {
  position: relative;
}
.nowrap {
  white-space: nowrap !important;
}
.print {
  display: none !important;
}
.band_white {
  *zoom: 1;
  background-color: white;
  width: 100%;
}
.band_white:before,
.band_white:after {
  content: "";
  display: table;
}
.band_white:after {
  clear: both;
}
.band_offwhite {
  *zoom: 1;
  background-color: #f7f7f7;
  width: 100%;
}
.band_offwhite:before,
.band_offwhite:after {
  content: "";
  display: table;
}
.band_offwhite:after {
  clear: both;
}
@media only screen and (min-width: 900px) {
  main {
    margin-top: 70px;
  }
}
main > div:last-child {
  padding-bottom: 100px;
  padding-bottom: 6.25rem;
}
.history main > div:last-child,
.directors main > div:last-child,
.profiles main > div:last-child,
.home main > div:last-child {
  padding-bottom: 0;
}
main > .textcontainer:last-child {
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
}
@media only screen and (min-width: 750px) {
  main > .textcontainer:last-child {
    padding-bottom: 100px;
    padding-bottom: 6.25rem;
  }
}
@media only screen and (min-width: 900px) {
  :target:before {
    content: '';
    display: block;
    height: 71px;
    margin: -71px 0 0;
  }
  .the-banking-group :target:before {
    height: 141px;
    margin: -141px 0 0;
  }
  .governance :target:before {
    height: 101px;
    margin: -101px 0 0;
  }
}
.imagepanel {
  *zoom: 1;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: white;
  height: 300px;
}
.imagepanel:before,
.imagepanel:after {
  content: "";
  display: table;
}
.imagepanel:after {
  clear: both;
}
@media only screen and (min-width: 750px) {
  .imagepanel {
    height: 504px;
  }
}
.blocklayout .pullout {
  background-color: rgba(211, 17, 5, 0.95);
  color: white;
  position: relative;
  z-index: 2;
  max-width: 720px;
  padding: 30px 30px 30px 30px;
  padding: 1.875rem 1.875rem 1.875rem 1.875rem;
}
.blocklayout .pullout.pulloutwide {
  max-width: 960px;
}
.blocklayout .pullout h2,
.blocklayout .pullout h2.section {
  color: white;
}
.blocklayout .pullout a.btn_text:link,
.blocklayout .pullout a.btn_text:visited {
  background: transparent;
  color: white;
}
.blocklayout .pullout a.btn_text:hover,
.blocklayout .pullout a.btn_text:focus {
  background: white;
  color: #222222;
}
.blocklayout .pullout .btn_text {
  margin-top: 40px;
}
@media only screen and (min-width: 750px) {
  .blocklayout .pullout {
    padding: 30px 64px 30px 64px;
    padding: 1.875rem 4rem 1.875rem 4rem;
    margin-top: -180px;
  }
}
@media only screen and (min-width: 900px) {
  .blocklayout .pullout {
    padding: 30px 75px 30px 75px;
    padding: 1.875rem 4.6875rem 1.875rem 4.6875rem;
  }
}
@media only screen and (min-width: 1200px) {
  .blocklayout .pullout {
    padding: 30px 120px 30px 120px;
    padding: 1.875rem 7.5rem 1.875rem 7.5rem;
  }
}
header {
  *zoom: 1;
  border-bottom: solid 1px #dddddd;
}
header:before,
header:after {
  content: "";
  display: table;
}
header:after {
  clear: both;
}
.global-header {
  *zoom: 1;
  margin: 0 auto;
  max-width: 1440px;
  position: relative;
}
.global-header:before,
.global-header:after {
  content: "";
  display: table;
}
.global-header:after {
  clear: both;
}
.global-header .branding {
  float: left;
  padding: 14px 20px 15px 20px;
  padding: 0.875rem 1.25rem 0.9375rem 1.25rem;
}
.global-header .mobilenav-trigger {
  float: right;
  padding: 10px 10px 10px 10px;
  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
}
.mainnav {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.mainnav li {
  margin: 0;
  padding: 0;
}
.mainnav a:link,
.mainnav a:visited {
  color: #222222;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  padding: 12px 20px 9px 20px;
  padding: 0.75rem 1.25rem 0.5625rem 1.25rem;
}
.mainnav a:hover,
.mainnav a:focus,
.mainnav a:active {
  background-color: #d31105;
  color: white;
  text-decoration: none;
}
.mobilemenu {
  display: none;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 999;
  width: 100%;
  min-height: 100%;
  background: white;
  overflow-y: auto;
  overflow-x: hidden;
}
.mobilemenu > div {
  display: table;
  width: 100%;
  height: 100%;
}
.mobilemenu nav {
  background: white;
  margin: 0 auto;
  max-width: 450px;
}
.mobilemenu .menubuttons {
  *zoom: 1;
  width: 100%;
}
.mobilemenu .menubuttons:before,
.mobilemenu .menubuttons:after {
  content: "";
  display: table;
}
.mobilemenu .menubuttons:after {
  clear: both;
}
.mobilemenu .menubuttons p {
  display: inline-block;
  float: left;
  padding: 20px 20px 20px 20px;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
}
.mobilemenu .menubuttons button {
  float: right;
  padding: 10px 20px 20px 20px;
  padding: 0.625rem 1.25rem 1.25rem 1.25rem;
}
.mobilemenu .mainnav .dropdown-trigger {
  background-image: url('../images/icons/icons-site.svg');
  background-repeat: no-repeat;
  background-size: 300px 200px;
  background-position: -154px -6px;
  right: 10px;
  top: 5px;
  width: 40px;
  height: 40px;
  position: absolute;
}
.mobilemenu .mainnav .active .dropdown-trigger {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mobilemenu .mainnav .active + ul {
  display: block;
}
.mobilemenu .mainnav ul {
  background-color: #f7f7f7;
  border-bottom: solid 1px #dddddd;
  border-top: solid 1px #dddddd;
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.mobilemenu .mainnav ul a:link,
.mobilemenu .mainnav ul a:visited {
  padding: 16px 40px 14px 40px;
  padding: 1rem 2.5rem 0.875rem 2.5rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
}
.no-js .mobilemenu {
  background: white;
  border-top: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  display: block;
  position: relative;
  bottom: auto;
  top: auto;
  left: auto;
  right: auto;
}
.no-js .mobilemenu ul ul {
  display: block;
}
.no-js .mobilemenu nav {
  margin: 2em 0em;
  max-width: none;
}
.no-js .mobilemenu .btn_close,
.no-js .mobilemenu .btn_search,
.no-js .mobilemenu .dropdown-trigger {
  display: none;
}
@media only screen and (min-width: 900px) {
  #menulayer,
  .mobilenav-trigger {
    display: none;
  }
}
.mainnavwrapper {
  display: none;
}
@media only screen and (min-width: 900px) {
  header {
    border-bottom: none;
  }
  .fixed-header {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.96);
    border-bottom: solid 1px #dddddd;
    position: fixed;
    z-index: 10;
    width: 100%;
  }
  .branding {
    display: block;
    float: left;
    width: 25%;
  }
  .mainnavwrapper {
    display: block;
    float: left;
    width: 75%;
  }
  .mainnavwrapper li {
    display: table-cell;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    float: left;
  }
  .mainnavwrapper li.search {
    float: right;
  }
  .mainnavwrapper li.search a {
    padding: 22px 20px 21px 20px;
    padding: 1.375rem 1.25rem 1.3125rem 1.25rem;
    width: 71px;
  }
  .mainnavwrapper li.search a span {
    text-indent: -100000px;
    display: inline-block;
  }
  .mainnavwrapper li.search a:after {
    content: "";
    background-image: url("../images/icons/icons-site.svg");
    background-position: -12px -16px;
    background-repeat: no-repeat;
    background-size: 300px 200px;
    display: inline-block;
    height: 25px;
    overflow: hidden;
    text-indent: 23px;
    width: 25px;
  }
  .mainnavwrapper a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 147px;
  }
  .mainnavwrapper a:link,
  .mainnavwrapper a:visited {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0;
    height: 71px;
  }
  .mainnavwrapper a:hover,
  .mainnavwrapper a:focus,
  .mainnavwrapper a:active {
    background-color: #dddddd;
    color: #222222;
  }
  .mainnavwrapper a.active:link,
  .mainnavwrapper a.active:visited {
    color: white;
    background-color: #d31105;
  }
}
@media only screen and (min-width: 950px) {
  .mainnavwrapper a {
    width: 150px;
  }
}
@media only screen and (min-width: 1200px) {
  .mainnavwrapper a {
    width: 200px;
  }
}
.subnavwrapper {
  background-color: #dddddd;
  display: block;
  float: left;
  text-transform: uppercase;
  width: 100%;
  *zoom: 1;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  display: none;
}
.subnavwrapper:before,
.subnavwrapper:after {
  content: "";
  display: table;
}
.subnavwrapper:after {
  clear: both;
}
.subnavwrapper ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 25%;
  min-width: 800px;
}
@media only screen and (min-width: 1200px) {
  .subnavwrapper ul {
    min-width: 1200px;
  }
}
.subnavwrapper li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}
.subnavwrapper a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  width: 150px;
}
@media only screen and (min-width: 1200px) {
  .subnavwrapper a {
    width: 200px;
  }
}
.subnavwrapper a:link,
.subnavwrapper a:visited {
  border-top: solid 1px #dddddd;
  color: #222222;
  display: inline-block;
  float: left;
  text-decoration: none;
  padding: 16px 30px 13px 30px;
  padding: 1rem 1.875rem 0.8125rem 1.875rem;
  text-align: center;
}
.subnavwrapper a:hover,
.subnavwrapper a:focus,
.subnavwrapper a:active {
  border-top: solid 1px #dddddd;
  background-color: #757575;
  color: white;
  text-decoration: none;
}
.subnavwrapper a.active:link,
.subnavwrapper a.active:visited {
  border-top: solid 1px #dddddd;
  background-color: #d31105;
  color: white;
}
@media only screen and (min-width: 900px) {
  .subnavwrapper {
    display: block;
  }
}
.global-footer {
  background-color: #27343d;
  color: #9e9e9e;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22px;
  line-height: 1.375rem;
}
.global-footer p {
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
}
.global-footer a:link,
.global-footer a:visited {
  color: #9e9e9e;
  text-decoration: none;
}
.global-footer a:hover,
.global-footer a:focus,
.global-footer a:active {
  color: white;
  text-decoration: underline;
}
.global-footer img {
  padding-bottom: 26px;
  padding-bottom: 1.625rem;
}
.global-footer .linklist li {
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
}
.global-footer .global-footer {
  margin: 0 auto;
  max-width: 1440px;
}
.global-footer .footer-col {
  border-top: solid 1px #757575;
}
@media only screen and (min-width: 750px) {
  .global-footer .global-footer {
    display: table;
    border-collapse: collapse;
  }
  .global-footer .footer-row {
    display: table-row;
  }
  .global-footer .footer-col {
    display: table-cell;
    border-collapse: collapse;
    border-right: solid 1px #757575;
    border-top: 0;
    vertical-align: top;
    width: 25%;
  }
  .global-footer .footer-col:first-child {
    border-left: solid 1px #757575;
  }
}
.padding {
  padding: 40px 20px 25px 20px;
  padding: 2.5rem 1.25rem 1.5625rem 1.25rem;
}
@media only screen and (min-width: 750px) {
  .padding {
    padding: 30px 30px 30px 30px;
    padding: 1.875rem 1.875rem 1.875rem 1.875rem;
  }
}
@media only screen and (min-width: 900px) {
  .padding {
    padding: 50px 50px 50px 50px;
    padding: 3.125rem 3.125rem 3.125rem 3.125rem;
  }
}
a.blocklink {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  padding: 20px 20px 20px 20px;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
}
@media only screen and (min-width: 750px) {
  a.blocklink {
    padding: 30px 60px 30px 25px;
    padding: 1.875rem 3.75rem 1.875rem 1.5625rem;
  }
}
@media only screen and (min-width: 900px) {
  a.blocklink {
    padding: 50px 25px 50px 25px;
    padding: 3.125rem 1.5625rem 3.125rem 1.5625rem;
  }
}
@media only screen and (min-width: 1200px) {
  a.blocklink {
    padding: 50px 50px 50px 50px;
    padding: 3.125rem 3.125rem 3.125rem 3.125rem;
  }
}
a.blocklink:link,
a.blocklink:visited {
  color: #9e9e9e;
  display: block;
  text-decoration: none;
}
a.blocklink:hover,
a.blocklink:focus,
a.blocklink:active {
  background-color: white;
  color: #27343d;
  text-decoration: underline;
}
.footer-col a.blocklink:first-child {
  border-bottom: solid 1px #757575;
}
.footer-col a.blocklink.backtotop,
.footer-col a.blocklink.search {
  position: relative;
}
.footer-col a.blocklink.backtotop:after,
.footer-col a.blocklink.search:after {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../images/icons/icons-site.svg");
  background-repeat: no-repeat;
  background-size: 300px 200px;
  display: inline-block;
  height: 25px;
  overflow: hidden;
  text-indent: 25px;
  width: 25px;
  right: 20px;
}
@media only screen and (min-width: 1200px) {
  .footer-col a.blocklink.backtotop:after,
  .footer-col a.blocklink.search:after {
    right: 50px;
  }
}
.footer-col a.blocklink.backtotop:after {
  background-position: -263px -19px;
}
.footer-col a.blocklink.search:after {
  background-position: -12px -16px;
}
#cookiebanner {
  background-color: #d31105;
  color: white;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 10;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22px;
  line-height: 1.375rem;
}
#cookiebanner > .container {
  position: relative;
  padding: 15px 20px;
}
@media only screen and (min-width: 750px) {
  #cookiebanner > .container {
    padding: 20px;
  }
}
#cookiebanner a:link,
#cookiebanner a:visited {
  color: white;
  text-decoration: underline;
}
#cookiebanner a:hover,
#cookiebanner a:focus {
  color: white;
  text-decoration: none;
}
#cookiebanner .text_wrapper {
  margin-bottom: 18px;
  min-height: 38px;
}
@media only screen and (min-width: 750px) {
  #cookiebanner .text_wrapper {
    width: 62%;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1200px) {
  #cookiebanner .text_wrapper {
    width: 75%;
  }
}
#cookiebanner .cookie_btn_list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 750px) {
  #cookiebanner .cookie_btn_list {
    width: 35%;
    display: inline-block;
    text-align: right;
    vertical-align: top;
  }
}
@media only screen and (min-width: 1200px) {
  #cookiebanner .cookie_btn_list {
    text-align: left;
    width: 20%;
  }
}
#cookiebanner .cookie_btn_list_item {
  display: inline-block;
}
#cookiebanner .cookie_btn_list_item:not(:last-child) {
  margin-right: 10px;
}
#cookiebanner .closebanner {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  width: 102px;
  background-color: white;
  color: #222222;
}
#cookiebanner .closebanner:hover,
#cookiebanner .closebanner:focus {
  background-color: #dddddd;
  text-decoration: underline;
}
#accessiblenav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#accessiblenav li {
  display: inline;
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#accessiblenav a:link,
#accessiblenav a:visited {
  color: #757575;
  height: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 5px;
  width: 0;
  z-index: 1002;
  text-decoration: none;
}
#accessiblenav a:active,
#accessiblenav a:focus {
  background: white;
  border: 1px solid #757575;
  height: auto;
  margin: 0;
  overflow: visible;
  padding: 10px;
  position: absolute;
  text-decoration: underline;
  width: auto;
  z-index: 10000;
}
.ico_menu {
  display: inline-block;
  text-indent: 28px;
  overflow: hidden;
  background-image: url('../images/icons/icons-site.svg');
  background-repeat: no-repeat;
  background-size: 300px 200px;
  background-position: -111px -13px;
  height: 24px;
  width: 28px;
  margin-top: 10px;
}
.iconwrapper {
  background-color: transparent;
  border: 0;
  margin-top: 10px;
}
.ico_close {
  background-image: url('../images/icons/icons-site.svg');
  background-repeat: no-repeat;
  background-size: 300px 200px;
  background-position: -18px -68px;
  display: inline-block;
  height: 17px;
  width: 17px;
  text-indent: 23px;
  overflow: hidden;
}
.ico_search {
  background-image: url('../images/icons/icons-site.svg');
  background-repeat: no-repeat;
  background-size: 300px 200px;
  background-position: -12px -16px;
  display: inline-block;
  height: 25px;
  width: 25px;
  text-indent: 25px;
  overflow: hidden;
}
#searchlayer {
  color: white;
  display: none;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 999;
  width: 100%;
  min-height: 100%;
  background: #d31105;
  overflow-y: auto;
  overflow-x: hidden;
}
#searchlayer .container {
  position: relative;
  padding: 150px 20px 20px 20px;
  padding: 9.375rem 1.25rem 1.25rem 1.25rem;
}
#searchlayer .closeoverlay {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  margin: 0;
  height: 60px;
  width: 60px;
}
#searchlayer .closeoverlay .ico_close {
  margin-top: 10px;
  background-position: -67px -69px;
}
#searchlayer .closeoverlay:hover,
#searchlayer .closeoverlay:focus {
  background-color: white;
}
#searchlayer .closeoverlay:hover .ico_close,
#searchlayer .closeoverlay:focus .ico_close {
  background-position: -18px -68px;
}
#searchlayer .search-fields {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}
#searchlayer #criteria {
  background: #d31105;
  width: 100%;
  border: none;
  border-bottom: 3px solid white;
  color: white;
  padding-right: 70px;
  outline: none;
  padding: 10px 20px 10px 20px;
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}
@media only screen and (min-width: 750px) {
  #searchlayer #criteria {
    font-size: 48px;
    font-size: 3rem;
    line-height: 56px;
    line-height: 3.5rem;
  }
}
#searchlayer #Search {
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  position: absolute;
  right: 0;
  bottom: 3px;
  background-color: transparent;
  background-image: url("../images/icons/icons-site.svg");
  background-position: -47px -1px;
  background-repeat: no-repeat;
  background-size: 300px 200px;
  display: inline-block;
  height: 25px;
  overflow: hidden;
  text-indent: 70px;
  width: 60px;
  height: 60px;
}
#searchlayer #Search:hover,
#searchlayer #Search:focus {
  background-color: white;
  background-position: 3px -1px;
}
#searchlayer .suggestions {
  padding: 20px 20px 20px 20px;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  max-width: 1000px;
  margin: 0 auto;
}
#searchlayer .instruction {
  display: none;
  opacity: 0.5;
}
@media only screen and (min-width: 750px) {
  #searchlayer .instruction {
    display: block;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
}
#searchlayer .suggestion {
  color: white;
  text-transform: uppercase;
}
@media only screen and (min-width: 750px) {
  #searchlayer .suggestion {
    padding-top: 100px;
    padding-top: 6.25rem;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}
#searchlayer a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
#searchlayer a:link,
#searchlayer a:visited {
  text-decoration: none;
}
#searchlayer a:hover,
#searchlayer a:focus,
#searchlayer a:active {
  text-decoration: underline;
}
#searchlayer ul {
  margin: 0;
  padding: 14px 0px 0px 0px;
  padding: 0.875rem 0rem 0rem 0rem;
}
@media only screen and (min-width: 750px) {
  #searchlayer ul {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 44px;
    line-height: 2.75rem;
  }
}
#searchlayer ul li {
  list-style-type: none;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 750px) {
  #searchlayer ul li {
    margin-bottom: 27px;
    margin-bottom: 1.6875rem;
  }
}
.sitesearch p.results-showing {
  margin-top: 30px;
  margin-top: 1.875rem;
}
.sitesearch .searchbox {
  min-height: 41px;
}
.hero {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: white;
  color: white;
  min-height: 300px;
  text-align: center;
  *zoom: 1;
  text-shadow: 0px 0px 9.5px rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 750px) {
  
}
.hero:before,
.hero:after {
  content: "";
  display: table;
}
.hero:after {
  clear: both;
}
.hero.has-video {
  position: relative;
  overflow: hidden;
}
.hero.has-video .container {
  position: relative;
}
.hero.no-image {
  min-height: 120px;
}
.hero video {
  display: none;
}
@media only screen and (min-width: 550px) {
  .hero video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}
.hero h1 {
  padding: 0 1em;
  margin: 0px 0px 9px 0px;
  margin: 0rem 0rem 0.5625rem 0rem;
}
.hero h1:before {
  background-image: url('../images/logos/logo-mini-white.svg');
  background-repeat: no-repeat;
  background-size: 30px 45px;
  content: '';
  display: block;
  margin: 40px auto 25px auto;
  width: 30px;
  height: 45px;
}
.hero p {
  padding: 0px 20px 0px 20px;
  padding: 0rem 1.25rem 0rem 1.25rem;
}
@media only screen and (min-width: 900px) {
  .hero {
    margin: 0px 0px 0px 0px;
    margin: 0rem 0rem 0rem 0rem;
    min-height: 504px;
  }
  .hero h1 {
    padding: 0 1em;
    margin: 0px 0px 9px 0px;
    margin: 0rem 0rem 0.5625rem 0rem;
    font-size: 48px;
    font-size: 3rem;
    line-height: 56px;
    line-height: 3.5rem;
  }
  .hero h1:before {
    background-size: 30px 45px;
    margin: 100px auto 50px auto;
  }
  .hero p {
    margin: 0 auto;
    padding: 0 1em;
    max-width: 590px;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
}
@media only screen and (min-width: 1200px) {
  .hero {
    min-height: 600px;
  }
}
.hero .video-controls {
  background: white;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 37.5%;
}
.hero .video-controls .play {
  float: right;
  width: 70px;
  height: 70px;
  background-image: url('../images/icons/play.gif');
  background-repeat: no-repeat;
  text-indent: -100000px;
}
.hero .video-controls .duration {
  float: right;
  background: #222222;
  color: white;
  height: 70px;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  line-height: 1.75rem;
  padding-top: 24px;
  padding-top: 1.5rem;
}
.card {
  background: white;
}
.card.border {
  border: solid 1px #dddddd;
}
.card.single {
  margin-bottom: 0px;
  margin-bottom: 0rem;
}
@media only screen and (min-width: 750px) {
  .card.single {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
}
.card a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  padding-bottom: 33px;
  padding-bottom: 2.0625rem;
}
.card a:link,
.card a:visited {
  color: #222222;
  text-decoration: none;
}
.card a:hover,
.card a:focus,
.card a:active {
  color: white;
  background-color: #d31105;
  text-decoration: none;
}
.card a:hover .subtitle,
.card a:focus .subtitle,
.card a:active .subtitle,
.card a:hover .subtitle strong,
.card a:focus .subtitle strong,
.card a:active .subtitle strong {
  color: white;
}
.card a:hover .subtitle:after,
.card a:focus .subtitle:after,
.card a:active .subtitle:after {
  background-color: white;
}
.card img {
  width: 100%;
}
.card h2 {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 30px;
  line-height: 1.875rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
  font-weight: 300;
}
@media only screen and (min-width: 750px) {
  .card h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
  }
}
.card .subtitle {
  padding-top: 33px;
  padding-top: 2.0625rem;
}
.card .subtitle:after {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 750px) {
  .card .subtitle {
    padding-top: 23px;
    padding-top: 1.4375rem;
  }
}
@media only screen and (min-width: 1200px) {
  .card .subtitle {
    padding-top: 43px;
    padding-top: 2.6875rem;
  }
}
.card.noimage h2 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
}
@media only screen and (min-width: 750px) {
  .card.noimage h2 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
}
.card.noimage .subtitle {
  padding-top: 30px;
  padding-top: 1.875rem;
}
.card.widecard h2 {
  font-weight: 300;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 36px;
  line-height: 2.25rem;
}
@media only screen and (min-width: 750px) {
  .card.widecard h2 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 44px;
    line-height: 2.75rem;
  }
}
.card.widecard a {
  border-bottom: solid 6px #d31105;
}
.card.profile {
  max-width: 720px;
}
.card.profile h2 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  margin: 34px 0px 8px 0px;
  margin: 2.125rem 0rem 0.5rem 0rem;
}
@media only screen and (min-width: 750px) {
  .card.profile h2 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
}
.card.profile p {
  color: #757575;
  text-transform: uppercase;
}
@media only screen and (min-width: 750px) {
  .card.profile p {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
  }
}
.card.profile a:hover p,
.card.profile a:focus p,
.card.profile a:active p {
  color: white;
}
.card.last {
  border-top: none;
}
@media only screen and (min-width: 750px) {
  .card.last {
    border-top: solid 1px #dddddd;
  }
}
.card + .notes-list.border {
  margin-left: -1px;
}
.padding-x {
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
}
@media only screen and (min-width: 750px) {
  .padding-x {
    padding-left: 30px;
    padding-left: 1.875rem;
    padding-right: 30px;
    padding-right: 1.875rem;
  }
}
@media only screen and (min-width: 1200px) {
  .padding-x {
    padding-left: 50px;
    padding-left: 3.125rem;
    padding-right: 50px;
    padding-right: 3.125rem;
  }
}
.col-sm-12.col-md-6 .card {
  margin-right: 0;
}
@media only screen and (min-width: 750px) {
  .col-sm-12.col-md-6 .card {
    margin-right: -1px;
    margin-right: -0.0625rem;
  }
}
.content-left .textcontainer .card h2 {
  padding-right: 0;
}
.home h2.section {
  color: #757575;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  line-height: 1.75rem;
  margin: 20px 0px 15px 0px;
  margin: 1.25rem 0rem 0.9375rem 0rem;
  font-weight: 300;
  text-transform: uppercase;
}
@media only screen and (min-width: 750px) {
  .home h2.section {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}
.home .contact-address {
  padding: 60px 0px 0px 20px;
  padding: 3.75rem 0rem 0rem 1.25rem;
}
@media only screen and (min-width: 900px) {
  .home .contact-address {
    padding-left: 0;
    padding-right: 0;
  }
}
.home .contact-link {
  padding: 60px 20px 0px 0px;
  padding: 3.75rem 1.25rem 0rem 0rem;
}
@media only screen and (min-width: 900px) {
  .home .contact-link {
    padding-left: 0;
    padding-right: 0;
  }
}
.home .contact-link {
  background: url(/assets/images/backgrounds/contact_panel_bg.png) center right no-repeat;
  min-height: 611px;
  margin-top: -120px;
  position: relative;
  z-index: 1;
}
.home .contact-link .button {
  position: absolute;
  bottom: 100px;
  right: 20px;
}
@media only screen and (min-width: 750px) {
  .home .contact-link .button {
    right: 75px;
  }
}
@media only screen and (min-width: 900px) {
  .home .contact-link .button {
    right: 120px;
  }
}
.latestnews {
  padding: 35px 20px 50px 20px;
  padding: 2.1875rem 1.25rem 3.125rem 1.25rem;
}
.latestnews .row {
  border-left: solid 1px #dddddd;
  border-top: solid 1px #dddddd;
}
.latestnews .card {
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
}
/*
.news-insights{
	//display:inline-block;
	.margin-rems(all,0,20,0,20);
	@media only screen and (@bp-min-lg) {
		.margin-rems(all,0,0,0,120);
	}
	.card:not(.widecard){
		float:left;
		width:50%;
		max-width:inherit;
	}
	.card.widecard{
		float:left;
		width:100%;
		max-width:inherit;
	}
	.card.border + .card.border{
		//border-right:none;
	}
	.carousel-wrap.home{
		display:inline-block;
		width:100%;
		max-width:1320px;
		position:relative;
		.padding-rems(bottom,60);
		.carousel{
			//width:100%;
			//max-width:1320px;
			padding:0;
			border-bottom:none;
		}
		.slick-prev{
			display:none;
			//left:20px;
			//top:50%;
			//z-index:10000;
		}
		.slick-next{
			right:20px;
			top:50%;
			z-index:10000;
		}
		&.hover{
			&:after{
				content:"";
				display:block;
				position:absolute;
				width:60px;
				background:rgba(252,251,251,0.50);
				right:0;
				top:0;
				bottom:61px;
			}
		}
	}
}
*/

/*icons*/

/*
.strategicpriorities {
    list-style-type: none;
    margin: 0;
    padding: 0;
    li {
        .margin-rems(bottom,20);
        list-style-type: none;
        .padding-rems(left,45);
        position: relative;

        &:before {
            background-image: url('../../images/icons/icons-site.svg');
            background-repeat: no-repeat;
            background-size: 300px 200px;
            content: "";
            position: absolute;
            width: 35px;
            height: 35px;
            top: 6px;
            left: 0;
            background-repeat: no-repeat;
        }

        &.market-leadership {
            &:before {
                background-position: -11px -159px;
            }
        }

        &.strategic-partners {
            &:before {
                background-position: -59px -159px;
            }
        }

        &.shareholder-value {
            &:before {
                background-position: -109px -159px;
            }
        }

        &.international-banking-group {
            &:before {
                background-position: -158px -159px;
            }
        }
    }
}
*/

/*about us - top panel*/

.offset-right {
  margin: 0px 0px 0px 0px;
  margin: 0rem 0rem 0rem 0rem;
  display: inline-block;
  *zoom: 1;
  width: inherit;
}
.offset-right:before,
.offset-right:after {
  content: "";
  display: table;
}
.offset-right:after {
  clear: both;
}
.offset-right .textcontainer {
  float: right;
}
@media only screen and (min-width: 750px) {
  .offset-right {
    padding-left: 10%;
    margin-right: 10%;
    margin-left: 0;
  }
  .offset-right.content-right {
    float: left;
    margin-right: 0px;
    margin-right: 0rem;
  }
}
@media only screen and (min-width: 1200px) {
  .offset-right {
    padding-left: 25%;
    margin-right: 25%;
  }
}
.border-bottom {
  border-bottom: solid 1px #dddddd;
}
.mt60 {
  margin-top: 60px;
  margin-top: 3.75rem;
}
.mb90 {
  margin-bottom: 90px;
  margin-bottom: 5.625rem;
}
/*about us - bottom panels*/

.content-wide {
  width: 100%;
}
@media only screen and (min-width: 750px) {
  .content-wide {
    padding: 0px 120px 0px 120px;
    padding: 0rem 7.5rem 0rem 7.5rem;
  }
}
.content-wide + .image-panel.offset,
.content-wide + .wide-panel.offset {
  margin-top: -90px;
  margin-top: -5.625rem;
}
.content-wide.offset-right {
  padding-right: 0px;
  padding-right: 0rem;
}
.content-wide.offset-left {
  padding-left: 0px;
  padding-left: 0rem;
}
.content-wide.offset {
  padding: 0px 0px 0px 0px;
  padding: 0rem 0rem 0rem 0rem;
}
.content-wide .col-content {
  padding: 0px 0px 90px 0px;
  padding: 0rem 0rem 5.625rem 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
}
@media only screen and (min-width: 750px) {
  .content-wide .col-content {
    padding: 80px 0px 90px 0px;
    padding: 5rem 0rem 5.625rem 0rem;
    margin-bottom: 90px;
    margin-bottom: 5.625rem;
  }
}
.content-wide .col-content.no-space {
  margin-bottom: 0px;
  margin-bottom: 0rem;
}
.content-wide .col-content .content .inner {
  padding: 0px 20px 0px 20px;
  padding: 0rem 1.25rem 0rem 1.25rem;
}
@media only screen and (min-width: 750px) {
  .content-wide .col-content .content .inner {
    padding: 0px 120px 0px 120px;
    padding: 0rem 7.5rem 0rem 7.5rem;
  }
}
.content-wide .col-content .left,
.content-wide .col-content .right {
  height: inherit !important;
}
@media only screen and (min-width: 750px) {
  .content-wide .col-content .left,
  .content-wide .col-content .right {
    height: auto;
  }
}
.content-wide .col-content .left .inner,
.content-wide .col-content .right .inner {
  padding: 0px 20px 0px 20px;
  padding: 0rem 1.25rem 0rem 1.25rem;
}
@media only screen and (min-width: 900px) {
  .content-wide .col-content .left,
  .content-wide .col-content .right {
    float: left;
    position: relative;
  }
  .content-wide .col-content .left {
    width: 60%;
  }
  .content-wide .col-content .left .inner {
    padding: 0px 40px 0px 120px;
    padding: 0rem 2.5rem 0rem 7.5rem;
  }
  .content-wide .col-content .right {
    border-left: solid 1px #dddddd;
    width: 40%;
  }
  .content-wide .col-content .right .inner {
    margin: 0px 0px 0px 0px;
    margin: 0rem 0rem 0rem 0rem;
    padding: 0px 120px 0px 40px;
    padding: 0rem 7.5rem 0rem 2.5rem;
  }
}
div.pull-out {
  max-width: 720px;
  z-index: 100;
  background-color: rgba(211, 17, 5, 0.95);
  color: white;
  margin: 0px 0px 70px 0px;
  margin: 0rem 0rem 4.375rem 0rem;
  padding: 32px 25px 32px 25px;
  padding: 2rem 1.5625rem 2rem 1.5625rem;
}
@media only screen and (min-width: 750px) {
  div.pull-out {
    margin: -240px 0px 70px -120px;
    margin: -15rem 0rem 4.375rem -7.5rem;
    padding: 32px 120px 32px 120px;
    padding: 2rem 7.5rem 2rem 7.5rem;
  }
}
.history .blocklayout {
  margin-top: 56px;
  margin-top: 3.5rem;
}
.history .timeline {
  margin: 0;
  background-image: url(../images/backgrounds/history_stripe.gif);
  background-position: 30px top;
  background-repeat: repeat-y;
  padding: 60px 30px 120px 38px;
  padding: 3.75rem 1.875rem 7.5rem 2.375rem;
}
@media only screen and (min-width: 750px) {
  .history .timeline {
    background-position: center top;
    padding: 60px 20px 120px 20px;
    padding: 3.75rem 1.25rem 7.5rem 1.25rem;
  }
}
@media only screen and (min-width: 900px) {
  .history .timeline {
    padding: 60px 120px 120px 120px;
    padding: 3.75rem 7.5rem 7.5rem 7.5rem;
  }
}
.history .timeline li {
  list-style-type: none;
  position: relative;
  margin-top: 50px;
  margin-top: 3.125rem;
  padding-left: 100px;
  padding-left: 6.25rem;
}
.history .timeline li p:last-of-type {
  border-bottom: solid 1px #dddddd;
}
.history .timeline li:before {
  position: absolute;
  content: "";
  width: 74px;
  height: 6px;
  background: #d31105;
  display: block;
  top: 20px;
  left: -2px;
}
.history .timeline li img {
  width: 100%;
  height: inherit;
  border: solid 1px #dddddd;
  position: relative;
}
@media only screen and (min-width: 750px) {
  .history .timeline li:nth-child(odd) {
    margin-left: 50%;
    padding-left: 120px;
    padding-left: 7.5rem;
  }
  .history .timeline li:nth-child(odd):before {
    margin-left: -120px;
    margin-left: -7.5rem;
    left: inherit;
  }
  .history .timeline li:nth-child(even) {
    margin-right: 50%;
    padding-right: 120px;
    padding-right: 7.5rem;
    text-align: right;
    padding-left: 0;
  }
  .history .timeline li:nth-child(even):before {
    right: 0;
    left: inherit;
  }
  .history .timeline li img {
    top: -80px;
    margin-bottom: -80px;
    margin-bottom: -5rem;
  }
}
.governance-diagram {
  margin: 60px auto 0;
  display: none;
}
@media only screen and (min-width: 750px) {
  .governance-diagram {
    display: inherit;
  }
}
.profile-grid {
  *zoom: 1;
  padding-top: 30px;
  padding-top: 1.875rem;
}
.profile-grid:before,
.profile-grid:after {
  content: "";
  display: table;
}
.profile-grid:after {
  clear: both;
}
@media only screen and (min-width: 750px) {
  .profile-grid > .profile {
    float: left;
    width: 50%;
    border-right: solid 1px #dddddd;
  }
  .profile-grid > .profile:nth-child(2n+1) {
    clear: left;
    border-left: solid 1px #dddddd;
  }
}
.board-list {
  display: block;
  float: left;
  width: 100%;
  border: solid 1px #dddddd;
}
@media only screen and (min-width: 750px) {
  .board-list {
    border-right: none;
  }
}
.board-list .content {
  padding: 30px 30px 0px 30px;
  padding: 1.875rem 1.875rem 0rem 1.875rem;
}
.board-list .board-membership {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  width: 100%;
}
.board-list .board-membership li {
  display: block;
  float: left;
  min-height: 85px;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media only screen and (min-width: 550px) {
  .board-list .board-membership li {
    width: 50%;
  }
}
@media only screen and (min-width: 750px) {
  .board-list .board-membership li {
    width: 33%;
  }
}
/* body */

.content-left {
  background: white;
  z-index: 1000;
  float: left;
  *zoom: 1;
}
.content-left:before,
.content-left:after {
  content: "";
  display: table;
}
.content-left:after {
  clear: both;
}
@media only screen and (min-width: 750px) {
  .content-left {
    width: 75%;
    padding-left: 20px;
    padding-left: 1.25rem;
    margin: 10px 20px 0px 20px;
    margin: 0.625rem 1.25rem 0rem 1.25rem;
  }
}
.content-left.pull-up {
  margin-top: 0px;
  margin-top: 0rem;
}
@media only screen and (min-width: 750px) {
  .content-left.pull-up {
    margin-top: -75px;
    margin-top: -4.6875rem;
    border-top: 5px solid #d31105;
  }
}
.content-left .textcontainer {
  float: right;
  padding: 0;
}
.content-left .textcontainer img.article-hero {
  margin: 0px 0px 53px 0px;
  margin: 0rem 0rem 3.3125rem 0rem;
  float: right;
  width: 100%;
}
.content-left .textcontainer h1,
.content-left .textcontainer h2,
.content-left .textcontainer h3,
.content-left .textcontainer h4,
.content-left .textcontainer h5 {
  padding-right: 40px;
  padding-right: 2.5rem;
}
@media only screen and (min-width: 750px) {
  .content-left .textcontainer p {
    padding-right: 40px;
    padding-right: 2.5rem;
  }
}
.content-left .textcontainer p.subtitle:first-of-type {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media only screen and (min-width: 750px) {
  .content-left {
    margin-right: 0;
    margin-left: 0;
  }
}
.content-left.directors h2.h1 {
  margin-top: 40px;
  margin-top: 2.5rem;
}
.border-top-red {
  border-top: 5px solid #d31105;
}
.image-panel,
.wide-panel {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  clear: both;
}
.image-panel.offset,
.wide-panel.offset {
  margin: 0px 20px 0px 20px;
  margin: 0rem 1.25rem 0rem 1.25rem;
}
@media only screen and (min-width: 900px) {
  .image-panel.offset,
  .wide-panel.offset {
    margin: 0;
  }
}
@media only screen and (min-width: 750px) {
  .image-panel.pull,
  .wide-panel.pull {
    margin-left: -50%;
    clear: both;
  }
}
.image-panel img {
  width: 100%;
  height: inherit;
}
.wide-panel.border-top-red {
  height: 5px;
}
.wide-panel.border-top-red + .subtitle {
  padding-top: 83px;
  padding-top: 5.1875rem;
}
article {
  *zoom: 1;
  display: block;
  padding: 0px 20px 90px 20px;
  padding: 0rem 1.25rem 5.625rem 1.25rem;
}
article:before,
article:after {
  content: "";
  display: table;
}
article:after {
  clear: both;
}
@media only screen and (min-width: 750px) {
  article {
    padding-left: 0;
    padding-right: 0;
  }
}
.content-right {
  display: none;
  width: 25%;
  float: left;
  border-left: 1px solid #dddddd;
  position: relative;
}
@media only screen and (min-width: 750px) {
  .content-right {
    display: inherit;
  }
}
.content-right:before {
  content: "";
  display: block;
  background: white;
  height: 60px;
  width: 100%;
  margin-left: -1px;
  margin-left: -0.0625rem;
}
/* nav */

.onpagenavwrapper.fixed {
  position: fixed;
  top: 110px;
  max-width: 360px;
}
.onpagenav {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.onpagenav.sticky {
  position: fixed;
  max-width: 360px;
  top: 0;
}
.onpagenav.fixed {
  position: fixed;
  top: 110px;
  max-width: 360px;
}
.onpagenav.fixed.bottom {
  top: auto;
}
.onpagenav li {
  margin: 0;
  padding: 0;
  padding-bottom: 25px;
  padding-bottom: 1.5625rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  text-transform: uppercase;
}
.onpagenav strong {
  text-transform: none;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  line-height: 1.75rem;
}
.onpagenav a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border-left: solid 5px white;
  display: block;
  padding: 0px 0px 0px 25px;
  padding: 0rem 0rem 0rem 1.5625rem;
}
.onpagenav a:link,
.onpagenav a:visited {
  color: #757575;
  text-decoration: none;
}
.onpagenav a:link strong,
.onpagenav a:visited strong {
  color: #222222;
}
.onpagenav a:hover,
.onpagenav a:focus,
.onpagenav a:active {
  border-left: solid 5px #757575;
  color: #757575;
  text-decoration: underline;
}
.onpagenav a:hover strong,
.onpagenav a:focus strong,
.onpagenav a:active strong {
  color: #757575;
}
.onpagenav a.active:link,
.onpagenav a.active:visited {
  border-left: solid 5px #d31105;
  color: #d31105;
  text-decoration: none;
}
.onpagenav a.active:link strong,
.onpagenav a.active:visited strong {
  color: #d31105;
}
.onpagenav a.active:hover,
.onpagenav a.active:focus,
.onpagenav a.active:active {
  border-left: solid 5px #d31105;
  color: #d31105;
  text-decoration: underline;
}
.onpagenav a.btn_text:link,
.onpagenav a.btn_text:visited {
  color: #222222;
  border: solid 1px #dddddd;
  display: block;
  text-transform: uppercase;
  padding: 14px 20px 14px 20px;
  padding: 0.875rem 1.25rem 0.875rem 1.25rem;
  margin: 0px 0px 0px 25px;
  margin: 0rem 0rem 0rem 1.5625rem;
  background: white;
  text-align: center;
  text-decoration: none;
}
.onpagenav a.btn_text:hover,
.onpagenav a.btn_text:focus,
.onpagenav a.btn_text:active {
  background-color: #dddddd;
  color: #222222;
  text-decoration: underline;
}
@media only screen and (min-width: 900px) {
  .accordiontabswrapper {
    background-color: #f7f7f7;
  }
}
.accordiontabs {
  margin-top: 30px;
  margin-top: 1.875rem;
}
.accordiontabs .accordiontabs-nav {
  display: none;
}
.accordiontabs .accordiontabs-content {
  margin: 30px 30px 0px 30px;
  margin: 1.875rem 1.875rem 0rem 1.875rem;
}
.accordiontabs .panelheader {
  display: block;
}
.accordiontabs .panelheader h2 {
  color: #222222;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  line-height: 1.75rem;
  border-bottom: solid 1px #dddddd;
  margin: 0;
}
.accordiontabs .panelheader a:link,
.accordiontabs .panelheader a:visited {
  color: #222222;
  display: block;
  text-decoration: none;
  padding: 15px 0px 15px 0px;
  padding: 0.9375rem 0rem 0.9375rem 0rem;
}
.accordiontabs .panelheader a:hover,
.accordiontabs .panelheader a:focus,
.accordiontabs .panelheader a:active {
  color: #222222;
  text-decoration: underline;
}
.accordiontabs .panelheader a:after {
  transition: all 0.5s ease;
  content: "";
  background-image: url("../images/icons/icons-site.svg");
  background-position: -15px -115px;
  background-repeat: no-repeat;
  background-size: 300px 200px;
  display: inline-block;
  height: 23px;
  overflow: hidden;
  text-indent: 23px;
  width: 23px;
  position: absolute;
  right: 30px;
}
.accordiontabs .panelheader a.active:after {
  transform: rotate(45deg);
}
.accordiontabs .panelbody {
  padding: 30px 0px 30px 0px;
  padding: 1.875rem 0rem 1.875rem 0rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  border-bottom: solid 5px #d31105;
}
@media only screen and (min-width: 750px) {
  .panelbody {
    padding: 30px 30px 30px 30px;
    padding: 1.875rem 1.875rem 1.875rem 1.875rem;
  }
  .accordiontabs .accordiontabs-content {
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .accordiontabs-nav.buttons {
    margin: 0px 30px 0px 30px;
    margin: 0rem 1.875rem 0rem 1.875rem;
    padding-bottom: 0;
  }
  .accordiontabs-content {
    *zoom: 1;
    display: block;
    background-color: white;
    border-bottom: solid 5px #d31105;
    max-width: 1440px;
  }
  .accordiontabs-content:before,
  .accordiontabs-content:after {
    content: "";
    display: table;
  }
  .accordiontabs-content:after {
    clear: both;
  }
  .panelbody {
    *zoom: 1;
    border-left: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
    padding: 0px 120px 0px 120px;
    padding: 0rem 7.5rem 0rem 7.5rem;
    width: 100%;
  }
  .panelbody:before,
  .panelbody:after {
    content: "";
    display: table;
  }
  .panelbody:after {
    clear: both;
  }
  .panel .left,
  .panel .right {
    float: left;
  }
  .panel .left {
    width: 70%;
  }
  .panel .left .inner {
    padding: 0px 60px 30px 60px;
    padding: 0rem 3.75rem 1.875rem 3.75rem;
  }
  .panel .right {
    border-left: solid 1px #dddddd;
    width: 30%;
  }
  .panel .right .inner {
    padding: 0px 60px 0px 30px;
    padding: 0rem 3.75rem 0rem 1.875rem;
  }
  .panel .right .inner .details {
    padding-left: 20px;
    padding-left: 1.25rem;
  }
  .accordiontabs {
    margin-top: 0;
  }
  .accordiontabs .accordiontabs-nav {
    display: block;
  }
  .accordiontabs .panelheader {
    display: none;
  }
  .accordiontabs .panelbody {
    border-bottom: 0;
    margin-bottom: 0;
    display: none;
  }
  .accordiontabs .active .panelbody {
    display: block;
  }
}
@media only screen and (min-width: 1200px) {
  .accordiontabs {
    margin: 0px 120px 0px 120px;
    margin: 0rem 7.5rem 0rem 7.5rem;
  }
  .panel .left {
    width: 75%;
  }
  .panel .right {
    width: 25%;
  }
}
.bankinglogo {
  border-bottom: solid 1px #dddddd;
  padding-bottom: 25px;
  padding-bottom: 1.5625rem;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
.bankinglogo img {
  display: block;
  margin: 0 auto;
}
.loadinganimation {
  opacity: 0;
}
.viewallnews {
  *zoom: 1;
  padding-top: 30px;
  padding-top: 1.875rem;
  display: none;
  width: 100%;
  text-align: center;
}
.viewallnews:before,
.viewallnews:after {
  content: "";
  display: table;
}
.viewallnews:after {
  clear: both;
}
[data-row="2"],
[data-row="3"] {
  display: none;
}
.news-wrap,
.insight-wrap {
  width: 100%;
  float: left;
}
@media only screen and (min-width: 750px) {
  .news-wrap,
  .insight-wrap {
    width: 50%;
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
  }
}
.insight-wrap:last-of-type {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.news-wrap .news-feed.js {
  display: block !important;
}
@media only screen and (min-width: 750px) {
  .news-wrap .news-feed.js {
    display: none !important;
  }
}
.news-wrap .news-feed .card {
  width: 100%;
  max-width: inherit;
  border: solid 1px #dddddd;
}
.news-wrap .news-feed .card:nth-child(odd) {
  clear: left;
}
@media only screen and (min-width: 750px) {
  .news-wrap .news-feed .card {
    width: 50%;
    float: left;
  }
}
.news-wrap .cloned-feed {
  display: none;
}
@media only screen and (min-width: 750px) {
  .news-wrap .cloned-feed {
    display: block;
  }
}
.news-wrap .cloned-feed .cards-left,
.news-wrap .cloned-feed .cards-right {
  width: 50%;
  float: left;
}
.news-wrap .cloned-feed .cards-left .card,
.news-wrap .cloned-feed .cards-right .card {
  margin-right: -1px;
}
.news-wrap .cloned-feed .cards-left .card.border + .card.border,
.news-wrap .cloned-feed .cards-right .card.border + .card.border {
  border-top: none;
}
/* article */

.sources {
  padding-top: 30px;
  padding-top: 1.875rem;
  margin: 55px 0px 0px 0px;
  margin: 3.4375rem 0rem 0rem 0rem;
  border-top: solid 1px #dddddd;
}
@media only screen and (min-width: 750px) {
  .sources {
    margin-right: 40px;
    margin-right: 2.5rem;
  }
}
.notes-list {
  width: 50%;
  float: left;
}
.notes-list.border {
  border: solid 1px #dddddd;
}
/* insights */

p.name {
  color: #757575;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  text-transform: uppercase;
  padding: 0;
}
p.name:before {
  content: "";
  margin: 0;
}
p.name strong {
  text-transform: none;
  color: #222222;
  display: block;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  line-height: 1.75rem;
}
@media only screen and (min-width: 750px) {
  p.name strong {
    display: inline-block;
    padding-right: 20px;
    padding-right: 1.25rem;
  }
}
div.question p,
div.answer p {
  padding-left: 36px;
  padding-left: 2.25rem;
  position: relative;
}
div.question p:first-of-type:before,
div.answer p:first-of-type:before {
  margin: 0px 0px 0px -36px;
  margin: 0rem 0rem 0rem -2.25rem;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 36px;
  line-height: 2.25rem;
  position: absolute;
  top: 0;
}
div.question p {
  font-weight: normal;
}
div.question p:first-of-type:before {
  content: "Q";
  color: #222222;
  font-weight: 300;
}
div.answer p:first-of-type:before {
  content: "A";
  color: #d31105;
}
.video .content-left {
  margin-top: 0;
}
.card-holder {
  margin: 0px 0px 25px 0px;
  margin: 0rem 0rem 1.5625rem 0rem;
  *zoom: 1;
}
.card-holder:before,
.card-holder:after {
  content: "";
  display: table;
}
.card-holder:after {
  clear: both;
}
@media only screen and (min-width: 750px) {
  .card-holder {
    margin: 0px 0px 25px 0px;
    margin: 0rem 0rem 1.5625rem 0rem;
  }
}
.card-holder .card {
  width: 50%;
  float: left;
}
@media only screen and (min-width: 750px) {
  .card-holder .card + .card.border {
    border-right: none;
  }
}
.textlisting {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.textlisting.topborder li:first-child {
  border-top: solid 1px #dddddd;
}
.textlisting li {
  border-bottom: solid 1px #dddddd;
  margin: 0;
  padding: 43px 0px 21px 0px;
  padding: 2.6875rem 0rem 1.3125rem 0rem;
}
.textlisting .subtitle:after {
  display: none;
}
.textlisting a {
  display: block;
}
.textlisting a:link,
.textlisting a:visited {
  color: #222222;
  text-decoration: none;
}
.textlisting a:hover,
.textlisting a:focus,
.textlisting a:active {
  text-decoration: none;
}
.textlisting a:hover h2,
.textlisting a:focus h2,
.textlisting a:active h2 {
  text-decoration: underline;
}
.textlisting h2 {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 36px;
  line-height: 2.25rem;
  margin-top: 0;
}
.textlisting p + h2 {
  margin-top: 5px;
  margin-top: 0.3125rem;
}
P + .textlisting {
  padding-top: 50px;
  padding-top: 3.125rem;
}
.search .textlisting span {
  background-color: rgba(211, 17, 5, 0.95) !important;
  color: white !important;
}
.contacts_map {
  width: 100%;
  text-align: center;
  margin-top: 100px;
  margin-top: 6.25rem;
}
#map {
  height: 380px;
  margin: 0 auto;
}
.siteindex h2 {
  border-bottom: solid 1px #dddddd;
  margin: 0px 0px 30px 0px;
  margin: 0rem 0rem 1.875rem 0rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}
.siteindex ul {
  padding: 0;
  margin: 0;
}
.siteindex ul.alphalist {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.siteindex ul.alphalist li {
  width: 56px;
}
.siteindex ul.alphalist .nolink {
  color: #9e9e9e;
  text-align: center;
  padding: 14px 20px 14px 20px;
  padding: 0.875rem 1.25rem 0.875rem 1.25rem;
}
.siteindex ul.siteindex-page {
  *zoom: 1;
}
.siteindex ul.siteindex-page:before,
.siteindex ul.siteindex-page:after {
  content: "";
  display: table;
}
.siteindex ul.siteindex-page:after {
  clear: both;
}
.siteindex ul.siteindex-page li {
  list-style-type: none;
}
.siteindex ul.siteindex-page li h3 {
  margin-top: 0px;
  margin-top: 0rem;
  font-weight: 500;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  line-height: 1.75rem;
}
.siteindex ul.siteindex-page li p {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
  border-bottom: solid 1px #dddddd;
}
@media print {
  .footer-col + .footer-col {
    display: none;
  }
  .hero,
  .imagepanel {
    height: auto;
    min-height: auto;
  }
}