/*!
 * Barclays Design Language - Building Blocks
 * BDLBB.css
 * version 1.11.0
*/
.icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-image: none;
  display: inline-block; }

[class^='icon-'],
[class*=' icon-'] {
  font-family: "barclaycard-icons-new";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #037CC2;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-circular {
  border: 2px solid #085da9;
  border-radius: 50%;
  padding: 6px 5px 5px 6px;
  height: 29px;
  width: 29px;
  font-size: 1em;
  cursor: pointer; }
  .icon-circular:hover {
    background-color: #444; }

.icon-cross::before {
  content: '\e91d'; }

.icon-play::before {
  content: '\e982'; }

.icon-pause::before {
  content: '\e96c'; }

.icon-external-link::before {
  content: '\e964'; }

.third-party::after {
  content: '\e964';
  padding-left: 10px; }

.icon-arrow-down::before {
  content: '\e901'; }

.icon-arrow-down-circle::before {
  content: '\e9aa'; }

.icon-arrow-left::before {
  content: '\e902'; }

.icon-arrow-left-circle::before {
  content: '\e98c'; }

.icon-arrow-right::before {
  content: '\e90a'; }

.icon-arrow-right-circle::before {
  content: '\e9ac'; }

.icon-arrow-up::before {
  content: '\e90b'; }

.icon-arrow-up-circle::before {
  content: '\e9b4'; }

.icon-balance-transfer::before {
  content: '\e94a'; }

.icon-trolley-empty::before {
  content: '\e914'; }

.icon-trolley-full::before {
  content: '\e915'; }

.icon-bell::before {
  content: '\e945'; }

.icon-contactless::before {
  content: '\e957'; }

.icon-cross-circle::before {
  content: '\e9ab'; }

.icon-direct-debit::before {
  content: '\e95e'; }

.icon-e-statement::before {
  content: '\e994'; }

.icon-face-to-face::before {
  content: '\e965'; }

.icon-heart-empty::before {
  content: '\e921'; }

.icon-message::before {
  content: '\e976'; }

.icon-menu::before {
  content: '\e975'; }

.icon-logout::before {
  content: '\e974'; }

.icon-login::before {
  content: '\e973'; }

.icon-location-pin::before {
  content: '\e926'; }

.icon-load-funds::before {
  content: '\e972'; }

.icon-leaf::before {
  content: '\e619'; }

.icon-key::before {
  content: '\e924'; }

.icon-info::before {
  content: '\e9ae'; }

.icon-house::before {
  content: '\e969'; }

.icon-heart-full::before {
  content: '\e61d'; }

.icon-minus::before {
  content: '\e9b0'; }

.icon-mouse::before {
  content: '\e92a'; }

.icon-online::before {
  content: '\e9b2'; }

.icon-online-statement::before {
  content: '\e995'; }

.icon-phone::before {
  content: '\e92f'; }

.icon-plus::before {
  content: '\e988'; }

.icon-post-letter::before {
  content: '\e983'; }

.icon-pay::before {
  content: '\e97f'; }

.icon-question-circle::before {
  content: '\e9ad'; }

.icon-register::before {
  content: '\e935'; }

.icon-save::before {
  content: '\e96a'; }

.icon-warning::before {
  content: '\e963'; }

.icon-vouchers::before {
  content: '\e93c'; }

.icon-user::before {
  content: '\e9a0'; }

.icon-tick-cirlce::before {
  content: '\e9a9'; }

.icon-telephone::before {
  content: '\e94e'; }

.icon-statement-post::before {
  content: '\e997'; }

.icon-share::before {
  content: '\e993'; }

.icon-settings-help::before {
  content: '\e992'; }

.icon-settings::before {
  content: '\e991'; }

.icon-search::before {
  content: '\e98f'; }

.icon-info2::before {
  content: '\e96b'; }

.icon-print::before {
  content: '\e933'; }

.icon-accessibility::before {
  content: '\e941'; }

.icon-additional::before {
  content: '\e944'; }

.icon-accounts::before {
  content: '\e942'; }

.icon-activity::before {
  content: '\e943'; }

.icon-arrow-in::before {
  content: '\e946'; }

.icon-arrow-out::before {
  content: '\e947'; }

.icon-audio::before {
  content: '\e948'; }

.icon-auto-top-up::before {
  content: '\e949'; }

.icon-bc-tv::before {
  content: '\e94b'; }

.icon-benefits::before {
  content: '\e94c'; }

.icon-card-replacement::before {
  content: '\e94f'; }

.icon-card-settings::before {
  content: '\e950'; }

.icon-card-warning::before {
  content: '\e951'; }

.icon-change-card::before {
  content: '\e952'; }

.icon-close::before {
  content: '\e954'; }

.icon-comms::before {
  content: '\e955'; }

.icon-credit-limit::before {
  content: '\e959'; }

.icon-change-credit-limit::before {
  content: '\e953'; }

.icon-credit-score::before {
  content: '\e95a'; }

.icon-customer::before {
  content: '\e95b'; }

.icon-customer-services::before {
  content: '\e95c'; }

.icon-dashboard::before {
  content: '\e95d'; }

.icon-download-statements::before {
  content: '\e95f'; }

.icon-edit::before {
  content: '\e960'; }

.icon-education::before {
  content: '\e961'; }

.icon-email::before {
  content: '\e962'; }

.icon-fast-track-access::before {
  content: '\e966'; }

.icon-star::before {
  content: '\e967'; }

.icon-fraud::before {
  content: '\e968'; }

.icon-fuel::before {
  content: '\e96d'; }

.icon-internal-link::before {
  content: '\e96e'; }

.icon-keep-informed::before {
  content: '\e96f'; }

.icon-load::before {
  content: '\e971'; }

.icon-link::before {
  content: '\e970'; }

.icon-menu-contextual::before {
  content: '\e958'; }

.icon-money-back::before {
  content: '\e977'; }

.icon-transfer::before {
  content: '\e978'; }

.icon-news::before {
  content: '\e979'; }

.icon-nfc::before {
  content: '\e97a'; }

.icon-retreat::before {
  content: '\e97b'; }

.icon-offer::before {
  content: '\e97c'; }

.icon-open::before {
  content: '\e97d'; }

.icon-passcode::before {
  content: '\e97e'; }

.icon-personal-details::before {
  content: '\e980'; }

.icon-pin-entry::before {
  content: '\e981'; }

.icon-purchase-plan::before {
  content: '\e984'; }

.icon-rate::before {
  content: '\e985'; }

.icon-reference::before {
  content: '\e986'; }

.icon-refund::before {
  content: '\e987'; }

.icon-trust::before {
  content: '\e936'; }

.icon-reporting::before {
  content: '\e989'; }

.icon-request-cb::before {
  content: '\e98a'; }

.icon-request-cb-accepted::before {
  content: '\e98b'; }

.icon-review-spend::before {
  content: '\e98d'; }

.icon-security-code::before {
  content: '\e990'; }

.icon-statement-options::before {
  content: '\e996'; }

.icon-switch::before {
  content: '\e998'; }

.icon-team::before {
  content: '\e999'; }

.icon-tour::before {
  content: '\e99b'; }

.icon-plane::before {
  content: '\e99c'; }

.icon-unlink::before {
  content: '\e99e'; }

.icon-upload::before {
  content: '\e99f'; }

.icon-view-statements::before {
  content: '\e9a1'; }

.icon-visa::before {
  content: '\e9a2'; }

.icon-wearables::before {
  content: '\e9a3'; }

.icon-website::before {
  content: '\e9a4'; }

.icon-new::before {
  content: '\e9a5'; }

.icon-zoom-in::before {
  content: '\e9a6'; }

.icon-zoom-out::before {
  content: '\e9a7'; }

.icon-test-publish::before {
  content: '\e99a'; }

.icon-circle::before {
  content: '\e99d'; }

.icon-lost-stolen::before {
  content: '\e9af'; }

.icon-money-circle::before {
  content: '\e9b1'; }

.icon-registration::before {
  content: '\e9b3'; }

.icon-arrow-down-sml::before {
  content: '\e90c'; }

.icon-arrow-left-sml::before {
  content: '\e90d'; }

.icon-arrow-right-sml::before {
  content: '\e90e'; }

.icon-arrow-up-sml::before {
  content: '\e90f'; }

.icon-award::before {
  content: '\e912'; }

.icon-barchart::before {
  content: '\e913'; }

.icon-bulb::before {
  content: '\e916'; }

.icon-calculator::before {
  content: '\e917'; }

.icon-calendar::before {
  content: '\e918'; }

.icon-camera::before {
  content: '\e919'; }

.icon-clock::before {
  content: '\e91a'; }

.icon-coin::before {
  content: '\e91b'; }

.icon-cards::before {
  content: '\e91c'; }

.icon-crystal-ball::before {
  content: '\e91e'; }

.icon-document::before {
  content: '\e91f'; }

.icon-excel::before {
  content: '\e920'; }

.icon-hourglass::before {
  content: '\e922'; }

.icon-id::before {
  content: '\e923'; }

.icon-mobile::before {
  content: '\e927'; }

.icon-money-bag::before {
  content: '\e928'; }

.icon-monitor::before {
  content: '\e929'; }

.icon-paperclip::before {
  content: '\e92c'; }

.icon-terminal::before {
  content: '\e92d'; }

.icon-terminal-without-card::before {
  content: '\e907'; }

.icon-terminal-with-card::before {
  content: '\e900'; }

.icon-pdf::before {
  content: '\e92e'; }

.icon-piechart::before {
  content: '\e930'; }

.icon-pin::before {
  content: '\e931'; }

.icon-powerpoint::before {
  content: '\e932'; }

.icon-stopwatch::before {
  content: '\e937'; }

.icon-purchase-tag::before {
  content: '\e934'; }

.icon-tablet::before {
  content: '\e938'; }

.icon-tick::before {
  content: '\e939'; }

.icon-trash::before {
  content: '\e93a'; }

.icon-video::before {
  content: '\e93b'; }

.icon-wallet::before {
  content: '\e93d'; }

.icon-webcam::before {
  content: '\e93e'; }

.icon-word::before {
  content: '\e93f'; }

.icon-facebook::before {
  content: '\e903';
  color: #3b5997; }

.icon-google::before {
  content: '\e904';
  color: #d34836; }

.icon-instagram::before {
  content: '\e905';
  color: #000; }

.icon-linkedin::before {
  content: '\e906';
  color: #007bb5; }

.icon-pinterest::before {
  content: '\e907';
  color: #bc081c; }

.icon-twitter::before {
  content: '\e909';
  color: #55acee; }

.icon-youtube::before {
  content: '\e910';
  color: #b00; }

.icon-cloudit::before {
  content: '\e9b6'; }

.icon-activation-mark::before {
  content: '\e9a8';
  color: #e9b319; }

.icon-bc-logo::before {
  content: '\e900'; }

.icon-flip::before {
  content: '\e65f'; }

.icon-more::before {
  content: '\e65e'; }

.icon-padlock::before {
  content: '\e92b'; }

.icon-tick-circle::before {
  content: '\e9a9'; }

.icon-warning-circle::before {
  content: '\e9b5'; }

.icon-letter::before {
  content: '\e925'; }

.icon-zip::before {
  content: '\e940'; }

.icon-business::before {
  content: '\e94d'; }

.icon-triangle-up::before {
  content: '\f0aa'; }

.icon-car::before {
  content: '\e98e'; }

.icon-rate-full::before {
  content: '\e9b7'; }

.icon-plus-solid::before {
  content: '\e9b9'; }

.icon-minus-solid::before {
  content: '\e9ba'; }

.icon-protect::before {
  content: '\e9b8'; }

.icon-uk::before {
  content: '\e9bb'; }

.icon-sun::before {
  content: '\e9bc'; }

.icon-sport::before {
  content: '\e9bd'; }

.icon-scale::before {
  content: '\e9be'; }

.icon-review::before {
  content: '\e9bf'; }

.icon-responsibility::before {
  content: '\e9c0'; }

.icon-pound::before {
  content: '\e9c1'; }

.icon-paint::before {
  content: '\e9c2'; }

.icon-money-worries::before {
  content: '\e9c3'; }

.icon-location-pin2::before {
  content: '\e9c4'; }

.icon-loans-pound::before {
  content: '\e9c5'; }

.icon-laptop::before {
  content: '\e9c6'; }

.icon-grow::before {
  content: '\e9c7'; }

.icon-games::before {
  content: '\e9c8'; }

.icon-foreign-transaction::before {
  content: '\e9c9'; }

.icon-euro::before {
  content: '\e9ca'; }

.icon-drill::before {
  content: '\e9cb'; }

.icon-credit-card::before {
  content: '\e9cc'; }

.icon-clock2::before {
  content: '\e9cd'; }

.icon-clipboard::before {
  content: '\e9ce'; }

.icon-briefcase::before {
  content: '\e9cf'; }

.icon-atm::before {
  content: '\e9d0'; }

.icon-apple::before {
  content: '\e9d1'; }

.icon-chip::before {
  content: '\ea1f'; }

.icon-cut-card::before {
  content: '\ea19'; }

.icon-master-card::before {
  content: '\e9f9'; }

.icon-download::before {
  content: '\ea15'; }

.icon-moving-forward::before {
  content: '\e9ef'; }

.icon-pause-circle::before {
  content: '\e9ea'; }

.icon-play-circle::before {
  content: '\e9e5'; }

.icon-auto-top-up-euro::before {
  content: '\e9de'; }

.icon-change-credit-limit-euro::before {
  content: '\e9dd'; }

.icon-loans-euro::before {
  content: '\e9dc'; }

.icon-money-worries-euro::before {
  content: '\e9d9'; }

.icon-money-bag-euro::before {
  content: '\e9da'; }

.icon-money-circle-euro::before {
  content: '\e9db'; }

.icon-pay-euro::before {
  content: '\e9ca'; }

.icon-refund-euro::before {
  content: '\e9d7'; }

.icon-request-cb-euro::before {
  content: '\e9d6'; }

.icon-request-cb-accepted-euro::before {
  content: '\e9d5'; }

.icon-review-spend-euro::before {
  content: '\e9d4'; }

.icon-top-up-euro::before {
  content: '\e9d3'; }

.icon-foreign-transaction-fee::before {
  content: '\e9c9'; }

.icon-purchase-tag2::before {
  content: '\e9d8'; }

.icon-video-call::before {
  content: '\e9d2'; }

.icon-measure::before {
  content: '\e9f7'; }

.icon-presentation::before {
  content: '\e9e2'; }

.icon-arrow-down2::before {
  content: '\ea30'; }

.icon-arrow-up2::before {
  content: '\ea2f'; }

.icon-money-transfer::before {
  content: '\e978'; }

.icon-maximise::before {
  content: '\e9f8'; }

.icon-minimise::before {
  content: '\e9f3'; }

.icon-refresh::before {
  content: '\e020'; }

.icon-start::before {
  content: '\e016'; }

.icon-euro-withdrawal::before {
  content: '\ea11'; }

.icon-purchase-offer::before {
  content: '\e9e1'; }

.icon-piggy-bank::before {
  content: '\e9e8'; }

.icon-top-up::before {
  content: '\e00b'; }

.icon-bca::before {
  content: '\ea27'; }

.icon-robot::before {
  content: '\e01e'; }

.icon-router::before {
  content: '\e01d'; }

.icon-server::before {
  content: '\e01a'; }

.icon-smart-watch::before {
  content: '\e97c'; }

.icon-bus::before {
  content: '\ea25'; }

.icon-plane-landing::before {
  content: '\e9e6'; }

.icon-taxi::before {
  content: '\e010'; }

.icon-pop-up::before {
  content: '\e9e3'; }

.icon-train::before {
  content: '\e008'; }

.icon-balloon::before {
  content: '\ea2b'; }

.icon-bauble::before {
  content: '\ea28'; }

.icon-candy-cane::before {
  content: '\ea24'; }

.icon-diwali::before {
  content: '\ea17'; }

.icon-easter::before {
  content: '\ea13'; }

.icon-firework::before {
  content: '\ea0d'; }

.icon-comedy::before {
  content: '\ea1b'; }

.icon-flowers::before {
  content: '\ea0b'; }

.icon-gift::before {
  content: '\ea08'; }

.icon-mask::before {
  content: '\e9fa'; }

.icon-shamrock::before {
  content: '\e019'; }

.icon-snowflake::before {
  content: '\e017'; }

.icon-festival-tent::before {
  content: '\ea0e'; }

.icon-tent::before {
  content: '\e00e'; }

.icon-xmas-tree::before {
  content: '\e001'; }

.icon-xmas-hat::before {
  content: '\e002'; }

.icon-guitar::before {
  content: '\ea06'; }

.icon-microphone::before {
  content: '\e9f5'; }

.icon-microphone2::before {
  content: '\e9f4'; }

.icon-music::before {
  content: '\e9ee'; }

.icon-mute::before {
  content: '\e9ed'; }

.icon-podcast::before {
  content: '\e9e4'; }

.icon-studio::before {
  content: '\e015'; }

.icon-view::before {
  content: '\e005'; }

.icon-vr::before {
  content: '\e004'; }

.icon-armchair::before {
  content: '\ea31'; }

.icon-binoculars::before {
  content: '\ea26'; }

.icon-jigsaw::before {
  content: '\e9fe'; }

.icon-science-flask::before {
  content: '\e01c'; }

.icon-chain::before {
  content: '\ea20'; }

.icon-duck::before {
  content: '\ea14'; }

.icon-scuba-diver::before {
  content: '\e01b'; }

.icon-acorn::before {
  content: '\ea32'; }

.icon-coffee::before {
  content: '\ea1c'; }

.icon-food::before {
  content: '\ea0a'; }

.icon-ice-cream::before {
  content: '\ea05'; }

.icon-shopping-bag::before {
  content: '\e97f'; }

.icon-shopping-basket::before {
  content: '\e018'; }

.icon-trainer::before {
  content: '\e007'; }

.icon-t-shirt::before {
  content: '\e013'; }

.icon-t-shirt2::before {
  content: '\e012'; }

.icon-sunglasses::before {
  content: '\e014'; }

.icon-cloud::before {
  content: '\ea1d'; }

.icon-face::before {
  content: '\ea10'; }

.icon-first-aid::before {
  content: '\ea0c'; }

.icon-purchase-plan2::before {
  content: '\ea02'; }

.icon-purchase-plan3::before {
  content: '\ea01'; }

.icon-purchase-plan4::before {
  content: '\ea00'; }

.icon-listen::before {
  content: '\e9fc'; }

.icon-quotation-start::before {
  content: '\e9df'; }

.icon-quotation-end::before {
  content: '\e9e0'; }

.icon-rocket::before {
  content: '\e990'; }

.icon-trophy::before {
  content: '\e006'; }

.icon-target::before {
  content: '\e011'; }

.icon-text-message::before {
  content: '\e00d'; }

.icon-thumbs-up::before {
  content: '\e00c'; }

.icon-signpost::before {
  content: '\e97d'; }

.icon-touch::before {
  content: '\e00a'; }

.icon-town::before {
  content: '\e009'; }

.icon-water::before {
  content: '\e003'; }

.icon-yoga::before {
  content: '\e000'; }

.icon-payment::before {
  content: '\e900'; }

.icon-travel-smart::before {
  content: '\e908'; }

.h-pull-left.icon-64 {
  height: 4rem;
  width: 4rem;
  margin-top: 6px;
  float: left;
  margin-right: 10px; }

.h-pull-left.icon-32 {
  height: 2rem;
  width: 2rem;
  margin-top: 6px;
  float: left;
  margin-right: 10px; }

.h-pull-right.icon-64 {
  height: 4rem;
  width: 4rem;
  margin-top: 6px;
  float: right;
  margin-left: 10px; }
  .h-pull-right.icon-64.icon-letter {
    margin-top: 0; }

.h-pull-right.icon-32 {
  height: 2rem;
  width: 2rem;
  margin-top: 6px;
  float: right;
  margin-left: 10px; }
  .h-pull-right.icon-32.icon-letter {
    margin-top: 0; }

.icon-64 {
  font-size: 4rem;
  height: 4rem;
  width: 4rem;
  margin-top: 5px;
  margin-right: auto;
  margin-left: auto; }
  .icon-64.icon-letter {
    margin-top: 0; }

.icon-32 {
  font-size: 2rem;
  height: 2rem;
  width: 2rem;
  margin-top: 5px;
  margin-right: auto;
  margin-left: auto; }
  .icon-32.icon-letter {
    margin-top: 0; }

.sg-icons p {
  overflow: hidden;
  float: left;
  width: 150px;
  padding: 20px 10px;
  text-align: center;
  margin: 3px;
  border: 1px solid #b7b7b7; }
  .sg-icons p span {
    font-size: 3em;
    display: block; }
  .sg-icons p .mls {
    line-height: 1.25rem;
    display: block;
    font-size: .75em;
    margin-top: 10px;
    height: 35px; }

.sg-icons .icon-close,
.sg-icons .icon-email,
.sg-icons .icon-menu,
.sg-icons .icon-search,
.sg-icons .icon-info,
.sg-icons .icon-cross,
.sg-icons .icon-phone,
.sg-icons .icon-tick,
.sg-icons .icon-facebook,
.sg-icons .icon-linkedin,
.sg-icons .icon-twitter,
.sg-icons .icon-more {
  width: auto;
  height: auto;
  background: none; }

/**
 * HTML5 display definitions
 */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none; }

/**
 * Default list styling
 */
ul,
ol {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    padding-left: 15px;
    margin-bottom: 0;
    margin-top: 5px; }

/**
 * Forms
 */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

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

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: .54; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

@font-face {
  font-family: 'bc-rg';
  src: url("/etc/designs/assetsBundle/clientlib/resources/fonts/barclaycard-regular.woff2") format("woff2"), url("/etc/designs/assetsBundle/clientlib/resources/fonts/barclaycard-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'bc-lt';
  src: url("/etc/designs/assetsBundle/clientlib/resources/fonts/barclaycard-light.woff2") format("woff2"), url("/etc/designs/assetsBundle/clientlib/resources/fonts/barclaycard-light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

/* OPEN SANS */
@font-face {
  font-family: 'Open Sans';
  src: url("/etc/designs/assetsBundle/clientlib/resources/fonts/open-sans-regular.woff2") format("woff2"), url("/etc/designs/assetsBundle/clientlib/resources/fonts/open-sans-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Open Sans';
  src: url("/etc/designs/assetsBundle/clientlib/resources/fonts/open-sans-bold.woff2") format("woff2"), url("/etc/designs/assetsBundle/clientlib/resources/fonts/open-sans-bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'barclaycard-icons-new';
  src: url("/etc/designs/assetsBundle/clientlib/resources/fonts/barclaycard-icons-new.woff2") format("woff2"), url("/etc/designs/assetsBundle/clientlib/resources/fonts/barclaycard-icons-new.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

/**
 * High, page-level styling.
 */
*,
*::before,
*::after {
  box-sizing: inherit; }

html {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0; }
  html .h-pull-left img,
  html .h-pull-left span {
    margin-right: 10px;
    display: block;
    float: left; }
  html .h-pull-left a {
    float: left;
    margin-right: 10px; }
  html .h-pull-right img,
  html .h-pull-right span {
    margin-left: 10px;
    display: block;
    float: right; }
  html .h-pull-right a {
    float: right;
    margin-left: 10px; }
  html .h-pull-center img,
  html .h-pull-center span {
    display: block;
    margin: 0 auto; }
  html body {
    background-color: #f1f1f1;
    color: #444;
    margin: 0;
    padding: 0;
    line-height: 1.5; }
    html body.overlaybg {
      background-color: #fff; }

.black {
  color: #444; }

.blue {
  color: #037CC2; }

.grey {
  color: #666; }

.white {
  color: #fff; }

.purple {
  color: #4c297e; }

.dark-purple {
  color: #311356; }

.raspberry {
  color: #9A0355; }

.turquoise {
  color: #00a8a6; }

.yellow {
  color: #e9b319; }

.coral {
  color: #FD6D48; }

.nav-list {
  display: inline; }

.no-padding {
  padding: 0; }

.small-padding {
  padding-bottom: 10px; }

/* nav-list selector needs a higher level of specificity since this class
is also used by the header (but subordinate to ul, rather than span) */
span.nav-list, span.unindented {
  margin-left: 0;
  display: list-item;
  padding-left: 14px;
  text-indent: -14px;
  list-style: none; }
  span.nav-list::before, span.unindented::before {
    content: '\2022 ';
    margin-right: 8px; }

span.nav-list {
  margin-left: 15px; }

.xs-font {
  font-size: .8rem; }

@media (max-width: 1024px) {
  a[href^="tel:"] {
    text-decoration: none; } }

h2 a[href^="tel:"],
h3 a[href^="tel:"],
h4 a[href^="tel:"],
h5 a[href^="tel:"],
h6 a[href^="tel:"] {
  font-family: "Open Sans", Tahoma, sans-serif; }

ol {
  padding-left: 30px;
  list-style-type: decimal;
  /* Overriding BDLBB setting of 'none' */ }

p a {
  overflow-wrap: break-word;
  word-wrap: break-word; }

p sub,
p sup {
  font-size: 85%; }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
ul,
ol,
p,
pre,
table {
  margin-top: 0;
  margin-bottom: 1.2499999999rem; }
  @media (min-width: 768px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    ul,
    ol,
    p,
    pre,
    table {
      margin-bottom: 30px; } }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: 1.1;
  font-family: "bc-lt",Tahoma,sans-serif;
  color: #037CC2;
  margin: 0;
  font-weight: 500; }

h1,
.h1 {
  font-size: 2.25rem;
  font-weight: 100;
  letter-spacing: -.25px;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    h1,
    .h1 {
      font-size: 2.25rem;
      letter-spacing: -.5px; } }
  @media (min-width: 1025px) {
    h1,
    .h1 {
      font-size: 2.25rem; } }
  @media (min-width: 1256px) {
    h1,
    .h1 {
      font-size: 2.375rem; } }
  @media (min-width: 1656px) {
    h1,
    .h1 {
      font-size: 2.6875rem; } }

h2,
.h2 {
  font-size: 1.5rem;
  margin-bottom: 20px;
  font-weight: 100; }
  @media (min-width: 768px) {
    h2,
    .h2 {
      font-size: 1.5rem;
      letter-spacing: -.25px; } }
  @media (min-width: 1025px) {
    h2,
    .h2 {
      font-size: 1.5rem; } }
  @media (min-width: 1256px) {
    h2,
    .h2 {
      font-size: 1.625rem; } }
  @media (min-width: 1656px) {
    h2,
    .h2 {
      font-size: 1.8125rem; } }

h3,
.h3 {
  font-size: 1.25rem;
  margin-bottom: 20px;
  font-weight: 100; }
  @media (min-width: 768px) {
    h3,
    .h3 {
      font-size: 1.25rem; } }
  @media (min-width: 1025px) {
    h3,
    .h3 {
      font-size: 1.25rem; } }
  @media (min-width: 1256px) {
    h3,
    .h3 {
      font-size: 1.3125rem; } }
  @media (min-width: 1656px) {
    h3,
    .h3 {
      font-size: 1.5rem; } }

h4,
.h4 {
  font-weight: 100; }

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-size: 0.9375rem;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
      font-size: 0.9375rem; } }
  @media (min-width: 1025px) {
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
      font-size: 0.9375rem; } }
  @media (min-width: 1256px) {
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
      font-size: 1rem; } }
  @media (min-width: 1656px) {
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
      font-size: 1.125rem; } }

h5,
.h5 {
  color: #000;
  font-weight: bold; }

h6,
.h6 {
  color: #000;
  font-weight: 400; }

p,
pre,
table {
  line-height: 1.5; }

p + h2,
p + .h2,
p + h3,
p + .h3 {
  margin-top: 2.4999999999rem; }
  @media (min-width: 768px) {
    p + h2,
    p + .h2,
    p + h3,
    p + .h3 {
      margin-top: 60px; } }

::-moz-selection {
  color: #085da9;
  background: rgba(229, 247, 253, 0.99); }

::selection {
  color: #085da9;
  background: rgba(229, 247, 253, 0.99); }

img {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

body {
  font-size: 0.9375rem;
  font-family: "Open Sans", Tahoma, sans-serif; }
  @media (min-width: 768px) {
    body {
      font-size: 0.9375rem; } }
  @media (min-width: 1025px) {
    body {
      font-size: 0.9375rem; } }
  @media (min-width: 1256px) {
    body {
      font-size: 1rem; } }
  @media (min-width: 1656px) {
    body {
      font-size: 1.125rem; } }

.font-lead {
  font-size: 1em;
  line-height: 1.5;
  margin-bottom: 30px; }

small,
.font-small {
  font-size: 87.5%; }
  small p,
  small label,
  small ul,
  small ol,
  .font-small p,
  .font-small label,
  .font-small ul,
  .font-small ol {
    font-size: 85%; }

.font-xsmall p,
.font-xsmall label,
.font-xsmall ul,
.font-xsmall ol {
  font-size: 70%; }

p {
  margin-bottom: 20px; }
  p + h2,
  p + .h2,
  p + h3,
  p + .h3 {
    margin: 0 0 20px; }

.article-snippet + p,
.article-snippet + h2,
.article-snippet + .h2,
.article-snippet + h3,
.article-snippet + .h3,
.article-snippet + h4,
.article-snippet + .h4 {
  margin-top: 20px; }

a {
  color: #085da9; }
  a:hover {
    color: #4c297e; }

b,
strong {
  font-weight: bold; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

html [type="button"] {
  -webkit-appearance: inherit; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  content: ''; }

/**
 * Form
 */
fieldset {
  border-width: 0;
  padding: 0;
  margin: 0; }

legend {
  font-size: 1.5rem;
  color: #085da9;
  line-height: 1.42;
  font-weight: 100;
  margin-bottom: 16px; }
  @media (min-width: 768px) {
    legend {
      font-size: 1.875rem; } }

label,
.label {
  font-size: 1.0625rem;
  color: #085da9;
  display: block;
  margin-bottom: 10px; }

::-webkit-input-placeholder {
  color: #000; }

::-moz-placeholder {
  color: #000; }

:-ms-input-placeholder {
  color: #000; }

::placeholder {
  color: #000; }

.form-group {
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(8, 93, 169, 0.3); }
  @media (min-width: 768px) {
    .form-group {
      margin-bottom: 30px; } }

.form-item {
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .form-item {
      margin-bottom: 30px; } }
  .form-item .error-message {
    display: none; }

.form-inline label,
.form-inline .form-item,
.form-inline .input-wrapper {
  display: inline-block; }

.form-inline label {
  margin-right: 10px; }

.form-inline .form-item {
  margin-right: 20px; }

.col-form-label {
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px; }

/**
 * Stacking form elements
 * Utility class which allows you to stack form elements on mobile viewport
 */
@media (max-width: 767px) {
  .form-stacked-sm {
    margin-bottom: 0; }
    .form-stacked-sm .btn,
    .form-stacked-sm .control,
    .form-stacked-sm .select {
      width: 100%;
      margin-right: 0;
      margin-bottom: 20px; } }

.form-item[disabled] .label {
  color: #b7b7b7; }

.form-item[disabled] .input,
.form-item[disabled] .select,
.form-item[disabled] .control-indicator {
  background-color: #f1f1f1;
  border-color: #b7b7b7;
  color: #b7b7b7;
  cursor: not-allowed; }

.form-item[disabled]:focus {
  border: none;
  box-shadow: inset 0 0 0 2px #fff, 0 0 0 2px #085da9; }

.has-error .input,
.has-error .select,
.has-error .control-indicator {
  color: #e03030;
  background-color: #fff;
  border-color: #e03030;
  border-width: 2px; }
  .has-error .input:focus,
  .has-error .select:focus,
  .has-error .control-indicator:focus {
    background-color: #fff;
    border: none;
    box-shadow: inset 0 0 0 2px #fff, 0 0 0 2px #085da9;
    color: #e03030; }

.has-error .error-message {
  display: block;
  font-family: "Expert Sans Regular", "Trebuchet MS", Arial, Verdana, sans-serif;
  color: #e03030;
  margin-top: 14px;
  margin-bottom: 0; }

input:focus,
select:focus,
textarea:focus {
  border: 1px solid #fff;
  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #085da9;
  outline: 0; }

/**
 * Inner border and padding in Firefox. Overriding BDLBB.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border: 2px solid #fff;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule. Overriding BDLBB.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 2px solid #085da9; }

.toggle-selection:focus {
  border: 1px solid #fff;
  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #085da9;
  outline: none; }

.container {
  margin-right: auto;
  margin-left: auto;
  min-width: 280px; }
  .container::before, .container::after {
    content: ' ';
    display: table; }
  .container::after {
    clear: both; }
  @media (min-width: 320px) {
    .container {
      margin-left: 13px;
      margin-right: 13px; } }
  @media (min-width: 769px) {
    .container {
      margin-left: 24px;
      margin-right: 24px; } }
  @media (min-width: 1025px) {
    .container {
      margin-left: 14px;
      margin-right: 14px; } }
  @media (min-width: 1440px) {
    .container {
      margin-left: 24px;
      margin-right: 24px; } }
  @media (min-width: 1441px) {
    .container {
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 769px) {
    .container {
      width: 700px;
      margin-right: auto;
      margin-left: auto; } }
  @media (min-width: 1025px) {
    .container {
      width: 976px;
      margin-right: auto;
      margin-left: auto; } }
  @media (min-width: 1440px) {
    .container {
      width: 1372px;
      margin-right: auto;
      margin-left: auto; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  min-width: 280px; }
  .container-fluid::before, .container-fluid::after {
    content: ' ';
    display: table; }
  .container-fluid::after {
    clear: both; }
  @media (min-width: 320px) {
    .container-fluid {
      margin-left: 13px;
      margin-right: 13px; } }
  @media (min-width: 769px) {
    .container-fluid {
      margin-left: 24px;
      margin-right: 24px; } }
  @media (min-width: 1025px) {
    .container-fluid {
      margin-left: 14px;
      margin-right: 14px; } }
  @media (min-width: 1440px) {
    .container-fluid {
      margin-left: 24px;
      margin-right: 24px; } }
  @media (min-width: 1441px) {
    .container-fluid {
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 1440px) {
    .container-fluid {
      max-width: 1392px; } }

.row::before, .row::after {
  content: ' ';
  display: table; }

.row::after {
  clear: both; }

@media (min-width: 320px) {
  .row {
    padding-left: 7px;
    padding-right: 7px; } }

@media (min-width: 769px) {
  .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1025px) {
  .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1440px) {
  .row {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 320px) {
  .row {
    margin-left: -7px;
    margin-right: -7px; } }

@media (min-width: 769px) {
  .row {
    margin-left: -10px;
    margin-right: -10px; } }

@media (min-width: 1025px) {
  .row {
    margin-left: -10px;
    margin-right: -10px; } }

@media (min-width: 1440px) {
  .row {
    margin-left: -10px;
    margin-right: -10px; } }

.row .row {
  padding-left: 0;
  padding-right: 0; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  position: relative;
  min-height: 1px; }
  @media (min-width: 320px) {
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
      padding-left: 7px;
      padding-right: 7px; } }
  @media (min-width: 769px) {
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1440px) {
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
      padding-left: 10px;
      padding-right: 10px; } }

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  position: relative;
  min-height: 1px; }
  @media (min-width: 320px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
      padding-left: 7px;
      padding-right: 7px; } }
  @media (min-width: 769px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1440px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
      padding-left: 10px;
      padding-right: 10px; } }

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  position: relative;
  min-height: 1px; }
  @media (min-width: 320px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
      padding-left: 7px;
      padding-right: 7px; } }
  @media (min-width: 769px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1440px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
      padding-left: 10px;
      padding-right: 10px; } }

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  position: relative;
  min-height: 1px; }
  @media (min-width: 320px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
      padding-left: 7px;
      padding-right: 7px; } }
  @media (min-width: 769px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1025px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 1440px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
      padding-left: 10px;
      padding-right: 10px; } }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.3333333333%; }

.col-xs-2 {
  width: 16.6666666667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.3333333333%; }

.col-xs-5 {
  width: 41.6666666667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.3333333333%; }

.col-xs-8 {
  width: 66.6666666667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.3333333333%; }

.col-xs-11 {
  width: 91.6666666667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.3333333333%; }

.col-xs-pull-2 {
  right: 16.6666666667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.3333333333%; }

.col-xs-pull-5 {
  right: 41.6666666667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.3333333333%; }

.col-xs-pull-8 {
  right: 66.6666666667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.3333333333%; }

.col-xs-pull-11 {
  right: 91.6666666667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.3333333333%; }

.col-xs-push-2 {
  left: 16.6666666667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.3333333333%; }

.col-xs-push-5 {
  left: 41.6666666667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.3333333333%; }

.col-xs-push-8 {
  left: 66.6666666667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.3333333333%; }

.col-xs-push-11 {
  left: 91.6666666667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.3333333333%; }

.col-xs-offset-2 {
  margin-left: 16.6666666667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.3333333333%; }

.col-xs-offset-5 {
  margin-left: 41.6666666667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.3333333333%; }

.col-xs-offset-8 {
  margin-left: 66.6666666667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.3333333333%; }

.col-xs-offset-11 {
  margin-left: 91.6666666667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 769px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.3333333333%; }
  .col-sm-2 {
    width: 16.6666666667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.3333333333%; }
  .col-sm-5 {
    width: 41.6666666667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.3333333333%; }
  .col-sm-8 {
    width: 66.6666666667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.3333333333%; }
  .col-sm-11 {
    width: 91.6666666667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.3333333333%; }
  .col-sm-pull-2 {
    right: 16.6666666667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.3333333333%; }
  .col-sm-pull-5 {
    right: 41.6666666667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.3333333333%; }
  .col-sm-pull-8 {
    right: 66.6666666667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.3333333333%; }
  .col-sm-pull-11 {
    right: 91.6666666667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.3333333333%; }
  .col-sm-push-2 {
    left: 16.6666666667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.3333333333%; }
  .col-sm-push-5 {
    left: 41.6666666667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.3333333333%; }
  .col-sm-push-8 {
    left: 66.6666666667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.3333333333%; }
  .col-sm-push-11 {
    left: 91.6666666667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%; }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%; }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%; }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%; }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1025px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.3333333333%; }
  .col-md-2 {
    width: 16.6666666667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.3333333333%; }
  .col-md-5 {
    width: 41.6666666667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.3333333333%; }
  .col-md-8 {
    width: 66.6666666667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.3333333333%; }
  .col-md-11 {
    width: 91.6666666667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.3333333333%; }
  .col-md-pull-2 {
    right: 16.6666666667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.3333333333%; }
  .col-md-pull-5 {
    right: 41.6666666667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.3333333333%; }
  .col-md-pull-8 {
    right: 66.6666666667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.3333333333%; }
  .col-md-pull-11 {
    right: 91.6666666667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.3333333333%; }
  .col-md-push-2 {
    left: 16.6666666667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.3333333333%; }
  .col-md-push-5 {
    left: 41.6666666667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.3333333333%; }
  .col-md-push-8 {
    left: 66.6666666667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.3333333333%; }
  .col-md-push-11 {
    left: 91.6666666667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.3333333333%; }
  .col-md-offset-2 {
    margin-left: 16.6666666667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.3333333333%; }
  .col-md-offset-5 {
    margin-left: 41.6666666667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.3333333333%; }
  .col-md-offset-8 {
    margin-left: 66.6666666667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.3333333333%; }
  .col-md-offset-11 {
    margin-left: 91.6666666667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1440px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.3333333333%; }
  .col-lg-2 {
    width: 16.6666666667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.3333333333%; }
  .col-lg-5 {
    width: 41.6666666667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.3333333333%; }
  .col-lg-8 {
    width: 66.6666666667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.3333333333%; }
  .col-lg-11 {
    width: 91.6666666667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.3333333333%; }
  .col-lg-pull-2 {
    right: 16.6666666667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.3333333333%; }
  .col-lg-pull-5 {
    right: 41.6666666667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.3333333333%; }
  .col-lg-pull-8 {
    right: 66.6666666667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.3333333333%; }
  .col-lg-pull-11 {
    right: 91.6666666667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.3333333333%; }
  .col-lg-push-2 {
    left: 16.6666666667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.3333333333%; }
  .col-lg-push-5 {
    left: 41.6666666667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.3333333333%; }
  .col-lg-push-8 {
    left: 66.6666666667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.3333333333%; }
  .col-lg-push-11 {
    left: 91.6666666667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%; }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%; }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%; }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%; }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

.clearfix::before, .clearfix::after {
  content: ' ';
  display: table; }

.clearfix::after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 768px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 768px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 768px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 768px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 769px) and (max-width: 1024px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 769px) and (max-width: 1024px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 769px) and (max-width: 1024px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 769px) and (max-width: 1024px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 1025px) and (max-width: 1439px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 1025px) and (max-width: 1439px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 1025px) and (max-width: 1439px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 1025px) and (max-width: 1439px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1440px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1440px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1440px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1440px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 768px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 769px) and (max-width: 1024px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 1025px) and (max-width: 1439px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1440px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

.container-fluid {
  width: 100%;
  margin: 0 auto; }
  @media (max-width: 1024px) {
    .container-fluid {
      max-width: 950px; } }
  @media (min-width: 1025px) {
    .container-fluid {
      max-width: 960px; } }
  @media (min-width: 1256px) {
    .container-fluid {
      max-width: 1190px; } }
  @media (min-width: 1656px) {
    .container-fluid {
      max-width: 1500px; } }

.footnotes p {
  margin-bottom: 0; }

.footnotes .main {
  padding: 0 15px 15px; }

.main .row {
  width: 100%; }

@media (max-width: 1024px) and (min-width: 769px) {
  .side {
    padding: 0; }
    .side section,
    .side .article-snippet {
      float: left;
      width: 33.3%;
      padding: 15px; } }

.container-white {
  background: #fff;
  padding-top: 50px; }
  @media (max-width: 1024px) {
    .container-white .container-fluid {
      max-width: 760px; } }
  @media (min-width: 1025px) {
    .container-white .container-fluid {
      max-width: 768px; } }
  @media (min-width: 1256px) {
    .container-white .container-fluid {
      max-width: 952px; } }
  @media (min-width: 1656px) {
    .container-white .container-fluid {
      max-width: 1200px; } }
  .container-white + .container-fluid {
    padding-top: 50px; }

.article-header {
  padding: 70px 0; }
  @media (max-width: 1024px) {
    .article-header {
      max-width: 760px; } }
  @media (min-width: 1025px) {
    .article-header {
      max-width: 768px; } }
  @media (min-width: 1256px) {
    .article-header {
      max-width: 952px; } }
  @media (min-width: 1656px) {
    .article-header {
      max-width: 1200px; } }
  .article-header + .jumbo {
    margin-bottom: 0; }
  .article-header h1 {
    margin: 20px 0; }
  .article-header p,
  .article-header h1,
  .article-header h2,
  .article-header h3,
  .article-header h4,
  .article-header h5,
  .article-header h6 {
    text-align: center; }
  .article-header p {
    line-height: 1.5; }

@media (max-width: 1129px) {
  .article-header {
    padding: 20px 0; }
    .article-header .social-share {
      padding-top: 20px; } }

@media (max-width: 900px) {
  .article-header {
    padding: 20px 0 0; } }

@media (max-width: 767px) {
  .container-white {
    padding-top: 20px; } }

@media (max-width: 450px) {
  .article-header {
    padding: 0; }
    .article-header .social-share {
      padding: 0; }
  .social-share-group .icon-social-share {
    margin: 0 8px; } }

.skipwrapper {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute; }

.col-xs-3,
.col-xs-4,
.col-xs-6,
.col-xs-8,
.col-xs-9,
.col-xs-12,
.col-sm-3,
.col-sm-4,
.col-sm-6,
.col-sm-8,
.col-sm-9,
.col-sm-12,
.col-md-3,
.col-md-4,
.col-md-6,
.col-md-8,
.col-md-9,
.col-md-12,
.col-lg-3,
.col-lg-4,
.col-lg-6,
.col-lg-8,
.col-lg-9,
.col-lg-12 {
  padding: 15px; }
  @media (max-width: 640px) {
    .col-xs-3,
    .col-xs-4,
    .col-xs-6,
    .col-xs-8,
    .col-xs-9,
    .col-xs-12,
    .col-sm-3,
    .col-sm-4,
    .col-sm-6,
    .col-sm-8,
    .col-sm-9,
    .col-sm-12,
    .col-md-3,
    .col-md-4,
    .col-md-6,
    .col-md-8,
    .col-md-9,
    .col-md-12,
    .col-lg-3,
    .col-lg-4,
    .col-lg-6,
    .col-lg-8,
    .col-lg-9,
    .col-lg-12 {
      padding: 8px 16px; } }

.col-md-12 {
  width: 100%; }

.row {
  padding: 0;
  margin: 0;
  list-style: none; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .row {
      overflow: visible; } }
  .row.shaded, .row.purple, .row.cyan, .row.dark-purple, .row.raspberry, .row.turquoise, .row.yellow, .row.coral {
    padding: 15px; }
    .row.shaded + .shaded, .row.purple + .shaded, .row.cyan + .shaded, .row.dark-purple + .shaded, .row.raspberry + .shaded, .row.turquoise + .shaded, .row.yellow + .shaded, .row.coral + .shaded {
      padding-top: 0;
      margin-top: -15px; }
  .row.shaded {
    background: #fff; }
  .row.purple {
    background: #4c297e; }
  .row.cyan {
    background: #037CC2; }
  .row.dark-purple {
    background-color: #311356; }
  .row.raspberry {
    background-color: #9A0355; }
  .row.turquoise {
    background-color: #00a8a6; }
  .row.yellow {
    background-color: #e9b319; }
  .row.coral {
    background-color: #FD6D48; }
  .row.purple h2,
  .row.purple h3,
  .row.purple h4,
  .row.purple h5,
  .row.purple h6,
  .row.purple p,
  .row.purple blockquote,
  .row.purple [class^='icon-'],
  .row.purple [class*=' icon-'], .row.cyan h2,
  .row.cyan h3,
  .row.cyan h4,
  .row.cyan h5,
  .row.cyan h6,
  .row.cyan p,
  .row.cyan blockquote,
  .row.cyan [class^='icon-'],
  .row.cyan [class*=' icon-'], .row.dark-purple h2,
  .row.dark-purple h3,
  .row.dark-purple h4,
  .row.dark-purple h5,
  .row.dark-purple h6,
  .row.dark-purple p,
  .row.dark-purple blockquote,
  .row.dark-purple [class^='icon-'],
  .row.dark-purple [class*=' icon-'], .row.raspberry h2,
  .row.raspberry h3,
  .row.raspberry h4,
  .row.raspberry h5,
  .row.raspberry h6,
  .row.raspberry p,
  .row.raspberry blockquote,
  .row.raspberry [class^='icon-'],
  .row.raspberry [class*=' icon-'], .row.turquoise h2,
  .row.turquoise h3,
  .row.turquoise h4,
  .row.turquoise h5,
  .row.turquoise h6,
  .row.turquoise p,
  .row.turquoise blockquote,
  .row.turquoise [class^='icon-'],
  .row.turquoise [class*=' icon-'], .row.yellow h2,
  .row.yellow h3,
  .row.yellow h4,
  .row.yellow h5,
  .row.yellow h6,
  .row.yellow p,
  .row.yellow blockquote,
  .row.yellow [class^='icon-'],
  .row.yellow [class*=' icon-'], .row.coral h2,
  .row.coral h3,
  .row.coral h4,
  .row.coral h5,
  .row.coral h6,
  .row.coral p,
  .row.coral blockquote,
  .row.coral [class^='icon-'],
  .row.coral [class*=' icon-'] {
    color: #fff; }
  .row.cyan .promo-article-content h3,
  .row.cyan .promo-article-content h4 {
    color: #037CC2; }
  .row.purple .promo-article-content h3,
  .row.purple .promo-article-content h4 {
    color: #4c297e; }

.main {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0; }
  @media (min-width: 1025px) {
    .main {
      margin-bottom: 15px; } }
  @media (max-width: 1024px) {
    .main {
      padding-bottom: 0; } }
  @media (min-width: 769px) {
    .main .row {
      display: -ms-flexbox;
      display: flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .main .row::before, .main .row::after {
        width: 0; } }
  @media (max-width: 768px) {
    .main .row .col-sm-4 .row {
      display: -ms-flexbox;
      display: flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .main .row .col-sm-4 .row::before, .main .row .col-sm-4 .row::after {
        width: 0; } }
  @media (max-width: 768px) {
    .main .row .col-sm-4 .row .col-sm-6 {
      display: -ms-flexbox;
      display: flexbox;
      display: -webkit-flex;
      display: flex;
      height: auto; } }
  @media (min-width: 769px) {
    .main .col-xs-3,
    .main .col-xs-4,
    .main .col-xs-6,
    .main .col-xs-8,
    .main .col-xs-9,
    .main .col-sm-3,
    .main .col-sm-4,
    .main .col-sm-6,
    .main .col-sm-8,
    .main .col-sm-9,
    .main .col-md-3,
    .main .col-md-4,
    .main .col-md-6,
    .main .col-md-8,
    .main .col-md-9,
    .main .col-lg-3,
    .main .col-lg-4,
    .main .col-lg-6,
    .main .col-lg-8,
    .main .col-lg-9 {
      display: -ms-flexbox;
      display: flexbox;
      display: -webkit-flex;
      display: flex;
      height: auto; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .side {
    padding: 15px 0; } }

.col-sm-4 .col-sm-6 {
  float: left; }
  .col-sm-4 .col-sm-6:last-child {
    padding: 15px 0 0; }
  .col-sm-4 .col-sm-6:first-child {
    padding: 0 0 15px; }

@media (max-width: 768px) {
  .col-sm-4 .col-sm-6 {
    width: 50%; }
  .col-sm-4 .col-sm-6:last-child {
    padding: 0 0 0 15px; }
  .col-sm-4 .col-sm-6:first-child {
    padding: 0 15px 0 0; } }

@media (max-width: 640px) {
  .col-sm-4 .col-sm-6:last-child {
    padding: 0 0 0 8px; }
  .col-sm-4 .col-sm-6:first-child {
    padding: 0 8px 0 0; } }

.btn {
  font-size: 0.9375rem;
  border: 1px solid transparent;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  font-family: "bc-lt", Tahoma, sans-serif;
  line-height: 1.125rem;
  margin-bottom: 10px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  width: 100%;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto; }
  @media (min-width: 768px) {
    .btn {
      width: auto; } }
  .btn:focus {
    background-color: #037CC2;
    border-color: #085da9;
    box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #085da9;
    outline: none;
    text-decoration: none; }
  .btn:hover {
    text-decoration: none; }
  .btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
    box-shadow: none; }
  .btn .icon {
    float: right;
    height: 18px;
    margin: 0 -1px 0 5px;
    width: 12px; }
    .btn .icon::before {
      color: #fff; }
    .btn .icon + .icon {
      margin-right: 10px; }
  .btn + .btn {
    margin-top: 10px; }
    @media (min-width: 768px) {
      .btn + .btn {
        margin-left: 7px;
        margin-top: 0; } }
  @media (min-width: 1256px) {
    .btn {
      font-size: 1rem; } }
  @media (min-width: 1656px) {
    .btn {
      font-size: 1.125rem; } }

.h-pull-left .btn,
.h-pull-right .btn {
  margin-top: 20px; }
  @media (min-width: 768px) {
    .h-pull-left .btn,
    .h-pull-right .btn {
      margin-top: 10px; } }

.h-pull-left:first-child .btn,
.h-pull-right:first-child .btn {
  margin-top: 0; }
  @media (min-width: 768px) {
    .h-pull-left:first-child .btn,
    .h-pull-right:first-child .btn {
      margin-top: 10px;
      margin-right: 0; } }

.btn-sm,
.btn-icon {
  height: auto; }

.btn-primary {
  background-color: #085da9;
  color: white; }
  .btn-primary:disabled {
    color: rgba(255, 255, 255, 0.5); }
  .btn-primary:hover, .btn-primary:focus {
    background-color: #037CC2;
    color: white; }
  .btn-primary:active {
    background-color: #00395d;
    color: white; }
  .btn-primary:visited {
    color: white; }

.btn-secondary {
  background-color: #fff;
  border-color: #085da9;
  color: #085da9; }
  .btn-secondary:focus {
    background-color: #fff;
    border-color: #085da9;
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #085da9, 0 0 0 1px #085da9;
    color: #037CC2;
    outline: none;
    text-decoration: none; }
    .btn-secondary:focus .icon::before {
      color: #037CC2; }
  .btn-secondary:hover {
    background-color: #fff;
    border-color: #037CC2;
    color: #037CC2; }
    .btn-secondary:hover .icon::before {
      color: #037CC2; }
  .btn-secondary:disabled {
    box-shadow: none;
    cursor: not-allowed;
    opacity: .3;
    pointer-events: none; }
  .btn-secondary:active {
    background-color: #fff;
    border-color: #085da9;
    color: #085da9; }
  .btn-secondary .icon::before {
    color: #085da9; }

.btn-disabled {
  background-color: rgba(8, 93, 169, 0.3);
  border: 1px solid rgba(8, 93, 169, 0.3);
  box-shadow: none;
  color: rgba(255, 255, 255, 0.4);
  cursor: default;
  pointer-events: none; }
  .btn-disabled:active {
    background: #f7f7f7;
    color: rgba(255, 255, 255, 0.4); }
  .btn-disabled:visited {
    color: rgba(255, 255, 255, 0.4); }
  .btn-disabled .icon::before {
    color: rgba(255, 255, 255, 0.4); }
  .btn-disabled:focus {
    background-color: rgba(8, 93, 169, 0.3);
    border-color: #085da9;
    box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #085da9;
    color: rgba(255, 255, 255, 0.4);
    outline: none; }
  .btn-disabled.btn-secondary {
    background-color: rgba(255, 255, 255, 0.3);
    color: rgba(8, 93, 169, 0.4);
    border: 1px solid rgba(8, 93, 169, 0.4); }
    .btn-disabled.btn-secondary:visited {
      color: rgba(8, 93, 169, 0.4); }
    .btn-disabled.btn-secondary .icon::before {
      color: rgba(8, 93, 169, 0.4); }
    .btn-disabled.btn-secondary:focus {
      border-color: #085da9;
      box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #085da9;
      outline: none; }

.panel.cyan, .panel.purple, .panel.white {
  padding: 15px; }

.panel.cyan h2,
.panel.cyan h3,
.panel.cyan h4,
.panel.cyan p, .panel.purple h2,
.panel.purple h3,
.panel.purple h4,
.panel.purple p {
  color: #fff; }

.panel.cyan {
  background: #037CC2; }

.panel.purple {
  background: #4c297e; }

.panel.white {
  background: #fff; }
  .panel.white h2,
  .panel.white h3,
  .panel.white h4 {
    color: #037CC2; }
  .panel.white p {
    color: #444; }

/**
 * Jumbo
 */
.jumbo {
  height: auto;
  margin-bottom: 30px;
  position: relative; }

.jumbo-body {
  padding-top: 20px; }
  @media (min-width: 1025px) {
    .jumbo-body {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 100%;
      padding-top: 0; } }

.jumbo-body-d {
  padding-top: 20px; }
  @media (min-width: 1025px) {
    .jumbo-body-d {
      margin-top: -72px;
      width: 100%;
      padding-top: 0; } }
  .jumbo-body-d .jumbo-bg {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .jumbo-body-d .jumbo-tagline {
    margin-bottom: 30px; }

@media (min-width: 1025px) {
  .jumbo-content-d {
    padding-top: 30px;
    margin-left: 12.5%;
    background-color: #fff; }
    .jumbo-content-d .aperture-left {
      margin-left: -20px; } }

.jumbo-content-d .btn {
  margin-bottom: 20px;
  margin-right: 10px; }
  @media (min-width: 768px) {
    .jumbo-content-d .btn {
      display: inline-block;
      margin-right: 0; } }

@media (min-width: 1256px) {
  .jumbo-media {
    min-height: 470px;
    height: 35vh;
    width: 100vw;
    -o-object-fit: cover;
       object-fit: cover; } }

.jumbo-content {
  margin-bottom: 20px; }
  @media (min-width: 1025px) {
    .jumbo-content {
      padding: 0 20px; } }

.jumbo .quicklink .quicklink-content {
  width: auto; }

@media (min-width: 768px) {
  .jumbo.jumbo-content-white .jumbo-overlay .quicklink a,
  .jumbo.jumbo-content-white .jumbo-body-d .quicklink a {
    color: #fff; } }

@media (min-width: 768px) {
  .jumbo.jumbo-content-white .jumbo-overlay h1,
  .jumbo.jumbo-content-white .jumbo-overlay .h1,
  .jumbo.jumbo-content-white .jumbo-overlay h2,
  .jumbo.jumbo-content-white .jumbo-overlay .h2,
  .jumbo.jumbo-content-white .jumbo-overlay h3,
  .jumbo.jumbo-content-white .jumbo-overlay .h3,
  .jumbo.jumbo-content-white .jumbo-overlay h4,
  .jumbo.jumbo-content-white .jumbo-overlay .h4,
  .jumbo.jumbo-content-white .jumbo-overlay p,
  .jumbo.jumbo-content-white .jumbo-overlay [href^="tel:"],
  .jumbo.jumbo-content-white .jumbo-overlay a,
  .jumbo.jumbo-content-white .jumbo-body-d h1,
  .jumbo.jumbo-content-white .jumbo-body-d .h1,
  .jumbo.jumbo-content-white .jumbo-body-d h2,
  .jumbo.jumbo-content-white .jumbo-body-d .h2,
  .jumbo.jumbo-content-white .jumbo-body-d h3,
  .jumbo.jumbo-content-white .jumbo-body-d .h3,
  .jumbo.jumbo-content-white .jumbo-body-d h4,
  .jumbo.jumbo-content-white .jumbo-body-d .h4,
  .jumbo.jumbo-content-white .jumbo-body-d p,
  .jumbo.jumbo-content-white .jumbo-body-d [href^="tel:"],
  .jumbo.jumbo-content-white .jumbo-body-d a {
    color: #fff; } }

.jumbo.jumbo-content-white .jumbo-overlay .btn-disabled,
.jumbo.jumbo-content-white .jumbo-body-d .btn-disabled {
  color: rgba(255, 255, 255, 0.4); }

.jumbo.jumbo-content-white .jumbo-overlay .btn-secondary,
.jumbo.jumbo-content-white .jumbo-body-d .btn-secondary {
  color: #085da9; }
  .jumbo.jumbo-content-white .jumbo-overlay .btn-secondary:hover, .jumbo.jumbo-content-white .jumbo-overlay .btn-secondary:focus,
  .jumbo.jumbo-content-white .jumbo-body-d .btn-secondary:hover,
  .jumbo.jumbo-content-white .jumbo-body-d .btn-secondary:focus {
    color: #037CC2; }
  .jumbo.jumbo-content-white .jumbo-overlay .btn-secondary.btn-disabled,
  .jumbo.jumbo-content-white .jumbo-body-d .btn-secondary.btn-disabled {
    color: rgba(8, 93, 169, 0.4); }

.jumbo.jumbo-content-white .jumbo-overlay .representative-example-layout-columns h3,
.jumbo.jumbo-content-white .jumbo-overlay .representative-example-layout-columns .h3,
.jumbo.jumbo-content-white .jumbo-body-d .representative-example-layout-columns h3,
.jumbo.jumbo-content-white .jumbo-body-d .representative-example-layout-columns .h3 {
  color: #037CC2; }

.jumbo.jumbo-content-white .jumbo-overlay .representative-example-layout-columns h4,
.jumbo.jumbo-content-white .jumbo-overlay .representative-example-layout-columns .h4,
.jumbo.jumbo-content-white .jumbo-overlay .representative-example-layout-columns p,
.jumbo.jumbo-content-white .jumbo-body-d .representative-example-layout-columns h4,
.jumbo.jumbo-content-white .jumbo-body-d .representative-example-layout-columns .h4,
.jumbo.jumbo-content-white .jumbo-body-d .representative-example-layout-columns p {
  color: #444; }

.jumbo .jumbo-media {
  min-height: inherit; }

.jumbo img {
  height: auto; }

@media (max-width: 767px) {
  .jumbo .jumbo-media {
    aspect-ratio: 16/9;
    display: block;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    min-height: 150px;
    width: 100%; } }

@media (min-width: 768px) {
  .jumbo {
    height: 376px; }
    .jumbo img,
    .jumbo picture {
      height: 376px; }
    .jumbo .jumbo-media {
      -o-object-fit: cover;
         object-fit: cover; }
    .jumbo.jumbo-bg-black .jumbo-media, .jumbo.jumbo-bg-cyan .jumbo-media, .jumbo.jumbo-bg-coral .jumbo-media, .jumbo.jumbo-bg-darkPurple .jumbo-media, .jumbo.jumbo-bg-purple .jumbo-media, .jumbo.jumbo-bg-raspberry .jumbo-media, .jumbo.jumbo-bg-turquoise .jumbo-media, .jumbo.jumbo-bg-white .jumbo-media, .jumbo.jumbo-bg-yellow .jumbo-media {
      -o-object-fit: contain;
         object-fit: contain; }
    .jumbo.jumbo-bg-black {
      background-color: #000; }
    .jumbo.jumbo-bg-cyan {
      background-color: #00aeef; }
    .jumbo.jumbo-bg-coral {
      background-color: #FD6D48; }
    .jumbo.jumbo-bg-darkPurple {
      background-color: #311356; }
    .jumbo.jumbo-bg-purple {
      background-color: #4c297e; }
    .jumbo.jumbo-bg-raspberry {
      background-color: #9a0355; }
    .jumbo.jumbo-bg-turquoise {
      background-color: #00a8a6; }
    .jumbo.jumbo-bg-white {
      background-color: #fff; }
    .jumbo.jumbo-bg-yellow {
      background-color: #e9b319; } }

@media (min-width: 1024px) {
  .jumbo {
    height: 473px; }
    .jumbo img,
    .jumbo picture {
      height: 473px; } }

@media (max-width: 1024px) {
  .jumbo .container-fluid {
    max-width: 930px; } }

@media all and (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) {
  .jumbo img,
  .jumbo picture {
    height: 313px !important;
    left: 0 !important;
    margin-left: 0 !important; } }

.jumbo h1,
.jumbo h2,
.jumbo h3,
.jumbo h4,
.jumbo h5,
.jumbo p {
  color: #037CC2; }
  .jumbo h1 .black,
  .jumbo h2 .black,
  .jumbo h3 .black,
  .jumbo h4 .black,
  .jumbo h5 .black,
  .jumbo p .black {
    color: #037CC2; }
    @media (min-width: 768px) {
      .jumbo h1 .black,
      .jumbo h2 .black,
      .jumbo h3 .black,
      .jumbo h4 .black,
      .jumbo h5 .black,
      .jumbo p .black {
        color: #222; } }
  .jumbo h1 .white,
  .jumbo h2 .white,
  .jumbo h3 .white,
  .jumbo h4 .white,
  .jumbo h5 .white,
  .jumbo p .white {
    color: #037CC2; }
    @media (min-width: 768px) {
      .jumbo h1 .white,
      .jumbo h2 .white,
      .jumbo h3 .white,
      .jumbo h4 .white,
      .jumbo h5 .white,
      .jumbo p .white {
        color: #fff; }
        .jumbo h1 .white a,
        .jumbo h2 .white a,
        .jumbo h3 .white a,
        .jumbo h4 .white a,
        .jumbo h5 .white a,
        .jumbo p .white a {
          color: #fff; } }
  .jumbo h1 .blue,
  .jumbo h2 .blue,
  .jumbo h3 .blue,
  .jumbo h4 .blue,
  .jumbo h5 .blue,
  .jumbo p .blue {
    color: #037CC2; }
    @media (min-width: 768px) {
      .jumbo h1 .blue,
      .jumbo h2 .blue,
      .jumbo h3 .blue,
      .jumbo h4 .blue,
      .jumbo h5 .blue,
      .jumbo p .blue {
        color: #037CC2; } }
  .jumbo h1 .grey,
  .jumbo h2 .grey,
  .jumbo h3 .grey,
  .jumbo h4 .grey,
  .jumbo h5 .grey,
  .jumbo p .grey {
    color: #037CC2; }
    @media (min-width: 768px) {
      .jumbo h1 .grey,
      .jumbo h2 .grey,
      .jumbo h3 .grey,
      .jumbo h4 .grey,
      .jumbo h5 .grey,
      .jumbo p .grey {
        color: #666; } }
  .jumbo h1 span,
  .jumbo h2 span,
  .jumbo h3 span,
  .jumbo h4 span,
  .jumbo h5 span,
  .jumbo p span {
    float: none; }

.jumbo .jumbo-overlay-body {
  padding: 2px 0 0 4px; }
  @media (max-width: 767px) {
    .jumbo .jumbo-overlay-body h1,
    .jumbo .jumbo-overlay-body h2,
    .jumbo .jumbo-overlay-body h3,
    .jumbo .jumbo-overlay-body h4,
    .jumbo .jumbo-overlay-body h5,
    .jumbo .jumbo-overlay-body p {
      margin-left: 36px; } }
  @media (max-width: 767px) {
    .jumbo .jumbo-overlay-body p {
      color: #444; } }

@media (max-width: 767px) {
  .jumbo .panel h1,
  .jumbo .panel h2,
  .jumbo .panel h3,
  .jumbo .panel h4,
  .jumbo .panel h5,
  .jumbo .panel p {
    margin-left: 0; } }

.jumbo .jumbo-body {
  top: 50%;
  padding-top: 0;
  background: #fff; }
  @media (min-width: 768px) {
    .jumbo .jumbo-body {
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 100%;
      position: absolute;
      background: none; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .jumbo .jumbo-body .col-xsm-12 {
      width: 50%; } }
  @media (min-width: 768px) {
    .jumbo .jumbo-body .row {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; } }

.jumbo .jumbo-overlay-icon {
  padding-left: 21px; }
  .jumbo .jumbo-overlay-icon::before {
    font-size: 1.1875rem;
    font-family: barclaycard-icons-new;
    content: '\e9a8';
    color: #e9b319;
    margin-left: -21px;
    position: absolute; }
    @media (min-width: 400px) {
      .jumbo .jumbo-overlay-icon::before {
        font-size: 1.5625rem; } }
    @media (min-width: 768px) {
      .jumbo .jumbo-overlay-icon::before {
        font-size: 1.0625rem;
        position: inherit; } }
    @media (min-width: 1025px) {
      .jumbo .jumbo-overlay-icon::before {
        font-size: 1.5625rem; } }
    @media (min-width: 1256px) {
      .jumbo .jumbo-overlay-icon::before {
        font-size: 1.0625rem; } }
    @media (min-width: 1256px) {
      .jumbo .jumbo-overlay-icon::before {
        font-size: 1.625rem; } }
    @media (min-width: 1656px) {
      .jumbo .jumbo-overlay-icon::before {
        font-size: 1.875rem; } }

.jumbo .jumbo-overlay-content {
  display: block;
  width: auto;
  overflow: hidden; }

@media (min-width: 768px) {
  .jumbo .jumbo-overlay.background-cyan {
    background-color: #037CC2; }
    .jumbo .jumbo-overlay.background-cyan h2,
    .jumbo .jumbo-overlay.background-cyan h3,
    .jumbo .jumbo-overlay.background-cyan h4,
    .jumbo .jumbo-overlay.background-cyan p {
      color: #fff; }
  .jumbo .jumbo-overlay.background-white {
    background-color: #fff; }
    .jumbo .jumbo-overlay.background-white h2,
    .jumbo .jumbo-overlay.background-white h3,
    .jumbo .jumbo-overlay.background-white h4 {
      color: #037CC2; }
    .jumbo .jumbo-overlay.background-white p {
      color: #000; }
    .jumbo .jumbo-overlay.background-white .panel h2,
    .jumbo .jumbo-overlay.background-white .panel h3,
    .jumbo .jumbo-overlay.background-white .panel h4,
    .jumbo .jumbo-overlay.background-white .panel p {
      color: #fff; }
  .jumbo .jumbo-overlay.background-purple {
    background-color: #4c297e; }
    .jumbo .jumbo-overlay.background-purple h2,
    .jumbo .jumbo-overlay.background-purple h3,
    .jumbo .jumbo-overlay.background-purple h4,
    .jumbo .jumbo-overlay.background-purple p {
      color: #fff; }
  .jumbo .jumbo-overlay.background-dark-purple {
    background-color: #311356; }
    .jumbo .jumbo-overlay.background-dark-purple h2,
    .jumbo .jumbo-overlay.background-dark-purple h3,
    .jumbo .jumbo-overlay.background-dark-purple h4,
    .jumbo .jumbo-overlay.background-dark-purple p {
      color: #fff; }
  .jumbo .jumbo-overlay.background-raspberry {
    background-color: #9A0355; }
    .jumbo .jumbo-overlay.background-raspberry h2,
    .jumbo .jumbo-overlay.background-raspberry h3,
    .jumbo .jumbo-overlay.background-raspberry h4,
    .jumbo .jumbo-overlay.background-raspberry p {
      color: #fff; }
  .jumbo .jumbo-overlay.background-turquoise {
    background-color: #00a8a6; }
    .jumbo .jumbo-overlay.background-turquoise h2,
    .jumbo .jumbo-overlay.background-turquoise h3,
    .jumbo .jumbo-overlay.background-turquoise h4,
    .jumbo .jumbo-overlay.background-turquoise p {
      color: #fff; }
  .jumbo .jumbo-overlay.background-yellow {
    background-color: #e9b319; }
    .jumbo .jumbo-overlay.background-yellow h2,
    .jumbo .jumbo-overlay.background-yellow h3,
    .jumbo .jumbo-overlay.background-yellow h4,
    .jumbo .jumbo-overlay.background-yellow p {
      color: #fff; }
  .jumbo .jumbo-overlay.background-coral {
    background-color: #FD6D48; }
    .jumbo .jumbo-overlay.background-coral h2,
    .jumbo .jumbo-overlay.background-coral h3,
    .jumbo .jumbo-overlay.background-coral h4,
    .jumbo .jumbo-overlay.background-coral p {
      color: #fff; }
  .jumbo .jumbo-overlay.background-cyan, .jumbo .jumbo-overlay.background-white, .jumbo .jumbo-overlay.background-purple, .jumbo .jumbo-overlay.background-dark-purple, .jumbo .jumbo-overlay.background-raspberry, .jumbo .jumbo-overlay.background-turquoise, .jumbo .jumbo-overlay.background-yellow, .jumbo .jumbo-overlay.background-coral {
    border-radius: 8px;
    padding: 15px; } }

.jumbo h1,
.jumbo .h1,
.jumbo h2,
.jumbo .h2 {
  font-size: 1.625rem;
  margin-bottom: 10px;
  font-family: "bc-rg", Tahoma, sans-serif; }
  @media (min-width: 400px) {
    .jumbo h1,
    .jumbo .h1,
    .jumbo h2,
    .jumbo .h2 {
      font-size: 2.25rem; } }
  @media (min-width: 768px) {
    .jumbo h1,
    .jumbo .h1,
    .jumbo h2,
    .jumbo .h2 {
      font-size: 1.5rem; } }
  @media (min-width: 1025px) {
    .jumbo h1,
    .jumbo .h1,
    .jumbo h2,
    .jumbo .h2 {
      font-size: 2.25rem; } }
  @media (min-width: 1256px) {
    .jumbo h1,
    .jumbo .h1,
    .jumbo h2,
    .jumbo .h2 {
      font-size: 2.375rem; } }
  @media (min-width: 1656px) {
    .jumbo h1,
    .jumbo .h1,
    .jumbo h2,
    .jumbo .h2 {
      font-size: 2.6875rem; } }

.jumbo h3,
.jumbo .h3 {
  font-size: 1.25rem;
  margin-bottom: 20px; }
  @media (min-width: 1256px) {
    .jumbo h3,
    .jumbo .h3 {
      font-size: 1.3125rem; } }
  @media (min-width: 1656px) {
    .jumbo h3,
    .jumbo .h3 {
      font-size: 1.5rem; } }

.jumbo h4,
.jumbo .h4 {
  font-size: 0.9375rem;
  margin-bottom: 10px; }
  @media (min-width: 1256px) {
    .jumbo h4,
    .jumbo .h4 {
      font-size: 1rem; } }
  @media (min-width: 1656px) {
    .jumbo h4,
    .jumbo .h4 {
      font-size: 1.125rem; } }

.jumbo > p:last-child {
  margin: 0;
  font-size: .8rem; }

.jumbo .jumbo-overlay-body img {
  width: auto;
  height: 77px; }
  @media (min-width: 768px) {
    .jumbo .jumbo-overlay-body img {
      height: 107px; } }
  @media (min-width: 1024px) {
    .jumbo .jumbo-overlay-body img {
      height: 133px; } }

.jumbo .jumbo-overlay-body .panel {
  width: auto;
  border-radius: 10px;
  padding: 10px 12px;
  margin-bottom: 0;
  text-align: center;
  display: table; }
  .jumbo .jumbo-overlay-body .panel h2,
  .jumbo .jumbo-overlay-body .panel h3,
  .jumbo .jumbo-overlay-body .panel h4,
  .jumbo .jumbo-overlay-body .panel p {
    margin-bottom: 0; }
  .jumbo .jumbo-overlay-body .panel h2 {
    line-height: 1;
    letter-spacing: 0.0625rem; }
    @media (min-width: 1024px), (max-width: 767px) {
      .jumbo .jumbo-overlay-body .panel h2 {
        margin-bottom: 0; } }

@media (min-width: 1024px), (max-width: 767px) {
  .jumbo .jumbo-overlay-body .panel {
    padding: 10px 12px; } }

.jumbo .jumbo-overlay-body .columnContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px; }
  .jumbo .jumbo-overlay-body .columnContainer .icon {
    float: none; }

.jumbo .jumbo-overlay-body .jumbo-overlay-column1 {
  margin-right: 20px; }
  @media (max-width: 1023px) {
    .jumbo .jumbo-overlay-body .jumbo-overlay-column1 {
      margin-right: 15px; } }
  .jumbo .jumbo-overlay-body .jumbo-overlay-column1 .button {
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .jumbo .jumbo-overlay-body .jumbo-overlay-column1 .button {
        margin-top: 15px; } }
    @media (min-width: 1024px) {
      .jumbo .jumbo-overlay-body .jumbo-overlay-column1 .button {
        margin-top: 20px; } }

.jumbo .jumbo-overlay-body .jumbo-overlay-column2 {
  position: relative; }
  .jumbo .jumbo-overlay-body .jumbo-overlay-column2 a:first-child {
    position: absolute;
    white-space: nowrap; }
    @media (min-width: 768px) {
      .jumbo .jumbo-overlay-body .jumbo-overlay-column2 a:first-child {
        bottom: 0;
        margin-bottom: 54px; } }
    @media (min-width: 1024px) {
      .jumbo .jumbo-overlay-body .jumbo-overlay-column2 a:first-child {
        bottom: 0;
        margin-bottom: 59px; } }
  .jumbo .jumbo-overlay-body .jumbo-overlay-column2 a:last-child {
    margin-left: 0;
    margin-bottom: 0;
    position: absolute;
    white-space: nowrap;
    bottom: 0; }

@media (max-width: 767px) {
  .jumbo .jumbo-overlay-body .columnContainer {
    display: block; }
  .jumbo .jumbo-overlay-body .jumbo-overlay-column1 {
    margin-right: 0; }
    .jumbo .jumbo-overlay-body .jumbo-overlay-column1 .button {
      margin-bottom: 10px;
      margin-top: 0; }
    .jumbo .jumbo-overlay-body .jumbo-overlay-column1 img {
      margin-bottom: 20px;
      margin-left: 36px; }
    .jumbo .jumbo-overlay-body .jumbo-overlay-column1 .panel {
      display: inline-block;
      margin-bottom: 20px;
      margin-left: 36px; }
  .jumbo .jumbo-overlay-body .jumbo-overlay-column2 {
    position: relative; }
    .jumbo .jumbo-overlay-body .jumbo-overlay-column2 .panel {
      position: absolute;
      top: -122px;
      left: 181px; } }
    @media (max-width: 767px) and (max-width: 767px) {
      .jumbo .jumbo-overlay-body .jumbo-overlay-column2 .panel {
        top: -97px;
        left: 166px; } }

@media (max-width: 767px) {
    .jumbo .jumbo-overlay-body .jumbo-overlay-column2 a:last-child,
    .jumbo .jumbo-overlay-body .jumbo-overlay-column2 a:first-child {
      position: static; }
    .jumbo .jumbo-overlay-body .jumbo-overlay-column2 a:last-child {
      margin-top: 0; } }

.jumbo .jumbo-overlay-body:focus {
  border-color: #fff;
  border-style: solid;
  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #085da9;
  outline: none; }
  .jumbo .jumbo-overlay-body:focus .btn {
    border-color: transparent; }

@media (min-width: 768px) {
  .jumbo .col-sm-6 {
    float: left; } }

.jumbo .jumbo-body-right .quicklink .quicklink-content {
  width: 100%; }
  @media (min-width: 768px) {
    .jumbo .jumbo-body-right .quicklink .quicklink-content {
      float: right; } }
  @media (min-width: 1025px) {
    .jumbo .jumbo-body-right .quicklink .quicklink-content {
      width: 75%; } }
  @media (min-width: 1256px) {
    .jumbo .jumbo-body-right .quicklink .quicklink-content {
      width: 66%; } }

.jumbo .jumbo-body-right .quicklink h2 {
  font-size: 1.5rem;
  padding-bottom: 0; }
  @media (min-width: 768px) {
    .jumbo .jumbo-body-right .quicklink h2 {
      font-size: 1.5rem; } }
  @media (min-width: 1025px) {
    .jumbo .jumbo-body-right .quicklink h2 {
      font-size: 1.5rem; } }
  @media (min-width: 1256px) {
    .jumbo .jumbo-body-right .quicklink h2 {
      font-size: 1.625rem; } }
  @media (min-width: 1656px) {
    .jumbo .jumbo-body-right .quicklink h2 {
      font-size: 1.8125rem; } }

.jumbo .jumbo-body-right .quicklink a {
  padding-right: 50px; }

@media (min-width: 768px) {
  .jumbo .jumbo-body-right .quicklink.cyan .quicklink-content {
    background-color: #037CC2; } }

@media (min-width: 768px) {
  .jumbo .jumbo-body-right .quicklink.white .quicklink-content {
    background-color: #fff; } }

@media (min-width: 768px) {
  .jumbo .jumbo-body-right .quicklink.purple .quicklink-content {
    background-color: #4c297e; } }

@media (min-width: 768px) {
  .jumbo .jumbo-body-right .quicklink.dark-purple .quicklink-content {
    background-color: #311356; } }

@media (min-width: 768px) {
  .jumbo .jumbo-body-right .quicklink.raspberry .quicklink-content {
    background-color: #9A0355; } }

@media (min-width: 768px) {
  .jumbo .jumbo-body-right .quicklink.turquoise .quicklink-content {
    background-color: #00a8a6; } }

@media (min-width: 768px) {
  .jumbo .jumbo-body-right .quicklink.yellow .quicklink-content {
    background-color: #e9b319; } }

@media (min-width: 768px) {
  .jumbo .jumbo-body-right .quicklink.coral .quicklink-content {
    background-color: #FD6D48; } }

.jumbo-short {
  height: auto; }
  @media (max-width: 767px) {
    .jumbo-short .jumbo-media {
      aspect-ratio: 125/51; } }
  @media (min-width: 768px) {
    .jumbo-short {
      height: 217px; }
      .jumbo-short img,
      .jumbo-short picture {
        height: 217px; } }
  @media (min-width: 1024px) {
    .jumbo-short {
      height: 290px; }
      .jumbo-short img,
      .jumbo-short picture {
        height: 290px; } }
  @media (min-width: 1656px) {
    .jumbo-short {
      height: 408px; }
      .jumbo-short img,
      .jumbo-short picture {
        height: 408px; } }

@media all and (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) {
  .jumbo-short img,
  .jumbo-short picture {
    height: 313px; } }

.jumbo-rep {
  height: auto; }
  .jumbo-rep img {
    height: auto; }
  @media (max-width: 767px) {
    .jumbo-rep .jumbo-media {
      min-height: 150px; } }
  @media (min-width: 768px) {
    .jumbo-rep {
      height: 442px; }
      .jumbo-rep img,
      .jumbo-rep picture {
        height: 442px; } }
  @media (min-width: 1024px) {
    .jumbo-rep {
      height: 542px; }
      .jumbo-rep img,
      .jumbo-rep picture {
        height: 542px; } }

@media all and (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) {
  .jumbo-rep img,
  .jumbo-rep picture {
    height: 313px; } }

@media (min-width: 768px) {
  .jumbo-advanced .button {
    margin-top: 0; }
    .jumbo-advanced .button + .button {
      margin-left: 15px; }
  .jumbo-advanced .jumbo-buttons {
    margin-left: 45px;
    margin-top: -244px;
    float: left; }
  .jumbo-advanced .jumbo-body {
    -webkit-transform: inherit;
        -ms-transform: inherit;
         -o-transform: inherit;
            transform: inherit;
    top: 60px; }
  .jumbo-advanced .representative-example {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: -184px;
    height: 184px; }
    .jumbo-advanced .representative-example .col-md-3,
    .jumbo-advanced .representative-example .col-sm-12 {
      padding-right: 0; }
  .jumbo-advanced .representative-example-annualFee {
    margin-top: -186px; }
  .jumbo-advanced .representative-example-annualFee {
    margin-top: -171px; }
  .jumbo-advanced .representative-example-annualFee {
    margin-top: -171px; } }

@media (min-width: 1025px) {
  .jumbo-advanced .jumbo-buttons {
    margin-left: 33px;
    margin-top: -264px; }
  .jumbo-advanced .representative-example {
    height: auto; }
  .jumbo-advanced .representative-example-noAnnualFee {
    margin-top: -204px; }
  .jumbo-advanced .representative-example-annualFee {
    margin-top: -171px; }
  .jumbo-advanced .representative-example-freeForm {
    margin-top: -171px; }
  .jumbo-advanced .jumbo-body {
    top: 52.5px; } }

@media (min-width: 1256px) {
  .jumbo-advanced .jumbo-buttons {
    margin-left: 42px;
    margin-top: -248px; }
  .jumbo-advanced .representative-example {
    height: auto; }
  .jumbo-advanced .representative-example-noAnnualFee {
    margin-top: -188px; }
  .jumbo-advanced .representative-example-annualFee {
    margin-top: -155px; }
  .jumbo-advanced .representative-example-freeForm {
    margin-top: -155px; }
  .jumbo-advanced .jumbo-body {
    top: 30px; } }

@media (min-width: 1656px) {
  .jumbo-advanced .jumbo-buttons {
    margin-left: 46px;
    margin-top: -222px; }
  .jumbo-advanced .representative-example {
    height: auto; }
  .jumbo-advanced .representative-example-noAnnualFee {
    margin-top: -162px; }
  .jumbo-advanced .representative-example-annualFee {
    margin-top: -160px; }
  .jumbo-advanced .representative-example-freeForm {
    margin-top: -160px; }
  .jumbo-advanced .jumbo-body {
    top: 67px; } }

@media (max-width: 767px) {
  .jumbo-advanced .jumbo-buttons {
    background: #fff;
    padding: 0 15px 15px; }
  .jumbo-advanced .button {
    margin-top: 15px; }
  .jumbo-advanced p {
    color: #fff; } }

.jumbo-advanced .button {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 0;
  vertical-align: top; }

.jumbo-advanced .jumbo-body-d .quicklink {
  display: inline-block;
  margin: 20px 0 0;
  background: none;
  vertical-align: top;
  padding: 0;
  width: 100%;
  overflow: visible; }
  @media (min-width: 768px) {
    .jumbo-advanced .jumbo-body-d .quicklink {
      margin: 0 0 0 15px;
      width: inherit; }
      .jumbo-advanced .jumbo-body-d .quicklink a {
        color: #fff; }
      .jumbo-advanced .jumbo-body-d .quicklink li {
        width: auto;
        float: none; } }
  @media (max-width: 767px) {
    .jumbo-advanced .jumbo-body-d .quicklink li {
      width: 50%;
      float: left; } }
  .jumbo-advanced .jumbo-body-d .quicklink .quicklink-content {
    padding: 0; }
  .jumbo-advanced .jumbo-body-d .quicklink ul {
    margin: 0; }
  .jumbo-advanced .jumbo-body-d .quicklink .quicklink-item {
    max-height: 160px;
    display: block; }
  .jumbo-advanced .jumbo-body-d .quicklink a {
    color: #085da9; }

.jumbo-advanced .jumbo-content-d .quicklink-item {
  margin: 0; }
  .jumbo-advanced .jumbo-content-d .quicklink-item ul {
    margin: 0; }
  .jumbo-advanced .jumbo-content-d .quicklink-item a {
    font-size: 0.875rem;
    border: 0;
    padding: 0;
    font-family: "bc-lt", Tahoma, sans-serif;
    line-height: 1.2; }

@media (min-width: 768px) {
  .jumbo-advanced .white a {
    color: #fff; } }

.jumbo-advanced .jumbo-body-d {
  padding: 0;
  margin-top: 0; }
  @media (max-width: 1024px) {
    .jumbo-advanced .jumbo-body-d .col-md-12 {
      padding: 0; } }
  @media (min-width: 1025px) {
    .jumbo-advanced .jumbo-body-d .col-md-12 {
      padding: 0 15px; } }
  .jumbo-advanced .jumbo-body-d .jumbo-content-d {
    margin: 0;
    padding-top: 0; }

.jumbo-advanced .representative-example {
  background: #fff;
  width: 100%;
  border-bottom: 2px solid #fff;
  float: left; }
  .jumbo-advanced .representative-example .representative-example-title h3 {
    color: #444; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle; }

svg:not(:root) {
  overflow: hidden; }

/*if the author wants to see the full width image in mobile view*/
@media (max-width: 768px) {
  .check-mobile {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    position: relative;
    width: 100vw; } }

@media only screen and (min-device-width: 375px) and (max-device-width: 824px) and (orientation: landscape) {
  .check-mobile {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    position: relative;
    width: 100vw; } }

a {
  background-color: transparent;
  color: #085da9;
  line-height: 1.35;
  text-decoration: underline;
  -webkit-text-decoration-skip: objects; }
  a:visited {
    color: #4c297e; }
  a:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #085da9;
    color: #4c297e;
    outline: none; }
    a:focus::-moz-selection {
      background: transparent; }
    a:focus::selection {
      background: transparent; }
  a.aem-adaptive-image__link {
    box-shadow: none; }
  a:hover {
    color: #4c297e;
    text-decoration: underline; }
  a:active {
    color: #085da9; }
  a.third-party::after {
    content: '\e964';
    font-family: 'barclaycard-icons-new';
    padding-left: 10px; }
  a.no-after::after, a.no-after::before {
    display: none; }
  a.no-underline {
    display: inline-block;
    text-decoration: none; }

/*  */
.promo {
  padding: 0;
  margin: 0;
  width: 100%; }
  @media (min-width: 1025px) {
    .promo {
      width: 100%; } }
  @media (min-width: 768px) {
    .promo {
      padding: 0;
      margin: 0; } }

@media (min-width: 768px) {
  .promo-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 0;
    overflow: hidden; } }

.promo-wrapper-one {
  font-size: inherit;
  width: 100%; }
  .promo-wrapper-one .promo {
    display: inline-block;
    background-color: transparent;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: inherit; }
    @media (min-width: 1025px) {
      .promo-wrapper-one .promo {
        width: 100%; } }
    @media (min-width: 768px) {
      .promo-wrapper-one .promo {
        padding: 0;
        margin: 0; } }
  .promo-wrapper-one .promo-media {
    overflow: hidden;
    height: 175px;
    position: relative; }
    .promo-wrapper-one .promo-media img {
      position: absolute;
      top: 0;
      max-width: none; }
  .promo-wrapper-one .promo-content {
    background-color: transparent;
    padding: 30px 1px 1px; }
    @media (min-width: 768px) {
      .promo-wrapper-one .promo-content p {
        font-size: 1rem; } }
  .promo-wrapper-one .promo-body h2,
  .promo-wrapper-one .promo-body h3 {
    font-family: "bc-lt", Tahoma, sans-serif;
    color: #037CC2; }
  .promo-wrapper-one .promo-body h2,
  .promo-wrapper-one .promo-body h3,
  .promo-wrapper-one .promo-body h4,
  .promo-wrapper-one .promo-body h5,
  .promo-wrapper-one .promo-body h6,
  .promo-wrapper-one .promo-body p {
    overflow-wrap: break-word;
    word-wrap: break-word; }
  .promo-wrapper-one .promo-media,
  .promo-wrapper-one .promo-content {
    width: 100%; }
  .promo-wrapper-one.shaded {
    background-color: #fff; }
  .promo-wrapper-one.white {
    background-color: #fff; }
  .promo-wrapper-one.cyan {
    background-color: #037CC2; }
  .promo-wrapper-one.purple {
    background-color: #4c297e; }
  .promo-wrapper-one.dark-purple {
    background-color: #311356; }
  .promo-wrapper-one.raspberry {
    background-color: #9A0355; }
  .promo-wrapper-one.turquoise {
    background-color: #00a8a6; }
  .promo-wrapper-one.yellow {
    background-color: #e9b319; }
  .promo-wrapper-one.coral {
    background-color: #FD6D48; }
  .promo-wrapper-one.cyan, .promo-wrapper-one.purple, .promo-wrapper-one.dark-purple, .promo-wrapper-one.raspberry, .promo-wrapper-one.turquoise, .promo-wrapper-one.yellow, .promo-wrapper-one.coral {
    color: #fff; }
    .promo-wrapper-one.cyan p,
    .promo-wrapper-one.cyan h2,
    .promo-wrapper-one.cyan h3,
    .promo-wrapper-one.cyan h4,
    .promo-wrapper-one.cyan h5,
    .promo-wrapper-one.cyan h6,
    .promo-wrapper-one.cyan a:not(.btn),
    .promo-wrapper-one.cyan blockquote,
    .promo-wrapper-one.cyan [class^='icon-'],
    .promo-wrapper-one.cyan [class*=' icon-'], .promo-wrapper-one.purple p,
    .promo-wrapper-one.purple h2,
    .promo-wrapper-one.purple h3,
    .promo-wrapper-one.purple h4,
    .promo-wrapper-one.purple h5,
    .promo-wrapper-one.purple h6,
    .promo-wrapper-one.purple a:not(.btn),
    .promo-wrapper-one.purple blockquote,
    .promo-wrapper-one.purple [class^='icon-'],
    .promo-wrapper-one.purple [class*=' icon-'], .promo-wrapper-one.dark-purple p,
    .promo-wrapper-one.dark-purple h2,
    .promo-wrapper-one.dark-purple h3,
    .promo-wrapper-one.dark-purple h4,
    .promo-wrapper-one.dark-purple h5,
    .promo-wrapper-one.dark-purple h6,
    .promo-wrapper-one.dark-purple a:not(.btn),
    .promo-wrapper-one.dark-purple blockquote,
    .promo-wrapper-one.dark-purple [class^='icon-'],
    .promo-wrapper-one.dark-purple [class*=' icon-'], .promo-wrapper-one.raspberry p,
    .promo-wrapper-one.raspberry h2,
    .promo-wrapper-one.raspberry h3,
    .promo-wrapper-one.raspberry h4,
    .promo-wrapper-one.raspberry h5,
    .promo-wrapper-one.raspberry h6,
    .promo-wrapper-one.raspberry a:not(.btn),
    .promo-wrapper-one.raspberry blockquote,
    .promo-wrapper-one.raspberry [class^='icon-'],
    .promo-wrapper-one.raspberry [class*=' icon-'], .promo-wrapper-one.turquoise p,
    .promo-wrapper-one.turquoise h2,
    .promo-wrapper-one.turquoise h3,
    .promo-wrapper-one.turquoise h4,
    .promo-wrapper-one.turquoise h5,
    .promo-wrapper-one.turquoise h6,
    .promo-wrapper-one.turquoise a:not(.btn),
    .promo-wrapper-one.turquoise blockquote,
    .promo-wrapper-one.turquoise [class^='icon-'],
    .promo-wrapper-one.turquoise [class*=' icon-'], .promo-wrapper-one.yellow p,
    .promo-wrapper-one.yellow h2,
    .promo-wrapper-one.yellow h3,
    .promo-wrapper-one.yellow h4,
    .promo-wrapper-one.yellow h5,
    .promo-wrapper-one.yellow h6,
    .promo-wrapper-one.yellow a:not(.btn),
    .promo-wrapper-one.yellow blockquote,
    .promo-wrapper-one.yellow [class^='icon-'],
    .promo-wrapper-one.yellow [class*=' icon-'], .promo-wrapper-one.coral p,
    .promo-wrapper-one.coral h2,
    .promo-wrapper-one.coral h3,
    .promo-wrapper-one.coral h4,
    .promo-wrapper-one.coral h5,
    .promo-wrapper-one.coral h6,
    .promo-wrapper-one.coral a:not(.btn),
    .promo-wrapper-one.coral blockquote,
    .promo-wrapper-one.coral [class^='icon-'],
    .promo-wrapper-one.coral [class*=' icon-'] {
      color: #fff; }
    .promo-wrapper-one.cyan .btn-secondary [class^='icon-'],
    .promo-wrapper-one.cyan .btn-secondary [class*=' icon-'], .promo-wrapper-one.purple .btn-secondary [class^='icon-'],
    .promo-wrapper-one.purple .btn-secondary [class*=' icon-'], .promo-wrapper-one.dark-purple .btn-secondary [class^='icon-'],
    .promo-wrapper-one.dark-purple .btn-secondary [class*=' icon-'], .promo-wrapper-one.raspberry .btn-secondary [class^='icon-'],
    .promo-wrapper-one.raspberry .btn-secondary [class*=' icon-'], .promo-wrapper-one.turquoise .btn-secondary [class^='icon-'],
    .promo-wrapper-one.turquoise .btn-secondary [class*=' icon-'], .promo-wrapper-one.yellow .btn-secondary [class^='icon-'],
    .promo-wrapper-one.yellow .btn-secondary [class*=' icon-'], .promo-wrapper-one.coral .btn-secondary [class^='icon-'],
    .promo-wrapper-one.coral .btn-secondary [class*=' icon-'] {
      color: #085da9; }
    .promo-wrapper-one.cyan .btn-secondary:hover [class^='icon-'],
    .promo-wrapper-one.cyan .btn-secondary:hover [class*=' icon-'], .promo-wrapper-one.purple .btn-secondary:hover [class^='icon-'],
    .promo-wrapper-one.purple .btn-secondary:hover [class*=' icon-'], .promo-wrapper-one.dark-purple .btn-secondary:hover [class^='icon-'],
    .promo-wrapper-one.dark-purple .btn-secondary:hover [class*=' icon-'], .promo-wrapper-one.raspberry .btn-secondary:hover [class^='icon-'],
    .promo-wrapper-one.raspberry .btn-secondary:hover [class*=' icon-'], .promo-wrapper-one.turquoise .btn-secondary:hover [class^='icon-'],
    .promo-wrapper-one.turquoise .btn-secondary:hover [class*=' icon-'], .promo-wrapper-one.yellow .btn-secondary:hover [class^='icon-'],
    .promo-wrapper-one.yellow .btn-secondary:hover [class*=' icon-'], .promo-wrapper-one.coral .btn-secondary:hover [class^='icon-'],
    .promo-wrapper-one.coral .btn-secondary:hover [class*=' icon-'] {
      color: #037CC2; }
  @media (min-width: 768px) {
    .promo-wrapper-one.desktophorizontal .promo {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
    .promo-wrapper-one.desktophorizontal .promo-media {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      float: left;
      height: auto;
      min-height: 175px;
      width: 50%; }
      .promo-wrapper-one.desktophorizontal .promo-media img {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        height: 100%;
        left: 50%;
        margin-right: -50%;
        min-height: 175px;
        right: auto;
        -webkit-transform: translate(-50%);
            -ms-transform: translate(-50%);
             -o-transform: translate(-50%);
                transform: translate(-50%); }
      .promo-wrapper-one.desktophorizontal .promo-media:focus {
        background-color: #fff;
        margin-bottom: 2px;
        min-height: 171px;
        width: calc(50% - 2px); }
        .promo-wrapper-one.desktophorizontal .promo-media:focus img {
          height: 101%; }
    .promo-wrapper-one.desktophorizontal .promo-left .promo-media img {
      left: 0;
      right: auto;
      -webkit-transform: translate(0%);
          -ms-transform: translate(0%);
           -o-transform: translate(0%);
              transform: translate(0%); }
    .promo-wrapper-one.desktophorizontal .promo-right .promo-media img {
      left: auto;
      margin-right: 0;
      right: 0;
      -webkit-transform: translate(0%);
          -ms-transform: translate(0%);
           -o-transform: translate(0%);
              transform: translate(0%); }
    .promo-wrapper-one.desktophorizontal .promo-content {
      width: 50%;
      float: left; }
    .promo-wrapper-one.desktophorizontal .promo-body {
      -webkit-flex: auto;
          -ms-flex: auto;
              flex: auto; } }
  @media (max-width: 767px) {
    .promo-wrapper-one.mobilehorizontal .promo {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
    .promo-wrapper-one.mobilehorizontal .promo-media {
      width: 50%;
      float: left;
      height: auto;
      min-height: 175px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .promo-wrapper-one.mobilehorizontal .promo-media img {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        height: 100%;
        left: 50%;
        margin-right: -50%;
        min-height: 175px;
        right: auto;
        -webkit-transform: translate(-50%);
            -ms-transform: translate(-50%);
             -o-transform: translate(-50%);
                transform: translate(-50%); }
      .promo-wrapper-one.mobilehorizontal .promo-media:focus {
        background-color: #fff;
        margin-bottom: 2px;
        min-height: 171px;
        width: calc(50% - 2px); }
        .promo-wrapper-one.mobilehorizontal .promo-media:focus img {
          height: 101%; }
    .promo-wrapper-one.mobilehorizontal .promo-left .promo-media img {
      left: 0;
      right: auto;
      -webkit-transform: translate(0%);
          -ms-transform: translate(0%);
           -o-transform: translate(0%);
              transform: translate(0%); }
    .promo-wrapper-one.mobilehorizontal .promo-right .promo-media img {
      left: auto;
      margin-right: 0;
      right: 0;
      -webkit-transform: translate(0%);
          -ms-transform: translate(0%);
           -o-transform: translate(0%);
              transform: translate(0%); }
    .promo-wrapper-one.mobilehorizontal .promo-content {
      float: left;
      width: 50%; }
    .promo-wrapper-one.mobilehorizontal .promo-body {
      -webkit-flex: auto;
          -ms-flex: auto;
              flex: auto; } }
  .promo-wrapper-one.mobilehorizontal .promo-content, .promo-wrapper-one.desktophorizontal .promo-content {
    padding: 20px 0 20px 20px; }
  .promo-wrapper-one.shaded .promo-content, .promo-wrapper-one.cyan .promo-content, .promo-wrapper-one.purple .promo-content, .promo-wrapper-one.dark-purple .promo-content, .promo-wrapper-one.raspberry .promo-content, .promo-wrapper-one.turquoise .promo-content, .promo-wrapper-one.yellow .promo-content, .promo-wrapper-one.coral .promo-content {
    padding: 20px; }

.promo-center .promo-media img {
  left: 50%;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }

.promo-media:focus {
  height: 173px;
  margin-left: 2px;
  margin-top: 2px;
  width: calc(100% - 4px);
  border: 2px solid #fff;
  outline: 2px solid #085da9; }

.promo-media:focus img {
  margin-top: -4px;
  margin-right: -4px; }

.promo-left .promo-media img {
  left: 0;
  right: auto; }

.promo-right .promo-media img {
  left: auto;
  right: 0; }

.promo-footer .btn {
  margin: 0; }
  @media (min-width: 768px) {
    .promo-footer .btn {
      margin: 0; } }

.side .promo-wrapper {
  padding-top: 15px;
  padding-bottom: 15px; }
  .side .promo-wrapper.shaded {
    padding: 0; }

.wrapper:nth-child(even) .promo-content {
  background: transparent; }

@media (min-width: 1025px) {
  .wrapper:nth-child(even) .promo-wrapper-one .promo {
    background: transparent; } }

.quicklink {
  display: block;
  overflow: visible;
  padding-bottom: 0;
  padding-top: 0;
  width: 100%; }
  @media (min-width: 768px) {
    .quicklink {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      height: auto;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .quicklink h2 {
    margin: 0;
    padding-bottom: 20px; }
  .quicklink li {
    margin-bottom: 0; }
  .quicklink a {
    display: block;
    line-height: 1.25rem;
    outline: 0;
    padding: 10px 4px;
    text-decoration: none; }
    .quicklink a .icon {
      display: inline-block;
      margin-left: 14px;
      position: absolute; }
    .quicklink a .icon-external-link::before {
      content: '\e964';
      font-family: 'barclaycard-icons-new';
      position: relative;
      top: -1px; }
    .quicklink a.third-party::after {
      line-height: 1; }
    .quicklink a .quicklink__icon {
      display: none; }
    .quicklink a:focus {
      border: none;
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #085da9;
      outline: none; }
  .quicklink ul {
    list-style: none;
    margin: 16px 0; }
  .quicklink .quicklink-content {
    display: block;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    margin: 0;
    padding: 0;
    width: 100%; }
    @media (min-width: 768px) {
      .quicklink .quicklink-content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        height: auto; } }
  .quicklink .quicklink-item {
    display: block;
    vertical-align: top; }
    @media (min-width: 768px) {
      .quicklink .quicklink-item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        height: auto;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        margin: 0 -4px 0 0; } }
  .quicklink nav > ul > li {
    display: block; }
  .quicklink li {
    color: #085da9; }
  .quicklink.cyan .quicklink-content {
    background-color: #037CC2; }
  .quicklink.cyan a,
  .quicklink.cyan h2,
  .quicklink.cyan h3,
  .quicklink.cyan li {
    color: #fff; }
  .quicklink.white .quicklink-content {
    background-color: #fff; }
  .quicklink.white a,
  .quicklink.white li {
    color: #085da9; }
    .quicklink.white a:visited,
    .quicklink.white li:visited {
      color: #4c297e; }
    .quicklink.white a:hover,
    .quicklink.white li:hover {
      color: #4c297e;
      text-decoration: underline; }
    .quicklink.white a:active,
    .quicklink.white li:active {
      color: #085da9; }
  .quicklink.purple .quicklink-content {
    background-color: #4c297e; }
  .quicklink.purple a,
  .quicklink.purple h2,
  .quicklink.purple h3,
  .quicklink.purple li {
    color: #fff; }
  .quicklink.dark-purple .quicklink-content {
    background-color: #311356; }
  .quicklink.dark-purple a,
  .quicklink.dark-purple h2,
  .quicklink.dark-purple h3,
  .quicklink.dark-purple li {
    color: #fff; }
  .quicklink.raspberry .quicklink-content {
    background-color: #9A0355; }
  .quicklink.raspberry a,
  .quicklink.raspberry h2,
  .quicklink.raspberry h3,
  .quicklink.raspberry li {
    color: #fff; }
  .quicklink.turquoise .quicklink-content {
    background-color: #00a8a6; }
  .quicklink.turquoise a,
  .quicklink.turquoise h2,
  .quicklink.turquoise h3,
  .quicklink.turquoise li {
    color: #fff; }
  .quicklink.yellow .quicklink-content {
    background-color: #e9b319; }
  .quicklink.yellow a,
  .quicklink.yellow h2,
  .quicklink.yellow h3,
  .quicklink.yellow li {
    color: #fff; }
  .quicklink.coral .quicklink-content {
    background-color: #FD6D48; }
  .quicklink.coral a,
  .quicklink.coral h2,
  .quicklink.coral h3,
  .quicklink.coral li {
    color: #fff; }
  .quicklink.cyan .quicklink-content, .quicklink.white .quicklink-content, .quicklink.purple .quicklink-content, .quicklink.dark-purple .quicklink-content, .quicklink.raspberry .quicklink-content, .quicklink.turquoise .quicklink-content, .quicklink.yellow .quicklink-content, .quicklink.coral .quicklink-content {
    padding: 20px; }
  .quicklink.chevron li {
    position: relative; }
    .quicklink.chevron li .quicklink__icon {
      display: block;
      fill: currentColor;
      height: 12px;
      position: absolute;
      right: 2px;
      top: 50%;
      -webkit-transform: translateY(-50%) rotate(-90deg);
          -ms-transform: translateY(-50%) rotate(-90deg);
           -o-transform: translateY(-50%) rotate(-90deg);
              transform: translateY(-50%) rotate(-90deg);
      width: 12px; }
  .quicklink.chevron a {
    padding-right: 20px; }
  .quicklink.borderbottom a {
    border-left: solid 1px transparent;
    border-right: solid 1px transparent;
    border-top: solid 1px transparent;
    border-bottom: solid 1px #ccc;
    padding: 9px 4px; }
    .quicklink.borderbottom a:focus {
      border: 1px solid #fff;
      box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #085da9; }
  .quicklink.borderbottom.cyan a {
    border-bottom: solid 1px #fff; }

.side .quicklink {
  padding-bottom: 15px; }

@media (min-width: 768px) {
  .quicklink-1col .quicklink-item {
    max-width: 1440px;
    width: 100%; } }

.jumbo-advanced .jumbo-buttons .quicklink.borderbottom a {
  border-bottom: 0; }

.rating {
  margin-bottom: 1.2499999999rem; }
  @media (min-width: 768px) {
    .rating {
      margin-bottom: 30px; } }
  .rating .label {
    margin-bottom: 12px; }
  .rating .rating-text {
    display: inline-block;
    font-size: 87.5%; }
    .rating .rating-text.before {
      margin-right: 20px; }
    .rating .rating-text.after {
      margin-left: 20px; }

.control-rating {
  margin-right: 0; }
  .control-rating .control-indicator {
    border: 0; }
    .control-rating .control-indicator::after {
      color: #e9b319;
      font-family: 'barclaycard-icons-new';
      font-size: 1.775em; }
    .control-rating .control-indicator.fill::after {
      content: '\e9b8'; }
    .control-rating .control-indicator.outline::after {
      content: '\e9b7'; }

.share {
  background-color: #fff;
  float: left;
  height: auto;
  width: 100%;
  padding: 0 10px 0 0; }
  @media (min-width: 768px) {
    .share {
      padding-top: 30px; } }
  .share ul {
    display: inline-block;
    float: left;
    list-style: none;
    margin-left: 5px;
    margin-top: 0;
    padding-left: 0; }
  .share li {
    display: inline-block;
    float: left;
    list-style: none;
    margin-left: 0;
    margin-right: 6px; }
    @media (min-width: 768px) {
      .share li {
        margin-left: 25px; } }
    @media (min-width: 768px) {
      .share li:first-child {
        margin-left: 29px; } }
    .share li:first-of-type {
      margin-left: 0; }
  .share a {
    color: transparent;
    display: block;
    height: 30px;
    width: 30px; }
    .share a::before {
      font-size: 1.8em; }
    .share a:hover, .share a:focus {
      box-shadow: inset 0 0 0 2px #fff, 0 0 0 2px #085da9;
      outline: none;
      text-decoration: none; }
  .share .icon {
    vertical-align: middle; }
    .share .icon path {
      fill: #037CC2; }
    .share .icon:hover path,
    .share .icon:focus path {
      fill: #085da9; }
  .share img {
    height: inherit; }

.share-heading {
  color: #037CC2;
  display: inline-block;
  vertical-align: -1px; }
  @media (min-width: 768px) {
    .share-heading {
      vertical-align: -3px; } }
  .share-heading span {
    display: none; }
    @media (min-width: 768px) {
      .share-heading span {
        display: inline-block; } }

.article-snippet .share {
  background: none;
  float: none;
  padding: 10px 0 0; }
  .article-snippet .share .col-xs-12 {
    padding: 0; }
  .article-snippet .share ul {
    float: right;
    margin: 0; }
  .article-snippet .share a {
    height: 20px;
    width: 20px; }
    @media (min-width: 1656px) {
      .article-snippet .share a {
        height: 25px; } }
    .article-snippet .share a::before {
      font-size: 1.3em; }
  .article-snippet .share .container-fluid {
    max-width: 100%; }

.article-snippet {
  width: 100%; }
  @media (max-width: 768px) {
    .article-snippet.article-summary .h-pull-left img,
    .article-snippet.article-summary .h-pull-right img,
    .article-snippet.article-summary .h-pull-left span,
    .article-snippet.article-summary .h-pull-right span {
      float: none;
      margin-bottom: 10px;
      margin-left: 0;
      max-width: 100%; }
    .article-snippet.article-summary .btn .icon {
      margin: 0 5px;
      float: right; } }
  .article-snippet + .article-snippet {
    margin-top: 20px; }
  .article-snippet h3 {
    margin: 0;
    padding-bottom: 20px; }
  .article-snippet .media-ft {
    margin-bottom: 20px;
    clear: both; }
  .article-snippet .collapse {
    display: none; }
    .article-snippet .collapse.in {
      display: block; }
  .article-snippet.shaded, .article-snippet.cyan, .article-snippet.purple, .article-snippet.dark-purple, .article-snippet.raspberry, .article-snippet.turquoise, .article-snippet.yellow, .article-snippet.coral {
    padding: 20px;
    border: 0;
    border-radius: 0; }
  .article-snippet.shaded {
    background-color: #fff; }
  .article-snippet.cyan {
    background-color: #037CC2; }
  .article-snippet.purple {
    background-color: #4c297e; }
  .article-snippet.dark-purple {
    background-color: #311356; }
  .article-snippet.raspberry {
    background-color: #9A0355; }
  .article-snippet.turquoise {
    background-color: #00a8a6; }
  .article-snippet.yellow {
    background-color: #e9b319; }
  .article-snippet.coral {
    background-color: #FD6D48; }
  .article-snippet.cyan p,
  .article-snippet.cyan h2,
  .article-snippet.cyan h3,
  .article-snippet.cyan h4,
  .article-snippet.cyan h5,
  .article-snippet.cyan h6,
  .article-snippet.cyan li,
  .article-snippet.cyan a:not(.btn),
  .article-snippet.cyan blockquote,
  .article-snippet.cyan [class^='icon-'],
  .article-snippet.cyan [class*=' icon-'],
  .article-snippet.cyan .toggle:focus, .article-snippet.purple p,
  .article-snippet.purple h2,
  .article-snippet.purple h3,
  .article-snippet.purple h4,
  .article-snippet.purple h5,
  .article-snippet.purple h6,
  .article-snippet.purple li,
  .article-snippet.purple a:not(.btn),
  .article-snippet.purple blockquote,
  .article-snippet.purple [class^='icon-'],
  .article-snippet.purple [class*=' icon-'],
  .article-snippet.purple .toggle:focus, .article-snippet.dark-purple p,
  .article-snippet.dark-purple h2,
  .article-snippet.dark-purple h3,
  .article-snippet.dark-purple h4,
  .article-snippet.dark-purple h5,
  .article-snippet.dark-purple h6,
  .article-snippet.dark-purple li,
  .article-snippet.dark-purple a:not(.btn),
  .article-snippet.dark-purple blockquote,
  .article-snippet.dark-purple [class^='icon-'],
  .article-snippet.dark-purple [class*=' icon-'],
  .article-snippet.dark-purple .toggle:focus, .article-snippet.raspberry p,
  .article-snippet.raspberry h2,
  .article-snippet.raspberry h3,
  .article-snippet.raspberry h4,
  .article-snippet.raspberry h5,
  .article-snippet.raspberry h6,
  .article-snippet.raspberry li,
  .article-snippet.raspberry a:not(.btn),
  .article-snippet.raspberry blockquote,
  .article-snippet.raspberry [class^='icon-'],
  .article-snippet.raspberry [class*=' icon-'],
  .article-snippet.raspberry .toggle:focus, .article-snippet.turquoise p,
  .article-snippet.turquoise h2,
  .article-snippet.turquoise h3,
  .article-snippet.turquoise h4,
  .article-snippet.turquoise h5,
  .article-snippet.turquoise h6,
  .article-snippet.turquoise li,
  .article-snippet.turquoise a:not(.btn),
  .article-snippet.turquoise blockquote,
  .article-snippet.turquoise [class^='icon-'],
  .article-snippet.turquoise [class*=' icon-'],
  .article-snippet.turquoise .toggle:focus, .article-snippet.yellow p,
  .article-snippet.yellow h2,
  .article-snippet.yellow h3,
  .article-snippet.yellow h4,
  .article-snippet.yellow h5,
  .article-snippet.yellow h6,
  .article-snippet.yellow li,
  .article-snippet.yellow a:not(.btn),
  .article-snippet.yellow blockquote,
  .article-snippet.yellow [class^='icon-'],
  .article-snippet.yellow [class*=' icon-'],
  .article-snippet.yellow .toggle:focus, .article-snippet.coral p,
  .article-snippet.coral h2,
  .article-snippet.coral h3,
  .article-snippet.coral h4,
  .article-snippet.coral h5,
  .article-snippet.coral h6,
  .article-snippet.coral li,
  .article-snippet.coral a:not(.btn),
  .article-snippet.coral blockquote,
  .article-snippet.coral [class^='icon-'],
  .article-snippet.coral [class*=' icon-'],
  .article-snippet.coral .toggle:focus {
    color: #fff; }
  .article-snippet.cyan .btn-secondary [class^='icon-'],
  .article-snippet.cyan .btn-secondary [class*=' icon-'],
  .article-snippet.cyan .btn-secondary .icon::before, .article-snippet.purple .btn-secondary [class^='icon-'],
  .article-snippet.purple .btn-secondary [class*=' icon-'],
  .article-snippet.purple .btn-secondary .icon::before, .article-snippet.dark-purple .btn-secondary [class^='icon-'],
  .article-snippet.dark-purple .btn-secondary [class*=' icon-'],
  .article-snippet.dark-purple .btn-secondary .icon::before, .article-snippet.raspberry .btn-secondary [class^='icon-'],
  .article-snippet.raspberry .btn-secondary [class*=' icon-'],
  .article-snippet.raspberry .btn-secondary .icon::before, .article-snippet.turquoise .btn-secondary [class^='icon-'],
  .article-snippet.turquoise .btn-secondary [class*=' icon-'],
  .article-snippet.turquoise .btn-secondary .icon::before, .article-snippet.yellow .btn-secondary [class^='icon-'],
  .article-snippet.yellow .btn-secondary [class*=' icon-'],
  .article-snippet.yellow .btn-secondary .icon::before, .article-snippet.coral .btn-secondary [class^='icon-'],
  .article-snippet.coral .btn-secondary [class*=' icon-'],
  .article-snippet.coral .btn-secondary .icon::before {
    color: #085da9; }
  .article-snippet.cyan .btn-secondary:hover [class^='icon-'],
  .article-snippet.cyan .btn-secondary:hover [class*=' icon-'],
  .article-snippet.cyan .btn-secondary:hover .icon::before, .article-snippet.purple .btn-secondary:hover [class^='icon-'],
  .article-snippet.purple .btn-secondary:hover [class*=' icon-'],
  .article-snippet.purple .btn-secondary:hover .icon::before, .article-snippet.dark-purple .btn-secondary:hover [class^='icon-'],
  .article-snippet.dark-purple .btn-secondary:hover [class*=' icon-'],
  .article-snippet.dark-purple .btn-secondary:hover .icon::before, .article-snippet.raspberry .btn-secondary:hover [class^='icon-'],
  .article-snippet.raspberry .btn-secondary:hover [class*=' icon-'],
  .article-snippet.raspberry .btn-secondary:hover .icon::before, .article-snippet.turquoise .btn-secondary:hover [class^='icon-'],
  .article-snippet.turquoise .btn-secondary:hover [class*=' icon-'],
  .article-snippet.turquoise .btn-secondary:hover .icon::before, .article-snippet.yellow .btn-secondary:hover [class^='icon-'],
  .article-snippet.yellow .btn-secondary:hover [class*=' icon-'],
  .article-snippet.yellow .btn-secondary:hover .icon::before, .article-snippet.coral .btn-secondary:hover [class^='icon-'],
  .article-snippet.coral .btn-secondary:hover [class*=' icon-'],
  .article-snippet.coral .btn-secondary:hover .icon::before {
    color: #037CC2; }
  .article-snippet .media-body {
    display: block;
    width: auto;
    overflow: hidden;
    padding: 3px 4px 3px; }
    .article-snippet .media-body img + h3,
    .article-snippet .media-body img + h4,
    .article-snippet .media-body img + h5,
    .article-snippet .media-body img + p {
      margin-top: 20px; }
    .article-snippet .media-body h1,
    .article-snippet .media-body h2,
    .article-snippet .media-body h3,
    .article-snippet .media-body h4,
    .article-snippet .media-body p {
      overflow-wrap: break-word;
      word-wrap: break-word;
      line-height: 1.5; }
  .article-snippet .toggle b {
    font-weight: normal; }
  .article-snippet .toggle:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #085da9;
    color: #23527c;
    outline: none;
    text-decoration: underline; }
  .article-snippet a .icon {
    width: 12px;
    height: 18px;
    margin: 0 -1px 0 5px; }
  .article-snippet .h-pull-center {
    text-align: center; }
  .article-snippet .h-pull-left {
    text-align: left; }
  .article-snippet .h-pull-right {
    text-align: right; }
  .article-snippet .article-snippet-ft .h-pull-center::after,
  .article-snippet .article-snippet-ft .h-pull-left::after,
  .article-snippet .article-snippet-ft .h-pull-right::after,
  .article-snippet .media::after {
    content: "";
    display: table;
    clear: both; }
  .article-snippet.align-snippet {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    .article-snippet.align-snippet .article-snippet-hd {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .article-snippet .article-snippet-ft {
    margin-top: 20px; }
  .article-snippet .media .icon-32 {
    margin-top: 0; }

.article-snippet-hd {
  margin-bottom: 11px; }
  .article-snippet-hd h2,
  .article-snippet-hd h3,
  .article-snippet-hd h4 {
    padding-bottom: 0; }
  .article-snippet-hd p {
    padding-bottom: 0; }
  .article-snippet-hd .toggle {
    text-decoration: none; }
    .article-snippet-hd .toggle span::before {
      font-family: 'barclaycard-icons-new';
      content: '\e9b0'; }
    .article-snippet-hd .toggle.collapsed span::before {
      font-family: 'barclaycard-icons-new';
      content: '\e988'; }
  .article-snippet-hd + .media .icon-32 {
    margin-top: 4px; }

.article-snippet .article-snippet-bd {
  padding-bottom: 1px;
  padding-top: 1px; }

.promo .article-snippet-hd h2 {
  font-size: 1.47em;
  font-weight: bold;
  text-align: center; }

.panel.shaded.promo {
  padding: 5px 10px; }

.icon-minimize::before {
  font-family: 'barclaycard-icons-new';
  content: '\e9b0';
  position: relative;
  top: -1px; }

.icon-plus::before {
  font-family: 'barclaycard-icons-new';
  content: '\e988';
  position: relative;
  top: -1px; }

.toggle b {
  font-weight: normal; }

.toggle:hover {
  text-decoration: none; }
  .toggle:hover b {
    text-decoration: underline; }

@media screen and (max-width: 1024px) {
  .article-snippet .media-body img {
    max-width: 100%;
    height: auto; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .side .article-snippet.shaded, .side .article-snippet.cyan, .side .article-snippet.purple, .side .article-snippet.dark-purple, .side .article-snippet.raspberry, .side .article-snippet.turquoise, .side .article-snippet.yellow, .side .article-snippet.coral {
    background-color: transparent;
    padding: 0 15px; }
    .side .article-snippet.shaded .media, .side .article-snippet.cyan .media, .side .article-snippet.purple .media, .side .article-snippet.dark-purple .media, .side .article-snippet.raspberry .media, .side .article-snippet.turquoise .media, .side .article-snippet.yellow .media, .side .article-snippet.coral .media {
      padding: 30px; }
  .side .article-snippet.shaded .media {
    background-color: #fff; }
  .side .article-snippet.cyan .media {
    background-color: #037CC2; }
  .side .article-snippet.purple .media {
    background-color: #4c297e; }
  .side .article-snippet.dark-purple {
    background-color: #311356; }
  .side .article-snippet.raspberry {
    background-color: #9A0355; }
  .side .article-snippet.turquoise {
    background-color: #00a8a6; }
  .side .article-snippet.yellow {
    background-color: #e9b319; }
  .side .article-snippet.coral {
    background-color: #FD6D48; }
  .side .article-snippet.purple p,
  .side .article-snippet.purple h2,
  .side .article-snippet.purple h3,
  .side .article-snippet.purple h4,
  .side .article-snippet.purple h5,
  .side .article-snippet.purple h6,
  .side .article-snippet.purple li,
  .side .article-snippet.purple a:not(.btn),
  .side .article-snippet.purple blockquote,
  .side .article-snippet.purple [class^='icon-'],
  .side .article-snippet.purple [class*=' icon-'],
  .side .article-snippet.purple .toggle:focus, .side .article-snippet.cyan p,
  .side .article-snippet.cyan h2,
  .side .article-snippet.cyan h3,
  .side .article-snippet.cyan h4,
  .side .article-snippet.cyan h5,
  .side .article-snippet.cyan h6,
  .side .article-snippet.cyan li,
  .side .article-snippet.cyan a:not(.btn),
  .side .article-snippet.cyan blockquote,
  .side .article-snippet.cyan [class^='icon-'],
  .side .article-snippet.cyan [class*=' icon-'],
  .side .article-snippet.cyan .toggle:focus, .side .article-snippet.dark-purple p,
  .side .article-snippet.dark-purple h2,
  .side .article-snippet.dark-purple h3,
  .side .article-snippet.dark-purple h4,
  .side .article-snippet.dark-purple h5,
  .side .article-snippet.dark-purple h6,
  .side .article-snippet.dark-purple li,
  .side .article-snippet.dark-purple a:not(.btn),
  .side .article-snippet.dark-purple blockquote,
  .side .article-snippet.dark-purple [class^='icon-'],
  .side .article-snippet.dark-purple [class*=' icon-'],
  .side .article-snippet.dark-purple .toggle:focus, .side .article-snippet.raspberry p,
  .side .article-snippet.raspberry h2,
  .side .article-snippet.raspberry h3,
  .side .article-snippet.raspberry h4,
  .side .article-snippet.raspberry h5,
  .side .article-snippet.raspberry h6,
  .side .article-snippet.raspberry li,
  .side .article-snippet.raspberry a:not(.btn),
  .side .article-snippet.raspberry blockquote,
  .side .article-snippet.raspberry [class^='icon-'],
  .side .article-snippet.raspberry [class*=' icon-'],
  .side .article-snippet.raspberry .toggle:focus, .side .article-snippet.turquoise p,
  .side .article-snippet.turquoise h2,
  .side .article-snippet.turquoise h3,
  .side .article-snippet.turquoise h4,
  .side .article-snippet.turquoise h5,
  .side .article-snippet.turquoise h6,
  .side .article-snippet.turquoise li,
  .side .article-snippet.turquoise a:not(.btn),
  .side .article-snippet.turquoise blockquote,
  .side .article-snippet.turquoise [class^='icon-'],
  .side .article-snippet.turquoise [class*=' icon-'],
  .side .article-snippet.turquoise .toggle:focus, .side .article-snippet.yellow p,
  .side .article-snippet.yellow h2,
  .side .article-snippet.yellow h3,
  .side .article-snippet.yellow h4,
  .side .article-snippet.yellow h5,
  .side .article-snippet.yellow h6,
  .side .article-snippet.yellow li,
  .side .article-snippet.yellow a:not(.btn),
  .side .article-snippet.yellow blockquote,
  .side .article-snippet.yellow [class^='icon-'],
  .side .article-snippet.yellow [class*=' icon-'],
  .side .article-snippet.yellow .toggle:focus, .side .article-snippet.coral p,
  .side .article-snippet.coral h2,
  .side .article-snippet.coral h3,
  .side .article-snippet.coral h4,
  .side .article-snippet.coral h5,
  .side .article-snippet.coral h6,
  .side .article-snippet.coral li,
  .side .article-snippet.coral a:not(.btn),
  .side .article-snippet.coral blockquote,
  .side .article-snippet.coral [class^='icon-'],
  .side .article-snippet.coral [class*=' icon-'],
  .side .article-snippet.coral .toggle:focus {
    color: #fff; }
  .side .article-snippet + .article-snippet {
    margin-top: 0; } }

.cyan .article-snippet p,
.cyan .article-snippet h2,
.cyan .article-snippet h3,
.cyan .article-snippet h4,
.cyan .article-snippet h5,
.cyan .article-snippet h6,
.cyan .article-snippet li,
.cyan .article-snippet a:not(.btn),
.cyan .article-snippet blockquote,
.cyan .article-snippet [class^='icon-'],
.cyan .article-snippet [class*=' icon-'],
.cyan .article-snippet .toggle:focus,
.purple .article-snippet p,
.purple .article-snippet h2,
.purple .article-snippet h3,
.purple .article-snippet h4,
.purple .article-snippet h5,
.purple .article-snippet h6,
.purple .article-snippet li,
.purple .article-snippet a:not(.btn),
.purple .article-snippet blockquote,
.purple .article-snippet [class^='icon-'],
.purple .article-snippet [class*=' icon-'],
.purple .article-snippet .toggle:focus,
.dark-purple .article-snippet p,
.dark-purple .article-snippet h2,
.dark-purple .article-snippet h3,
.dark-purple .article-snippet h4,
.dark-purple .article-snippet h5,
.dark-purple .article-snippet h6,
.dark-purple .article-snippet li,
.dark-purple .article-snippet a:not(.btn),
.dark-purple .article-snippet blockquote,
.dark-purple .article-snippet [class^='icon-'],
.dark-purple .article-snippet [class*=' icon-'],
.dark-purple .article-snippet .toggle:focus,
.raspberry .article-snippet p,
.raspberry .article-snippet h2,
.raspberry .article-snippet h3,
.raspberry .article-snippet h4,
.raspberry .article-snippet h5,
.raspberry .article-snippet h6,
.raspberry .article-snippet li,
.raspberry .article-snippet a:not(.btn),
.raspberry .article-snippet blockquote,
.raspberry .article-snippet [class^='icon-'],
.raspberry .article-snippet [class*=' icon-'],
.raspberry .article-snippet .toggle:focus,
.turquoise .article-snippet p,
.turquoise .article-snippet h2,
.turquoise .article-snippet h3,
.turquoise .article-snippet h4,
.turquoise .article-snippet h5,
.turquoise .article-snippet h6,
.turquoise .article-snippet li,
.turquoise .article-snippet a:not(.btn),
.turquoise .article-snippet blockquote,
.turquoise .article-snippet [class^='icon-'],
.turquoise .article-snippet [class*=' icon-'],
.turquoise .article-snippet .toggle:focus,
.yellow .article-snippet p,
.yellow .article-snippet h2,
.yellow .article-snippet h3,
.yellow .article-snippet h4,
.yellow .article-snippet h5,
.yellow .article-snippet h6,
.yellow .article-snippet li,
.yellow .article-snippet a:not(.btn),
.yellow .article-snippet blockquote,
.yellow .article-snippet [class^='icon-'],
.yellow .article-snippet [class*=' icon-'],
.yellow .article-snippet .toggle:focus,
.coral .article-snippet p,
.coral .article-snippet h2,
.coral .article-snippet h3,
.coral .article-snippet h4,
.coral .article-snippet h5,
.coral .article-snippet h6,
.coral .article-snippet li,
.coral .article-snippet a:not(.btn),
.coral .article-snippet blockquote,
.coral .article-snippet [class^='icon-'],
.coral .article-snippet [class*=' icon-'],
.coral .article-snippet .toggle:focus {
  color: #fff; }

.cyan .article-snippet.shaded,
.purple .article-snippet.shaded,
.dark-purple .article-snippet.shaded,
.raspberry .article-snippet.shaded,
.turquoise .article-snippet.shaded,
.yellow .article-snippet.shaded,
.coral .article-snippet.shaded {
  color: #000; }
  .cyan .article-snippet.shaded a:not(.btn),
  .purple .article-snippet.shaded a:not(.btn),
  .dark-purple .article-snippet.shaded a:not(.btn),
  .raspberry .article-snippet.shaded a:not(.btn),
  .turquoise .article-snippet.shaded a:not(.btn),
  .yellow .article-snippet.shaded a:not(.btn),
  .coral .article-snippet.shaded a:not(.btn) {
    color: #085da9; }
  .cyan .article-snippet.shaded p,
  .purple .article-snippet.shaded p,
  .dark-purple .article-snippet.shaded p,
  .raspberry .article-snippet.shaded p,
  .turquoise .article-snippet.shaded p,
  .yellow .article-snippet.shaded p,
  .coral .article-snippet.shaded p {
    color: #000; }

.snippet-link {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-decoration: none; }

.upgrade-browser-banner {
  background: #037CC2;
  color: #fff;
  margin-top: 0;
  padding: 30px 30px 20px 30px;
  position: relative; }

/**
 * Tooltip
 */
.qtip {
  font-size: 0.8125rem;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  direction: ltr;
  display: none;
  left: -28000px;
  line-height: 1.5;
  max-width: 280px;
  min-width: 50px;
  position: absolute;
  top: -28000px; }
  .qtip .qtip-tip {
    position: absolute;
    margin: 0 auto;
    overflow: hidden;
    z-index: 10; }
  .qtip canvas {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    border: 0 dashed transparent; }

.qtip-content {
  overflow: hidden;
  padding: 6px 16px;
  position: relative;
  text-align: left;
  word-wrap: break-word; }

.tooltip {
  font-size: 1.0625rem; }
  .tooltip.icon-tooltip.icon-small {
    background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDIwMCAyMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwMCAyMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iVklTVUFMX0FJRF8xNDBweF94X194XzE0MHB4Ij4KPC9nPgo8ZyBpZD0iTGF5ZXJfNCI+Cgk8Zz4KCQk8cGF0aCBmaWxsPSIjMDE4RkQwIiBkPSJNMTAwLDMwYy0zOC42NiwwLTcwLDMxLjM0LTcwLDcwczMxLjM0LDcwLDcwLDcwczcwLTMxLjM0LDcwLTcwUzEzOC42NiwzMCwxMDAsMzB6IE0xMDAsMTYwCgkJCWMtMzMuMDg0LDAtNjAtMjYuOTE2LTYwLTYwczI2LjkxNi02MCw2MC02MHM2MCwyNi45MTYsNjAsNjBTMTMzLjA4NCwxNjAsMTAwLDE2MHoiLz4KCQk8cGF0aCBmaWxsPSIjMDE4RkQwIiBkPSJNMTAwLjA4Miw1OS45ODdjLTIuMDYzLDAtMy44MTUsMC43MjItNS4yNTgsMi4xNjVjLTEuNDQ1LDEuNDQ0LTIuMTY1LDMuMTk2LTIuMTY1LDUuMjU3CgkJCWMwLDIuMDY0LDAuNzIsMy44NDIsMi4xNjUsNS4zMzVjMS40NDIsMS40OTYsMy4xOTQsMi4yNDMsNS4yNTgsMi4yNDNjMi4wNjEsMCwzLjg0LTAuNzQ3LDUuMzM1LTIuMjQzCgkJCWMxLjQ5My0xLjQ5MywyLjI0Mi0zLjI3MSwyLjI0Mi01LjMzNWMwLTIuMDYxLTAuNzQ5LTMuODEzLTIuMjQyLTUuMjU3QzEwMy45MjIsNjAuNzA5LDEwMi4xNDMsNTkuOTg3LDEwMC4wODIsNTkuOTg3eiIvPgoJCTxwYXRoIGZpbGw9IiMwMThGRDAiIGQ9Ik05OS44NjEsODAuMTY5Yy0yLjc3MywwLTQuOTk5LDIuMjM4LTQuOTk5LDVjMCwwLjA0MiwwLjAxMSwwLjA4MSwwLjAxMiwwLjEyMgoJCQljLTAuMDAxLDAuMDExLTAuMDEyLDAuMDE4LTAuMDEyLDAuMDI5djU0LjY5OGgxMGwwLTU0Ljg1QzEwNC44NjEsODIuNDA3LDEwMi42MTEsODAuMTY5LDk5Ljg2MSw4MC4xNjl6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==") 0 -1px/25px 25px no-repeat !important;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    overflow: hidden;
    padding-left: 25px;
    speak: none;
    vertical-align: top;
    width: 25px; }

.breadcrumb {
  background: #f9f9f9;
  border-bottom: 1px solid #e9e9e9;
  display: inline-block;
  font-family: "Open Sans", Tahoma, sans-serif;
  height: 32px;
  margin: 0;
  padding: 6px 15px 3px;
  width: 100%; }
  @media (max-width: 1024px) {
    .breadcrumb {
      display: none; } }
  .breadcrumb li {
    font-size: 0.8125rem;
    border: 0;
    display: inline-block;
    padding: 0 19px 6px 0;
    position: relative;
    vertical-align: middle; }
    .breadcrumb li::after {
      content: '\e90a';
      display: inline-block;
      font-family: "barclaycard-icons-new";
      font-size: .7em;
      height: 14px;
      position: absolute;
      right: -1px;
      top: 4px;
      width: 15px; }
    .breadcrumb li:last-child {
      color: #444;
      margin-left: -4px; }
      .breadcrumb li:last-child::after {
        display: none; }
  .breadcrumb a {
    color: #085da9;
    text-decoration: none; }
    .breadcrumb a:hover, .breadcrumb a:focus {
      text-decoration: underline; }

/**
 * Accordion
 */
.accordion {
  background-color: inherit;
  list-style: none;
  padding-left: 0; }
  .accordion > li {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    border-left: 10px solid #cad9e0;
    box-shadow: 0 1px 1px #ddd; }
    .accordion > li:first-child {
      border-color: #ddd;
      border-left: 10px solid #cad9e0;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
    .accordion > li:last-child {
      border-color: #ddd;
      border-left: 10px solid #cad9e0;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
    .accordion > li + li {
      margin-top: 30px; }

.accordion-heading {
  font-weight: bold;
  margin-bottom: 0; }
  .accordion-heading.heading-align-center {
    text-align: center; }

.accordion-heading-link {
  border: 0;
  color: #037CC2;
  display: block;
  font-family: inherit;
  font-size: 1.125rem;
  margin: 0;
  padding: 20px 45px 20px 20px;
  position: relative;
  text-decoration: none; }
  @media (min-width: 1256px) {
    .accordion-heading-link {
      font-size: 1.2rem; } }
  .accordion-heading-link:visited {
    background-color: #fff;
    color: #037CC2; }
  .accordion-heading-link:focus, .accordion-heading-link:hover {
    background-color: #fff;
    color: #037CC2;
    outline: none;
    text-decoration: none; }
  .accordion-heading-link:focus {
    box-shadow: none; }
    .accordion-heading-link:focus .accordion-heading-link-span {
      box-shadow: 0 0 0 2px #fff, 0 0 0 4px #085da9; }
  .accordion-heading-link[id] {
    height: inherit;
    margin-top: 0;
    visibility: inherit; }
  .accordion li:first-child .accordion-heading-link {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .accordion li:last-child .accordion-heading-link {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }

.accordion-hasjs .accordion-heading-link::before {
  content: none; }

.accordion-hasjs .accordion-heading-link::after {
  background-repeat: no-repeat;
  background-size: cover;
  border: 0;
  color: #037CC2;
  content: '\e901';
  display: inline-block;
  font-family: 'barclaycard-icons-new';
  height: 9px;
  position: absolute;
  right: 20px;
  top: 20px;
  vertical-align: middle;
  width: 18px;
  -webkit-font-smoothing: antialiased; }

.accordion-hasjs .accordion-heading-link.accordion-heading-active::after {
  border: 0;
  color: #037CC2;
  content: '\e90b';
  font-family: 'barclaycard-icons-new';
  height: 9px;
  width: 18px; }

.accordion-content-wrapper {
  border-color: #ddd;
  overflow: hidden;
  position: relative;
  -o-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease; }

.accordion-content-transitioning {
  max-height: 0; }

.accordion-content-closed {
  display: none; }

.accordion-content {
  overflow: hidden;
  padding: 15px 20px; }
  .accordion-content .col-md-12 {
    padding: 7px 0; }
  .accordion-content ol li {
    border: 0;
    border-color: transparent;
    border-left: 0;
    border-radius: 0;
    border-top: 0;
    box-shadow: none;
    margin: 0;
    padding: 0; }
    .accordion-content ol li:first-child, .accordion-content ol li:last-child {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      border-color: transparent;
      border-left: 0; }
  .accordion-content ul li {
    border: 0;
    border-color: transparent;
    border-left: 0;
    border-radius: 0;
    border-top: 0;
    box-shadow: none;
    margin: 0;
    padding: 0; }
    .accordion-content ul li:first-child, .accordion-content ul li:last-child {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      border-color: transparent;
      border-left: 0; }
  .accordion-content ol,
  .accordion-content ul {
    margin-bottom: 20px;
    margin-top: 0; }
  .accordion-content ol {
    padding-left: 25px; }

/**
 * Alert
 */
.alert {
  background: #fff;
  border: 2px solid #037CC2;
  border-left-width: 8px;
  border-radius: 5px;
  color: #444;
  font-family: "Open Sans", Tahoma, sans-serif;
  height: auto;
  margin-top: 20px;
  padding: 25px 20px 25px 50px;
  position: relative;
  text-align: left;
  width: auto; }
  .alert .alert-icon {
    left: 10px;
    position: absolute;
    top: 15px; }
    .alert .alert-icon::after {
      font-size: 2rem;
      color: #037CC2;
      content: '\e9ae';
      font-family: 'barclaycard-icons-new'; }
  .alert p {
    font-size: 1rem;
    margin-bottom: 20px; }
    .alert p:last-child {
      margin-bottom: 0; }
  .alert h4,
  .alert h5 {
    line-height: 1.5; }
  .alert.alert-inline {
    display: inline-block;
    padding: 25px 65px 25px 20px; }
    .alert.alert-inline .alert-icon {
      left: auto;
      right: 15px; }
    .alert.alert-inline h4,
    .alert.alert-inline h5 {
      line-height: 1.1; }
  .alert + .article-snippet {
    margin-top: 20px; }
  .alert.alert-warning {
    border: 2px solid #e9b319; }
    .alert.alert-warning::after {
      color: #e9b319;
      content: '\e9ae'; }
  .alert.alert-success {
    border: 2px solid #72bf44; }
    .alert.alert-success::after {
      color: #72bf44;
      content: '\e9a9'; }
  .alert.alert-error {
    border: 2px solid #e03030; }
    .alert.alert-error::after {
      color: #e03030;
      content: '\e963'; }

@media (max-width: 1024px) {
  .video-component-wrapper iframe {
    max-width: 100%; } }

.video-component-wrapper.text-left .bmmContainer {
  margin-left: 0;
  margin-right: auto; }

.video-component-wrapper.text-right .bmmContainer {
  margin-left: auto;
  margin-right: 0; }

.video-component-wrapper.text-centre .bmmContainer {
  margin-left: auto;
  margin-right: auto; }

/*  */
.representative-example {
  overflow: hidden;
  line-height: 1.33;
  text-align: left;
  padding-top: 5px; }
  .representative-example [class^='representative-example-col'] {
    margin-bottom: 10px;
    padding-left: 16px;
    padding-bottom: 7px;
    display: block; }
    .representative-example [class^='representative-example-col'] span {
      font-family: "Open Sans", Tahoma, sans-serif;
      display: block;
      line-height: inherit;
      color: #000;
      margin-bottom: 0;
      text-align: left;
      vertical-align: top; }
    .representative-example [class^='representative-example-col'] h3 {
      display: block;
      color: #000;
      margin-bottom: 0;
      text-align: left;
      vertical-align: top; }
    .representative-example [class^='representative-example-col'] .value {
      font-family: "bc-lt", Tahoma, sans-serif;
      line-height: 1em;
      font-weight: bold;
      color: #037CC2;
      margin: 4px 0; }
  @media (min-width: 681px) {
    .representative-example div > div {
      margin-bottom: 0;
      padding-bottom: 0; } }
  .representative-example dd {
    margin-left: 0; }
  .representative-example .representative-example-col-2,
  .representative-example .representative-example-col-3,
  .representative-example .representative-example-col-4,
  .representative-example .representative-example-col-5 {
    min-height: 54px; }
    @media (min-width: 681px) {
      .representative-example .representative-example-col-2,
      .representative-example .representative-example-col-3,
      .representative-example .representative-example-col-4,
      .representative-example .representative-example-col-5 {
        border-left: solid 1px #e2e2e2; } }
    @media (max-width: 680px) {
      .representative-example .representative-example-col-2,
      .representative-example .representative-example-col-3,
      .representative-example .representative-example-col-4,
      .representative-example .representative-example-col-5 {
        padding-left: 0; } }
  .representative-example .representative-example-disclaimer {
    clear: left;
    padding: 0; }
    @media (min-width: 681px) {
      .representative-example .representative-example-disclaimer {
        padding-left: 16px; } }
    .representative-example .representative-example-disclaimer p {
      text-align: left;
      margin-bottom: 0;
      padding: 5px 0; }

.representative-example-variant {
  max-width: 1470px;
  width: 100%;
  margin: 0 auto -3px;
  background-color: #fff;
  color: #fff;
  padding-bottom: 0;
  border-bottom: 2px solid #fff; }
  .representative-example-variant .representative-example-title {
    padding-bottom: 0;
    padding-left: 0;
    margin-bottom: -6px; }
    .representative-example-variant .representative-example-title h3 {
      font-size: 0.9375rem;
      font-family: "bc-lt", Tahoma, sans-serif;
      line-height: 1;
      margin-bottom: 0;
      padding-bottom: 0;
      -webkit-font-smoothing: antialiased; }
      @media (min-width: 400px) {
        .representative-example-variant .representative-example-title h3 {
          font-size: 1.3125rem; } }
      @media (min-width: 768px) {
        .representative-example-variant .representative-example-title h3 {
          font-size: 1.0625rem; } }
      @media (min-width: 1025px) {
        .representative-example-variant .representative-example-title h3 {
          font-size: 1.375rem; } }
      @media (min-width: 1656px) {
        .representative-example-variant .representative-example-title h3 {
          font-size: 1.375rem; } }
  .representative-example-variant .representative-example-title span,
  .representative-example-variant [class^='representative-example-col'] span,
  .representative-example-variant [class^='col-sm'] span {
    color: #444;
    display: block; }
  .representative-example-variant .representative-example-title h3,
  .representative-example-variant [class^='representative-example-col'] h3,
  .representative-example-variant [class^='col-sm'] h3 {
    display: block; }
  .representative-example-variant .representative-example-title .representative-example-disclaimer p,
  .representative-example-variant [class^='representative-example-col'] .representative-example-disclaimer p,
  .representative-example-variant [class^='col-sm'] .representative-example-disclaimer p {
    color: #444; }
  .representative-example-variant .representative-example-title .value,
  .representative-example-variant [class^='representative-example-col'] .value,
  .representative-example-variant [class^='col-sm'] .value {
    font-size: 1.125rem;
    color: #037CC2;
    margin-top: 8px;
    margin-bottom: 8px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased; }
    @media (min-width: 400px) {
      .representative-example-variant .representative-example-title .value,
      .representative-example-variant [class^='representative-example-col'] .value,
      .representative-example-variant [class^='col-sm'] .value {
        font-size: 1.6875rem; } }
    @media (min-width: 768px) {
      .representative-example-variant .representative-example-title .value,
      .representative-example-variant [class^='representative-example-col'] .value,
      .representative-example-variant [class^='col-sm'] .value {
        font-size: 1.8125rem; } }
    @media (min-width: 1025px) {
      .representative-example-variant .representative-example-title .value,
      .representative-example-variant [class^='representative-example-col'] .value,
      .representative-example-variant [class^='col-sm'] .value {
        font-size: 1.875rem; } }
    @media (min-width: 1656px) {
      .representative-example-variant .representative-example-title .value,
      .representative-example-variant [class^='representative-example-col'] .value,
      .representative-example-variant [class^='col-sm'] .value {
        font-size: 2.25rem; } }
  @media (min-width: 1025px) {
    .representative-example-variant .representative-example-col-5 {
      margin-bottom: -20px; } }
  .representative-example-variant .representative-example-disclaimer {
    padding-left: 0;
    margin-left: 0;
    width: 100%; }
    .representative-example-variant .representative-example-disclaimer p {
      font-size: 0.5625rem;
      position: relative;
      padding-top: 0;
      top: 0;
      left: 0;
      margin-top: -10px;
      font-family: "bc-lt", Tahoma, sans-serif;
      -webkit-font-smoothing: antialiased;
      letter-spacing: .07em;
      line-height: 1.7em;
      color: #fff; }
      @media (min-width: 1025px) {
        .representative-example-variant .representative-example-disclaimer p {
          position: absolute;
          line-height: 1.6;
          letter-spacing: .07em;
          -webkit-font-smoothing: auto;
          margin-top: 0;
          font-size: .585em; } }
      @media (min-width: 400px) {
        .representative-example-variant .representative-example-disclaimer p {
          font-size: 0.9375rem; } }
      @media (min-width: 768px) {
        .representative-example-variant .representative-example-disclaimer p {
          font-size: 0.775rem; } }
      @media (max-width: 399px) {
        .representative-example-variant .representative-example-disclaimer p {
          font-size: 0.625rem; } }
  .representative-example-variant .representative-example-col-1 h3 {
    font-family: "bc-lt", Tahoma, sans-serif;
    font-weight: normal; }
  .representative-example-variant .representative-example-col-2,
  .representative-example-variant .representative-example-col-3,
  .representative-example-variant .representative-example-col-4,
  .representative-example-variant .representative-example-col-5 {
    border-left: 0; }
  .representative-example-variant span.title, .representative-example-variant span.text {
    font-size: 0.6875rem;
    font-family: "bc-lt", Tahoma, sans-serif;
    line-height: 1.1;
    -webkit-font-smoothing: antialiased; }
    @media (min-width: 400px) {
      .representative-example-variant span.title, .representative-example-variant span.text {
        font-size: 0.9375rem; } }
    @media (min-width: 768px) {
      .representative-example-variant span.title, .representative-example-variant span.text {
        font-size: 0.9375rem; } }
    @media (min-width: 1025px) {
      .representative-example-variant span.title, .representative-example-variant span.text {
        font-size: 1.0625rem; } }
    @media (min-width: 1656px) {
      .representative-example-variant span.title, .representative-example-variant span.text {
        font-size: 1.125rem; } }

.representative-example-col-1 {
  min-height: 54px;
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .representative-example-col-1 {
      margin-bottom: 10px; } }
  @media (min-width: 768px) {
    .representative-example-col-1 h3.col1-right {
      text-align: right; } }
  .representative-example-col-1 h3.col1-title {
    font-weight: bold; }

.representative-example-layout-columns {
  padding-bottom: 16px; }
  .representative-example-layout-columns h3,
  .representative-example-layout-columns h4 {
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding-bottom: 5px; }
  .representative-example-layout-columns h3 {
    letter-spacing: -.01em;
    line-height: 1;
    font-size: 1.25rem; }
    @media (min-width: 768px) {
      .representative-example-layout-columns h3 {
        font-size: 1.5rem; } }
  .representative-example-layout-columns h4 {
    line-height: 1.1em;
    font-size: .9375rem; }
    @media (min-width: 768px) {
      .representative-example-layout-columns h4 {
        font-size: 1.13rem; } }
  .representative-example-layout-columns .text {
    font-size: .6em; }
  .representative-example-layout-columns p,
  .representative-example-layout-columns h4,
  .representative-example-layout-columns .h4 {
    color: #444; }
  .representative-example-layout-columns h3,
  .representative-example-layout-columns .h3 {
    color: #037CC2; }

@media (max-width: 767px) {
  .representative-example-layout-4col {
    padding-left: 15px; } }

@media (max-width: 399px) {
  .representative-example-layout-4col {
    padding-left: 5px; } }

.representative-example-layout-4col .representative-example-col-5 {
  padding: 0;
  min-height: auto;
  margin: 0; }

.representative-example-layout-4col .representative-example-col-1,
.representative-example-layout-4col .representative-example-col-2,
.representative-example-layout-4col .representative-example-col-3,
.representative-example-layout-4col .representative-example-col-4 {
  padding-left: 0;
  padding-right: 0; }

.representative-example-layout-4col .representative-example-disclaimer p {
  line-height: 1; }
  @media (min-width: 1025px) {
    .representative-example-layout-4col .representative-example-disclaimer p {
      position: inherit; } }
  @media (min-width: 768px) {
    .representative-example-layout-4col .representative-example-disclaimer p {
      line-height: 1.3; } }

@media (min-width: 1024px) and (max-width: 1024px) {
  .representative-example-layout-4col .col-xs-4 {
    width: 25%; }
  .representative-example-layout-4col .representative-example-disclaimer {
    width: 25%;
    clear: initial;
    font-weight: bold; } }

@media (max-width: 767px) {
  .representative-example-variant .representative-example-title {
    padding-left: 15px; } }

@media (max-width: 399px) {
  .representative-example-variant .representative-example-title {
    padding-left: 5px; } }

@media (max-width: 767px) {
  .jumbo .representative-example-title {
    padding-left: 15px; } }

@media (max-width: 399px) {
  .jumbo .representative-example-title {
    padding-left: 5px;
    padding-top: 5px; } }

.representative-example-layout-5col .representative-example-col-1 {
  padding-top: 0;
  padding-left: 0;
  padding-right: 8px;
  letter-spacing: -.028em;
  width: 20%; }
  @media (max-width: 768px) {
    .representative-example-layout-5col .representative-example-col-1 {
      width: 100%;
      min-height: auto;
      margin-bottom: 15px; }
      .representative-example-layout-5col .representative-example-col-1 h3 {
        text-align: left; } }

.representative-example-layout-5col h3 {
  font-size: 0.875rem; }
  @media (min-width: 1256px) {
    .representative-example-layout-5col h3 {
      font-size: 0.9375rem; } }
  @media (min-width: 1656px) {
    .representative-example-layout-5col h3 {
      font-size: 1.0625rem; } }

.representative-example-layout-5col .title {
  font-size: 0.875rem; }
  @media (min-width: 1256px) {
    .representative-example-layout-5col .title {
      font-size: 0.9375rem; } }

.representative-example-layout-5col .text {
  font-size: 0.75rem; }

.representative-example-layout-5col .value {
  font-size: 1.3125rem; }
  @media (min-width: 1256px) {
    .representative-example-layout-5col .value {
      font-size: 1.375rem; } }
  @media (min-width: 1656px) {
    .representative-example-layout-5col .value {
      font-size: 1.5625rem; } }

.representative-example-layout-5col .representative-example-col-2,
.representative-example-layout-5col .representative-example-col-3,
.representative-example-layout-5col .representative-example-col-4,
.representative-example-layout-5col .representative-example-col-5 {
  width: 20%;
  padding-top: 0; }
  @media (max-width: 680px) {
    .representative-example-layout-5col .representative-example-col-2,
    .representative-example-layout-5col .representative-example-col-3,
    .representative-example-layout-5col .representative-example-col-4,
    .representative-example-layout-5col .representative-example-col-5 {
      width: 100%; } }
  .representative-example-layout-5col .representative-example-col-2 .value,
  .representative-example-layout-5col .representative-example-col-3 .value,
  .representative-example-layout-5col .representative-example-col-4 .value,
  .representative-example-layout-5col .representative-example-col-5 .value {
    line-height: 1.33em; }

.representative-example-layout-5col p {
  font-size: 0.6875rem; }
  @media (min-width: 1256px) {
    .representative-example-layout-5col p {
      font-size: 0.75rem; } }
  @media (min-width: 1656px) {
    .representative-example-layout-5col p {
      font-size: 0.8125rem; } }

.representative-example-layout-5col .representative-example-disclaimer {
  padding-left: 0; }

@media (min-width: 681px) and (max-width: 768px) {
  .representative-example-layout-5col .representative-example-col-2 {
    border-left: 0;
    padding-left: 0; } }

@media (min-width: 681px) {
  .representative-example-layout-5col .col-sm-1,
  .representative-example-layout-5col .col-sm-2,
  .representative-example-layout-5col .col-sm-3,
  .representative-example-layout-5col .col-sm-4,
  .representative-example-layout-5col .col-sm-5,
  .representative-example-layout-5col .col-sm-6,
  .representative-example-layout-5col .col-sm-7,
  .representative-example-layout-5col .col-sm-8,
  .representative-example-layout-5col .col-sm-9,
  .representative-example-layout-5col .col-sm-10,
  .representative-example-layout-5col .col-sm-11,
  .representative-example-layout-5col .col-sm-12 {
    float: left; } }

@media (max-width: 399px) {
  .representative-example-annualFee {
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 768px) {
  .representative-example-annualFee .col-xs-6.col-sm-3 {
    width: 25%; } }

@media (max-width: 767px) {
  .representative-example-annualFee .representative-example-disclaimer {
    padding-top: 15px; } }

.modal {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.9);
  visibility: hidden; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  margin: 20px 5%;
  padding: 30px 20px;
  width: auto;
  background-color: #fff;
  border-radius: 5px;
  position: relative;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-shadow: 1px 2px 5px 5px #ccc; }
  @media (min-width: 768px) {
    .modal-content {
      max-width: 840px;
      margin: 2% auto;
      padding: 50px 35px 20px; }
      .modal-content.modal-basic {
        max-width: 600px; } }

@supports (-webkit-overflow-scrolling: touch) {
  .modal-content {
    overflow: scroll !important;
    -webkit-overflow-scrolling: touch !important; } }

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

.modal-close-btn {
  font-size: 2.25rem;
  position: absolute;
  right: 4px;
  top: 2px;
  color: #037CC2;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  border-radius: 5px;
  width: 44px;
  height: 44px; }
  @media (min-width: 768px) {
    .modal-close-btn {
      right: 17px;
      top: 11px; } }
  .modal-close-btn span {
    pointer-events: none;
    margin: -10px;
    position: relative; }
  .modal-close-btn:focus {
    box-shadow: inset 0 0 0 2px #fff, 0 0 0 2px #085da9;
    outline: none; }

.modal-body {
  text-align: left;
  margin-bottom: 20px;
  width: 100%; }
  .modal-body p {
    line-height: 1.2;
    word-wrap: break-word; }

.modal-footer {
  text-align: left; }
  .modal-footer > .btn {
    display: block;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .modal-footer > .btn {
        display: inline-block; } }
    .modal-footer > .btn:first-child {
      margin-bottom: 20px; }
      @media (min-width: 768px) {
        .modal-footer > .btn:first-child {
          margin: 0 30px 0 0; } }

.modal-icon {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin-bottom: -5px; }
  @media (min-width: 768px) {
    .modal-icon {
      margin-bottom: 20px; } }
  .modal-icon::after, .modal-icon::before {
    content: '';
    position: absolute; }
  .modal-icon::before {
    background-size: cover;
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    top: -7px;
    right: -1px; }
    @media (min-width: 768px) {
      .modal-icon::before {
        width: 72px;
        height: 72px;
        right: -12px;
        top: -12px; } }

.modal-show {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-y: scroll;
  visibility: visible; }

.modal-open {
  overflow: hidden; }
  .modal-open .overlaybg .main {
    height: auto; }

.modal-body-scroll {
  max-height: 30vh;
  overflow-y: auto; }

.modal-content-animation {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1); }

.modal-body-full-height {
  height: 60vh; }

.overlaybg .btn {
  width: auto; }
  @media (max-width: 767px) {
    .overlaybg .btn {
      width: 100%; } }

@media (max-width: 767px) {
  .overlaybg .main {
    height: 100vh; } }

@media all and (max-width: 767px) {
  .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0; }
  .modal-content {
    margin: 0;
    min-height: 100%;
    box-shadow: none;
    border-radius: 0;
    padding: 35px 0 0; }
  .modal-body-full-height {
    height: 80vh;
    margin-bottom: 0; }
  .modal-open {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%; }
    .modal-open iframe.modal-body {
      width: 100%;
      display: block;
      border: 0;
      padding: 0;
      margin: 0; }
  .overlaybg {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll; }
    .overlaybg .row {
      overflow: visible; } }

@supports (-webkit-overflow-scrolling: touch) {
  .overlaybg .main {
    overflow-y: scroll; } }

.carousel {
  position: relative;
  margin-bottom: 30px; }
  .carousel .jumbo {
    margin-bottom: 0;
    height: auto; }
    .carousel .jumbo img {
      height: auto; }
    @media (min-width: 768px) {
      .carousel .jumbo {
        height: 367px; }
        .carousel .jumbo img,
        .carousel .jumbo picture {
          height: 367px; } }
    @media (min-width: 1024px) {
      .carousel .jumbo {
        height: 473px; }
        .carousel .jumbo img,
        .carousel .jumbo picture {
          height: 473px; } }

@media all and (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) {
  .carousel .jumbo img,
  .carousel .jumbo picture {
    height: 313px; } }
  .carousel .tabs {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    height: 18px; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .carousel img {
      top: 0 !important;
      margin-top: 0 !important; } }

@media all and (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px) {
  .carousel img {
    height: 367px !important; } }

@media all and (-ms-high-contrast: none) and (min-width: 1024px), (-ms-high-contrast: active) and (min-width: 1024px) {
  .carousel img {
    height: 473px !important; } }
  @supports (-ms-ime-align: auto) {
    .carousel img {
      top: 0 !important;
      margin-top: 0 !important;
      height: 100% !important; } }
  .carousel .jumbo-advanced .jumbo-body {
    top: 131px;
    height: 150px; }
  @media (max-width: 1024px) {
    .carousel .jumbo-advanced .jumbo-body {
      top: 114px;
      height: auto; } }
  .carousel .jumbo-rep .representative-example {
    margin-top: -189px;
    height: 189px; }
  .carousel .jumbo-rep .jumbo-body {
    top: 66px;
    height: 170px; }
  @media (max-width: 1024px) {
    .carousel .jumbo-rep .representative-example {
      margin-top: -161px;
      height: 161px; }
    .carousel .jumbo-rep .jumbo-body {
      top: 25px;
      height: auto; }
      .carousel .jumbo-rep .jumbo-body .col-sm-6 {
        padding: 0 15px; }
        .carousel .jumbo-rep .jumbo-body .col-sm-6 h3,
        .carousel .jumbo-rep .jumbo-body .col-sm-6 h4,
        .carousel .jumbo-rep .jumbo-body .col-sm-6 h5 {
          margin: 0; } }
  @media (max-width: 767px) {
    .carousel .jumbo-rep .representative-example {
      height: auto; } }

.carousel-inner {
  overflow: hidden;
  position: relative;
  width: 100%; }

.carousel-list-wrapper {
  margin: 0;
  padding: 0; }
  .carousel-list-wrapper > .item {
    display: none;
    position: relative;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left; }
  .carousel-list-wrapper > .active,
  .carousel-list-wrapper > .next,
  .carousel-list-wrapper > .prev {
    display: block; }
  .carousel-list-wrapper > .active {
    left: 0; }
    .carousel-list-wrapper > .active.left {
      left: -100%; }
    .carousel-list-wrapper > .active.right {
      left: 100%; }
  .carousel-list-wrapper > .next,
  .carousel-list-wrapper > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-list-wrapper > .next {
    left: 100%; }
  .carousel-list-wrapper > .prev {
    left: -100%; }
  .carousel-list-wrapper > .next.left,
  .carousel-list-wrapper > .prev.right {
    left: 0; }

.carouselcontrols {
  width: 153px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 89; }
  .carouselcontrols a {
    font-family: "barclaycard-icons-new";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    position: relative;
    background-color: #83878a;
    margin-left: 1px;
    line-height: 0;
    font-size: 1.3em;
    color: transparent; }
    .carouselcontrols a:hover {
      text-decoration: none; }
    .carouselcontrols a:focus {
      box-shadow: inset 0 0 0 2px #085da9, inset 0 0 0 4px #fff; }
    .carouselcontrols a.control-right::before {
      content: '\e90a';
      position: absolute;
      top: 8px;
      left: 14px;
      line-height: 2.125rem;
      color: #fff; }
    .carouselcontrols a.control-left::before {
      content: '\e902';
      position: absolute;
      top: 8px;
      left: 14px;
      line-height: 2.125rem;
      color: #fff; }
    .carouselcontrols a.control-pause::before {
      content: '\e96c';
      position: absolute;
      left: 23px;
      top: 8px;
      line-height: 2.125rem;
      color: #fff; }
    .carouselcontrols a.control-play::before {
      content: '\e982';
      position: absolute;
      top: 8px;
      left: 18px;
      line-height: 2.125rem;
      color: #fff; }

.carousel-indicators {
  position: relative;
  bottom: 0;
  left: 0;
  top: 2px;
  width: 60%;
  margin: 0 auto;
  padding-left: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  z-index: 15;
  list-style: none;
  text-align: center; }
  .carousel-indicators li {
    border: 0;
    margin: 0;
    margin-left: 2px;
    width: inherit;
    height: 15px;
    display: block;
    text-indent: -999px;
    border-radius: 10px;
    cursor: pointer;
    background-color: transparent; }
    .carousel-indicators li:first-child {
      margin-left: 0; }
    .carousel-indicators li span {
      text-indent: -9999px;
      display: block; }
  .carousel-indicators .active {
    background: none;
    height: 12px; }
    .carousel-indicators .active a {
      background-color: #4c297e;
      border: 1px solid #4c297e;
      border-radius: 0; }
  .carousel-indicators a,
  .carousel-indicators .active a {
    width: 10px;
    height: 10px;
    margin: 0 auto;
    overflow: hidden;
    -o-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
    outline: 0; }
  .carousel-indicators a {
    background-color: #037CC2;
    display: block;
    border: 1px solid #037CC2;
    border-radius: 0;
    font-family: 'bc-lt', Tahoma, sans-serif;
    font-size: 1.3em;
    -webkit-font-smoothing: antialiased; }
    .carousel-indicators a:focus {
      background-color: #4c297e;
      border: 1px solid #085da9;
      border-radius: 0;
      box-shadow: inset 0 0 0 1px #085da9, inset 0 0 0 3px #fff;
      outline: none;
      text-decoration: underline; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center; }
  .carousel-caption.btn {
    text-shadow: none; }

@media (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.jumbo-content {
  position: relative;
  width: 100%;
  margin: 0 auto; }
  @media (max-width: 1024px) {
    .jumbo-content {
      max-width: 920px; } }
  @media (min-width: 1025px) {
    .jumbo-content {
      max-width: 930px; } }
  @media (min-width: 1256px) {
    .jumbo-content {
      max-width: 1160px; } }
  @media (min-width: 1656px) {
    .jumbo-content {
      max-width: 1470px; } }

.is-ie9 .carousel-indicators {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0; }
  .is-ie9 .carousel-indicators li {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    float: left;
    width: 24%; }

@media (max-width: 767px) {
  .carousel-indicators a {
    border-radius: 10px; }
  .mobile-nav {
    margin-top: 15px; } }

@media (max-width: 767px) {
  .carousel .tabs {
    margin-top: 0;
    position: absolute;
    top: 435px;
    width: 100%; }
  .carousel .jumbo-body {
    padding-top: 30px; }
  .carousel-indicators li a {
    box-sizing: content-box; }
  .carousel-indicators .active a {
    border-radius: 10px; }
  .carousel-indicators a:focus {
    border-radius: 10px;
    background-color: #037CC2;
    box-shadow: inset 0 0 0 2px #fff, 0 0 0 2px #085da9; } }

@media (max-width: 1024px) {
  .carousel-indicators li {
    margin-left: 4px; }
  .carousel-indicators .active {
    border-radius: 0; } }

@media (max-width: 1024px) and (min-width: 768px) {
  .carousel .tabs {
    width: 100%;
    height: auto; }
  .carousel-indicators {
    bottom: 0;
    height: auto;
    top: 0;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
    .carousel-indicators .active {
      height: auto;
      background-color: #3f1564;
      color: #fff; }
    .carousel-indicators li {
      width: inherit;
      height: 60px; }
      .carousel-indicators li span {
        text-indent: 0;
        display: block;
        width: 100%;
        color: #fff;
        text-align: left;
        padding: 10px 15px;
        line-height: 1.2;
        height: 47px; }
      .carousel-indicators li.active a,
      .carousel-indicators li a {
        width: 100%;
        height: 62px;
        margin: 0;
        color: #fff;
        text-decoration: none;
        border-radius: 0; } }

@media (min-width: 400px) and (max-width: 767px) {
  .mobile-nav {
    margin-top: 40px; } }

@media (min-width: 1024px) {
  .carousel .tabs {
    width: 100%;
    height: auto;
    max-width: 930px; }
  .carousel-indicators {
    bottom: 0;
    height: auto;
    top: 0;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
    .carousel-indicators .active {
      height: 90px;
      background-color: #3f1564;
      color: #fff; }
    .carousel-indicators li {
      height: 90px;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      width: 25%;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      float: left; }
      .carousel-indicators li span {
        text-indent: 0;
        display: block;
        width: 100%;
        color: #fff;
        text-align: left;
        padding: 20px 15px 18px;
        line-height: 1;
        height: 80px; }
      .carousel-indicators li.active a,
      .carousel-indicators li a {
        width: 100%;
        height: 100%;
        margin: 0;
        color: #fff;
        text-decoration: none; } }

@media (max-width: 1255px) and (min-width: 1024px) {
  .carousel .tabs {
    width: 100%;
    margin: 0 auto; }
  .carousel-indicators {
    width: 100%; } }

@media (min-width: 1256px) {
  .carousel .tabs {
    max-width: 1160px;
    width: 100%; }
  .carousel-indicators {
    width: 100%; } }

@media (min-width: 1656px) {
  .carousel .tabs {
    width: 100%;
    height: auto;
    max-width: 1470px; }
  .carousel-indicators {
    bottom: 0;
    height: auto;
    top: 0;
    width: 100%; }
    .carousel-indicators .active {
      height: 90px;
      background-color: #3f1564;
      color: #fff; }
    .carousel-indicators li {
      height: 90px;
      width: inherit; }
      .carousel-indicators li span {
        text-indent: 0;
        display: block;
        width: 100%;
        color: #fff;
        text-align: left;
        padding: 20px 15px 18px;
        line-height: 1;
        height: 70px; }
      .carousel-indicators li.active a,
      .carousel-indicators li a {
        width: 100%;
        height: 100%;
        margin: 0;
        color: #fff;
        text-decoration: none; } }

.table {
  background-color: #fff;
  border: 0;
  border-collapse: collapse;
  max-width: 100%;
  text-align: left;
  width: 100%; }
  .table thead th {
    border-bottom: 2px solid #037CC2; }
  .table td {
    font-size: 1rem;
    line-height: 1.5;
    padding: 12px;
    vertical-align: top; }
    .table td p {
      margin-bottom: 0; }
  .table th {
    font-size: 1rem;
    color: #444;
    font-family: 'Open Sans';
    font-weight: bold;
    line-height: 1.5;
    padding: 12px;
    text-align: left;
    vertical-align: top; }
    .table th p {
      font-family: 'Open Sans';
      font-weight: bold;
      margin-bottom: 0; }
  .table tr {
    border-bottom: 2px solid #f1f1f1; }
    .table tr:last-child {
      border-bottom: 0; }
  .table caption {
    text-align: left; }

.table-striped tbody tr:nth-child(even) {
  background-color: #f1f1f1; }

.table-striped tbody tr:nth-child(odd) {
  background-color: #fff; }

.table-striped thead + tbody tr:nth-child(odd) {
  background-color: #f1f1f1; }

.table-striped thead + tbody tr:nth-child(even) {
  background-color: #fff; }

.table-hover:not(.table-striped) tr:hover,
.table-hover:not(.table-striped) tr:hover td,
.table-hover:not(.table-striped) tr:hover th {
  background-color: #f1f1f1; }

.table-weave {
  table-layout: fixed; }
  @media (max-width: 767px) {
    .table-weave {
      overflow-x: auto;
      display: block; } }
  .table-weave tbody td:first-child {
    color: #444;
    font-family: 'Open Sans'; }
  .table-weave.table-first-column-narrow thead th {
    width: 66.6666666667%; }
    .table-weave.table-first-column-narrow thead th:first-child {
      width: 33.3333333333%; }
  .table-weave.table-first-column-wide thead th {
    width: 33.3333333333%; }
    .table-weave.table-first-column-wide thead th:first-child {
      width: 66.6666666667%; }

.table-grey thead,
.table-striped.table-grey thead {
  background-color: #7f7f7f; }
  .table-grey thead th,
  .table-striped.table-grey thead th {
    color: #fff;
    border: 1px solid #dbdbdb; }
    .table-grey thead th p,
    .table-striped.table-grey thead th p {
      font-weight: normal; }

.table-grey tr,
.table-striped.table-grey tr {
  border-bottom: 1px solid #dbdbdb; }

.table-grey td,
.table-striped.table-grey td {
  border: 1px solid #dbdbdb; }

.table-grey tr:nth-child(even),
.table-striped.table-grey tr:nth-child(even) {
  background-color: #fafafa; }

.table-responsive-head {
  display: none; }

@media (min-width: 768px) {
  .table-responsive .table-striped tbody td:nth-child(odd),
  .table-responsive .table-striped tbody td:nth-child(even) {
    background: transparent; } }

@media (max-width: 768px) {
  .table-responsive {
    background: transparent;
    border-top: 0; }
    .table-responsive tbody {
      display: inherit;
      width: 100%; }
      .table-responsive tbody tr {
        background-color: #fff;
        box-shadow: none;
        display: block;
        margin-bottom: 20px;
        overflow: hidden; }
      .table-responsive tbody td {
        border-right: 0;
        padding: 0; }
      .table-responsive tbody td:nth-child(odd) {
        background-color: #7f7f7f;
        color: #fff;
        padding: 10px 10px 20px;
        text-align: center; }
      .table-responsive tbody td:last-child {
        padding: 10px;
        margin: 0; }
        .table-responsive tbody td:last-child p {
          margin: 10px 0; }
    .table-responsive thead {
      display: none; }
    .table-responsive tr,
    .table-responsive td {
      display: block; }
    .table-responsive td {
      background-color: #fff;
      border-bottom: 2px solid #f1f1f1;
      display: block;
      padding: 0;
      width: 100% \9;
      float: left \9; }
      .table-responsive td .table-responsive-head,
      .table-responsive td .table-responsive-content {
        display: inline-block;
        padding: 14px 16px 514px;
        margin-bottom: -500px; }
      .table-responsive td .table-responsive-head {
        border-right: 0;
        color: #444;
        font-family: 'Open Sans';
        font-weight: bold;
        line-height: 1.5;
        margin-right: 20px;
        width: 35%; }
      .table-responsive td .table-responsive-content {
        width: 55%;
        padding: 16px 0 514px;
        vertical-align: top; }
      .table-responsive td:last-child {
        border-bottom: 0; }
    .table-responsive tr {
      border-bottom: 0; }
    .table-responsive.table-striped tbody td:nth-child(odd) {
      background-color: #7f7f7f;
      padding: 10px 10px 20px;
      color: #fff;
      text-align: center; }
    .table-responsive.table-striped tbody td:last-child {
      padding: 10px;
      margin: 0; }
      .table-responsive.table-striped tbody td:last-child p {
        margin: 10px 0; }
  .table-responsive.table-grey tbody td:nth-child(even) {
    background-color: #fafafa;
    border: 1px solid #dbdbdb;
    border-top: 0; } }

@media (min-width: 769px) {
  .table-responsive.table-grey tbody td:nth-child(odd),
  .table-responsive.table-grey tbody td:nth-child(even) {
    background: transparent; }
  .table-striped.table-grey thead + tbody tr:nth-child(odd) {
    background: transparent; } }

/**
 * Sorting
 */
.table-sortable thead th {
  position: relative;
  padding-right: 32px; }

.table-sortable th[data-sort] {
  cursor: pointer; }

.table-sortable th .table-arrows {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%); }

.table-sortable th .table-sort-arrow-up,
.table-sortable th .table-sort-arrow-down {
  display: block;
  height: 6px;
  width: 12px;
  background-size: cover;
  opacity: .25; }

.table-sortable th .table-sort-arrow-up {
  margin-bottom: 5px; }

.table-sortable th.sorting-desc .table-sort-arrow-up,
.table-sortable th.sorting-asc .table-sort-arrow-down {
  opacity: 1; }

/**
 * Condensed table w/ half padding
 */
.table-condensed > thead th,
.table-condensed > thead td,
.table-condensed > tbody th,
.table-condensed > tbody td,
.table-condensed > tfoot th,
.table-condensed > tfoot td {
  padding: 5px; }

@media (max-width: 767px) {
  .table-condensed.table-responsive td {
    padding: 0; }
    .table-condensed.table-responsive td::before {
      padding: 5px; } }

.summary-box {
  border: 1px solid #c9ced2;
  background-color: #fff; }
  .summary-box p {
    overflow-wrap: break-word;
    word-wrap: break-word; }
  .summary-box .summary-box-title {
    text-align: center;
    margin-top: 20px; }
  .summary-box .summary-box-row {
    border-top: 1px solid #c9ced2;
    padding: 10px; }
    .summary-box .summary-box-row:nth-child(odd) {
      background-color: #fff; }
  .summary-box tr {
    border: 1px solid #c9ced2; }
  .summary-box td,
  .summary-box th {
    border-bottom: 1px solid #c9ced2; }
  .summary-box thead th {
    border-bottom: 1px solid #c9ced2; }
  .summary-box table:not(.table-striped) tbody tr:nth-child(even) {
    background-color: #fff; }
  .summary-box table:not(.table-striped) tbody tr:nth-child(odd) {
    background-color: #fff; }
  .summary-box table:not(.table-striped) thead tr {
    background-color: #fff; }
  .summary-box table:not(.table-striped) thead + tbody tr:nth-child(odd) {
    background-color: #fff; }
  .summary-box table:not(.table-striped) thead + tbody tr:nth-child(even) {
    background-color: #fff; }
  @media (max-width: 767px) {
    .summary-box .table-weave {
      display: table; } }

@media all and (max-width: 374px) {
  .summary-box {
    margin: 0 -5px; }
    .summary-box p {
      font-size: 0.875rem; }
    .summary-box .summary-box-row {
      padding: 10px 5px; } }

.quote {
  margin: 30px; }
  @media (min-width: 768px) {
    .quote {
      margin: 40px 60px; } }
  @media (min-width: 1256px) {
    .quote {
      margin: 50px 120px; } }
  .quote > .quote-text {
    font-size: 1.625rem;
    color: #037CC2;
    line-height: 1.25;
    margin-bottom: 1rem;
    font-family: 'bc-lt'; }
    .quote > .quote-text q::before,
    .quote > .quote-text q::after {
      content: ''; }
    .quote > .quote-text .show-quotes::before,
    .quote > .quote-text .show-quotes::after {
      font-size: 3rem;
      vertical-align: -.75rem;
      line-height: .1; }
    .quote > .quote-text .show-quotes::before {
      content: open-quote;
      padding-right: .25rem; }
    .quote > .quote-text .show-quotes::after {
      content: close-quote;
      padding-left: .25rem; }
    .quote > .quote-text .show-quotes {
      margin-left: -32px;
      margin-right: -25px; }
  .quote > img {
    float: left;
    height: auto;
    max-width: 33.33%;
    max-height: 5rem;
    margin: 0 16px 0 0; }
  .quote::after {
    content: '.';
    visibility: hidden;
    display: block;
    height: 0;
    clear: both; }
  .quote > .post-quote {
    font-size: 1.0625rem;
    margin: 0 0 .25rem; }
    .quote > .post-quote.quote-author {
      font-family: 'bc-lt'; }

@media (min-width: 769px) {
  .social-share {
    padding-top: 20px;
    margin-bottom: -30px; } }

@media (max-width: 768px) {
  .social-description {
    padding-top: 20px; } }

@media (max-width: 900px) and (min-width: 769px) {
  .social-share {
    margin-bottom: 50px; } }

.social-description p {
  text-align: center;
  font-family: 'bc-lt';
  margin-bottom: 0; }

.social-share-group {
  text-align: center; }
  .social-share-group .icon-social-share {
    height: 40px;
    width: 42px;
    display: inline-block;
    margin: 0 2px 0 14px; }
  .social-share-group a[id], .social-share-group a[id]::before {
    display: inline-block;
    margin-top: 0;
    height: 45px;
    width: 45px;
    visibility: visible;
    background: none; }
  .social-share-group a[id].icon-facebook::before {
    content: '\e903'; }
  .social-share-group a[id].icon-linkedin::before {
    content: '\e906'; }
  .social-share-group a[id].icon-twitter::before {
    content: '\e909'; }
  .social-share-group a[id].icon-letter::before {
    content: '\e925'; }
  .social-share-group .icon-social-share::before {
    font-size: 2.5em; }

.promo-article {
  background: #fff;
  width: 100%;
  overflow: auto; }

.promo-article-content {
  padding: 20px; }
  .promo-article-content h2,
  .promo-article-content h3,
  .promo-article-content h4,
  .promo-article-content p {
    overflow-wrap: break-word;
    word-wrap: break-word; }
  .promo-article-content .h4 {
    color: #666;
    margin-bottom: 0;
    display: inline-block; }
  @media (max-width: 600px) {
    .promo-article-content {
      padding: 15px; } }
  @media (max-width: 400px) {
    .promo-article-content {
      padding: 10px; } }

.promo-article-link {
  background: #fff;
  width: 100%;
  text-decoration: none; }
  .promo-article-link:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #085da9; }

.promo-article-media {
  overflow: hidden;
  height: 150px;
  position: relative; }
  @media (min-width: 500px) {
    .promo-article-media {
      height: 200px; } }
  @media (min-width: 700px) {
    .promo-article-media {
      height: 200px; } }
  @media (min-width: 769px) {
    .promo-article-media {
      height: 130px; } }
  @media (min-width: 1256px) {
    .promo-article-media {
      height: 150px; } }
  .promo-article-media img {
    position: absolute;
    top: 0;
    right: auto;
    left: 50%;
    max-width: none;
    height: 260px;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
    @media (min-width: 500px) {
      .promo-article-media img {
        height: 315px; } }
    @media (min-width: 600px) {
      .promo-article-media img {
        height: 371px; } }
    @media (min-width: 700px) {
      .promo-article-media img {
        height: 406px; } }
    @media (min-width: 769px) {
      .promo-article-media img {
        height: 130px; } }
    @media (min-width: 1256px) {
      .promo-article-media img {
        height: 202px; } }
    @media (min-width: 1656px) {
      .promo-article-media img {
        height: 265px; } }
  .promo-article-media.article-left img {
    left: 0;
    right: auto;
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
         -o-transform: translate(0);
            transform: translate(0); }
  .promo-article-media.article-right img {
    left: auto;
    right: 0;
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
         -o-transform: translate(0);
            transform: translate(0); }

@media (min-width: 1256px) {
  .col-sm-8 .promo-article-media {
    height: 450px; }
    .col-sm-8 .promo-article-media img {
      height: 450px; }
  .col-md-12.col-sm-6 .promo-article-media {
    height: 150px; }
    .col-md-12.col-sm-6 .promo-article-media img {
      height: 205px; } }

@media (min-width: 1656px) {
  .col-sm-8 .promo-article-media {
    height: 450px; }
    .col-sm-8 .promo-article-media img {
      height: 540px; }
  .col-md-12.col-sm-6 .promo-article-media {
    height: 150px; }
    .col-md-12.col-sm-6 .promo-article-media img {
      height: 265px; } }

@media (max-width: 1255px) and (min-width: 769px) {
  .col-sm-4 > .promo-article-link .promo-article-media {
    height: 130px; }
    .col-sm-4 > .promo-article-link .promo-article-media img {
      height: 161px; }
  .col-md-12.col-sm-6 .promo-article-media {
    height: 130px; }
    .col-md-12.col-sm-6 .promo-article-media img {
      height: 161px; }
  .col-sm-8 .promo-article-media {
    height: 400px; }
    .col-sm-8 .promo-article-media img {
      height: 400px; } }

@media (max-width: 768px) {
  .col-sm-4 > .promo-article-link {
    display: block; }
    .col-sm-4 > .promo-article-link .promo-article-media {
      float: left;
      width: 50%;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: auto;
      min-height: 100px; }
      .col-sm-4 > .promo-article-link .promo-article-media img {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 100%;
        min-height: 205px; }
    .col-sm-4 > .promo-article-link .promo-article-content {
      width: 50%;
      float: right; }
    .col-sm-4 > .promo-article-link .promo-article {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
  .col-md-12.col-sm-6 .promo-article-media {
    height: 150px; }
    .col-md-12.col-sm-6 .promo-article-media img {
      height: 195px; } }

@media (max-width: 700px) {
  .col-md-12.col-sm-6 .promo-article-media {
    height: 120px; }
    .col-md-12.col-sm-6 .promo-article-media img {
      height: 177px; }
  .col-sm-4 > .promo-article-link .promo-article-media img {
    min-height: 187px; } }

@media (max-width: 600px) {
  .col-md-12.col-sm-6 .promo-article-media {
    height: 120px; }
    .col-md-12.col-sm-6 .promo-article-media img {
      height: 153px; }
  .col-sm-4 > .promo-article-link .promo-article-media img {
    min-height: 157px; } }

@media (max-width: 500px) {
  .col-md-12.col-sm-6 .promo-article-media {
    height: 100px; }
    .col-md-12.col-sm-6 .promo-article-media img {
      height: 125px; }
  .col-sm-4 > .promo-article-link .promo-article-media img {
    min-height: 130px; } }

@media (max-width: 400px) {
  .col-md-12.col-sm-6 .promo-article-media {
    height: 80px; }
    .col-md-12.col-sm-6 .promo-article-media img {
      height: 98px; } }

.page-navigation nav > ul,
.page-navigation .nav-list,
.page-navigation .nav-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: normal; }

.page-navigation nav > ul > li,
.page-navigation .nav-list > li {
  display: inline-block; }

.page-navigation .main-navigation {
  position: relative;
  font-size: 1.23em;
  float: left; }
  .page-navigation .main-navigation a {
    color: #037CC2;
    display: block;
    font-family: "bc-lt", Tahoma, sans-serif;
    font-size: 1.125rem; }
  .page-navigation .main-navigation b {
    display: block; }
  .page-navigation .main-navigation > nav > ul > li {
    position: relative;
    padding: 20px 5px 20px 0;
    /* Level 1 hover rule is below this .standard-desktop-header nested block */ }
    .page-navigation .main-navigation > nav > ul > li.selected > a {
      color: #444; }
    .page-navigation .main-navigation > nav > ul > li > a {
      display: inline-block;
      line-height: 1.25rem;
      padding: 0 5px;
      color: #037CC2; }
      .page-navigation .main-navigation > nav > ul > li > a:hover {
        color: #085da9; }
    .page-navigation .main-navigation > nav > ul > li > div {
      display: none;
      position: absolute;
      z-index: 1000;
      left: -1px;
      top: 100%;
      min-width: 100%;
      padding: 10px 0;
      border-top: 0;
      background: #fff; }
      .page-navigation .main-navigation > nav > ul > li > div > ul {
        float: left; }
        .page-navigation .main-navigation > nav > ul > li > div > ul > li {
          /* Default level 2 item styling */
          margin-top: 10px; }
          .page-navigation .main-navigation > nav > ul > li > div > ul > li:first-child {
            margin-top: 0; }
          .page-navigation .main-navigation > nav > ul > li > div > ul > li > ul {
            /* Default level 3 UL styling */
            margin: 0 0 0 10px;
            padding: 0; }
            .page-navigation .main-navigation > nav > ul > li > div > ul > li > ul > li {
              /* Default level 3 item styling */
              margin-top: 3px;
              display: block; }
        .page-navigation .main-navigation > nav > ul > li > div > ul a:focus {
          box-shadow: inset 0 0 0 2px #085da9, inset 0 0 0 4px #fff; }
  .page-navigation .main-navigation .cssmenu,
  .page-navigation .main-navigation .cssmenu ul,
  .page-navigation .main-navigation .cssmenu ul li,
  .page-navigation .main-navigation .cssmenu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 350px;
    background: #005098; }
  .page-navigation .main-navigation .cssmenu {
    z-index: 99;
    width: 350px;
    font-family: "bc-lt", Tahoma, sans-serif;
    color: #fff;
    position: absolute;
    top: 70px; }
    .page-navigation .main-navigation .cssmenu ul ul {
      display: none; }
      .page-navigation .main-navigation .cssmenu ul ul li.has-sub > a::after {
        display: block;
        position: absolute;
        content: '';
        width: 7px;
        height: 7px;
        right: 20px;
        z-index: 10;
        top: 18px;
        border-top: 2px solid #007eb6;
        border-left: 2px solid #007eb6;
        -webkit-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
             -o-transform: rotate(-135deg);
                transform: rotate(-135deg); }
      .page-navigation .main-navigation .cssmenu ul ul li a {
        cursor: pointer;
        padding: 15px 20px 15px 0;
        margin-left: 0;
        z-index: 1;
        font-size: 1.125rem;
        color: #fff;
        background: #005098; }
        .page-navigation .main-navigation .cssmenu ul ul li a span {
          margin-left: 20px; }
      .page-navigation .main-navigation .cssmenu ul ul li:first-child > a {
        box-shadow: none; }
      .page-navigation .main-navigation .cssmenu ul ul ul li a {
        margin-left: 0;
        width: 240px;
        font-size: .8em; }
      .page-navigation .main-navigation .cssmenu ul ul ul ul li a {
        margin-left: 60px;
        width: 220px;
        font-size: 1.24em; }
    .page-navigation .main-navigation .cssmenu > ul > li > a {
      padding: 15px 10px;
      cursor: pointer;
      z-index: 2;
      font-size: 1.125rem;
      color: #fff;
      background: #085da9; }
    .page-navigation .main-navigation .cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
      border-bottom: 0; }
    .page-navigation .main-navigation .cssmenu::before {
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: "barclaycard-icons-new";
      content: '\f0aa';
      font-size: 2em;
      color: #085da9;
      position: absolute;
      top: -19px;
      left: 25%; }
  .page-navigation .main-navigation .cssmenu > ul > li > a:hover,
  .page-navigation .main-navigation .cssmenu > ul > li.active > a,
  .page-navigation .main-navigation .cssmenu > ul > li.open > a {
    color: #fff;
    font-family: "bc-lt", Tahoma, sans-serif; }
  .page-navigation .main-navigation .cssmenu > ul li a:hover,
  .page-navigation .main-navigation .cssmenu > ul li a:focus,
  .page-navigation .main-navigation .cssmenu > ul li:focus {
    background: #037CC2;
    color: #fff; }
  .page-navigation .main-navigation .holder {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0; }
  .page-navigation .main-navigation .holder::after,
  .page-navigation .main-navigation .holder::before {
    display: block;
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    right: 20px;
    z-index: 10;
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
         -o-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .page-navigation .main-navigation .open .holder::after,
  .page-navigation .main-navigation .open .holder::before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg); }
  .page-navigation .main-navigation .opened .opened .holder::after,
  .page-navigation .main-navigation .opened .opened .holder::before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg); }
  .page-navigation .main-navigation .holder::after {
    top: 17px; }
  .page-navigation .main-navigation .holder::before {
    top: 18px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-top-color: inherit;
    border-left-color: inherit; }
  .page-navigation .main-navigation .cssmenu > ul > li > ul > li:last-child > a,
  .page-navigation .main-navigation .cssmenu > ul > li > ul > li.last > a {
    border-bottom: 0; }
  .page-navigation .main-navigation .cssmenu > ul > li > ul > li.open:last-child > a,
  .page-navigation .main-navigation .cssmenu > ul > li > ul > li.last.open > a {
    border-bottom: 1px solid #529acf; }
  .page-navigation .main-navigation .cssmenu ul ul li.active > a::after,
  .page-navigation .main-navigation .cssmenu ul ul li > a:hover::after {
    border-color: #529acf; }
  .page-navigation .main-navigation .side-nav-contact .icon-mail,
  .page-navigation .main-navigation .side-nav-contact .icon-telephone {
    padding-right: 6px; }
  .page-navigation .main-navigation .secure-i::after {
    position: absolute;
    right: .8125em;
    font-family: "barclaycard-icons-new";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: '\e92b';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    margin-top: 3px; }

.page-navigation .menubar > li.opened:hover ::after, .page-navigation .menubar > li.closed:hover ::after {
  color: #085da9; }

.page-navigation .menubar > li.opened > a::after {
  font-family: "barclaycard-icons-new";
  content: '\e90b';
  speak: none;
  font-size: .55em;
  color: #037CC2;
  padding-left: 10px; }

.page-navigation .menubar > li.opened > a:hover::after {
  text-decoration: none;
  display: inline-block; }

.page-navigation .menubar > li.closed > a::after {
  font-family: "barclaycard-icons-new";
  content: '\e901';
  speak: none;
  font-size: .55em;
  color: #037CC2;
  padding-left: 10px; }

.page-navigation .menubar > li.closed > a:hover::after {
  text-decoration: none;
  display: inline-block; }

.page-navigation .mobile-nav ul ul .subtitle h3 {
  padding: 15px 10px;
  font-size: 1em;
  color: #fff;
  width: 110%;
  background: #037CC2; }

.page-navigation .mobile-nav ul ul ul .subtitle {
  display: none; }

.js .page-navigation .main-navigation > nav > ul > li.hover,
.no-js .page-navigation .main-navigation > nav > ul > li:hover {
  background: #fff; }
  .js .page-navigation .main-navigation > nav > ul > li.hover > div,
  .no-js .page-navigation .main-navigation > nav > ul > li:hover > div {
    display: block; }

@media all and (max-width: 1200px) {
  .page-navigation .main-navigation > nav > ul {
    display: table-cell; }
    .page-navigation .main-navigation > nav > ul > li {
      padding: 30px 10px;
      vertical-align: middle; }
      .page-navigation .main-navigation > nav > ul > li > a {
        white-space: normal;
        padding: 0; } }

@media all and (max-width: 767px) {
  .page-navigation .menubar > li.opened > a::after {
    content: none; }
  .page-navigation .menubar > li.closed > a::after {
    content: none; } }

@media all and (max-width: 1129px) {
  .page-navigation .menubar > li.opened > a::after {
    font-size: .5em; }
  .page-navigation .menubar > li.closed > a::after {
    font-size: .5em; }
  .page-navigation .main-navigation .cssmenu {
    top: 50px; }
    .page-navigation .main-navigation .cssmenu::before {
      left: 8%; }
  .page-navigation .main-navigation > nav > ul > li {
    padding: 12px 0; }
    .page-navigation .main-navigation > nav > ul > li > a {
      white-space: normal;
      padding: 0 0 0 5px;
      font-size: .8em; }
  .page-navigation .main-navigation > nav > ul > li > a {
    line-height: 0.9375rem; } }

@media all and (min-width: 1256px) and (max-width: 1655px) {
  .page-navigation .menubar > li.opened > a::after {
    font-size: .65em; }
  .page-navigation .menubar > li.closed > a::after {
    font-size: .65em; } }

@media all and (min-width: 1656px) {
  .page-navigation .main-navigation > nav > ul > li {
    position: relative; }
  .page-navigation .menubar > li.opened > a::after {
    font-size: .7em; }
  .page-navigation .menubar > li.closed > a::after {
    font-size: .7em; } }

.page-navigation {
  margin-top: -30px;
  margin-bottom: 30px;
  height: 70px;
  background: #fff; }
  .page-navigation .main-navigation {
    float: none; }
    .page-navigation .main-navigation nav {
      float: none;
      width: 100%;
      text-align: center; }
    .page-navigation .main-navigation a {
      text-decoration: none; }
    .page-navigation .main-navigation .cssmenu > ul > li > a {
      text-align: left; }

.page-navigation-button {
  display: none;
  color: #037CC2;
  font-family: "bc-lt", Tahoma, sans-serif;
  font-size: .95rem;
  border-radius: 5px;
  border: 1px solid #b7b7b7;
  padding: 11px 20px;
  background: #fff; }
  .page-navigation-button.closed::after, .page-navigation-button.opened::after {
    font-family: 'barclaycard-icons-new';
    color: #037CC2;
    border: 0;
    width: 18px;
    height: auto;
    float: right; }
  .page-navigation-button.closed::after {
    content: '\e901'; }
  .page-navigation-button.opened {
    border-radius: 5px 5px 0 0; }
    .page-navigation-button.opened::after {
      content: '\e90b'; }
  .page-navigation-button:hover {
    text-decoration: none; }
  .page-navigation-button:focus {
    border: 2px solid #e9b319;
    outline: none; }

@media screen and (max-width: 1200px) {
  .page-navigation .main-navigation {
    display: block; }
    .page-navigation .main-navigation > nav > ul {
      display: block; } }

@media screen and (max-width: 1129px) {
  .page-navigation {
    height: 50px; } }

@media screen and (min-width: 768px) {
  .page-navigation a:hover {
    text-decoration: underline; } }

@media screen and (max-width: 767px) {
  .page-navigation {
    position: relative;
    padding-bottom: 60px;
    padding-top: 12px; }
    .page-navigation a:active {
      text-decoration: underline; }
    .page-navigation .page-navigation-button,
    .page-navigation .main-navigation,
    .page-navigation .main-navigation .cssmenu,
    .page-navigation .main-navigation .cssmenu ul,
    .page-navigation .main-navigation .cssmenu ul li,
    .page-navigation .main-navigation .cssmenu ul li a {
      width: 410px;
      margin: 0 auto;
      text-align: left;
      color: #037CC2; }
    .page-navigation .main-navigation {
      display: none;
      z-index: 99; }
      .page-navigation .main-navigation nav {
        text-align: left; }
      .page-navigation .main-navigation > nav > ul > li {
        padding: 0;
        border: 1px solid #b7b7b7;
        border-top: 0;
        width: 410px; }
        .page-navigation .main-navigation > nav > ul > li > a {
          padding: 15px 20px;
          background: transparent;
          font-weight: bold;
          width: 100%;
          position: relative;
          z-index: 11; }
        .page-navigation .main-navigation > nav > ul > li ul a {
          padding: 15px 40px;
          font-size: .9rem;
          background: transparent; }
          .page-navigation .main-navigation > nav > ul > li ul a span {
            margin: 0; }
        .page-navigation .main-navigation > nav > ul > li li {
          border: 1px solid #b7b7b7;
          border-top: 0; }
          .page-navigation .main-navigation > nav > ul > li li:first-child {
            border-top: 1px solid #b7b7b7; }
          .page-navigation .main-navigation > nav > ul > li li:last-child {
            border-bottom: 0; }
            .page-navigation .main-navigation > nav > ul > li li:last-child a {
              border-bottom: 0; }
        .page-navigation .main-navigation > nav > ul > li:last-child li:last:child a {
          border-bottom: 0; }
        .page-navigation .main-navigation > nav > ul > li > div > ul {
          float: none; }
      .page-navigation .main-navigation .cssmenu {
        position: relative;
        top: 0;
        overflow: hidden; }
        .page-navigation .main-navigation .cssmenu::before {
          content: ''; }
        .page-navigation .main-navigation .cssmenu > ul > li > a:hover,
        .page-navigation .main-navigation .cssmenu > ul > li > a:focus {
          background: white;
          color: #085da9; }
        .page-navigation .main-navigation .cssmenu > ul > li > a {
          background: #fff;
          padding: 15px 20px;
          font-size: .85rem;
          border: 1px solid #b7b7b7;
          border-top: 0; }
    .page-navigation .main-navigation,
    .page-navigation .main-navigation ul,
    .page-navigation .main-navigation ul li,
    .page-navigation .main-navigation ul li a {
      background: #fff; }
    .page-navigation .sidenav-cssmenu .menubar > li.closed .navigation__pseudo-chevron::after,
    .page-navigation .sidenav-cssmenu .menubar > li.opened .navigation__pseudo-chevron::after {
      font-family: "barclaycard-icons-new";
      speak: none;
      font-size: .55em;
      color: #037CC2;
      padding-left: 10px; }
    .page-navigation .sidenav-cssmenu .menubar > li.closed .navigation__pseudo-chevron::after {
      content: '\e901'; }
    .page-navigation .sidenav-cssmenu .menubar > li.opened .navigation__pseudo-chevron::after {
      content: '\e90b'; }
    .page-navigation .sidenav-cssmenu .menubar > li.closed .navigation__pseudo-chevron,
    .page-navigation .sidenav-cssmenu .menubar > li.opened .navigation__pseudo-chevron {
      position: absolute;
      right: 25px;
      top: 8px;
      z-index: 10;
      speak: none; }
  .page-navigation-button {
    display: block; } }

@media screen and (min-width: 641px) and (max-width: 767px) {
  .page-navigation {
    margin-top: -45px; } }

@media screen and (max-width: 439px) {
  .page-navigation .main-navigation > nav > ul > li,
  .page-navigation .page-navigation-button,
  .page-navigation .main-navigation,
  .page-navigation .main-navigation .cssmenu,
  .page-navigation .main-navigation .cssmenu ul li,
  .page-navigation .main-navigation .cssmenu ul li a,
  .page-navigation .main-navigation > nav > ul {
    width: 100%; }
  .page-navigation {
    padding: 12px 15px 60px; } }

[class^='rTapNumber'],
[class*=' rTapNumber'] {
  visibility: hidden; }

.cq-Editable-dom [class^='rTapNumber'],
.cq-Editable-dom [class*=' rTapNumber'],
.coral-Dialog-content [class^='rTapNumber'],
.coral-Dialog-content [class*=' rTapNumber'] {
  visibility: visible; }

/**
 * Accessibility utility classes
 */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }
/*# sourceMappingURL=bdl.css.map */