@charset "UTF-8";
/*------------------------------------*\
// SETUP REQUIREMENTS
\*------------------------------------*/
/*------------------------------------*\
// THEME MAP
\*------------------------------------*/
@font-face {
  font-family: "museo-sans";
  src: url("https://cdn.services.ajbell.co.uk/fonts/museoSans/MuseoSans_100-webfont.woff2") format("woff2"), url("https://cdn.services.ajbell.co.uk/fonts/museoSans/MuseoSans_100-webfont.woff") format("woff");
  font-display: swap;
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
}
@font-face {
  font-family: "museo-sans";
  src: url("https://cdn.services.ajbell.co.uk/fonts/museoSans/MuseoSans_100_Italic-webfont.woff2") format("woff2"), url("https://cdn.services.ajbell.co.uk/fonts/museoSans/MuseoSans_100_Italic-webfont.woff") format("woff");
  font-display: swap;
  font-style: italic;
  font-weight: 100;
  font-stretch: normal;
}
@font-face {
  font-family: "museo-sans";
  src: url("https://cdn.services.ajbell.co.uk/fonts/museoSans/MuseoSans_300-webfont.woff2") format("woff2"), url("https://cdn.services.ajbell.co.uk/fonts/museoSans/MuseoSans_300-webfont.woff") format("woff");
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
}
@font-face {
  font-family: "museo-sans";
  src: url("https://cdn.services.ajbell.co.uk/fonts/museoSans/MuseoSans_300_Italic-webfont.woff2") format("woff2"), url("https://cdn.services.ajbell.co.uk/fonts/museoSans/MuseoSans_300_Italic-webfont.woff") format("woff");
  font-display: swap;
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
}
@font-face {
  font-family: "museo-sans";
  src: url("https://cdn.services.ajbell.co.uk/fonts/museoSans/MuseoSans_500-webfont.woff2") format("woff2"), url("https://cdn.services.ajbell.co.uk/fonts/museoSans/MuseoSans_500-webfont.woff") format("woff");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}
@font-face {
  font-family: "museo-sans";
  src: url("https://cdn.services.ajbell.co.uk/fonts/museoSans/MuseoSans_500_Italic-webfont.woff2") format("woff2"), url("https://cdn.services.ajbell.co.uk/fonts/museoSans/MuseoSans_500_Italic-webfont.woff") format("woff");
  font-display: swap;
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
}
@font-face {
  font-family: "museo-sans";
  src: url("https://cdn.services.ajbell.co.uk/fonts/museoSans/MuseoSans_700-webfont.woff2") format("woff2"), url("https://cdn.services.ajbell.co.uk/fonts/museoSans/MuseoSans_700-webfont.woff") format("woff");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "museo-sans";
  src: url("https://cdn.services.ajbell.co.uk/fonts/museoSans/MuseoSans_700_Italic-webfont.woff2") format("woff2"), url("https://cdn.services.ajbell.co.uk/fonts/museoSans/MuseoSans_700_Italic-webfont.woff") format("woff");
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "museo-sans";
  src: url("https://cdn.services.ajbell.co.uk/fonts/museoSans/MuseoSans_900-webfont.woff2") format("woff2"), url("https://cdn.services.ajbell.co.uk/fonts/museoSans/MuseoSans_900-webfont.woff") format("woff");
  font-display: swap;
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
}
@font-face {
  font-family: "museo-sans";
  src: url("https://cdn.services.ajbell.co.uk/fonts/museoSans/MuseoSans_900_Italic-webfont.woff2") format("woff2"), url("https://cdn.services.ajbell.co.uk/fonts/museoSans/MuseoSans_900_Italic-webfont.woff") format("woff");
  font-display: swap;
  font-style: italic;
  font-weight: 900;
  font-stretch: normal;
}
/*------------------------------------*\
// TOOLS
\*------------------------------------*/
/*------------------------------------*\
    #VARIABLES - Breakpoints
\*------------------------------------*/
/*------------------------------------*\
    - example

    @include media($large-screen) {@content}

\*------------------------------------*/
/*------------------------------------*\
    - example

@include MQ(M) {
  right: 20px;
}

\*------------------------------------*/
/*------------------------------------*\
    #ICON FONT
\*------------------------------------*/
/*------------------------------------*\
    - example

    .icon-font {

        @include fontawesome('\f054');

    }

\*------------------------------------*/
/*------------------------------------*\

    //ADJUSTABLE BREAKPOINTS - Mixin


    // Ref: http://alwaystwisted.com/post.php?s=2013-04-01-my-media-query-mixin

\*------------------------------------*/
/*------------------------------------*\

    Examples:

    //min-width (20em)
    .example {
    @include mq(320) {
        width: 100%;
        }
    }


    // min-width (20em) set & IE9 fallback support
    .example {
        @include mq(320, true) {
            width: 100%;
        }
    }

    // max-width (20em) & IE support false
    .example {
        @include mq(320, false, max) {
            width: 100%;
        }
    }

    //min-height
    .example {
        @include mq(320, false, min, height) {
            width: 100%;
        }
    }

    //max-height
    .example {
        @include mq(320, false, max, height) {
            width: 100%;
        }
    }


\*------------------------------------*/
/*------------------------------------*\
    #MIXINS - animation and keyframe mixin
\*------------------------------------*/
/*------------------------------------*\
    - example

    .animate-this {

        @include animation('bounce-animation .5s ease');

    }

    @include keyframes(bounce-animation) {

        0% { opacity: 1; }
        90% { opacity: 0; }

    }

\*------------------------------------*/
/*------------------------------------*\

    //BACKGROUND OPACITY - Mixin


\*------------------------------------*/
/*------------------------------------*\
    Hex or Variable, then set opacity
    Examples:

    @include background-opacity(#333, 0.8);



\*------------------------------------*/
/*------------------------------------*\
    #MIXINS - colour contrast
\*------------------------------------*/
/*------------------------------------*\
    - Set contrast colour mixin example
    - requires a colour to be passed to determine output

    color: set-contrast-color($colorChoice); // mixin usage

\*------------------------------------*/
/*------------------------------------*\
    #MIXINS - Transitions
\*------------------------------------*/
/*------------------------------------*\

@include transition(width,0.3s,ease-out);

\*------------------------------------*/
/*------------------------------------*\
    #MAP - z-index
\*------------------------------------*/
/*------------------------------------*\

.overlay {
  z-index: z(overlay);
}

.element {
  z-index: (z(default) + 1);
}

\*------------------------------------*/
/*------------------------------------*\
    #MIXINS - tints and shades
\*------------------------------------*/
/*------------------------------------*\

//normal use of tint/shade func

color: tint(blue, 10%);
color: shade(blue, 10%);



//Example of how to use $colors array with tint/shade func to return color range value

  .text-red-100--example  {
    color: tint(map-get($colors, red), 100% - 30%);
  }

  .text-red-600--example  {
    color: shade(map-get($colors, red), 100% - 90%);
  }


\*------------------------------------*/
/*------------------------------------*\
    #MIXINS - Gradients
\*------------------------------------*/
/*------------------------------------*\
    #MIXINS - BEM
\*------------------------------------*/
/*
/// BEM mixin example
/// uncomment block to view compiled output

@include b('block-wrapper') {
background: red;

    @include e('header') {
    background: green;
    }

    @include m('excerpt') {
    background: blue;

        &:hover {
        background: yellow;
        }

    }

}


// Output
// Elements are delimited with two (2) underscores (__), and Modifiers are delimited by two (2) hyphens (--).

.block-wrapper { //block
  background: red;
}

.block-wrapper__header { //element
  background: green;
}

.block-wrapper--excerpt { //modifier
  background: blue;
}

.block-wrapper--excerpt:hover { //modifier
  background: yellow;
}
*/
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * Use border box on all elements
 */
* {
  box-sizing: border-box;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  display: -ms-flex;
  display: flex;
  min-height: 100vh;
  min-height: inherit\9 ;
  flex-direction: column;
}
body.ie {
  display: block;
}

main {
  flex: 1 0 auto;
}

/* Youinvest print styles

/* The declarations for print output */
@media print {
  @page {
    margin: 0.5cm;
  }
  /* Reset quotes */
  q {
    quotes: none;
  }
  q:after,
q:before {
    content: "";
  }
  /* colour backgrounds */
  *,
.card,
.card-content,
.card-content.card-content,
.card.card,
.grey-0-bg,
.grey-0-bg.grey-0-bg,
.orange-100-gradient-vertical,
.orange-300-bg,
.orange-300-bg.orange-300-bg,
.purple-500-bg,
.purple-500-bg.purple-500-bg,
.darkblue-900-bg, .darkblue-900-bg.darkblue-900-bg,
.darkblue-600-gradient-vertical-bottom, .darkblue-600-gradient-vertical-bottom.darkblue-600-gradient-vertical-bottom,
ul.pagination li.active,
.highlight.yellow,
.highlight.red,
.highlight.darkblue,
.highlight.green {
    background: white !important;
    color: black !important;
    box-shadow: none !important;
  }
  /* colour backgrounds */
  *,
.green-500-text,
.green-500-text.green-500-text,
.green-text,
.green-text.green-text,
.grey-500-text,
.grey-500-text.grey-500-text,
.red-text,
.red-text.red-text,
.red-500-text,
.red-500-text.red-500-text,
.white-text,
.white-text.white-text {
    color: black !important;
    text-align: left !important;
  }
  .ajb-col-1,
.ajb-col-10,
.ajb-col-11,
.ajb-col-12,
.ajb-col-2,
.ajb-col-3,
.ajb-col-4,
.ajb-col-5,
.ajb-col-6,
.ajb-col-7,
.ajb-col-8,
.ajb-col-9,
.card,
.card.card,
.ajb-col-push-1,
.ajb-col-push-2,
.ajb-col-push-3,
.ajb-col-push-4,
.ajb-col-push-5,
.ajb-col-push-6,
.ajb-col-push-7,
.ajb-col-push-8,
.ajb-col-push-9,
.ajb-col-push-10,
.ajb-col-push-11,
.ajb-col-8-breakpoint,
.ajb-grid-row,
table {
    width: calc(100% - 20px) !important;
    margin-left: 10px !important;
    padding-left: 0 !important;
    display: block !important;
    position: static !important;
    float: none !important;
    background: white !important;
    color: black !important;
  }
  .display-flex,
.flex {
    display: block !important;
  }
  .card, .card.card {
    height: inherit;
    border: 1px solid lightgrey;
    padding: 5px !important;
  }
  .hero-content--width-medium .hero-content--width-small.hero-content--width-small,
.hero-content--width-medium.hero-content--width-medium,
.hero-content--width-small {
    max-width: inherit !important;
    text-align: left !important;
    padding-top: 20px !important;
    padding-bottom: 0 !important;
  }
  .hero--height-large,
.hero--height-large.hero--height-large,
.hero--height-medium.hero--height-medium,
.hero--height-small,
.hero--height-small.hero--height-small {
    min-height: inherit !important;
    padding: 0 !important;
  }
  .card-content,
.card-content.card-content {
    padding-left: 0 !important;
    max-height: inherit !important;
    overflow: visible !important;
    clear: both;
    display: block;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .card-content .ajb-col-collapse,
.card-content.card-content .ajb-col-collapse {
    margin: 0;
  }
  .card-action,
.card-action.card-action {
    position: relative !important;
    padding-left: 0px;
    padding-bottom: 0px;
    border-top: none;
    padding-top: 0px;
  }
  .collapsible-body,
.collapsible-body.collapsible-body {
    display: block !important;
    overflow: visible !important;
  }
  .text-align-center {
    text-align: left !important;
  }
  ul li, .js-fade-element-hide {
    opacity: 1 !important;
    -webkit-transform: translateX(0px) !important;
            transform: translateX(0px) !important;
  }
  .card-tabs + .card-content > div {
    display: block !important;
    width: 100%;
    clear: both;
    float: none;
  }
  ul.pagination {
    padding-top: 0 !important;
  }
  ul.pagination li.active {
    border: 1px solid;
    border-radius: 0px !important;
    padding: 10px;
    line-height: 1.5;
  }
  ul.pagination li.active:before {
    content: "Page number:";
  }
  ul.pagination li.active a {
    padding: 0 !important;
    display: inline-block;
    line-height: 1.5;
    vertical-align: baseline;
    padding-left: 5px !important;
  }
  /* font sizes */
  body {
    font: 12pt Georgia, "Times New Roman", Times, serif;
    line-height: 1.3;
    margin-top: 0 !important;
  }
  h1 {
    font-size: 24pt;
  }
  h2 {
    font-size: 14pt;
    margin-top: 25px;
  }
  aside h2 {
    font-size: 18pt;
  }
  /* Show printer-frindly logo. */
  header .print {
    display: block;
  }
  /* Some browsers like to show a border around images. Switch it off */
  img {
    border: 0;
  }
  /* Mover the header a little bit awy from the content */
  header {
    margin-bottom: 40px;
  }
  /* Display the URL of the site so that the user knows where the printout came from */
  header:after {
    display: block;
    content: "https://www.ajbell.co.uk";
  }
  /* Additionally/optionally a little message could be displayed */
  /*header:before {

        display: block;

        content: "Thank your for printing our content at www.smashing-winery.com. Please check back soon for new offers about delicious wine from our winery.";

        margin-bottom: 10px;

        border: 1px solid #bbb;

        padding: 3px 5px;

        font-style: italic;

    }*/
  /* Separate blockquotes a little bit from the rest */
  blockquote {
    font-size: 13pt;
    font-style: italic;
  }
  /* By default links are blue. For optimal legibility change them to black */
  p a {
    color: #000;
  }
  /* Show the URL after each link, whereby internal links are preceeded by the site's URL */
  p a:after {
    content: " (https://www.ajbell.co.uk/" attr(href) ")";
    font-size: 80%;
    word-wrap: break-word;
  }
  /* External links don't get this treatment */
  p a[href^="http://"]:after,
p a[href^="https://"]:after {
    content: " (" attr(href) ")";
  }
  /* Append the source of the citation */
  q:after {
    content: " (" attr(cite) ")";
  }
  /* The Sidebar is placed under the content automatically. To distinguish it from the rest a border and a gap is set before */
  aside {
    border-top: 1px solid #bbb;
    margin-top: 30px;
    display: block;
    width: auto;
    /* Reset the element for IE < 8 */
    position: static;
    width: auto;
    padding: 10px 0 0;
  }
  /* Hide everything unneeded */
  .admin-menu,
.header.header-fixed,
.button,
.c-btn,
.card-image,
.fixed-action-btn,
.no-print,
.sidebar-wrapper,
footer,
header,
header h1,
header nav,
hr,
iframe,
img,
ul.pagination li:not(.active),
.card-image,
.fa,
.form-item-group,
.footer {
    display: none !important;
  }
  .darkblue-0-bg {
    background-color: white !important;
  }
  .darkblue-0-text {
    color: black !important;
  }
  .darkblue-100-bg {
    background-color: white !important;
  }
  .darkblue-100-text {
    color: black !important;
  }
  .darkblue-200-bg {
    background-color: white !important;
  }
  .darkblue-200-text {
    color: black !important;
  }
  .darkblue-300-bg {
    background-color: white !important;
  }
  .darkblue-300-text {
    color: black !important;
  }
  .darkblue-400-bg {
    background-color: white !important;
  }
  .darkblue-400-text {
    color: black !important;
  }
  .darkblue-500-bg {
    background-color: white !important;
  }
  .darkblue-500-text {
    color: black !important;
  }
  .darkblue-600-bg {
    background-color: white !important;
  }
  .darkblue-600-text {
    color: black !important;
  }
  .darkblue-700-bg {
    background-color: white !important;
  }
  .darkblue-700-text {
    color: black !important;
  }
  .darkblue-800-bg {
    background-color: white !important;
  }
  .darkblue-800-text {
    color: black !important;
  }
  .darkblue-900-bg {
    background-color: white !important;
  }
  .darkblue-900-text {
    color: black !important;
  }
  .red-0-bg {
    background-color: white !important;
  }
  .red-0-text {
    color: black !important;
  }
  .red-100-bg {
    background-color: white !important;
  }
  .red-100-text {
    color: black !important;
  }
  .red-200-bg {
    background-color: white !important;
  }
  .red-200-text {
    color: black !important;
  }
  .red-300-bg {
    background-color: white !important;
  }
  .red-300-text {
    color: black !important;
  }
  .red-400-bg {
    background-color: white !important;
  }
  .red-400-text {
    color: black !important;
  }
  .red-500-bg {
    background-color: white !important;
  }
  .red-500-text {
    color: black !important;
  }
  .red-600-bg {
    background-color: white !important;
  }
  .red-600-text {
    color: black !important;
  }
  .red-700-bg {
    background-color: white !important;
  }
  .red-700-text {
    color: black !important;
  }
  .red-800-bg {
    background-color: white !important;
  }
  .red-800-text {
    color: black !important;
  }
  .red-900-bg {
    background-color: white !important;
  }
  .red-900-text {
    color: black !important;
  }
  .grey-0-bg {
    background-color: white !important;
  }
  .grey-0-text {
    color: black !important;
  }
  .grey-100-bg {
    background-color: white !important;
  }
  .grey-100-text {
    color: black !important;
  }
  .grey-200-bg {
    background-color: white !important;
  }
  .grey-200-text {
    color: black !important;
  }
  .grey-300-bg {
    background-color: white !important;
  }
  .grey-300-text {
    color: black !important;
  }
  .grey-400-bg {
    background-color: white !important;
  }
  .grey-400-text {
    color: black !important;
  }
  .grey-500-bg {
    background-color: white !important;
  }
  .grey-500-text {
    color: black !important;
  }
  .grey-600-bg {
    background-color: white !important;
  }
  .grey-600-text {
    color: black !important;
  }
  .grey-700-bg {
    background-color: white !important;
  }
  .grey-700-text {
    color: black !important;
  }
  .grey-800-bg {
    background-color: white !important;
  }
  .grey-800-text {
    color: black !important;
  }
  .grey-900-bg {
    background-color: white !important;
  }
  .grey-900-text {
    color: black !important;
  }
  .lightblue-0-bg {
    background-color: white !important;
  }
  .lightblue-0-text {
    color: black !important;
  }
  .lightblue-100-bg {
    background-color: white !important;
  }
  .lightblue-100-text {
    color: black !important;
  }
  .lightblue-200-bg {
    background-color: white !important;
  }
  .lightblue-200-text {
    color: black !important;
  }
  .lightblue-300-bg {
    background-color: white !important;
  }
  .lightblue-300-text {
    color: black !important;
  }
  .lightblue-400-bg {
    background-color: white !important;
  }
  .lightblue-400-text {
    color: black !important;
  }
  .lightblue-500-bg {
    background-color: white !important;
  }
  .lightblue-500-text {
    color: black !important;
  }
  .lightblue-600-bg {
    background-color: white !important;
  }
  .lightblue-600-text {
    color: black !important;
  }
  .lightblue-700-bg {
    background-color: white !important;
  }
  .lightblue-700-text {
    color: black !important;
  }
  .lightblue-800-bg {
    background-color: white !important;
  }
  .lightblue-800-text {
    color: black !important;
  }
  .lightblue-900-bg {
    background-color: white !important;
  }
  .lightblue-900-text {
    color: black !important;
  }
  .purple-0-bg {
    background-color: white !important;
  }
  .purple-0-text {
    color: black !important;
  }
  .purple-100-bg {
    background-color: white !important;
  }
  .purple-100-text {
    color: black !important;
  }
  .purple-200-bg {
    background-color: white !important;
  }
  .purple-200-text {
    color: black !important;
  }
  .purple-300-bg {
    background-color: white !important;
  }
  .purple-300-text {
    color: black !important;
  }
  .purple-400-bg {
    background-color: white !important;
  }
  .purple-400-text {
    color: black !important;
  }
  .purple-500-bg {
    background-color: white !important;
  }
  .purple-500-text {
    color: black !important;
  }
  .purple-600-bg {
    background-color: white !important;
  }
  .purple-600-text {
    color: black !important;
  }
  .purple-700-bg {
    background-color: white !important;
  }
  .purple-700-text {
    color: black !important;
  }
  .purple-800-bg {
    background-color: white !important;
  }
  .purple-800-text {
    color: black !important;
  }
  .purple-900-bg {
    background-color: white !important;
  }
  .purple-900-text {
    color: black !important;
  }
  .orange-0-bg {
    background-color: white !important;
  }
  .orange-0-text {
    color: black !important;
  }
  .orange-100-bg {
    background-color: white !important;
  }
  .orange-100-text {
    color: black !important;
  }
  .orange-200-bg {
    background-color: white !important;
  }
  .orange-200-text {
    color: black !important;
  }
  .orange-300-bg {
    background-color: white !important;
  }
  .orange-300-text {
    color: black !important;
  }
  .orange-400-bg {
    background-color: white !important;
  }
  .orange-400-text {
    color: black !important;
  }
  .orange-500-bg {
    background-color: white !important;
  }
  .orange-500-text {
    color: black !important;
  }
  .orange-600-bg {
    background-color: white !important;
  }
  .orange-600-text {
    color: black !important;
  }
  .orange-700-bg {
    background-color: white !important;
  }
  .orange-700-text {
    color: black !important;
  }
  .orange-800-bg {
    background-color: white !important;
  }
  .orange-800-text {
    color: black !important;
  }
  .orange-900-bg {
    background-color: white !important;
  }
  .orange-900-text {
    color: black !important;
  }
  .green-0-bg {
    background-color: white !important;
  }
  .green-0-text {
    color: black !important;
  }
  .green-100-bg {
    background-color: white !important;
  }
  .green-100-text {
    color: black !important;
  }
  .green-200-bg {
    background-color: white !important;
  }
  .green-200-text {
    color: black !important;
  }
  .green-300-bg {
    background-color: white !important;
  }
  .green-300-text {
    color: black !important;
  }
  .green-400-bg {
    background-color: white !important;
  }
  .green-400-text {
    color: black !important;
  }
  .green-500-bg {
    background-color: white !important;
  }
  .green-500-text {
    color: black !important;
  }
  .green-600-bg {
    background-color: white !important;
  }
  .green-600-text {
    color: black !important;
  }
  .green-700-bg {
    background-color: white !important;
  }
  .green-700-text {
    color: black !important;
  }
  .green-800-bg {
    background-color: white !important;
  }
  .green-800-text {
    color: black !important;
  }
  .green-900-bg {
    background-color: white !important;
  }
  .green-900-text {
    color: black !important;
  }
}
/*------------------------------------*\
    #BODY
\*------------------------------------*/
html {
  max-width: 1300px;
  min-width: 320px;
  margin: 0 auto;
  background: #afafaf !important;
}

/**
 * Body base styles
 */
body {
  background: white;
  color: #373741;
  font-family: museo-sans, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "sans-serif";
  font-display: swap;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  font-size: 1em;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
body.ie {
  display: block;
}

/*------------------------------------*\
    #TEXT
\*------------------------------------*/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.page-research-tools h1,
.page-research-tools h2,
.page-research-tools h3,
.page-research-tools h4,
.page-research-tools h5,
.page-research-tools h6 {
  line-height: 1.25;
  margin-bottom: 16px;
  font-kerning: normal;
  word-break: inherit;
  font-weight: 400;
}

p + h2, p + h3, p + h4, p + h5, p + h6,
ul + h2, ul + h3, ul + h4, ul + h5, ul + h6,
ol + h2, ol + h3, ol + h4, ol + h5, ol + h6,
dl + h2, dl + h3, dl + h4, dl + h5, dl + h6,
table + h2, table + h3, table + h4, table + h5, table + h6,
form + h2, form + h3, form + h4, form + h5, form + h6,
blockquote + h2, blockquote + h3, blockquote + h4, blockquote + h5, blockquote + h6,
a + h2, a + h3, a + h4, a + h5, a + h6 {
  margin-top: 32px;
}

@media only screen and (max-width: 1000px) {
  p + h2, p + h3, p + h4, p + h5, p + h6,
ul + h2, ul + h3, ul + h4, ul + h5, ul + h6,
ol + h2, ol + h3, ol + h4, ol + h5, ol + h6,
dl + h2, dl + h3, dl + h4, dl + h5, dl + h6,
table + h2, table + h3, table + h4, table + h5, table + h6,
form + h2, form + h3, form + h4, form + h5, form + h6,
blockquote + h2, blockquote + h3, blockquote + h4, blockquote + h5, blockquote + h6,
a + h2, a + h3, a + h4, a + h5, a + h6 {
    margin-top: 16px;
  }
}
p, .card .card-content p {
  font-kerning: normal;
  word-break: inherit;
  margin-bottom: 16px;
}

td {
  font-kerning: normal;
}

/**
 * Blockquote base styles
 */
blockquote {
  font-style: italic;
  border-left: 3px solid #d50032;
  color: #373741;
  padding-left: 16px;
  margin-bottom: 16px;
}

/**
 * Horizontal rule base styles
 */
hr {
  border: 0;
  height: 1px;
  background: #d8d8d8;
  margin: 8px 0;
}

/**
 * Abbreviation base styles
 */
abbr {
  border-bottom: 1px dotted #d8d8d8;
  cursor: help;
}

.caption {
  font-weight: bold;
  color: #373741;
  font-size: 12px;
}

.textresizer a {
  text-decoration: none !important;
  background-color: #373741;
  border-radius: 3px;
  margin-right: 2px;
  font-weight: bold;
  color: white;
  width: 24px;
  display: inline-block;
  text-align: center;
  height: 24px;
}
.textresizer a:hover {
  color: white;
}
.textresizer a.textresizer-active {
  background-color: black;
  color: white;
  box-shadow: none !important;
}

.main-content-wrapper p,
.main-content-wrapper ul li,
.main-content-wrapper ul li p,
.main-content-wrapper .card ul li p {
  max-width: 80ch;
}

.main-content-wrapper .card p,
.main-content-wrapper p.ajb-grid-row,
ul.collapsible li {
  max-width: inherit;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .main-content-wrapper p,
.main-content-wrapper ul li,
.main-content-wrapper ul li p,
.main-content-wrapper .card ul li p {
    max-width: none;
  }
}
.breadcrumb.truncate {
  padding-bottom: 1px !important;
}

strong {
  font-weight: bold !important;
}

a.h1:hover, a.h2:hover, a.h3:hover, a.h4:hover, a.h5:hover, a.h6:hover {
  cursor: pointer;
}

/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/**
 * Heading 1
 */
h1, .h1 {
  font-size: 36px;
}
@media (min-width: 568px) {
  h1, .h1 {
    font-size: calc(0vw + 36px);
  }
}
@media (min-width: 768px) {
  h1, .h1 {
    font-size: calc(5.4054054054vw - 5.5135135135px);
  }
}
@media (min-width: 990px) {
  h1, .h1 {
    font-size: 48px;
  }
}

/**
 * Heading 2
 */
h2, .h2 {
  font-size: 30px;
}
@media (min-width: 568px) {
  h2, .h2 {
    font-size: calc(0vw + 30px);
  }
}
@media (min-width: 768px) {
  h2, .h2 {
    font-size: calc(2.7027027027vw + 9.2432432432px);
  }
}
@media (min-width: 990px) {
  h2, .h2 {
    font-size: 36px;
  }
}

/**
 * Heading 3
 */
h3, .h3 {
  font-size: 24px;
}
@media (min-width: 568px) {
  h3, .h3 {
    font-size: calc(0vw + 24px);
  }
}
@media (min-width: 768px) {
  h3, .h3 {
    font-size: calc(2.7027027027vw + 3.2432432432px);
  }
}
@media (min-width: 990px) {
  h3, .h3 {
    font-size: 30px;
  }
}

/**
 * Heading 4
 */
h4, .h4 {
  font-size: 18px;
}
@media (min-width: 568px) {
  h4, .h4 {
    font-size: calc(0vw + 18px);
  }
}
@media (min-width: 768px) {
  h4, .h4 {
    font-size: calc(2.7027027027vw - 2.7567567568px);
  }
}
@media (min-width: 990px) {
  h4, .h4 {
    font-size: 24px;
  }
}

/**
 * Heading 5
 */
h5, .h5 {
  font-size: 16px;
}
@media (min-width: 568px) {
  h5, .h5 {
    font-size: calc(0vw + 16px);
  }
}
@media (min-width: 768px) {
  h5, .h5 {
    font-size: calc(0.9009009009vw + 9.0810810811px);
  }
}
@media (min-width: 990px) {
  h5, .h5 {
    font-size: 18px;
  }
}

/**
 * Heading 6
 */
h6, .h6 {
  font-size: 14px;
}
@media (min-width: 568px) {
  h6, .h6 {
    font-size: calc(0vw + 14px);
  }
}
@media (min-width: 768px) {
  h6, .h6 {
    font-size: calc(0.9009009009vw + 7.0810810811px);
  }
}
@media (min-width: 990px) {
  h6, .h6 {
    font-size: 16px;
  }
}

/**
 * Heading 6
 */
h7, .h7 {
  font-size: 12px;
}
@media (min-width: 568px) {
  h7, .h7 {
    font-size: calc(0.5vw + 9.16px);
  }
}
@media (min-width: 768px) {
  h7, .h7 {
    font-size: calc(0vw + 13px);
  }
}
@media (min-width: 990px) {
  h7, .h7 {
    font-size: 13px;
  }
}

/**
 * Subheading
 */
.subheading {
  font-family: museo-sans, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "sans-serif";
  font-weight: normal;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
.title {
  font-family: museo-sans, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "sans-serif";
}

.title,
.page-research-tools h1,
.page-research-tools h2,
.page-research-tools h3,
.page-research-tools h4,
.page-research-tools h5,
.page-research-tools h6 {
  font-weight: 400 !important;
  color: black;
}

.page-research-tools h1.font-weight-bold,
.page-research-tools h2.font-weight-bold,
.page-research-tools h3.font-weight-bold,
.page-research-tools h4.font-weight-bold,
.page-research-tools h5.font-weight-bold,
.page-research-tools h6.font-weight-bold {
  font-weight: 400 !important;
}

.title, h1 {
  font-weight: 400 !important;
}

.hero h1,
.hero h2,
.hero h3,
.hero h4,
.hero h5,
.hero h6,
.hero .title {
  color: white;
}

/*------------------------------------*\
    #ANIMATION
\*------------------------------------*/
/**
 * Fade Animation
 */
.js-fade-element-hide {
  opacity: 0;
}

.js-fade-element-show {
  opacity: 1;
  transition: all 0.4s ease-in-out;
}

.js-swipe-element-hide {
  opacity: 0;
  position: relative;
  left: -150px;
}

.js-swipe-element-show {
  opacity: 1;
  left: 0;
  transition: all 0.6s ease-out;
}

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: 3s, 5s;
  animation-duration: 3s, 5s;
  -webkit-animation-delay: 0s, 0.3s;
  animation-delay: 0s, 0.3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

[data-animation=pulseplus] {
  -webkit-animation-name: plusplus;
  animation-name: plusplus; /* IE 9 */
  -webkit-transform: scale(1); /* Safari */
  transform: scale(1);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
[data-animation=pulseplus]:hover {
  -webkit-animation-name: none;
  animation-name: none; /* IE 9 */
  -webkit-transform: scale(1); /* Safari */
  transform: scale(1);
}

@-webkit-keyframes plusplus {
  0% {
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.025); /* Safari */
    transform: scale(1.025);
  }
  100% {
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
  }
}

@keyframes plusplus {
  0% {
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.025); /* Safari */
    transform: scale(1.025);
  }
  100% {
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
  }
}
.up-flash {
  -webkit-animation-name: upFlash;
  -webkit-animation-duration: 0.3s;
  animation-name: upFlash;
  animation-duration: 0.3s;
  border-radius: 3px;
}

@-webkit-keyframes upFlash {
  from {
    background-color: #e2eafa;
    color: blue;
    opacity: 0;
  }
  to {
    background-color: #e2eafa;
    color: blue;
    opacity: 1;
  }
}
@keyframes upFlash {
  from {
    background-color: #e2eafa;
    color: blue;
    opacity: 0;
  }
  to {
    background-color: #e2eafa;
    color: blue;
    opacity: 1;
  }
}
/*------------------------------------*\
    #FORMS
\*------------------------------------*/
/**
 * Fieldset base styles
 */
fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

/**
 * Label base styles
 */
label {
  display: block;
  padding-bottom: 0.2rem;
  font-weight: bold;
  font-size: 16px;
  color: black;
}

.label-text-scale-none {
  -webkit-transform: translateY(-14px) scale(1) !important;
  transform: translateY(-14px) scale(1) !important;
}

/**
 * Form button, input, select, and text area base styles
 * 1) Zero out margin and inherit font styles
 */
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

/**
 * Input and text area base styles
 * 1) Width entire container, gray border, padding
 */
input,
textarea {
  width: 100%;
  border: 1px solid #afafaf;
  padding: 1rem;
}

/**
 * Input areas base styles
 * 1) Get rid of webkit appearance of these areas
 */
input[type=text],
input[type=search],
input[type=url],
input[type=number],
textarea {
  -webkit-appearance: none;
}

/**
 * Button/Submit button base styles
 */
button,
input[type=submit] {
  padding: 8px;
  background: #afafaf;
  border: 1px solid #d8d8d8;
  cursor: pointer;
}

/**
 * Checkboxes/Radio button base styles
 */
input[type=checkbox],
input[type=radio] {
  width: auto;
  margin-right: 0.3em;
}

/**
 * Search cancel button and search decoration webkit appearance none
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

[type=checkbox]:not(:checked) + label,
[type=radio]:not(:checked) + label {
  text-decoration: underline;
  font-weight: normal !important;
  color: #373741;
}

input[disabled=disabled] + label,
input:disabled + label {
  text-decoration: none !important;
  font-weight: bold !important;
  color: #373741 !important;
}

input[disabled=disabled],
input:disabled {
  color: #373741 !important;
}

input[disabled=disabled]:hover,
input:disabled:hover {
  cursor: not-allowed;
}

/* label focus color */
.input-field input[type=text]:focus + label,
input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label,
.dropdown-content li > a,
.dropdown-content li > span {
  color: #373741 !important;
}

/* label underline focus color */
.input-field input[type=text]:focus,
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #009F00 !important;
  box-shadow: 0 1px 0 0 #009F00 !important;
}

/* icon prefix focus color */
.input-field .prefix.active {
  color: #373741 !important;
}

[type=checkbox].filled-in:checked + label:after,
[type=radio]:checked + label:after,
[type=radio].with-gap:checked + label:after,
[type=radio]:checked + label:after,
[type=radio].with-gap:checked + label:before,
[type=radio].with-gap:checked + label:after {
  border: 2px solid #009F00 !important;
  background-color: #009F00 !important;
}

[type=checkbox] + label:before,
[type=checkbox]:not(.filled-in) + label:after {
  background: white;
}

[type=checkbox]:checked + label:before {
  border-right: 2px solid #009F00;
  border-bottom: 2px solid #009F00;
  background: none;
}

input[type=range]::-webkit-slider-thumb,
input[type=range] + .thumb {
  background-color: #009F00 !important;
}

.picker__date-display,
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background-color: #009F00 !important;
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
  background-color: #8a8a8a !important;
}

.picker__day.picker__day--today,
.picker__today,
.picker__close {
  color: #009F00 !important;
}

.picker__day.picker__day--today.picker__day--selected {
  color: white !important;
}

[type=checkbox] + label,
[type=radio] + label {
  color: black;
}

select.browser-default {
  border: 1px solid black;
}

.switch label input[type=checkbox]:checked + .lever {
  background-color: #f2f2ea;
}

.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #009F00;
}

.switch label .lever:before {
  background-color: #009F00; /* The Fallback */
  background-color: rgba(0, 159, 0, 0.15);
}

.switch label .lever {
  margin: 0 6px;
  background-color: #d8d8d8;
}

.switch label input[type=checkbox]:checked + .lever {
  background-color: #d8d8d8;
}

@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    body select.browser-default {
      -webkit-appearance: menulist !important;
      box-sizing: border-box !important;
      border-top-width: 1px !important;
      border-right-width: 1px !important;
      border-bottom-width: 1px !important;
      border-left-width: 1px !important;
      border-top-style: solid !important;
      border-right-style: solid !important;
      border-bottom-style: solid !important;
      border-left-style: solid !important;
      border-top-color: initial !important;
      border-right-color: initial !important;
      border-bottom-color: initial !important;
      border-left-color: initial !important;
      border-image-source: initial !important;
      border-image-slice: initial !important;
      border-image-width: initial !important;
      border-image-outset: initial !important;
      border-image-repeat: initial !important;
      color: text !important;
      background-color: -webkit-control-background !important;
      align-items: center !important;
      white-space: pre !important;
      -webkit-rtl-ordering: logical !important;
      cursor: default !important;
      border-top-left-radius: 5px !important;
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important;
      border-bottom-left-radius: 5px !important;
    }
  }
}
.material-tooltip {
  max-width: 600px;
  line-height: 1.5;
}
.material-tooltip .backdrop {
  background-color: rgb(0, 0, 0);
}

select.browser-default.invalid,
select.browser-default.error {
  border: 1px solid red;
}

[type=radio]:not(:checked).invalid + label:before,
[type=radio]:not(:checked).invalid + label:after,
[type=radio]:not(:checked).error + label:before,
[type=radio]:not(:checked).error + label:after {
  border-color: red;
}

input.error,
input.invalid {
  border-color: red;
}

/*------------------------------------*\
    #LINKS
\*------------------------------------*/
.page-research-tools a:hover {
  text-decoration: none;
}

/**
 * Links
 */
.main-content-wrapper a {
  text-decoration: underline;
}

a, a.text-underline-none {
  /* text-decoration: none !important; */
  font-weight: 700;
}
a:not(.c-btn):hover, a.text-underline-none:not(.c-btn):hover {
  color: #d50032 !important;
  text-decoration: underline !important;
}

.c-btn:hover {
  text-decoration: none !important;
}

a.link-arrow {
  position: relative;
  width: 100%;
  text-decoration: none !important;
}
a.link-arrow:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  -webkit-background-size: 7px 10px;
  -moz-background-size: 7px 10px;
  -o-background-size: 7px 10px;
  position: absolute;
  left: 0px;
  top: 0px;
  color: inherit;
  opacity: 0;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 1000px) {
  a.link-arrow:after {
    display: none;
  }
}
a.link-arrow:hover {
  padding-left: 12px;
  font-weight: bold;
  text-decoration: underline !important;
}
@media only screen and (max-width: 1000px) {
  a.link-arrow:hover {
    padding-left: 0px;
    font-weight: inherit;
  }
}
a.link-arrow:hover:after {
  opacity: 1;
}
a.link-arrow.link-arrow-rotate-90:after {
  left: inherit;
  margin-left: 10px;
}
a.link-arrow.link-arrow-rotate-90:hover {
  padding-left: 0;
}
a.link-arrow.link-arrow-rotate-90:hover:after { /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  margin-left: 10px;
  left: inherit;
}

.header a.link-arrow, .header a {
  text-decoration: none !important;
}

.white-hover-link {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
  padding: 1px 4px 2px 4px;
}

.cursor-pointer {
  cursor: pointer;
}

/*------------------------------------*\
    #LINKS
\*------------------------------------*/
/**
 * Ordered/Unordered list base styles
 */
ol, ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/**
 * Definition list base styles
 */
dl {
  overflow: hidden;
  margin: 16px;
}

/**
 * Terms/Names base styles
 */
dt {
  font-weight: bold;
}

/**
 * Definition list description base styles
 */
dd {
  margin-left: 0;
}

.list {
  margin-bottom: 32px;
}
.list .list-title {
  margin-bottom: 16px;
}
.list li {
  margin-bottom: 16px;
  margin-left: 16px;
  color: #373741;
}
.list ul {
  margin-bottom: 32px;
}

.fa-ul .fa-li {
  top: 0.3em;
}

.browser-default {
  margin-top: 10px;
  margin-bottom: 15px;
}
.browser-default li {
  list-style-type: disc;
  margin-bottom: 8px;
}

/*------------------------------------*\
    #MEDIA ELEMENTS
\*------------------------------------*/
/**
 * Make media elements responsive
 */
img, video, object {
  max-width: 100%;
  height: auto;
}

img {
  transition: all 0.2 ease;
}

img.responsive-img,
video.responsive-video {
  width: 100%;
}

/**
 * Iframe base styles
 */
iframe {
  margin-bottom: 16px;
}

/**
 * Figure base styles
 */
figure {
  margin-bottom: 16px;
  /**
   * Figure image base styles
   */
}
figure img {
  margin-bottom: 32px;
}

/**
 * Figure caption base styles
 */
figcaption {
  font-style: italic;
}

.embed-wrapper {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.embed-wrapper.square {
  padding-bottom: 100%;
}
.embed-wrapper embed,
.embed-wrapper object,
.embed-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

figure {
  position: relative;
}

figure img {
  top: 0;
  left: 0;
  position: absolute !important;
  max-height: 100%;
  height: auto !important;
}

figure:before {
  padding-top: 100%;
  content: "";
  display: block;
}

img.materialboxed.initialized.active {
  max-width: inherit;
}

/*------------------------------------*\
    #TABLE
\*------------------------------------*/
.table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 32px;
}
.table thead th {
  background-color: white;
  border-bottom: 0;
  border-radius: 0px;
  padding: 0.75em 1em;
  text-align: left;
}
.table tbody, .table tfoot {
  background-color: white;
}
.table tbody td, .table tfoot td {
  border-bottom: 0;
  border-top: 1px solid gainsboro;
  border-radius: 0px;
  line-height: 1.5em;
  padding: 0.75em 1em;
}
@media only screen and (max-width: 1000px) {
  .table tbody td, .table tfoot td {
    border-top: none;
  }
}
.table tbody td button, .table tfoot td button {
  display: inline-block;
  font-size: 0.7em;
  line-height: 1.5em;
  margin-bottom: 0.3em;
  margin-right: 0.5em;
  outline: none;
  padding: 0.3em 1em;
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  .table tbody td button, .table tfoot td button {
    margin-bottom: 0;
    width: auto;
  }
}
.table tbody tr:hover > td, .table tbody tr:hover > th, .table tfoot tr:hover > td, .table tfoot tr:hover > th {
  background-color: #fafafa;
}
.table tbody tr:first-child td, .table tfoot tr:first-child td {
  border-top: 2px solid gainsboro;
}
.table.no-hover tr:hover > td {
  background: transparent;
}

@media only screen and (min-width: 769px) and (max-width: 1000px) {
  .table thead {
    display: none;
  }
  .table tr {
    border-bottom: 3px solid #ddd;
    display: block;
  }
  .table td {
    border-bottom: 1px solid #ddd;
    display: block;
    text-align: left;
  }
  .table td:before {
    content: attr(aria-label);
    display: block;
    clear: both;
    font-weight: bold;
  }
  .table tbody td {
    padding: 0.2em;
  }
  .table tbody tr:first-child td {
    border-top: none;
  }
  .table tbody tr:first-child td:first-child {
    border-top: 2px solid #dcdcdc;
  }
}
.data-table {
  margin: 20px 0 30px 0;
  overflow-x: scroll;
  background-color: white;
}
.data-table .green-text {
  color: #2e8540 !important;
}
.data-table tr {
  border-bottom: 1px solid #ddd;
}
.data-table thead tr th {
  padding: 16px 56px 16px 24px;
  color: black;
  font-weight: bold;
  font-size: 13px;
  border-radius: 0px;
}
.data-table tbody tr td {
  padding: 16px 56px 16px 24px;
  font-size: 14px;
  border-radius: 0px;
}

.data-table--medium thead tr th,
.data-table--medium tbody tr td,
.data-table--medium tfoot tr td {
  padding: 8px 16px;
}

.data-table--small thead tr th,
.data-table--small tbody tr td,
.data-table--small tfoot tr td {
  padding: 8px 10px;
}
.data-table--small thead tr th {
  font-size: 11px;
}
@media only screen and (min-width: 1001px) {
  .data-table--small tbody tr td,
.data-table--small tfoot tr td {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1000px) {
  .data-table--small tbody tr td,
.data-table--small tfoot tr td {
    font-size: 12px;
  }
}
@media only screen and (max-width: 768px) {
  .data-table--small tbody tr td,
.data-table--small tfoot tr td {
    font-size: 14px;
  }
}

.data-table--table-layout-fixed {
  table-layout: fixed;
}

@media only screen and (max-width: 768px) {
  .data-table {
    width: 100%;
    border: 1px solid #ddd;
    display: table;
  }
  .data-table thead {
    display: none;
  }
  .data-table tr {
    border-bottom: 4px solid #ddd;
    display: block;
  }
  .data-table tr td:first-child {
    font-weight: 700;
    background-color: #d8d8d8;
  }
  .data-table td {
    border-bottom: 1px solid #ddd;
    display: block;
    text-align: left !important;
  }
  .data-table td:before {
    content: attr(aria-label);
    display: block;
    clear: both;
    font-weight: bold;
    color: grey;
    font-size: 0.8em;
  }
  .data-table tbody tr:first-child td {
    border-top: none;
  }
  .data-table tbody tr:first-child td:first-child {
    border-top: 2px solid #dcdcdc;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1000px) {
  .data-table.data-table--fixed-first {
    width: 100%;
    overflow: scroll;
    display: block;
    margin: 0;
    padding: 20px;
  }
  .data-table.data-table--fixed-first:before {
    content: "Scroll to view";
    background: #f5f5f5;
    color: #666;
    font-size: 13px;
    border-radius: 5px;
    padding: 5px 10px;
    display: inline-block;
    margin: 10px auto 20px auto;
  }
  .data-table.data-table--fixed-first tr:first-child td:first-child {
    border-top-width: 1px;
    background-color: white;
  }
  .data-table.data-table--fixed-first tr > td:nth-child(2), .data-table.data-table--fixed-first tr > th:nth-child(2) {
    padding-left: 20px !important;
    display: table-cell;
  }
  .data-table.data-table--fixed-first tr > td:first-child,
.data-table.data-table--fixed-first tr > th:first-child,
.data-table.data-table--fixed-first tr > th {
    white-space: nowrap;
    border-top-width: 1px;
    background-color: white;
  }
  .data-table.data-table--fixed-first tr > th:first-child,
.data-table.data-table--fixed-first tr > th:first-child .fa {
    color: black !important;
  }
  .data-table.data-table--fixed-first thead {
    display: table-header-group;
  }
  .data-table.data-table--fixed-first tr,
.data-table.data-table--fixed-first tr {
    border-bottom: 1px solid #ddd;
    display: table-row;
  }
  .data-table.data-table--fixed-first td,
.data-table.data-table--fixed-first td {
    display: table-cell;
    border-top-width: 1px;
    background-color: white;
    white-space: nowrap;
  }
  .data-table.data-table--fixed-first td:before,
.data-table.data-table--fixed-first td:before {
    display: none;
  }
  .data-table.data-table--fixed-first a {
    font-weight: normal;
  }
}
@media only screen and (min-width: 320px) and (max-width: 1000px) {
  .data-table--scroll {
    width: 100%;
    overflow: scroll;
    display: block;
    margin: 0;
    border: none;
  }
  .data-table--scroll tr:first-child td:first-child {
    border-top: none !important;
  }
  .data-table--scroll tr > td:first-child,
.data-table--scroll tr > th:first-child,
.data-table--scroll tr > th,
.data-table--scroll tr > td {
    white-space: nowrap;
    border-top-width: 1px !important;
    background-color: white;
  }
  .data-table--scroll tr td:first-child {
    font-weight: normal;
  }
  .data-table--scroll tr > th:first-child,
.data-table--scroll tr > th:first-child .fa {
    color: black !important;
  }
  .data-table--scroll thead {
    display: table-header-group;
  }
  .data-table--scroll tr,
.data-table--scroll tr {
    border-bottom: 1px solid #ddd;
    display: table-row;
  }
  .data-table--scroll td,
.data-table--scroll td {
    display: table-cell;
    border-top-width: 1px;
    background-color: white;
  }
  .data-table--scroll td:before,
.data-table--scroll td:before {
    display: none;
  }
  .data-table--scroll td.text-align-right,
.data-table--scroll td.text-align-right {
    text-align: right !important;
  }
  .data-table--scroll td.text-align-left,
.data-table--scroll td.text-align-left {
    text-align: left !important;
  }
  .data-table--scroll td.text-align-right-sm,
.data-table--scroll td.text-align-right-sm {
    text-align: right !important;
  }
  .data-table--scroll td.text-align-left-sm,
.data-table--scroll td.text-align-left-sm {
    text-align: left !important;
  }
  .data-table--scroll a {
    font-weight: normal;
  }
}
.data-table tr .table-drop-down-trigger,
.data-table tr .table-drop-down-trigger {
  width: 20px;
  height: 20px;
  text-align: center;
  margin-right: 10px;
  position: relative;
  padding-top: 3px;
}
.data-table tr .table-drop-down-trigger.active:before,
.data-table tr .table-drop-down-trigger.active:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f077";
}
.data-table tr .table-drop-down,
.data-table tr .table-drop-down {
  display: none;
}
.data-table tr .table-drop-down.active,
.data-table tr .table-drop-down.active {
  display: table-cell;
  position: relative !important;
  background: white;
  overflow: auto;
  white-space: inherit;
  max-width: initial;
}
.data-table tr .table-drop-down.active p,
.data-table tr .table-drop-down.active p {
  font-weight: normal;
}
@media only screen and (max-width: 768px) {
  .data-table tr .table-drop-down.active,
.data-table tr .table-drop-down.active {
    display: block;
  }
}

.sortable {
  cursor: pointer;
}
.sortable:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0dc";
  margin-left: 5px;
  background: #d8d8d8;
  color: #373741;
  border-radius: 5px;
  padding: 0px 4px;
  opacity: 1;
  font-size: 10px;
}
.sortable.asc:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0de";
}
.sortable.desc:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0dd";
}

/*------------------------------------*\
// OBJECTS : COSMETIC-FREE DESIGN
\*------------------------------------*/
*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.ajb-grid-row,
.ajb-grid-wrapper {
  width: 100%;
  margin: 0 auto;
  max-width: calc(1300px + 1rem);
}

.ajb-grid-row,
.ajb-grid-wrapper {
  *zoom: 1;
}

.ajb-grid-row:after,
.ajb-grid-row:before,
.ajb-grid-wrapper:after,
.ajb-grid-wrapper:before {
  content: " ";
  display: table;
}

.ajb-grid-row:after,
.ajb-grid-wrapper:after {
  clear: both;
}

.clearfix {
  clear: both;
  content: "";
  display: block;
  display: flow-root;
}

@media (max-width: 1000px) {
  .clearfix-sm {
    clear: both;
    content: "";
    display: block;
    display: flow-root;
  }
}
.ajb-col-collapse {
  margin-left: -1rem;
  margin-right: -1rem;
  width: calc(100% + 2rem);
}

.ajb-col-12 {
  width: calc(100% - 2rem);
  float: left;
  margin-left: 1rem;
}

.ajb-col-1 {
  width: calc(8.3333333333% - 1.0833333333rem);
  float: left;
  margin-left: 1rem;
}

.ajb-col-2 {
  width: calc(16.6666666667% - 1.1666666667rem);
  float: left;
  margin-left: 1rem;
}

.ajb-col-3 {
  width: calc(25% - 1.25rem);
  float: left;
  margin-left: 1rem;
}

.ajb-col-4 {
  width: calc(33.3333333333% - 1.3333333333rem);
  float: left;
  margin-left: 1rem;
}

.ajb-col-5 {
  width: calc(41.6666666667% - 1.4166666667rem);
  float: left;
  margin-left: 1rem;
}

.ajb-col-6 {
  width: calc(50% - 1.5rem);
  float: left;
  margin-left: 1rem;
}

.ajb-col-7 {
  width: calc(58.3333333333% - 1.5833333333rem);
  float: left;
  margin-left: 1rem;
}

.ajb-col-8 {
  width: calc(66.6666666667% - 1.6666666667rem);
  float: left;
  margin-left: 1rem;
}

.ajb-col-9 {
  width: calc(75% - 1.75rem);
  float: left;
  margin-left: 1rem;
}

.ajb-col-10 {
  width: calc(83.3333333333% - 1.8333333333rem);
  float: left;
  margin-left: 1rem;
}

.ajb-col-11 {
  width: calc(91.6666666667% - 1.9166666667rem);
  float: left;
  margin-left: 1rem;
}

.ajb-col-1-push {
  position: relative;
  float: right;
  right: calc(8.3333333333% - 0.0833333333rem);
  margin-right: 1rem;
  margin-left: 0px;
}

.ajb-col-2-push {
  position: relative;
  float: right;
  right: calc(16.6666666667% - 0.1666666667rem);
  margin-right: 1rem;
  margin-left: 0px;
}

.ajb-col-3-push {
  position: relative;
  float: right;
  right: calc(25% - 0.25rem);
  margin-right: 1rem;
  margin-left: 0px;
}

.ajb-col-4-push {
  position: relative;
  float: right;
  right: calc(33.3333333333% - 0.3333333333rem);
  margin-right: 1rem;
  margin-left: 0px;
}

.ajb-col-5-push {
  position: relative;
  float: right;
  right: calc(41.6666666667% - 0.4166666667rem);
  margin-right: 1rem;
  margin-left: 0px;
}

.ajb-col-6-push {
  position: relative;
  float: right;
  right: calc(50% - 0.5rem);
  margin-right: 1rem;
  margin-left: 0px;
}

.ajb-col-7-push {
  position: relative;
  float: right;
  right: calc(58.3333333333% - 0.5833333333rem);
  margin-right: 1rem;
  margin-left: 0px;
}

.ajb-col-8-push {
  position: relative;
  float: right;
  right: calc(66.6666666667% - 0.6666666667rem);
  margin-right: 1rem;
  margin-left: 0px;
}

.ajb-col-9-push {
  position: relative;
  float: right;
  right: calc(75% - 0.75rem);
  margin-right: 1rem;
  margin-left: 0px;
}

.ajb-col-10-push {
  position: relative;
  float: right;
  right: calc(83.3333333333% - 0.8333333333rem);
  margin-right: 1rem;
  margin-left: 0px;
}

.ajb-col-11-push {
  position: relative;
  float: right;
  right: calc(91.6666666667% - 0.9166666667rem);
  margin-right: 1rem;
  margin-left: 0px;
}

.ajb-col-1-pull {
  position: relative;
  left: calc(8% - 0.0833333333rem);
  margin-left: 1rem;
}

.ajb-col-2-pull {
  position: relative;
  left: calc(16% - 0.1666666667rem);
  margin-left: 1rem;
}

.ajb-col-3-pull {
  position: relative;
  left: calc(25% - 0.25rem);
  margin-left: 1rem;
}

.ajb-col-4-pull {
  position: relative;
  left: calc(33% - 0.3333333333rem);
  margin-left: 1rem;
}

.ajb-col-5-pull {
  position: relative;
  left: calc(41% - 0.4166666667rem);
  margin-left: 1rem;
}

.ajb-col-6-pull {
  position: relative;
  left: calc(50% - 0.5rem);
  margin-left: 1rem;
}

.ajb-col-7-pull {
  position: relative;
  left: calc(58% - 0.5833333333rem);
  margin-left: 1rem;
}

.ajb-col-8-pull {
  position: relative;
  left: calc(66% - 0.6666666667rem);
  margin-left: 1rem;
}

.ajb-col-9-pull {
  position: relative;
  left: calc(75% - 0.75rem);
  margin-left: 1rem;
}

.ajb-col-10-pull {
  position: relative;
  left: calc(83% - 0.8333333333rem);
  margin-left: 1rem;
}

.ajb-col-11-pull {
  position: relative;
  left: calc(91% - 0.9166666667rem);
  margin-left: 1rem;
}

.ajb-col-1-shift {
  width: calc(8.3333333333% - 1.0833333333rem);
  margin: 0 auto;
  position: relative;
}

.ajb-col-2-shift {
  width: calc(16.6666666667% - 1.1666666667rem);
  margin: 0 auto;
  position: relative;
}

.ajb-col-3-shift {
  width: calc(25% - 1.25rem);
  margin: 0 auto;
  position: relative;
}

.ajb-col-4-shift {
  width: calc(33.3333333333% - 1.3333333333rem);
  margin: 0 auto;
  position: relative;
}

.ajb-col-5-shift {
  width: calc(41.6666666667% - 1.4166666667rem);
  margin: 0 auto;
  position: relative;
}

.ajb-col-6-shift {
  width: calc(50% - 1.5rem);
  margin: 0 auto;
  position: relative;
}

.ajb-col-7-shift {
  width: calc(58.3333333333% - 1.5833333333rem);
  margin: 0 auto;
  position: relative;
}

.ajb-col-8-shift {
  width: calc(66.6666666667% - 1.6666666667rem);
  margin: 0 auto;
  position: relative;
}

.ajb-col-9-shift {
  width: calc(75% - 1.75rem);
  margin: 0 auto;
  position: relative;
}

.ajb-col-10-shift {
  width: calc(83.3333333333% - 1.8333333333rem);
  margin: 0 auto;
  position: relative;
}

.ajb-col-11-shift {
  width: calc(91.6666666667% - 1.9166666667rem);
  margin: 0 auto;
  position: relative;
}

@media (max-width: 1000px) {
  .ajb-col-1-shift-breakpoint {
    width: calc(12.5% - 1.125rem);
    margin: 0 auto;
    position: relative;
  }
}
@media (max-width: 1000px) {
  .ajb-col-2-shift-breakpoint {
    width: calc(25% - 1.25rem);
    margin: 0 auto;
    position: relative;
  }
}
@media (max-width: 1000px) {
  .ajb-col-3-shift-breakpoint {
    width: calc(37.5% - 1.375rem);
    margin: 0 auto;
    position: relative;
  }
}
@media (max-width: 1000px) {
  .ajb-col-4-shift-breakpoint {
    width: calc(50% - 1.5rem);
    margin: 0 auto;
    position: relative;
  }
}
@media (max-width: 1000px) {
  .ajb-col-5-shift-breakpoint {
    width: calc(62.5% - 1.625rem);
    margin: 0 auto;
    position: relative;
  }
}
@media (max-width: 1000px) {
  .ajb-col-6-shift-breakpoint {
    width: calc(75% - 1.75rem);
    margin: 0 auto;
    position: relative;
  }
}
@media (max-width: 1000px) {
  .ajb-col-7-shift-breakpoint {
    width: calc(87.5% - 1.875rem);
    margin: 0 auto;
    position: relative;
  }
}
@media (max-width: 1000px) {
  .ajb-col-1-breakpoint {
    width: calc(12.5% - 1.125rem);
    float: left;
    margin-left: 1rem;
    left: inherit;
    right: inherit;
  }
}
@media (max-width: 1000px) {
  .ajb-col-2-breakpoint {
    width: calc(25% - 1.25rem);
    float: left;
    margin-left: 1rem;
    left: inherit;
    right: inherit;
  }
}
@media (max-width: 1000px) {
  .ajb-col-3-breakpoint {
    width: calc(37.5% - 1.375rem);
    float: left;
    margin-left: 1rem;
    left: inherit;
    right: inherit;
  }
}
@media (max-width: 1000px) {
  .ajb-col-4-breakpoint {
    width: calc(50% - 1.5rem);
    float: left;
    margin-left: 1rem;
    left: inherit;
    right: inherit;
  }
}
@media (max-width: 1000px) {
  .ajb-col-5-breakpoint {
    width: calc(62.5% - 1.625rem);
    float: left;
    margin-left: 1rem;
    left: inherit;
    right: inherit;
  }
}
@media (max-width: 1000px) {
  .ajb-col-6-breakpoint {
    width: calc(75% - 1.75rem);
    float: left;
    margin-left: 1rem;
    left: inherit;
    right: inherit;
  }
}
@media (max-width: 1000px) {
  .ajb-col-7-breakpoint {
    width: calc(87.5% - 1.875rem);
    float: left;
    margin-left: 1rem;
    left: inherit;
    right: inherit;
  }
}
@media (max-width: 1000px) {
  .ajb-col-8-breakpoint {
    width: calc(100% - 2rem);
    float: left;
    margin-left: 1rem;
    left: inherit;
    right: inherit;
  }
}
.tooltipped:hover {
  cursor: help;
}

a.tooltipped:hover {
  cursor: pointer;
}

@media only screen and (max-width: 1000px) {
  .tooltipped-content-material-hide {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
  .tooltipped-sm:hover:after {
    content: attr(data-tooltip);
    display: inline-block;
    clear: both;
    width: 100%;
    float: none;
    position: static !important;
    background: black;
    color: white;
    font-size: 1rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "sans-serif";
    font-weight: normal;
    padding: 8px;
    border-radius: 2px;
    margin-top: 4px;
    margin-bottom: 8px;
    transition: background 0.2s ease;
  }
}
.c-box {
  border: 1px solid #afafaf;
  border-radius: 3px;
  padding: 1em;
  align-self: center;
  justify-content: center;
}
.c-box__header {
  text-align: center;
  margin-bottom: 2rem;
}

/**
* Badges
*/
.badge {
  background-color: #8a8a8a;
  border-radius: 50em;
  color: #d50032;
  padding: 12px 8px 12px 8px !important;
  margin: 0 !important;
  float: none !important;
  border-radius: 3.75em;
  height: auto !important;
  display: inline-block;
  min-width: 1rem !important;
}

.badge-text {
  font-size: 12px;
  vertical-align: middle;
}

.stock-chip-info .tooltipped {
  opacity: 0.2;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 1000px) {
  .stock-chip-info .tooltipped {
    display: none;
  }
}

.stock-chip-info:hover .tooltipped {
  opacity: 1;
  transition: all 0.2s ease;
  color: #373741;
  margin-left: 2px;
}

.icon-checked:after {
  font-family: "Font Awesome 5 Free";
  content: "\f058";
  position: absolute;
  top: -5px;
  overflow: visible;
  color: green;
  background-color: white;
  border-radius: 100px;
  right: -5px;
  border: 1px solid white;
  font-size: 12px;
}

.fa-layers-counter {
  background: #c10a27;
  min-height: 20px;
  min-width: 20px;
  border-radius: 1em;
  box-sizing: border-box;
  color: #fff;
  line-height: 1;
  overflow: hidden;
  padding: 4px 6px;
  text-overflow: ellipsis;
  -webkit-transform-origin: top right;
          transform-origin: top right;
  display: inline-block;
  text-align: center;
  font-size: 10px;
  position: relative;
  top: -5px;
  right: 12px;
  border: 1px solid white;
}

.dropdown-content li > a, .dropdown-content li > span {
  color: #373741 !important;
}

.autocomplete-content li .highlight {
  color: #373741 !important;
  padding: initial;
  font-weight: 700;
}

.autocomplete-content ul {
  position: absolute;
  width: 100%;
}

.progress {
  background-color: #d8d8d8 !important;
}

.progress .determinate {
  background-color: #373741;
}

#stickybar {
  background-color: #f0ccd5;
}
#stickybar.active {
  background-color: #f2f2ea;
}

#stickybar {
  z-index: 10;
}

#stickybar .stickybar-text {
  height: 50px;
}

@media only screen and (max-width: 1000px) {
  #stickybar .stickybar-text {
    height: auto;
  }
}
/*------------------------------------*\
    #BLOCKS
\*------------------------------------*/
/**
 * 1) Blocks are collections of text and/or images/media working together as a unit.
 */
/*------------------------------------*\
	#HERO BLOCK
\*------------------------------------*/
.hero {
  align-items: center;
  background: #afafaf;
  background-position: right;
  background-size: cover;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  min-height: 15em;
}

.ie .hero {
  padding-top: 20px;
}

.hero--height-extrasmall {
  min-height: 10em;
}

.hero--height-small {
  min-height: 20em;
}

.hero--height-medium {
  min-height: 25em;
}

.hero--height-large {
  min-height: 30em;
}

.hero-content {
  max-width: 80em;
  width: 100%;
  text-align: left;
  padding: 20px;
  border-radius: 3px;
}
.hero-content--width-small {
  max-width: 30em;
}

.hero-content--width-medium {
  max-width: 45em;
}

.hero-content--width-large {
  max-width: 60em;
}

.hero-content--margin-center {
  margin: auto;
  position: relative;
  top: 20px;
}
.hero-content--margin-center h1.hero__headline {
  font-weight: bold !important;
}
@media only screen and (min-width: 1001px) {
  .hero-content--margin-center {
    text-align: left;
  }
}
@media only screen and (max-width: 1000px) {
  .hero-content--margin-center {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 20px !important;
    max-width: none;
    width: auto;
  }
}

.hero--split {
  position: relative;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-color: black;
}
@media only screen and (max-width: 1000px) {
  .hero--split {
    background-size: cover;
  }
}
.hero--split .hero-content {
  height: 100%;
  position: absolute;
  left: 0px;
  width: 50%;
  max-width: initial;
  text-align: left;
  padding: 20px;
}
@media only screen and (max-width: 1000px) {
  .hero--split .hero-content {
    width: 100%;
    position: static;
  }
}

/*------------------------------------*\
	#SIMPLE TEXT BLOCK
\*------------------------------------*/
.c-block-simple-text {
  padding: 8px;
  background: #afafaf;
}

.c-block-simple-text__excerpt {
  font-size: 12px;
}

.c-block-simple-text__headline {
  margin-bottom: 8px;
}

.highlight {
  padding: 20px;
}

.modal.modal--large {
  width: 70%;
  max-height: 80%;
}
@media only screen and (max-width: 1000px) {
  .modal.modal--large {
    width: 90%;
  }
}
.modal.modal--large.modal-fixed-footer {
  height: 80%;
}

.risk-rating-tool-labels {
  width: 100%;
  margin: 0 auto;
  max-width: 1300px;
}

.risk-rating-tool-labels .float-left {
  float: left !important;
}

.risk-rating-tool-labels .float-right {
  float: right !important;
}

.risk-rating-tool-labels .caption {
  font-weight: bold;
  color: black;
  font-size: 0.7501875469em;
}

.risk-rating-tool {
  table-layout: fixed;
  margin: 0px 0 30px 0;
  overflow-x: scroll;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  display: table;
  border: none;
}

.risk-rating-tool td {
  border: none;
  font-size: 12px;
  color: black;
  font-size: 12px;
  padding: 8px 10px;
  border-radius: 0px;
}

@media only screen and (max-width: 768px) {
  .risk-rating-tool-values td {
    padding: 0px;
  }
}
.risk-rating-tool tr {
  border-bottom: 1px solid #ddd;
}

tr.risk-rating-tool-values {
  border-bottom: none;
}

.risk-rating-tool-values td {
  text-align: center;
  font-weight: bold;
  border-right: 2px solid white;
}

.risk-rating-tool-values--active {
  border: 4px solid black !important;
  font-size: 16px !important;
}

.risk-rating-tool-values--1 {
  background-color: #7de412;
}

.risk-rating-tool-values--2 {
  background-color: #98e710;
}

.risk-rating-tool-values--3 {
  background-color: #b1ee0b;
}

.risk-rating-tool-values--4 {
  background-color: #ccf408;
}

.risk-rating-tool-values--5 {
  background-color: #e5f906;
}

.risk-rating-tool-values--6 {
  background-color: #f8d501;
}

.risk-rating-tool-values--7 {
  background-color: #f1aa01;
}

.risk-rating-tool-values--8 {
  background-color: #e98000;
}

.risk-rating-tool-values--9 {
  background-color: #e35502;
}

.risk-rating-tool-values--10 {
  background-color: #dc2b01;
}

/* Count down clock for AJBYI-2323
   End of tax year home page clock
   Set the date we're counting down to
*/
#TYEclock > div {
  vertical-align: top;
}

#TYEclock > * {
  text-align: center;
  padding: 0px 4px;
}
#TYEclock .unit {
  font-size: 42px;
  font-weight: bold;
  min-width: 105px;
}
@media only screen and (max-width: 1000px) {
  #TYEclock .unit {
    min-width: inherit;
  }
}
#TYEclock .date {
  font-size: 24px;
  letter-spacing: 0.2em;
  position: relative;
  top: -8px;
}
@media only screen and (max-width: 1000px) {
  #TYEclock .date {
    letter-spacing: 0;
  }
}
#TYEclock .timeDivider {
  font-size: 42px;
  font-weight: bold;
}

.bar-chart-wrapper {
  padding: 5px 5px 0px 5px;
  background-color: white;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1000px) {
  .bar-chart-wrapper {
    padding: 5px 5px 5px 5px;
  }
}

.bar-chart {
  display: inline-block;
  height: 110px;
  width: 29%;
  max-width: 30px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media only screen and (max-width: 1000px) {
  .bar-chart {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 100%;
    height: 20px;
    max-width: none;
    display: block;
    margin-bottom: 5px;
  }
  .bar-chart:last-child {
    margin-bottom: 0px;
  }
}

.bar {
  position: absolute;
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  .bar {
    width: 0%;
    height: 100%;
  }
}
.bar-title {
  position: absolute;
  color: white;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 0;
  left: 0;
  padding-left: 10px;
  font-weight: bold;
  font-size: 13px;
  white-space: nowrap;
}
@media only screen and (max-width: 1000px) {
  .bar-title {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    right: auto;
  }
}
.bar--0 {
  height: 0%;
}
@media only screen and (max-width: 1000px) {
  .bar--0 {
    height: 100%;
    width: 0%;
  }
}
.bar--10 {
  height: 10%;
}
@media only screen and (max-width: 1000px) {
  .bar--10 {
    height: 100%;
    width: 10%;
  }
}
.bar--20 {
  height: 20%;
}
@media only screen and (max-width: 1000px) {
  .bar--20 {
    height: 100%;
    width: 20%;
  }
}
.bar--30 {
  height: 30%;
}
@media only screen and (max-width: 1000px) {
  .bar--30 {
    height: 100%;
    width: 30%;
  }
}
.bar--40 {
  height: 40%;
}
@media only screen and (max-width: 1000px) {
  .bar--40 {
    height: 100%;
    width: 40%;
  }
}
.bar--50 {
  height: 50%;
}
@media only screen and (max-width: 1000px) {
  .bar--50 {
    height: 100%;
    width: 50%;
  }
}
.bar--60 {
  height: 60%;
}
@media only screen and (max-width: 1000px) {
  .bar--60 {
    height: 100%;
    width: 60%;
  }
}
.bar--70 {
  height: 70%;
}
@media only screen and (max-width: 1000px) {
  .bar--70 {
    height: 100%;
    width: 70%;
  }
}
.bar--80 {
  height: 80%;
}
@media only screen and (max-width: 1000px) {
  .bar--80 {
    height: 100%;
    width: 80%;
  }
}
.bar--90 {
  height: 90%;
}
@media only screen and (max-width: 1000px) {
  .bar--90 {
    height: 100%;
    width: 90%;
  }
}
.bar--100 {
  height: 100%;
}
@media only screen and (max-width: 1000px) {
  .bar--100 {
    height: 100%;
    width: 100%;
  }
}

.c-footer {
  background: #f2f2ea !important;
  color: #373741;
}

.c-footer hr {
  border-top: 1px solid #afafaf !important;
}

.global-links a {
  text-decoration: none !important;
}

.c-footer ul li .subheader {
  font-weight: 500;
  font-size: 13px;
}

.c-footer ul li a {
  text-decoration: none;
  font-size: 13px;
  width: 100%;
  display: block;
}

.region-footer-highlighted a {
  color: white;
  text-decoration: underline !important;
}

/* -------------------------------- Main components

-------------------------------- */
.cd-top {
  overflow: hidden;
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  display: block;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible { /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 0.5;
}
.cd-top:hover {
  opacity: 1;
}

.page-logged-out .hero {
  transition: all 0.3s ease;
}
.page-logged-out .hero.morning {
  background-image: url(/sites/default/files/xLogout-hero-banner-image-morning.jpg) !important;
}
.page-logged-out .hero.afternoon {
  background-image: url(/sites/default/files/xLogout-hero-banner-image-afternoon2.jpg) !important;
}
.page-logged-out .hero.evening {
  background-image: url(/sites/default/files/xLogout-hero-banner-image-night2.jpg) !important;
}

.view-related-videos .card {
  min-height: 310px;
}

.card.extrasmall {
  min-height: 240px;
}

.card.small.reveal .card-content {
  overflow-y: auto;
}

@media only screen and (max-width: 1000px) {
  .card.extrasmall {
    height: inherit;
    min-height: inherit;
    position: inherit;
  }
  .card.extrasmall .card-content {
    position: inherit;
    max-height: inherit;
    overflow: inherit;
  }
  .card.extrasmall .card-action {
    position: inherit;
  }
  .card.small {
    height: inherit;
    min-height: inherit;
    position: inherit;
  }
  .card.small .card-content {
    position: inherit;
    max-height: inherit;
    overflow: inherit;
  }
  .card.small .card-action {
    position: inherit;
  }
  .card.small.reveal {
    min-height: unset;
    position: relative;
  }
  .card.medium {
    height: inherit;
    min-height: inherit;
    position: inherit;
  }
  .card.medium .card-content {
    position: inherit;
    max-height: inherit;
    overflow: inherit;
  }
  .card.medium .card-action {
    position: inherit;
  }
  .card.medium.reveal {
    min-height: unset;
    position: relative;
  }
  .card.large {
    height: inherit;
    min-height: inherit;
    position: inherit;
  }
  .card.large .card-content {
    position: inherit;
    max-height: inherit;
    overflow: inherit;
  }
  .card.large .card-action {
    position: inherit;
  }
  .card.large.reveal {
    min-height: unset;
    position: relative;
  }
}
@media only screen and (max-width: 1000px) {
  .card .card-image .card-title {
    width: 100%;
    height: 100%;
    overflow-y: auto;
  }
}
@media only screen and (min-width: 1001px) {
  .card-image:hover {
    overflow: hidden;
  }
  .card-image > .card-title {
    margin-bottom: 0 !important;
  }
  .card-image:hover > .card-title {
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
  }
}
.card .hero-image.small {
  max-height: 300px;
  overflow-y: hidden;
}
.card .hero-image.medium {
  max-height: 400px;
  overflow-y: hidden;
}
@media only screen and (max-width: 1000px) {
  .card .hero-image {
    max-height: none !important;
    overflow: visible !important;
  }
}

.card-image-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  max-width: 100%;
  padding: 16px 32px;
}
.card-image-content.white-bg {
  background-color: rgba(255, 255, 255, 0.75) !important;
  border-radius: 10px;
  top: 24px;
  left: 24px;
  width: 50%;
  height: auto;
}
@media only screen and (max-width: 1000px) {
  .card-image-content {
    padding: 32px;
    position: static;
    width: 100% !important;
    border-radius: 0px !important;
    height: auto !important;
    max-width: 100%;
    border-bottom: 1px solid #d8d8d8;
  }
}
@media only screen and (max-width: 1000px) {
  .card-image-content > *:not(a) {
    color: black !important;
  }
}

.card-toggle-reveal {
  cursor: pointer;
}
.card-toggle-reveal.active {
  background-color: #373741;
  color: white !important;
  box-shadow: none;
}
.card-toggle-reveal.active:hover {
  box-shadow: none;
}

.card-toggle-reveal.active + .arrow-indicator {
  display: block !important;
  margin-top: -60px !important;
}
@media only screen and (max-width: 1000px) {
  .card-toggle-reveal.active + .arrow-indicator {
    display: none !important;
  }
}

@media only screen and (max-width: 1000px) {
  .card .card-image:not(.ajb-video) {
    max-height: 200px;
    overflow: hidden;
  }
}
.card .card-content .card-title {
  font-weight: 400;
}

.modal.modal-fixed-footer .modal-footer {
  z-index: 10000;
}

.ajb-player {
  height: 60px;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
  position: absolute;
  top: 50%;
  width: 60px;
  z-index: 2;
}

/*------------------------------------*\
    #FORMS
\*------------------------------------*/
/**
 * Search form
 */
.c-search-form {
  display: none;
  position: relative;
}
.c-search-form .search-icon {
  position: absolute;
  top: 12px;
  left: 15px;
}
.c-search-form .search {
  border: none;
}
.c-search-form--is-active {
  display: block;
  position: absolute;
  top: 67px;
  right: 2px;
  width: 100%;
  padding: 1em;
  box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.2);
  background: white;
  z-index: 1;
}
@media only screen and (min-width: 1001px) {
  .c-search-form {
    display: block;
  }
  .c-search-form .search {
    min-width: 380px;
  }
}

/**
 * Search input
 */
.c-search-form__input {
  padding: 11px !important;
  margin: 0 !important;
  height: inherit !important;
  background: white !important;
}

@media only screen and (max-width: 1000px) {
  .dropdown.search {
    display: none;
  }
  .c-search-form--is-active {
    top: 47px;
    right: 0;
    padding-left: 3em;
  }
  .nav-toggle.nav-toggle-search {
    z-index: 999;
    left: -20px;
    position: relative;
    top: 2px;
    color: #373741 !important;
  }
}
/**
 * Stacked form button wrapper
 */
.c-form__actions {
  margin-bottom: 2rem;
}

.dropdown {
  line-height: 1.5em;
}
.dropdown .dropdown-container {
  position: relative;
}
.dropdown .dropdown-description {
  background: #373741;
  color: #d8d8d8;
  float: left;
  font-size: 0.7em;
  line-height: 40px;
  margin: 0;
  padding: 0 1em;
}
@media only screen and (min-width: 1001px) {
  .dropdown .dropdown-description {
    font-size: 1em;
  }
}
.dropdown .dropdown-button {
  background: #373741;
  color: #d8d8d8;
  cursor: pointer;
  float: right;
  font-size: 0.7em;
  line-height: 40px;
  margin: 0;
  padding: 0 2em 0 0.5em;
  position: relative;
}
@media only screen and (min-width: 1001px) {
  .dropdown .dropdown-button {
    font-size: 1em;
    padding: 0 2em 0 0.5em;
  }
}
.dropdown .dropdown-button:hover {
  background-color: #f7f7f7;
  color: #373741;
}
.dropdown .dropdown-button::after {
  color: #373741;
  content: "▾";
  display: block;
  position: absolute;
  right: 1em;
  top: 0;
}
.dropdown .dropdown-menu {
  background: #f7f7f7;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  color: #333;
  cursor: pointer;
  display: none;
  margin: 0;
  overflow: show;
  padding: 0.5em 1em;
  position: absolute;
  left: 47px;
  top: 40px;
  transition: all 0.2s ease-in-out;
  z-index: 99999;
}
.dropdown .dropdown-menu li {
  color: #333;
  list-style: none;
  padding: 0.5em;
}
.dropdown .dropdown-menu li:hover {
  background: #f7f7f7;
}
.dropdown .dropdown-menu li:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.dropdown .dropdown-menu li:last-child {
  border: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.dropdown .show-menu {
  display: block;
}

.dropdown-button.active + .dropdown-content.active {
  max-width: 400px;
}

@media only screen and (max-width: 1000px) {
  .dropdown-content.active li {
    white-space: normal;
  }
}

input.error {
  border-bottom: 1px solid red !important;
  box-shadow: 0 1px 0 0 red !important;
}

/*------------------------------------*\
    #BUTTONS
\*------------------------------------*/
/**
 * Button
 */
.c-btn, .btn, input[type=button], input[type=reset], input[type=submit] {
  display: inline-block;
  box-shadow: none !important;
  text-transform: inherit;
  letter-spacing: inherit;
  height: auto;
  color: white !important;
  line-height: 1;
  font-weight: bold !important;
  padding: 1em 2em;
  border: 0;
  border-radius: 50em;
  text-align: center;
  transition: all 0.2s !important;
  text-decoration: none !important;
  text-transform: none !important;
  width: auto;
  /**
   * Disabled button
   */
}
.c-btn.disabled, .btn.disabled, input[type=button].disabled, input[type=reset].disabled, input[type=submit].disabled {
  background: #d8d8d8 !important;
  color: #373741 !important;
  border-color: #d8d8d8 !important;
}
.c-btn.disabled:hover, .btn.disabled:hover, input[type=button].disabled:hover, input[type=reset].disabled:hover, input[type=submit].disabled:hover {
  background: #d8d8d8 !important;
  color: #373741 !important;
  border-color: #d8d8d8 !important;
  cursor: not-allowed;
  pointer-events: auto;
}
.c-btn:focus, .btn:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus {
  background: inherit;
}
.c-btn > .fa, .c-btn > .fas, .c-btn > .far, .btn > .fa, .btn > .fas, .btn > .far, input[type=button] > .fa, input[type=button] > .fas, input[type=button] > .far, input[type=reset] > .fa, input[type=reset] > .fas, input[type=reset] > .far, input[type=submit] > .fa, input[type=submit] > .fas, input[type=submit] > .far {
  padding-right: 5px;
}

.button-outline {
  background: white;
  border: 2px solid #373741;
  transition: all 0.2s !important;
  position: relative;
}
.button-outline.c-btn-arrow-left:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f053";
  right: 0px;
  left: 20px;
  text-align: left;
}
.button-outline.c-btn-arrow-left:hover {
  padding-right: 2em;
  padding-left: 2.6em;
}
.button-outline.c-btn-arrow-left.c-btn-small:after {
  right: 0px !important;
  left: 12px;
}
.button-outline.c-btn-arrow-left.c-btn-small:hover {
  padding-right: 1em;
  padding-left: 2em;
}
.button-outline:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  -webkit-background-size: 7px 10px;
  -moz-background-size: 7px 10px;
  -o-background-size: 7px 10px;
  position: absolute;
  right: 20px;
  opacity: 0;
  transition: all 0.2s;
}
@media only screen and (max-width: 1000px) {
  .button-outline:after {
    display: none;
  }
}
.button-outline:hover {
  padding-right: 2.6em;
  cursor: pointer;
}
@media only screen and (max-width: 1000px) {
  .button-outline:hover {
    padding-right: 2em;
  }
}
.button-outline:hover:after {
  opacity: 1;
}
.button-outline.no-arrow:after {
  content: none !important;
}
.button-outline.no-arrow:hover {
  padding-right: 2em !important;
}
.button-outline.no-arrow.c-btn-small:hover, .button-outline.no-arrow.c-btn-smaller:hover {
  padding-right: 1em !important;
}
.button-outline.c-btn-small:hover {
  padding-right: 2em;
}
@media only screen and (max-width: 1000px) {
  .button-outline.c-btn-small:hover {
    padding-right: 1em;
  }
}
.button-outline.c-btn-small:after {
  right: 10px;
  top: 8px;
}
.button-outline.c-btn-smaller:hover {
  padding-right: 2em;
}
.button-outline.c-btn-smaller:after {
  right: 8px;
  top: 6px;
  font-size: 10px;
}

/**
 * Small button
 */
.c-btn-small {
  padding: 0.6em 1em;
  font-size: 0.9em;
  font-weight: normal;
}

.c-btn-smaller {
  font-size: 0.7em;
  padding: 0.4em 1em;
}

/**
 * Large button
 */
.c-btn-large {
  font-size: 16px;
}

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

/**
 * Button on overlay
 */
.c-btn--overlay {
  background: #d8d8d8;
}

input[type=button], input[type=reset], input[type=submit] {
  background: #d50032;
}
input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
  background: #373741;
}
input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus {
  background: #373741;
}

.icon-button {
  display: inline-block;
}
.icon-button__icon-button-wrapper {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width: 44px;
  height: 44px;
  padding: 8px;
  border-radius: 50em;
  background: white;
  color: #373741;
  border: 2px solid #373741;
  transition: all 0.2s;
}
.icon-button__icon-button-wrapper .fa {
  color: #373741;
}
.icon-button__icon-button-wrapper:hover {
  background: #373741;
  color: white;
}
.icon-button__icon-button-wrapper:hover .fa {
  color: white;
}

.userView .chip {
  display: inline-block;
  height: 32px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  line-height: 32px;
  padding-right: 10px;
  border-radius: 16px;
  margin-bottom: 5px;
  margin-right: 5px;
}
.userView .chip > span {
  background: rgba(0, 0, 0, 0.3);
  padding: 8px 10px 9px 10px;
  border-radius: 50em;
  margin-right: 6px;
  position: relative;
  top: 0px;
  margin-left: -13px;
}

.basket-button-dropdown-contents {
  position: absolute !important;
  background: white !important;
  display: none !important;
  font-size: 14px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2) !important;
}
.basket-button-dropdown-contents .fa {
  padding: 7px 0px 10px 13px;
  font-size: 14px;
}
.basket-button-dropdown-contents.active {
  display: block !important;
}
.basket-button-dropdown-contents span {
  display: inline-block !important;
  padding: 0px !important;
  font-size: 14px;
}
.basket-button-dropdown-contents a {
  font-size: 14px !important;
}

.btn-floating.halfway-fab {
  position: absolute;
  right: 24px;
  bottom: -20px;
}

.fixed-action-btn.active ul {
  z-index: 10000;
}

.region-footer .fixed-action-btn {
  bottom: 80px;
}

.btn-floating-list li {
  position: relative;
}

.btn-floating-list .action-button-help-text {
  display: inline-block;
  position: absolute;
  width: 82px;
  left: -82px;
  top: 10px;
  opacity: 0;
  background: black;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 3px 4px;
  border-radius: 2px;
  font-size: 10px;
  transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
}

.btn-floating-list:hover .action-button-help-text {
  opacity: 1;
}

@media only screen and (max-width: 1000px) {
  .h1-utility .c-btn {
    margin-bottom: 10px;
  }
}
.tb {
  display: inline-block;
  font-size: 0;
  cursor: pointer;
  vertical-align: middle;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.tb, .tb::after, .tb::before {
  box-sizing: border-box;
}
.tb span {
  position: relative;
}
.tb span, .tb span::before, .tb span::after {
  display: block;
  width: 100%;
  transition: all 0.3s;
  background: #d50032;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tb span::before, .tb span::after {
  position: absolute;
  content: "";
}
.tb:hover span::before {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.tb:hover span::after {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.tb--x span {
  background: transparent;
}

.tb--sm {
  width: 14.4px;
  height: 12px;
}
.tb--sm span {
  margin: 5px 0 0;
}
.tb--sm span, .tb--sm span::before, .tb--sm span::after {
  height: 2px;
}
.tb--sm span::before {
  top: -5px;
}
.tb--sm span::after {
  top: 5px;
}

.tb--sm.tb--x span::before {
  -webkit-transform: translate(0, 5px) rotate(-45deg);
          transform: translate(0, 5px) rotate(-45deg);
}
.tb--sm.tb--x span::after {
  -webkit-transform: translate(0, -5px) rotate(45deg);
          transform: translate(0, -5px) rotate(45deg);
}

.tb--md {
  width: 28.8px;
  height: 24px;
}
.tb--md span {
  margin: 11px 0 0;
}
.tb--md span, .tb--md span::before, .tb--md span::after {
  height: 2px;
}
.tb--md span::before {
  top: -11px;
}
.tb--md span::after {
  top: 11px;
}

.tb--md.tb--x span::before {
  -webkit-transform: translate(0, 11px) rotate(-45deg);
          transform: translate(0, 11px) rotate(-45deg);
}
.tb--md.tb--x span::after {
  -webkit-transform: translate(0, -11px) rotate(45deg);
          transform: translate(0, -11px) rotate(45deg);
}

.tb--lg {
  width: 52.8px;
  height: 44px;
}
.tb--lg span {
  margin: 21px 0 0;
}
.tb--lg span, .tb--lg span::before, .tb--lg span::after {
  height: 2px;
}
.tb--lg span::before {
  top: -21px;
}
.tb--lg span::after {
  top: 21px;
}

.tb--lg.tb--x span::before {
  -webkit-transform: translate(0, 21px) rotate(-45deg);
          transform: translate(0, 21px) rotate(-45deg);
}
.tb--lg.tb--x span::after {
  -webkit-transform: translate(0, -21px) rotate(45deg);
          transform: translate(0, -21px) rotate(45deg);
}

.hover-reveal--trigger .hover-reveal--item {
  opacity: 0;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 1000px) {
  .hover-reveal--trigger .hover-reveal--item {
    opacity: 1;
  }
}

.hover-reveal--trigger:hover .hover-reveal--item {
  opacity: 1;
}

.drop-down-trigger {
  color: #373741;
}

.drop-down-trigger:hover {
  color: #373741;
}

.drop-down-trigger.active i:before,
.collapsible-header.active i:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f077";
}

.drop-down {
  display: none;
}
.drop-down.active {
  display: block;
  position: relative !important;
  background: white !important;
}

.drop-down .form-group {
  opacity: 0;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation: mymove 1s;
          animation: mymove 1s;
}

.drop-down.active .form-group {
  opacity: 1;
}

@-webkit-keyframes mymove {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes mymove {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.vertical-tabs-container {
  border: 1px solid #afafaf;
  border-radius: 3px;
  margin-bottom: 1.5em;
  overflow: hidden;
}
.vertical-tabs-container li {
  list-style: none;
}
.vertical-tabs-container a {
  color: #373741;
  text-decoration: none;
}
.vertical-tabs-container .vertical-tabs {
  display: none;
}
@media only screen and (max-width: 1000px) {
  .vertical-tabs-container .vertical-tabs {
    background-color: white;
    display: inline;
    float: left;
    height: 18.75em;
    width: 20%;
  }
}
@media only screen and (max-width: 1000px) {
  .vertical-tabs-container .vertical-tab {
    border-bottom: 1px solid #afafaf;
    display: block;
    font-weight: bold;
    margin-right: -1px;
    padding: 0.75em 0.5em;
  }
  .vertical-tabs-container .vertical-tab.is-active {
    background-color: #c9c9c9;
    margin-right: -1px;
  }
}
.vertical-tabs-container a.vertical-tab-accordion-heading,
.vertical-tabs-container a.vertical-tab {
  color: #373741;
}
.vertical-tabs-container .vertical-tab:focus {
  outline: none;
}
.vertical-tabs-container .vertical-tab-content-container {
  display: block;
  margin: 0 auto;
}
.vertical-tabs-container .vertical-tab-content-container a:focus {
  outline: none;
}
@media only screen and (max-width: 1000px) {
  .vertical-tabs-container .vertical-tab-content-container {
    width: 80%;
    height: 18.75em;
    background-color: #c9c9c9;
    display: inline-block;
  }
}
.vertical-tabs-container .vertical-tab-content {
  background-color: #c9c9c9;
  padding: 1.5em 1em;
}
.vertical-tabs-container .vertical-tab-content p {
  color: #373741;
  line-height: 1.5em;
}
@media only screen and (max-width: 1000px) {
  .vertical-tabs-container .vertical-tab-content {
    border: 0;
    display: none;
  }
}
.vertical-tabs-container .vertical-tab-accordion-heading {
  background-color: white;
  border-top: 1px solid #afafaf;
  cursor: pointer;
  display: block;
  font-weight: bold;
  padding: 0.75em 0.5em;
}
.vertical-tabs-container .vertical-tab-accordion-heading:focus, .vertical-tabs-container .vertical-tab-accordion-heading:hover {
  color: #373741;
}
.vertical-tabs-container .vertical-tab-accordion-heading:first-child {
  border-top: 0;
}
.vertical-tabs-container .vertical-tab-accordion-heading.is-active {
  background: #c9c9c9;
  border-bottom: 0;
}
@media only screen and (max-width: 1000px) {
  .vertical-tabs-container .vertical-tab-accordion-heading {
    display: none;
  }
}

.expander .expander-trigger {
  border-bottom: 1px solid #afafaf;
  color: #373741;
  cursor: pointer;
  display: block;
  font-size: 1em;
  margin-bottom: 1em;
  padding-bottom: 0.25em;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}
.expander .expander-trigger::before {
  content: "▼";
  font-size: 0.7em;
  margin-right: 0.5em;
}
.expander .expander-content p {
  color: #373741;
  line-height: 1.5em;
}
.expander .expander-hidden::before {
  content: "►";
  font-size: 0.7em;
}
.expander .expander-hidden + .expander-content {
  opacity: 0;
  height: 0px;
  padding: 0 1em;
  margin: 0;
  transition: all 0.1s;
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
}
.expander .expander-content {
  padding: 1em;
  margin-bottom: 2em;
  margin-top: -1em;
  background: #d8d8d8;
  transition: all 0.3s;
  opacity: 1;
  height: auto;
  -webkit-transform: none;
          transform: none;
  font-weight: normal;
}

material design hoz tabs .tabs-wrapper {
  background: #d8d8d8;
}
material design hoz tabs .tabs-wrapper .tabs {
  background: #d8d8d8;
}

.tabs {
  border-bottom: 1px solid #afafaf;
}

.tabs .tab a {
  color: #5e5e5e;
  font-weight: bold;
}

.tabs .tab a.active {
  font-weight: normal;
}

.tabs .tab a:hover, .tabs .tab a.active {
  color: #373741;
}

.tabs .indicator {
  background-color: #373741;
  height: 3px;
}

.tabs .tab.disabled {
  background-color: rgba(239, 241, 243, 0.4) !important;
}

.tabs .tab.disabled a, .tabs .tab.disabled a:hover {
  color: rgba(0, 0, 0, 0.5);
  cursor: default;
  font-weight: normal;
  font-style: italic;
  text-decoration: line-through !important;
}

.accordion-tabs {
  line-height: 1.5;
  margin-bottom: 1.5em;
  padding: 0;
}
@media only screen and (max-width: 1000px) {
  .accordion-tabs {
    border: 1px solid #afafaf;
    border-radius: 3px;
  }
}
.accordion-tabs .tab-header-and-content {
  list-style: none;
}
@media only screen and (max-width: 1000px) {
  .accordion-tabs .tab-header-and-content {
    display: inline;
  }
}
.accordion-tabs .tab-header-and-content:first-child .tab-link {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
@media only screen and (max-width: 1000px) {
  .accordion-tabs .tab-header-and-content:first-child .tab-link {
    border-top: 0;
  }
}
@media only screen and (max-width: 1000px) {
  .accordion-tabs .tab-header-and-content:last-child .tab-link {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}
.accordion-tabs .tab-link {
  background-color: #fff;
  border-top: 1px solid #afafaf;
  color: #373741;
  display: block;
  font-weight: bold;
  padding: 0.75em 0.5em;
  text-decoration: none;
}
@media only screen and (max-width: 1000px) {
  .accordion-tabs .tab-link {
    border-top: 0;
    display: inline-block;
  }
}
.accordion-tabs .tab-link:hover {
  color: #373741;
}
.accordion-tabs .tab-link:focus {
  outline: none;
}
.accordion-tabs .tab-link.is-active {
  background-color: #f7f7f7;
}
@media only screen and (max-width: 1000px) {
  .accordion-tabs .tab-link.is-active {
    background-color: #f7f7f7;
    border: 1px solid #afafaf;
    border-bottom-color: #f7f7f7;
    margin-bottom: -1px;
  }
}
.accordion-tabs .tab-content {
  background: #f7f7f7;
  display: none;
  padding: 1.5em 1em;
  width: 100%;
}
.accordion-tabs .tab-content p {
  color: black;
}
@media only screen and (max-width: 1000px) {
  .accordion-tabs .tab-content {
    border: 1px solid #afafaf;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    float: left;
  }
}

.tabs .tab a:hover,
.tabs .tab a.active,
.tabs .tab a {
  text-decoration: none !important;
}

.accordion-tabs-minimal {
  line-height: 1.5;
  padding: 0;
}
.accordion-tabs-minimal:after {
  clear: both;
  content: "";
  display: block;
}
.accordion-tabs-minimal .tab-header-and-content {
  list-style: none;
  display: inline;
}
@media only screen and (max-width: 1000px) {
  .accordion-tabs-minimal .tab-header-and-content {
    display: block;
  }
}
.accordion-tabs-minimal .tab-link {
  background-color: white;
  border-top: 0;
  border-radius: 3px;
  display: inline-block;
  padding: 10px;
  text-decoration: none;
  margin-right: 0.1%;
  color: #373741;
  border: 2px solid #373741;
  font-weight: bold;
  text-align: center;
  max-width: 16%;
  width: 100%;
}
.accordion-tabs-minimal .tab-link.one-of-four {
  max-width: 20%;
  margin-right: 1em;
  margin-right: 1rem;
}
@media only screen and (max-width: 1000px) {
  .accordion-tabs-minimal .tab-link {
    display: block;
    max-width: 100% !important;
    margin-right: 0 !important;
    text-align: left;
    margin-top: 10px !important;
  }
}
.accordion-tabs-minimal .tab-link:hover {
  background-color: #373741;
  border: 2px solid #373741;
  color: white;
}
.accordion-tabs-minimal .tab-link:focus {
  outline: none;
}
.accordion-tabs-minimal .tab-link.is-active {
  background-color: #373741;
  color: white;
  position: relative;
  border: 2px solid #373741;
}
.accordion-tabs-minimal .tab-link.is-active:after {
  height: 0;
  width: 0;
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
  border-top: 10px solid #373741 !important;
  display: inline-block;
  margin-right: 5px;
  content: "";
  position: absolute;
  bottom: -12px;
  left: 45%;
}
@media only screen and (max-width: 1000px) {
  .accordion-tabs-minimal .tab-link.is-active {
    border: none;
    color: white;
    background-color: #373741;
    border-radius: 3px 3px 0px 0px;
  }
  .accordion-tabs-minimal .tab-link.is-active:after {
    display: none;
  }
}
.accordion-tabs-minimal .tab-content {
  display: none;
  padding: 20px;
  width: 100%;
  float: left;
  margin-top: 20px;
  border-radius: 3px;
}
@media only screen and (max-width: 1000px) {
  .accordion-tabs-minimal .tab-content {
    float: none;
    margin-bottom: 20px;
    margin-top: 0px;
    border: none;
  }
  .accordion-tabs-minimal .tab-content .c-btn {
    margin-bottom: 10px;
  }
}

.ajb-tabs-nav .ajb-tabs-nav-wrapper {
  display: inline-block;
}
.ajb-tabs-nav .ajb-tab {
  padding: 0 4px;
  display: inline;
}
.ajb-tabs-nav a {
  text-decoration: none;
  font-weight: bold;
}
.ajb-tabs-nav .ajb-tab-active {
  font-weight: normal;
  color: black;
}

.collapsible-header {
  align-items: center;
}

.slides-material {
  height: auto !important;
}

.slider .slides li img {
  height: auto;
  max-width: 150px;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
}

.slider .indicators .indicator-item {
  height: 8px;
  width: 8px;
  margin: 0 4px;
  background-color: #afafaf;
}

.slider .indicators .indicator-item.active {
  background-color: #373741;
}

.noUi-target.noUi-horizontal .noUi-tooltip,
.noUi-horizontal .noUi-handle,
.noUi-vertical .noUi-handle {
  background-color: #373741;
}

.tabs {
  height: 58px;
}
.tabs .tab {
  line-height: 58px;
  height: 58px;
}

/*------------------------------------*\
    #PRIMARY NAVIGATION
\*------------------------------------*/
/**
 * Navigation tag
 */
.c-primary-nav {
  display: none;
  background: #d50032;
}
.c-primary-nav--is-active {
  display: block;
  position: absolute;
  padding: 1em 2em;
  top: 67px;
  right: 0;
  box-shadow: -3px 3px 5px -2px rgba(0, 0, 0, 0.2);
  z-index: 2;
  background: white;
}
@media only screen and (min-width: 1001px) {
  .c-primary-nav {
    display: block;
    margin-right: 1rem;
  }
}

/**
 * Nav List
 */
.c-primary-nav__list {
  display: none;
}
@media only screen and (min-width: 1001px) {
  .c-primary-nav__list {
    display: flex;
  }
}
.c-primary-nav--is-active .c-primary-nav__list {
  display: block;
}

/**
 * Nav Links
 */
.c-primary-nav__link {
  color: #d8d8d8;
  border-top: 5px solid #d50032;
  font-weight: bold;
  display: block;
  padding: 20px;
  padding-bottom: 20px;
}
.c-primary-nav__link:hover, .c-primary-nav__link:focus {
  background: #d8d8d8;
  color: #373741;
  border-top: 5px solid #5e5e5e;
}
.c-primary-nav__link.active {
  background: #d50032;
  color: #f0ccd5;
  border-top: 5px solid #d50032;
}

.c-primary-nav__item.expanded.hover .c-primary-nav__link {
  background: #d8d8d8;
  color: #373741;
  border-top: 5px solid #5e5e5e;
}

.c-primary-nav__item.expanded .menu-dropdown {
  display: none;
  position: absolute;
  z-index: 9999;
  padding: 1em;
  min-width: 380px;
  background: #d8d8d8;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.c-primary-nav__item.expanded .menu-dropdown a {
  position: relative;
  width: 100%;
  display: inline-block;
}
.c-primary-nav__item.expanded .menu-dropdown a:after {
  content: "\f054";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Free";
  font-size: 10px;
  -webkit-background-size: 7px 10px;
  -moz-background-size: 7px 10px;
  -o-background-size: 7px 10px;
  position: absolute;
  left: 0px;
  top: 7px;
  color: #5e5e5e;
  opacity: 0;
  transition: all 0.2s;
}
.c-primary-nav__item.expanded .menu-dropdown a:hover {
  padding-left: 0.65em;
  font-weight: bold;
}
.c-primary-nav__item.expanded .menu-dropdown a:hover:after {
  opacity: 1;
}
.c-primary-nav__item.expanded .menu-dropdown .subtitle {
  font-weight: bold;
  color: black;
}

.c-primary-nav__item.expanded:hover .menu-dropdown {
  display: block;
}

.collapsible-header.active + .collapsible-body ul {
  will-change: auto;
}

@-webkit-keyframes bounceanimation {
  0% {
    margin-bottom: inherit;
  }
  25% {
    margin-bottom: 64px;
  }
  75% {
    margin-bottom: -1em;
  }
  100% {
    margin-bottom: inherit;
  }
}
@keyframes bounceanimation {
  0% {
    margin-bottom: inherit;
  }
  25% {
    margin-bottom: 64px;
  }
  75% {
    margin-bottom: -1em;
  }
  100% {
    margin-bottom: inherit;
  }
}
@media only screen and (max-width: 1000px) {
  .menu-dropdown .col-5,
.menu-dropdown .col-4,
.menu-dropdown .col-3,
.menu-dropdown .col-2 {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .c-primary-nav__item.expanded:hover .menu-dropdown {
    display: block;
    position: static;
    width: 100%;
    min-width: inherit;
  }
  .c-primary-nav--is-active {
    left: 0;
    width: 100%;
    background: #d50032;
    margin-top: -20px;
    z-index: 9999;
    overflow-y: scroll;
  }
}
/*------------------------------------*\
    #HEADER
\*------------------------------------*/
.header {
  height: 70px;
  background: white;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
  will-change: scroll-position;
  z-index: 1000;
  position: relative;
}
@media only screen and (max-width: 1000px) {
  .header {
    height: inherit;
    z-index: auto;
  }
}
.header .logo {
  text-align: left;
  transition: all 0.2s;
  position: relative;
  top: 10px\9 ;
}
.header .logo a {
  color: white;
}
@media only screen and (max-width: 1000px) {
  .header .logo img {
    max-width: 80px !important;
  }
}
.header .flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: center;
  height: 70px;
}
.header .flex-item-center {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
  margin-right: 10px\9 ;
}
.header .basket-link {
  margin-left: 10px\9 ;
}
@media only screen and (max-width: 1000px) {
  .header .flex-justify-content-start-sm {
    justify-content: flex-start;
  }
  .header .order-0-sm {
    order: 0;
  }
  .header .order-1-sm {
    order: 1;
  }
  .header .order-2-sm {
    order: 2;
  }
}
.header .collapsible-header {
  padding: 0 24px;
  background-color: rgba(0, 0, 0, 0.05);
}
.header .collapsible-header .fa {
  font-size: 12px;
  float: right;
  margin: 0;
  padding: 0;
}
.header .collapsible-body li a {
  font-weight: 400;
  text-indent: 16px;
}
.header .user-account-menu {
  height: 0px;
  opacity: 0;
  display: none;
  background-color: white;
  transition: all ease-in 0.1s;
}
.header .user-account-menu a {
  color: white;
}
.header .user-account-menu.show {
  height: auto;
  opacity: 1;
  display: block;
  transition: all ease-in 1s;
}
.header .user-account-menu.show a {
  color: inherit;
}

.header .header__menu-items .header--active {
  color: #373741;
  position: relative;
  padding-left: 0.65em;
}

.admin-menu {
  transition: all 0.3s ease-in-out;
  height: 42px;
}

.nav-wrapper-breadcrumb {
  background: none;
  box-shadow: none;
  border-top: 1px solid #d8d8d8;
  font-size: 0.8em;
}

.nav-wrapper-breadcrumb,
.nav-wrapper-breadcrumb .nav-wrapper i,
.nav-wrapper-breadcrumb a.button-collapse,
.nav-wrapper-breadcrumb a.button-collapse i {
  height: 20px;
  line-height: 20px;
  font-size: 11px;
}

.nav-wrapper-breadcrumb .nav-wrapper .breadcrumb {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 11px !important;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nav-wrapper-breadcrumb .nav-wrapper .breadcrumb:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  font-size: 8px;
  color: inherit;
  vertical-align: baseline;
}

.admin-menu--breadcrumb.breadcrumb-trigger .breadcrumb-where-am-i {
  display: none;
}

.admin-menu--breadcrumb .nav-wrapper-breadcrumb {
  display: block;
}

.nav-wrapper > span {
  color: #fff;
  height: 18px !important;
  display: inline-block;
  padding: 0;
  margin: 0;
  line-height: 1;
  vertical-align: top;
}

.nav-wrapper-breadcrumb a {
  color: white;
  height: 18px !important;
  display: inline-block;
  vertical-align: text-bottom;
}
.nav-wrapper-breadcrumb a:hover {
  color: #f0ccd5;
}

.nav-wrapper-breadcrumb .breadcrumb:last-child {
  color: white;
}

.nav-wrapper .truncate {
  width: 200px;
}

.nav-wrapper a:nth-last-child(n+4),
.nav-wrapper a:nth-last-child(n+4) ~ a {
  max-width: 80px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding-bottom: 0;
}
.nav-wrapper a:nth-last-child(n+4).truncate,
.nav-wrapper a:nth-last-child(n+4) ~ a.truncate {
  width: 100px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.nav-wrapper a:nth-last-child(n+5),
.nav-wrapper a:nth-last-child(n+5) ~ a {
  max-width: 40px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding-bottom: 0;
}
.nav-wrapper a:nth-last-child(n+5).truncate,
.nav-wrapper a:nth-last-child(n+5) ~ a.truncate {
  width: 100px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.nav-wrapper a:nth-last-child(n+6),
.nav-wrapper a:nth-last-child(n+6) ~ a {
  max-width: 20px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding-bottom: 0;
}
.nav-wrapper a:nth-last-child(n+6).truncate,
.nav-wrapper a:nth-last-child(n+6) ~ a.truncate {
  width: 100px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (max-width: 71.5625em) {
  .admin-menu--breadcrumb {
    display: none;
  }
}

.side-nav li > a,
.side-nav .collapsible-body li a,
.side-nav.fixed .collapsible-body li a {
  padding: 0px 14px 0px 20px;
}

.side-nav a:not(.subheader) {
  font-weight: bold !important;
}

.side-nav a.darkblue-500-text:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  float: right;
  color: #afafaf;
}

.side-nav .subheader {
  cursor: pointer !important;
  pointer-events: all !important;
  color: #373741;
}

a.subheader[href="#"],
.side-nav .subheader.nolink,
.nolink {
  cursor: initial !important;
  pointer-events: none !important;
}

ul.dropdownsubmenu {
  display: none;
}
ul.dropdownsubmenu li {
  text-indent: 20px;
}

.is-expanded {
  display: block;
  padding-bottom: 0;
}
.is-expanded > a {
  font-weight: bold;
}
@media only screen and (min-width: 1001px) {
  .is-expanded .dropdownsubmenu {
    will-change: auto;
  }
}

.dropdownsubmenu-trigger {
  position: relative;
}
.dropdownsubmenu-trigger > a:hover {
  padding-left: 0 !important;
}
.dropdownsubmenu-trigger > a:hover:after {
  display: none !important;
}
.dropdownsubmenu-trigger.is-closed:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f077";
  font-size: 10px;
  -webkit-background-size: 7px 10px;
  -moz-background-size: 7px 10px;
  -o-background-size: 7px 10px;
  position: absolute;
  right: 0px;
  top: 5px;
  color: #5e5e5e;
}
.dropdownsubmenu-trigger.is-expanded:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
  font-size: 10px;
  -webkit-background-size: 7px 10px;
  -moz-background-size: 7px 10px;
  -o-background-size: 7px 10px;
  position: absolute;
  right: 0px;
  top: 5px;
  color: #5e5e5e;
}

/**
 * Pagination
 */
.pagination {
  overflow: hidden;
}
.pagination li {
  display: inline-block;
  border: none;
  vertical-align: middle;
  height: inherit;
  margin-right: 4px;
  min-width: 33px;
}
.pagination li:last-child {
  border: 0;
}
.pagination a {
  padding: inherit !important;
  margin: 0;
  font-size: inherit !important;
  text-decoration: none;
  vertical-align: text-bottom;
}
.pagination .prev.disabled a, .pagination .next.disabled a {
  color: #373741;
  cursor: default;
}
.pagination .prev.disabled a:hover, .pagination .next.disabled a:hover {
  background: transparent;
}

.sidebar-wrapper .collapsible {
  border-top: none;
  border-right: none;
  border-left: none;
  margin: 0;
  box-shadow: none;
}
.sidebar-wrapper .collapsible-header {
  background-color: transparent;
  border-bottom: none;
}
.sidebar-wrapper .collapsible-body {
  border-bottom: none;
  padding: 0;
}
@media only screen and (min-width: 1001px) {
  .sidebar-wrapper .collapsible-body {
    display: block !important;
  }
}
.sidebar-wrapper .local-sidebar-menu {
  border-bottom: none;
  display: none;
}
.sidebar-wrapper .local-sidebar-menu i.fa.fa-bars:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0c9";
}
.sidebar-wrapper .local-sidebar-menu.active i.fa.fa-bars:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00d";
}
@media only screen and (max-width: 1000px) {
  .sidebar-wrapper .local-sidebar-menu {
    display: block;
    background-color: #373741;
  }
  .sidebar-wrapper .local-sidebar-menu i {
    width: 2.4rem;
    font-size: 1rem;
    display: inline-block;
    text-align: center;
    margin-right: 8px !important;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 100px;
    padding: 8px;
  }
}

/**
 * Sidebar menu
 */
.c-sidebar-nav > ul > li {
  margin-bottom: 32px;
}

.c-sidebar-nav .caption {
  display: inline-block;
  padding-bottom: 16px;
  font-size: 12px;
}

.c-sidebar-nav .c-sidebar-nav__menu-dropdown li > ul > li {
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 4px;
}
.c-sidebar-nav .c-sidebar-nav__menu-dropdown li > ul > li:last-child {
  border: none;
}
.c-sidebar-nav .c-sidebar-nav__menu-dropdown li > ul > li a {
  padding-bottom: 4px;
  display: block;
  position: relative;
  width: 100%;
}
.c-sidebar-nav .c-sidebar-nav__menu-dropdown li > ul > li a:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  font-size: 10px;
  -webkit-background-size: 7px 10px;
  -moz-background-size: 7px 10px;
  -o-background-size: 7px 10px;
  position: absolute;
  left: 0px;
  top: 2px;
  color: #5e5e5e;
  opacity: 0;
  transition: all 0.2s;
}
.c-sidebar-nav .c-sidebar-nav__menu-dropdown li > ul > li a:hover {
  padding-left: 0.65em;
  font-weight: bold;
}
.c-sidebar-nav .c-sidebar-nav__menu-dropdown li > ul > li a:hover:after {
  opacity: 1;
}
.c-sidebar-nav .c-sidebar-nav__menu-dropdown li > ul > li a.active {
  padding-left: 0.65em;
  font-weight: bold;
  position: relative;
  color: #373741;
}
.c-sidebar-nav .c-sidebar-nav__menu-dropdown li > ul > li a.active:hover {
  cursor: default;
}
.c-sidebar-nav .c-sidebar-nav__menu-dropdown li > ul > li a.active:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  font-size: 10px;
  -webkit-background-size: 7px 10px;
  -moz-background-size: 7px 10px;
  -o-background-size: 7px 10px;
  position: absolute;
  opacity: 1;
  left: 0px;
  top: 2px;
  color: #5e5e5e;
  transition: all 0.2s;
}

.c-sidebar-nav .ajbyi-submenu li {
  text-indent: 0px;
  padding-left: 20px;
}

.megamenu-parent.megamenu-parent {
  position: static;
  padding: 0 !important;
}
.megamenu-parent.megamenu-parent .megamenu-child a.new {
  padding-left: 2.6rem !important;
  position: relative;
  background-image: none !important;
}
.megamenu-parent.megamenu-parent .megamenu-child a.new:hover {
  font-weight: bold !important;
}
.megamenu-parent.megamenu-parent .megamenu-child a.new:before {
  display: block;
  content: "new";
  position: absolute;
  left: 0px;
  background: #d50032;
  font-size: 12px;
  color: white;
  border-radius: 3px;
  padding: 0px 5px 1px 5px;
  top: 3px;
  font-weight: normal !important;
}
.megamenu-parent.megamenu-parent .megamenu-child a.new:after {
  display: none;
}
.megamenu-parent.megamenu-parent .megamenu-child a.star {
  padding-left: 1.4em !important;
  padding-left: 1.4rem !important;
  position: relative;
}
.megamenu-parent.megamenu-parent .megamenu-child a.star:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f005";
  position: absolute;
  left: 0px;
  top: 0px;
  color: #ffc400;
}
.megamenu-parent.megamenu-parent .megamenu-child a.star:after {
  display: none;
}
.megamenu-parent.megamenu-parent > a {
  padding: 10px 10px;
  display: flex;
  height: 70px;
  align-items: center;
}

.megamenu-child li {
  margin-bottom: 5px;
  display: block;
}

.megamenu-parent .megamenu-child {
  display: none;
  top: auto;
  left: 0;
  height: auto;
  position: absolute;
  padding: 20px 10px;
  margin-right: -5px;
  background-color: white;
  width: 100%;
  max-width: 1300px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  left: 0;
  right: 0;
  border-top: 1px solid #d8d8d8;
  box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px;
}

.megamenu-child h6 > a {
  display: block;
  width: 90%;
  padding-bottom: 8px;
  border-bottom: 1px solid #afafaf;
}

.megamenu-child h6 > a[href="#"] {
  cursor: text !important;
  pointer-events: none !important;
  text-decoration: none !important;
  display: block;
  width: 90%;
  padding-bottom: 8px;
  color: #373741 !important;
  border-bottom: 1px solid #afafaf;
}

.megamenu-child h6 > a:hover {
  text-decoration: underline !important;
}

.megamenu-child h6 + ol {
  margin-bottom: 16px;
}

@supports (display: grid) {
  .megamenu-parent .megamenu-anmation {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(25% - 1.25rem), 1fr));
    grid-gap: 16px;
  }
}
@supports (display: grid) {
  .megamenu-parent .megamenu-anmation .ajb-col-3 {
    grid-column: auto;
    width: 100%;
    float: none;
  }
}
.megamenu-parent:hover > a {
  color: black !important;
}

div#tab-overview-menu-item:hover,
div#tab-overview-menu-item:focus,
div#tab-overview-menu-item:active {
  display: block !important;
}

li[data-submenu-id=tab-overview-menu-item]:hover div#tab-overview-menu-item {
  display: block !important;
}

.megamenu-parent h1,
.megamenu-parent h2,
.megamenu-parent h3,
.megamenu-parent h4,
.megamenu-parent h5,
.megamenu-parent h6 {
  font-weight: bold !important;
}

.touchevents .megamenu-parent > a {
  pointer-events: none !important;
}

.touchevents .megamenu-parent:hover > .megamenu-child {
  display: block !important;
}

.admin-menu .external {
  padding-right: 1.4em !important;
  padding-right: 1.4rem !important;
  margin-right: 24px !important;
  position: relative;
}
@media only screen and (max-width: 1000px) {
  .admin-menu .external {
    padding-right: 8px !important;
    margin-right: 0px !important;
  }
}
.admin-menu .external:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f35d";
  position: absolute;
  right: -8px;
  top: 8px;
  color: white;
}
@media only screen and (max-width: 1000px) {
  .admin-menu .external:after {
    display: none;
  }
}
.admin-menu .external:before {
  display: none;
}

.sb-search {
  position: relative;
  margin-top: 10px;
  width: 0% !important;
  min-width: 42px;
  height: 42px;
  float: right;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
}

.sb-search-open .sb-search-input {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  outline: none;
  color: white !important;
  background: #d50032;
  width: 100% !important;
  height: 42px !important;
  margin: 0;
  z-index: 10;
  padding: 0px 0px 0px 10px !important;
  font-family: inherit;
  font-size: 20px;
  color: #373741;
}

.sb-search-input::-webkit-input-placeholder {
  color: white;
}

.sb-search-input:-moz-placeholder {
  color: white;
}

.sb-search-input::-moz-placeholder {
  color: white;
}

.sb-search-input:-ms-input-placeholder {
  color: white;
}

.sb-icon-search,
.sb-search-submit,
input#admin-menu-edit-submit {
  width: 42px;
  height: 42px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
  line-height: 42px;
  text-align: center;
  cursor: pointer;
}

.sb-search-submit {
  background: #fff; /* IE needs this */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
  filter: alpha(opacity=0); /* IE 5-7 */
  opacity: 0;
  color: transparent;
  border: none;
  outline: none;
  z-index: -1;
}

.sb-icon-search {
  color: #fff;
  background: #d50032;
  z-index: 90;
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
  width: 100% !important;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
  background: #c30220;
  color: #fff;
  z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
  z-index: 90;
}

.sb-search-alt {
  width: -webkit-min-content !important;
  width: -moz-min-content !important;
  width: min-content !important;
  border-radius: 10em;
  min-width: 34px;
  height: 34px;
}

.sb-search-alt .sb-icon-search {
  width: 34px !important;
  height: 34px !important;
  line-height: 34px !important;
}

.sb-icon-search,
.sb-search-submit,
input#admin-menu-edit-submit {
  width: 42px;
  height: 42px;
  line-height: 42px;
}

.sb-search-alt.sb-search-open .sb-search-input {
  background: #d50032;
  text-indent: 16px;
  height: 34px !important;
}

.sb-search-alt.sb-search-open {
  min-width: 300px;
}
@media only screen and (max-width: 1000px) {
  .sb-search-alt.sb-search-open {
    min-width: 150px;
  }
}

@media only screen and (max-width: 1000px) {
  .main-content-wrapper #ms_wrapper {
    overflow: auto;
  }
  .main-content-wrapper #ms_wrapper:before {
    content: "Scroll to view full contents";
    background: #f5f5f5;
    color: #666;
    font-size: 13px;
    border-radius: 5px;
    padding: 5px 10px;
    display: inline-block;
    margin: 10px auto 20px auto;
  }
}
body.page-market-research[class*=page-market-research-] #block-system-main {
  overflow: auto;
}

.page-research-tools .nav-wrapper a {
  color: inherit;
}

.page-research-tools .megamenu-parent > a {
  color: #d50032;
}

body.page-market-research[class*=page-market-research-] #SnapshotBodyContent.clearfix,
body.page-research-tools #SnapshotBodyContent.clearfix {
  box-shadow: none;
}

body.page-market-research[class*=page-market-research-] #ms_wrapper,
body.page-research-tools #ms_wrapper {
  margin-top: 0px !important;
  padding: 0px !important;
}

#ajbell-login div#edit-password-challenge-challenges label {
  text-align: center;
  display: block;
  width: 44px;
}

@media only screen and (max-width: 1000px) {
  #ajbell-login #edit-password-challenge-challenges input {
    text-align: center;
    width: 44px;
  }
  #ajbell-login .form-item-name label {
    font-size: 16px !important;
  }
  #security-question,
#edit-password-challenge-challenges {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 768px) {
  #edit-forgot-answer {
    border: none;
    white-space: normal;
  }
}
.toggleShowPassword {
  background-image: url(/sites/default/files/showpasswordclosed.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px !important;
  height: 64px;
  background-position-y: center;
  display: inline-block !important;
  opacity: 0.8;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 6px;
}
.toggleShowPassword:hover {
  opacity: 1;
}

#edit-security-answer {
  display: inline-block;
  float: left;
}

#security-question .toggleShowPassword {
  height: 48px;
  position: absolute;
}

#security-question #edit-forgot-answer {
  display: block;
  margin-top: 15px;
}

.toggleShowPassword.active {
  background-image: url(/sites/default/files/showpassword.png);
}

#edit-password-challenge-challenges,
.form-item-security-answer {
  position: relative;
}
@media only screen and (max-width: 768px) {
  #edit-password-challenge-challenges,
.form-item-security-answer {
    padding-left: 0px;
  }
}

#edit-password-challenge-challenges .toggleShowPassword {
  left: 0px;
}

.form-item-security-answer .toggleShowPassword {
  left: 0px;
}

div#security-question {
  margin-top: 20px;
}

.ajb-breadcrumb .item-list > ul.step-progress li,
#ajbell-login div.item-list > ul li {
  background-color: #d8d8d8 !important;
}

.ajb-breadcrumb .item-list > ul.step-progress li.active span,
#ajbell-login div.item-list > ul li.active span {
  background: #373741 !important;
}

.ajb-breadcrumb .item-list > ul.step-progress li span,
#ajbell-login div.item-list > ul li span {
  background: #8a8a8a !important;
}

.ajb-breadcrumb .item-list > ul.step-progress li,
#ajbell-login div.item-list > ul li {
  margin: 0 10px 0 0 !important;
}

@media only screen and (max-width: 768px) {
  #ajbell-login div.item-list > ul li {
    font-size: 10px;
    margin-bottom: 10px !important;
    margin-right: 0px !important;
  }
}
#ajbell-login {
  box-shadow: none;
  padding: 24px !important;
}
#ajbell-login label {
  color: black;
}
#ajbell-login #edit-password-challenge-forgot-password,
#ajbell-login #edit-forgot-answer {
  border: none !important;
  text-decoration: underline !important;
  min-height: 16px;
  display: block;
  clear: both;
  text-align: left;
  border-radius: 0px;
}
@media only screen and (max-width: 1000px) {
  #ajbell-login #edit-password-challenge-forgot-password,
#ajbell-login #edit-forgot-answer {
    min-height: 26px;
  }
}
#ajbell-login #edit-name,
#ajbell-login .form-item-security-answer input {
  max-width: 400px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #ajbell-login #edit-name {
    margin-top: 30px;
  }
}
#ajbell-login div.description.username:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f2bd";
  font-size: 16px;
  padding: 0 4px 0 2px;
  position: relative;
  top: 0px;
}
#ajbell-login div.description.username {
  background: white !important;
  border-radius: 3px !important;
  border-left: none !important;
  color: black !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
#ajbell-login div.description.username strong {
  font-weight: 700;
}
#ajbell-login #password-challenge b {
  margin-bottom: 20px;
  display: block;
  color: black;
  font-weight: 500;
}

input.input-link {
  background: white !important;
  color: #373741 !important;
  padding: 0 5px 0px 2px !important;
  display: inline-block;
  text-decoration: underline !important;
  font-size: 14px !important;
  font-weight: normal !important;
}
input.input-link:hover {
  color: #373741 !important;
}

.ajb-grid-row .pane-ajbell-charges-charges-calc {
  background-color: white !important;
}

.ajb-grid-row .pane-ajbell-charges-charges-calc > h2 {
  font-weight: 300;
  margin-bottom: 10px;
}

.ajb-grid-row .pane-ajbell-charges-charges-calc form.card {
  box-shadow: none !important;
}

.ajb-grid-row #calc-buttons {
  text-align: left !important;
}

.ajb-grid-row #calc-buttons p {
  margin: 0 0 1em 0 !important;
  text-align: left;
}

.ajb-grid-row #calc-buttons .btn,
.ajb-grid-row .ajbell-calc-comp > .col.m3.s12 .btn-primary.open-link {
  display: inline-block;
  background: #373741;
  box-shadow: none !important;
  text-transform: inherit;
  letter-spacing: inherit;
  height: auto;
  color: white !important;
  line-height: 1;
  font-weight: bold;
  padding: 1em 2em;
  border: 0;
  border-radius: 50em;
  text-align: center;
  transition: background 0.2s ease;
  text-decoration: none !important;
  text-transform: none !important;
}
.ajb-grid-row #calc-buttons .btn.btn-green.product-sipp,
.ajb-grid-row .ajbell-calc-comp > .col.m3.s12 .btn-primary.open-link.btn-green.product-sipp {
  background: #d50032;
  color: white !important;
  border: none;
}
.ajb-grid-row #calc-buttons .btn.btn-green.product-sipp:hover,
.ajb-grid-row .ajbell-calc-comp > .col.m3.s12 .btn-primary.open-link.btn-green.product-sipp:hover {
  background: #d50032 !important;
  opacity: 1;
}
.ajb-grid-row #calc-buttons .btn.btn-green.product-sipp:focus,
.ajb-grid-row .ajbell-calc-comp > .col.m3.s12 .btn-primary.open-link.btn-green.product-sipp:focus {
  background: #d50032 !important;
}
.ajb-grid-row #calc-buttons .btn.btn-orange.product-isa,
.ajb-grid-row .ajbell-calc-comp > .col.m3.s12 .btn-primary.open-link.btn-orange.product-isa {
  background: #d50032;
  color: white !important;
  border: none;
}
.ajb-grid-row #calc-buttons .btn.btn-orange.product-isa:hover,
.ajb-grid-row .ajbell-calc-comp > .col.m3.s12 .btn-primary.open-link.btn-orange.product-isa:hover {
  background: #d50032 !important;
  opacity: 1;
}
.ajb-grid-row #calc-buttons .btn.btn-orange.product-isa:focus,
.ajb-grid-row .ajbell-calc-comp > .col.m3.s12 .btn-primary.open-link.btn-orange.product-isa:focus {
  background: #d50032 !important;
}
.ajb-grid-row #calc-buttons .btn.btn-blue.product-dealing,
.ajb-grid-row .ajbell-calc-comp > .col.m3.s12 .btn-primary.open-link.btn-blue.product-dealing {
  background: #373741;
  color: white !important;
  border: none;
}
.ajb-grid-row #calc-buttons .btn.btn-blue.product-dealing:hover,
.ajb-grid-row .ajbell-calc-comp > .col.m3.s12 .btn-primary.open-link.btn-blue.product-dealing:hover {
  background: #373741 !important;
  opacity: 1;
}
.ajb-grid-row #calc-buttons .btn.btn-blue.product-dealing:focus,
.ajb-grid-row .ajbell-calc-comp > .col.m3.s12 .btn-primary.open-link.btn-blue.product-dealing:focus {
  background: #373741 !important;
}
.ajb-grid-row #calc-buttons .btn.btn-purple.product-jisa,
.ajb-grid-row .ajbell-calc-comp > .col.m3.s12 .btn-primary.open-link.btn-purple.product-jisa {
  background: #d50032;
  color: white !important;
  border: none;
}
.ajb-grid-row #calc-buttons .btn.btn-purple.product-jisa:hover,
.ajb-grid-row .ajbell-calc-comp > .col.m3.s12 .btn-primary.open-link.btn-purple.product-jisa:hover {
  background: #d50032 !important;
  opacity: 1;
}
.ajb-grid-row #calc-buttons .btn.btn-purple.product-jisa:focus,
.ajb-grid-row .ajbell-calc-comp > .col.m3.s12 .btn-primary.open-link.btn-purple.product-jisa:focus {
  background: #d50032 !important;
}
.ajb-grid-row #calc-buttons .btn.btn-green.product-sipp.btn-no-bg,
.ajb-grid-row .ajbell-calc-comp > .col.m3.s12 .btn-primary.open-link.btn-green.product-sipp.btn-no-bg {
  background: white !important;
  color: #d50032 !important;
  border: 2px solid #d50032 !important;
}
.ajb-grid-row #calc-buttons .btn.btn-orange.product-isa.btn-no-bg,
.ajb-grid-row .ajbell-calc-comp > .col.m3.s12 .btn-primary.open-link.btn-orange.product-isa.btn-no-bg {
  background: white !important;
  color: #d50032 !important;
  border: 2px solid #d50032 !important;
}
.ajb-grid-row #calc-buttons .btn.btn-blue.product-dealing.btn-no-bg,
.ajb-grid-row .ajbell-calc-comp > .col.m3.s12 .btn-primary.open-link.btn-blue.product-dealing.btn-no-bg {
  background: white !important;
  color: #373741 !important;
  border: 2px solid #373741 !important;
}
.ajb-grid-row #calc-buttons .btn.btn-purple.product-jisa.btn-no-bg,
.ajb-grid-row .ajbell-calc-comp > .col.m3.s12 .btn-primary.open-link.btn-purple.product-jisa.btn-no-bg {
  background: white !important;
  color: #d50032 !important;
  border: 2px solid #d50032 !important;
}

.ajb-grid-row .ajbell-calc-comp > .col.m3.s12 .btn-primary.open-link {
  background: #d50032;
  color: white !important;
  border: none;
  width: initial !important;
}
.ajb-grid-row .ajbell-calc-comp > .col.m3.s12 .btn-primary.open-link:hover {
  background: #d50032 !important;
  opacity: 1;
}
.ajb-grid-row .ajbell-calc-comp > .col.m3.s12 .btn-primary.open-link:focus {
  background: #d50032 !important;
}

.ajb-grid-row #calc-results {
  background: white !important;
  margin-top: 20px;
}

.ajb-grid-row #calc-results .ajbell-calc-comp {
  width: 100% !important;
}

.ajb-grid-row #calc-results .ajbell-calc-comp .card.horizontal .card-image {
  max-width: 25%;
  padding: 20px;
}

.ajb-grid-row #calc-results .ajbell-calc-comp .card.horizontal .card-stacked .card-content > p {
  margin: 0;
}

.ajb-grid-row #calc-results .ajbell-calc-comp .card.horizontal .card-stacked .card-content .total-charge {
  background: white !important;
  color: black !important;
  font-weight: 300 !important;
  padding: 0 !important;
  font-size: 48px !important;
  text-align: left !important;
  border-bottom: 1px solid black;
  margin-bottom: 20px;
}

.ajb-grid-row #calc-results .ajbell-calc-comp .card.horizontal .card-stacked .card-content .collapsible,
.ajb-grid-row #calc-results .ajbell-calc-comp .card.horizontal .card-stacked .card-content .collapsible .collapsible-header {
  box-shadow: none !important;
  border: none !important;
}

.ajb-grid-row #calc-results .ajbell-calc-comp .card.horizontal .card-stacked .card-content .collapsible .collapsible-header {
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.ajb-grid-row #calc-results .ajbell-calc-comp .card.horizontal .card-stacked .card-content .collapsible .collapsible-header i,
.ajb-grid-row #calc-results .ajbell-calc-comp .card.horizontal .card-stacked .card-content .collapsible .collapsible-header h4 {
  color: #373741;
}

.ajb-grid-row #calc-results .ajbell-calc-comp .card.horizontal .card-stacked .card-content .collapsible .collapsible-header i {
  margin-right: 5px;
  font-size: 20px;
  margin-top: 1px;
}

.ajb-grid-row #calc-results .ajbell-calc-comp .card.horizontal .card-stacked .card-content .collapsible .collapsible-header i:before {
  content: "\f067";
}

.ajb-grid-row #calc-results .ajbell-calc-comp .card.horizontal .card-stacked .card-content .collapsible .collapsible-header.active i:before {
  content: "\f077";
}

.ajb-grid-row #calc-results .ajbell-calc-comp .card.horizontal .card-stacked .card-content .collapsible .collapsible-header h4 {
  padding-top: 3px;
  font-size: 14px;
}

.ajb-grid-row #calc-results .ajbell-calc-comp .card.horizontal {
  margin-bottom: 0px;
}

.ajb-grid-row #calc-results .ajbell-calc-comp > .col.m9.s12 {
  width: 100%;
}

.ajb-grid-row #calc-results .ajbell-calc-comp > .col.m3.s12 {
  width: 68%;
  margin-left: 28%;
  margin-bottom: 30px;
  border-top: 1px solid #afafaf;
}

.ajb-grid-row #calc-results .ajbell-calc-comp .card.horizontal .card-stacked .card-content .collapsible .collapsible-body {
  border-bottom: none;
}

.ajb-grid-row .comp-results.bordered {
  border-top: 1px solid black !important;
  border-bottom: 1px solid black !important;
  border-left: none !important;
  border-right: none !important;
  text-align: left !important;
}

.ajb-grid-row .comp-results.bordered h5 {
  font-weight: 300;
  font-size: 24px;
  margin-top: 10px;
}
.ajb-grid-row .comp-results.bordered h5 span {
  font-weight: bold;
}

.comp-results .row .ajbell-calc-comp {
  height: 100px !important;
  padding-left: 28% !important;
}

.comp-results .row .ajbell-calc-comp .charge-display .total-charge {
  display: block;
  color: black;
  background: white;
  font-size: 32px;
  font-weight: 300;
}

@media only screen and (max-width: 1000px) {
  .ajb-grid-row #calc-results .ajbell-calc-comp .card.horizontal {
    display: block;
  }
  .ajb-grid-row #calc-results .ajbell-calc-comp .card.horizontal .card-image {
    max-width: 50%;
  }
  .ajb-grid-row #calc-results .ajbell-calc-comp > .col.m3.s12 {
    width: 100%;
    margin-left: 0px;
  }
  .ajb-grid-row #ajbell-charges-calculatorform .ajbell-calc-slider {
    display: block;
    float: none;
    min-height: 80px;
    width: 100%;
  }
  .comp-results .row .ajbell-calc-comp {
    height: 180px !important;
    padding-left: 0% !important;
    background-position-y: 10px;
  }
  .comp-results .row .ajbell-calc-comp p {
    padding-top: 80px;
    display: block;
  }
}
.dotNet .container {
  width: 100%;
  max-width: 1300px;
  background: #f0f1f2;
  background: linear-gradient(to bottom, #f0f1f2, rgba(255, 255, 255, 0));
}
.dotNet .page {
  float: none;
  padding-top: 40px;
  padding-bottom: 40px;
}
.dotNet .page form {
  background: white;
  border-radius: 3px;
  border: none;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.dotNet [type=radio]:not(:checked),
.dotNet [type=radio]:checked {
  position: static;
  opacity: 1;
  margin-right: 15px;
  pointer-events: auto;
  cursor: pointer;
}
.dotNet .footer {
  width: 100%;
  max-width: 1300px;
  margin: 0;
  min-height: 0;
  font-size: 1rem;
  padding: 0;
  background: #f0f1f2;
  color: #555c62;
}
.dotNet .footer a {
  color: #373741;
}
.dotNet .footer a:hover, .dotNet .footer a:focus {
  color: #373741;
}
.dotNet .c-btn,
.dotNet .btn,
.dotNet input[type=button],
.dotNet input[type=reset],
.dotNet input[type=submit] {
  margin: 10px auto;
}

.block-ajbell-raisin .product-termfilters {
  margin: 16px 0px;
}

.block-ajbell-raisin input {
  max-width: 200px;
}

.block-ajbell-raisin .product-termfilters button {
  display: inline-block;
  margin-right: 8px;
  box-shadow: none !important;
  text-transform: inherit;
  letter-spacing: inherit;
  height: auto;
  line-height: 1;
  font-weight: bold !important;
  padding: 0.6em 1em;
  margin-bottom: 8px;
  font-size: 0.9em;
  font-weight: normal;
  border-radius: 50em;
  text-align: center;
  transition: background 0.2s ease;
  text-decoration: none !important;
  text-transform: none !important;
  width: auto;
  background: white;
  transition: all 0.2s !important;
  position: relative;
  border: 2px solid #373741 !important;
  color: #373741 !important;
}
.block-ajbell-raisin .product-termfilters button:hover {
  background: #373741 !important;
  border-color: #373741 !important;
  color: white !important;
}

.block-ajbell-raisin .product-termfilters button.active {
  background: #373741 !important;
  border-color: #373741 !important;
  color: white !important;
}

#investment-amount {
  max-width: 200px;
  margin-top: -10px;
}

.block-ajbell-raisin table {
  margin: 20px 0 30px 0;
  overflow-x: scroll;
  background-color: white;
}
@media only screen and (max-width: 768px) {
  .block-ajbell-raisin table {
    display: block;
  }
}
.block-ajbell-raisin table tr {
  border-bottom: 1px solid #eeefef;
}
.block-ajbell-raisin table thead tr th, .block-ajbell-raisin table thead tr th a {
  color: black;
  font-weight: bold;
  border-radius: 0px;
  text-decoration: none;
}
.block-ajbell-raisin table tbody {
  border-bottom: 4px solid #eeefef;
}
.block-ajbell-raisin table td.interest, .block-ajbell-raisin table td.returns {
  color: #1BAD2B;
}
.block-ajbell-raisin table td.interest {
  font-size: 18px !important;
  font-weight: 600;
}
.block-ajbell-raisin table img {
  max-width: 100px;
}
.block-ajbell-raisin table .button {
  display: inline-block;
  background-color: #d50032 !important;
  box-shadow: none !important;
  text-transform: inherit;
  letter-spacing: inherit;
  height: auto;
  color: white !important;
  line-height: 1;
  font-size: 0.9em;
  font-weight: bold !important;
  padding: 0.6em 1em;
  border: 0;
  border-radius: 50em;
  text-align: center;
  transition: background 0.2s ease;
  text-decoration: none !important;
  text-transform: none !important;
  width: auto;
}
.block-ajbell-raisin table .button:hover, .block-ajbell-raisin table .button:focus {
  background-color: #d50032 !important;
  color: white !important;
}
.block-ajbell-raisin table li {
  display: inline-block;
  margin: 0 1.5em 0.25em 0em !important;
}
.block-ajbell-raisin table li a.active {
  text-decoration: none;
  color: black;
  font-weight: bold;
}
.block-ajbell-raisin table .tabs {
  height: auto;
}
.block-ajbell-raisin table .tabs-content {
  margin-top: 8px;
}
.block-ajbell-raisin table .indicator {
  display: none;
}
.block-ajbell-raisin table thead tr th,
.block-ajbell-raisin table tbody tr td,
.block-ajbell-raisin table tfoot tr td {
  padding: 8px 10px;
  vertical-align: top;
}
.block-ajbell-raisin table thead tr th {
  font-size: 11px;
}
@media only screen and (min-width: 1001px) {
  .block-ajbell-raisin table tbody tr td,
.block-ajbell-raisin table tfoot tr td {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1000px) {
  .block-ajbell-raisin table tbody tr td,
.block-ajbell-raisin table tfoot tr td {
    font-size: 12px;
  }
}
@media only screen and (max-width: 768px) {
  .block-ajbell-raisin table tbody tr td,
.block-ajbell-raisin table tfoot tr td {
    font-size: 14px;
  }
}

/*------------------------------------*\
// THEME STYLE: BASE
\*------------------------------------*/
.button--red {
  background-color: #d50032 !important;
  border: 2px solid #d50032 !important;
}
.button--red:hover, .button--red:focus, .button--red.active {
  text-decoration: underline;
}

.button--darkblue {
  border: 2px solid #373741 !important;
  background-color: #373741 !important;
}
.button--darkblue:hover, .button--darkblue:focus, .button--darkblue.active {
  text-decoration: underline;
}

.button--grey {
  border: 2px solid #373741 !important;
  background-color: #373741 !important;
}
.button--grey:hover, .button--grey:focus, .button--grey.active {
  text-decoration: underline;
}

.button--green {
  border: 2px solid #d50032 !important;
  background-color: #d50032 !important;
}
.button--green:hover, .button--green:focus, .button--green.active {
  text-decoration: underline;
}

.button--orange {
  border: 2px solid #d50032 !important;
  background-color: #d50032 !important;
}
.button--orange:hover, .button--orange:focus, .button--orange.active {
  text-decoration: underline;
}

.button--lightblue {
  border: 2px solid #d50032 !important;
  background-color: #d50032 !important;
}
.button--lightblue:hover, .button--lightblue:focus, .button--lightblue.active {
  text-decoration: underline;
}

.button--purple {
  border: 2px solid #d50032 !important;
  background-color: #d50032 !important;
}
.button--purple:hover, .button--purple:focus, .button--purple.active {
  text-decoration: underline;
}

.button--outline-red {
  border: 2px solid #d50032 !important;
  color: #d50032 !important;
}

.button--outline-darkblue {
  border: 2px solid #373741 !important;
  color: #373741 !important;
}

.button--outline-grey {
  border: 2px solid #373741 !important;
  color: #373741 !important;
}

.button--outline-green {
  border: 2px solid #d50032 !important;
  color: #d50032 !important;
}

.button--outline-orange {
  border: 2px solid #d50032 !important;
  color: #d50032 !important;
}

.button--outline-lightblue {
  border: 2px solid #d50032 !important;
  color: #d50032 !important;
}

.button--outline-purple {
  border: 2px solid #d50032 !important;
  color: #d50032 !important;
}

/**
 * Links
 */
a, .page-research-tools a {
  color: #373741;
  text-decoration: none;
  transition: all 0.2s ease;
}
a:hover, a:focus, .page-research-tools a:hover, .page-research-tools a:focus {
  color: #373741;
}
a.red-500-text, .page-research-tools a.red-500-text {
  color: #d50032;
}
a.red-500-text:hover, a.red-500-text:focus, .page-research-tools a.red-500-text:hover, .page-research-tools a.red-500-text:focus {
  color: #373741 !important;
}
a.lightblue-500-text, .page-research-tools a.lightblue-500-text {
  color: #d50032;
}
a.lightblue-500-text:hover, a.lightblue-500-text:focus, .page-research-tools a.lightblue-500-text:hover, .page-research-tools a.lightblue-500-text:focus {
  color: #d50032 !important;
}
a.green-500-text, .page-research-tools a.green-500-text {
  color: #d50032;
}
a.green-500-text:hover, a.green-500-text:focus, .page-research-tools a.green-500-text:hover, .page-research-tools a.green-500-text:focus {
  color: #d50032 !important;
}
a.purple-500-text, .page-research-tools a.purple-500-text {
  color: #d50032;
}
a.purple-500-text:hover, a.purple-500-text:focus, .page-research-tools a.purple-500-text:hover, .page-research-tools a.purple-500-text:focus {
  color: #d50032 !important;
}
a.orange-500-text, .page-research-tools a.orange-500-text {
  color: #d50032;
}
a.orange-500-text:hover, a.orange-500-text:focus, .page-research-tools a.orange-500-text:hover, .page-research-tools a.orange-500-text:focus {
  color: #d50032 !important;
}

a.link-arrow:after {
  color: #5e5e5e;
}
a.link-arrow.link-arrow-red:after {
  color: #d53b5f;
}
a.link-arrow.link-arrow-lightblue:after {
  color: #5e5e5e;
}
a.link-arrow.link-arrow-darkblue:after {
  color: #5e5e5e;
}
a.link-arrow.link-arrow-green:after {
  color: #5e5e5e;
}
a.link-arrow.link-arrow-purple:after {
  color: #5e5e5e;
}
a.link-arrow.link-arrow-orange:after {
  color: #5e5e5e;
}
a.link-arrow.link-arrow-grey:after {
  color: #5e5e5e;
}

.red-hover-link {
  color: #d50032;
}
.red-hover-link:hover {
  color: #d50032;
}

.red-0-text {
  color: #f0ccd5 !important;
}

.red-100-text {
  color: #e39eae !important;
}

.red-200-text {
  color: #d46c84 !important;
}

.red-300-text {
  color: #d53b5f !important;
}

.red-400-text {
  color: #d53b5f !important;
}

.red-500-text {
  color: #d50032 !important;
}

.red-600-text {
  color: #d50032 !important;
}

.red-700-text {
  color: #d50032 !important;
}

.red-800-text {
  color: #d50032 !important;
}

.red-900-text {
  color: #d50032 !important;
}

.darkblue-0-text {
  color: #f2f2ea !important;
}

.darkblue-100-text {
  color: #afafaf !important;
}

.darkblue-200-text {
  color: #8a8a8a !important;
}

.darkblue-300-text {
  color: #5e5e5e !important;
}

.darkblue-400-text {
  color: #5e5e5e !important;
}

.darkblue-500-text {
  color: #373741 !important;
}

.darkblue-600-text {
  color: #373741 !important;
}

.darkblue-700-text {
  color: #373741 !important;
}

.darkblue-800-text {
  color: #373741 !important;
}

.darkblue-900-text {
  color: #373741 !important;
}

.grey-0-text {
  color: #d8d8d8 !important;
}

.grey-100-text {
  color: #afafaf !important;
}

.grey-200-text {
  color: #8a8a8a !important;
}

.grey-300-text {
  color: #5e5e5e !important;
}

.grey-400-text {
  color: #5e5e5e !important;
}

.grey-500-text {
  color: #373741 !important;
}

.grey-600-text {
  color: #373741 !important;
}

.grey-700-text {
  color: #373741 !important;
}

.grey-800-text {
  color: #373741 !important;
}

.grey-900-text {
  color: #373741 !important;
}

.green-0-text {
  color: #f2f2ea !important;
}

.green-100-text {
  color: #d8d8d8 !important;
}

.green-200-text {
  color: #8a8a8a !important;
}

.green-300-text {
  color: #5e5e5e !important;
}

.green-400-text {
  color: #5e5e5e !important;
}

.green-500-text {
  color: #d50032 !important;
}

.green-600-text {
  color: #d50032 !important;
}

.green-700-text {
  color: #d50032 !important;
}

.green-800-text {
  color: #d50032 !important;
}

.green-900-text {
  color: #d50032 !important;
}

.orange-0-text {
  color: #f2f2ea !important;
}

.orange-100-text {
  color: #d8d8d8 !important;
}

.orange-200-text {
  color: #8a8a8a !important;
}

.orange-300-text {
  color: #5e5e5e !important;
}

.orange-400-text {
  color: #5e5e5e !important;
}

.orange-500-text {
  color: #d50032 !important;
}

.orange-600-text {
  color: #d50032 !important;
}

.orange-700-text {
  color: #d50032 !important;
}

.orange-800-text {
  color: #d50032 !important;
}

.orange-900-text {
  color: #d50032 !important;
}

.lightblue-0-text {
  color: #f2f2ea !important;
}

.lightblue-100-text {
  color: #d8d8d8 !important;
}

.lightblue-200-text {
  color: #8a8a8a !important;
}

.lightblue-300-text {
  color: #5e5e5e !important;
}

.lightblue-400-text {
  color: #5e5e5e !important;
}

.lightblue-500-text {
  color: #d50032 !important;
}

.lightblue-600-text {
  color: #d50032 !important;
}

.lightblue-700-text {
  color: #d50032 !important;
}

.lightblue-800-text {
  color: #d50032 !important;
}

.lightblue-900-text {
  color: #d50032 !important;
}

.purple-0-text {
  color: #f2f2ea !important;
}

.purple-100-text {
  color: #d8d8d8 !important;
}

.purple-200-text {
  color: #8a8a8a !important;
}

.purple-300-text {
  color: #5e5e5e !important;
}

.purple-400-text {
  color: #5e5e5e !important;
}

.purple-500-text {
  color: #d50032 !important;
}

.purple-600-text {
  color: #d50032 !important;
}

.purple-700-text {
  color: #d50032 !important;
}

.purple-800-text {
  color: #d50032 !important;
}

.purple-900-text {
  color: #d50032 !important;
}

.red-0-bg {
  background-color: #f0ccd5 !important;
}

.red-100-bg {
  background-color: #e39eae !important;
}

.red-200-bg {
  background-color: #d46c84 !important;
}

.red-300-bg {
  background-color: #d53b5f !important;
}

.red-400-bg {
  background-color: #d53b5f !important;
}

.red-500-bg {
  background-color: #d50032 !important;
}

.red-600-bg {
  background-color: #d50032 !important;
}

.red-700-bg {
  background-color: #d50032 !important;
}

.red-800-bg {
  background-color: #d50032 !important;
}

.red-900-bg {
  background-color: #d50032 !important;
}

.darkblue-0-bg {
  background-color: #f2f2ea !important;
}

.darkblue-100-bg {
  background-color: #afafaf !important;
}

.darkblue-200-bg {
  background-color: #8a8a8a !important;
}

.darkblue-300-bg {
  background-color: #5e5e5e !important;
}

.darkblue-400-bg {
  background-color: #5e5e5e !important;
}

.darkblue-500-bg {
  background-color: #373741 !important;
}

.darkblue-600-bg {
  background-color: #373741 !important;
}

.darkblue-700-bg {
  background-color: #373741 !important;
}

.darkblue-800-bg {
  background-color: #373741 !important;
}

.darkblue-900-bg {
  background-color: #373741 !important;
}

.grey-0-bg {
  background-color: #d8d8d8 !important;
}

.grey-100-bg {
  background-color: #afafaf !important;
}

.grey-200-bg {
  background-color: #8a8a8a !important;
}

.grey-300-bg {
  background-color: #5e5e5e !important;
}

.grey-400-bg {
  background-color: #5e5e5e !important;
}

.grey-500-bg {
  background-color: #373741 !important;
}

.grey-600-bg {
  background-color: #373741 !important;
}

.grey-700-bg {
  background-color: #373741 !important;
}

.grey-800-bg {
  background-color: #373741 !important;
}

.grey-900-bg {
  background-color: #373741 !important;
}

.green-0-bg {
  background-color: #f2f2ea !important;
}

.green-100-bg {
  background-color: #d8d8d8 !important;
}

.green-200-bg {
  background-color: #8a8a8a !important;
}

.green-300-bg {
  background-color: #5e5e5e !important;
}

.green-400-bg {
  background-color: #5e5e5e !important;
}

.green-500-bg {
  background-color: #d50032 !important;
}

.green-600-bg {
  background-color: #d50032 !important;
}

.green-700-bg {
  background-color: #d50032 !important;
}

.green-800-bg {
  background-color: #d50032 !important;
}

.green-900-bg {
  background-color: #d50032 !important;
}

.orange-0-bg {
  background-color: #f2f2ea !important;
}

.orange-100-bg {
  background-color: #d8d8d8 !important;
}

.orange-200-bg {
  background-color: #8a8a8a !important;
}

.orange-300-bg {
  background-color: #5e5e5e !important;
}

.orange-400-bg {
  background-color: #5e5e5e !important;
}

.orange-500-bg {
  background-color: #d50032 !important;
}

.orange-600-bg {
  background-color: #d50032 !important;
}

.orange-700-bg {
  background-color: #d50032 !important;
}

.orange-800-bg {
  background-color: #d50032 !important;
}

.orange-900-bg {
  background-color: #d50032 !important;
}

.lightblue-0-bg {
  background-color: #f2f2ea !important;
}

.lightblue-100-bg {
  background-color: #d8d8d8 !important;
}

.lightblue-200-bg {
  background-color: #8a8a8a !important;
}

.lightblue-300-bg {
  background-color: #5e5e5e !important;
}

.lightblue-400-bg {
  background-color: #5e5e5e !important;
}

.lightblue-500-bg {
  background-color: #d50032 !important;
}

.lightblue-600-bg {
  background-color: #d50032 !important;
}

.lightblue-700-bg {
  background-color: #d50032 !important;
}

.lightblue-800-bg {
  background-color: #d50032 !important;
}

.lightblue-900-bg {
  background-color: #d50032 !important;
}

.purple-0-bg {
  background-color: #f2f2ea !important;
}

.purple-100-bg {
  background-color: #d8d8d8 !important;
}

.purple-200-bg {
  background-color: #8a8a8a !important;
}

.purple-300-bg {
  background-color: #5e5e5e !important;
}

.purple-400-bg {
  background-color: #5e5e5e !important;
}

.purple-500-bg {
  background-color: #d50032 !important;
}

.purple-600-bg {
  background-color: #d50032 !important;
}

.purple-700-bg {
  background-color: #d50032 !important;
}

.purple-800-bg {
  background-color: #d50032 !important;
}

.purple-900-bg {
  background-color: #d50032 !important;
}

.red-0-gradient-vertical {
  background-color: #f0ccd5;
  background-image: linear-gradient(to bottom, #f0ccd5, rgba(240, 204, 213, 0));
}

.red-0-gradient-vertical-bottom {
  background-color: #f0ccd5;
  background-image: linear-gradient(to top, #f0ccd5, rgba(240, 204, 213, 0));
}

.red-0-gradient-horizontal {
  background-color: #f0ccd5;
  background-image: linear-gradient(to right, #f0ccd5, rgba(240, 204, 213, 0));
}

.red-0-gradient-horizontal-right {
  background-color: #f0ccd5;
  background-image: linear-gradient(to left, #f0ccd5, rgba(240, 204, 213, 0));
}

.red-100-gradient-vertical {
  background-color: #e39eae;
  background-image: linear-gradient(to bottom, #e39eae, rgba(227, 158, 174, 0));
}

.red-100-gradient-vertical-bottom {
  background-color: #e39eae;
  background-image: linear-gradient(to top, #e39eae, rgba(227, 158, 174, 0));
}

.red-100-gradient-horizontal {
  background-color: #e39eae;
  background-image: linear-gradient(to right, #e39eae, rgba(227, 158, 174, 0));
}

.red-100-gradient-horizontal-right {
  background-color: #e39eae;
  background-image: linear-gradient(to left, #e39eae, rgba(227, 158, 174, 0));
}

.red-200-gradient-vertical {
  background-color: #d46c84;
  background-image: linear-gradient(to bottom, #d46c84, rgba(212, 108, 132, 0));
}

.red-200-gradient-vertical-bottom {
  background-color: #d46c84;
  background-image: linear-gradient(to top, #d46c84, rgba(212, 108, 132, 0));
}

.red-200-gradient-horizontal {
  background-color: #d46c84;
  background-image: linear-gradient(to right, #d46c84, rgba(212, 108, 132, 0));
}

.red-200-gradient-horizontal-right {
  background-color: #d46c84;
  background-image: linear-gradient(to left, #d46c84, rgba(212, 108, 132, 0));
}

.red-300-gradient-vertical {
  background-color: #d53b5f;
  background-image: linear-gradient(to bottom, #d53b5f, rgba(213, 59, 95, 0));
}

.red-300-gradient-vertical-bottom {
  background-color: #d53b5f;
  background-image: linear-gradient(to top, #d53b5f, rgba(213, 59, 95, 0));
}

.red-300-gradient-horizontal {
  background-color: #d53b5f;
  background-image: linear-gradient(to right, #d53b5f, rgba(213, 59, 95, 0));
}

.red-300-gradient-horizontal-right {
  background-color: #d53b5f;
  background-image: linear-gradient(to left, #d53b5f, rgba(213, 59, 95, 0));
}

.red-400-gradient-vertical {
  background-color: #d53b5f;
  background-image: linear-gradient(to bottom, #d53b5f, rgba(213, 59, 95, 0));
}

.red-400-gradient-vertical-bottom {
  background-color: #d53b5f;
  background-image: linear-gradient(to top, #d53b5f, rgba(213, 59, 95, 0));
}

.red-400-gradient-horizontal {
  background-color: #d53b5f;
  background-image: linear-gradient(to right, #d53b5f, rgba(213, 59, 95, 0));
}

.red-400-gradient-horizontal-right {
  background-color: #d53b5f;
  background-image: linear-gradient(to left, #d53b5f, rgba(213, 59, 95, 0));
}

.red-500-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.red-500-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.red-500-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.red-500-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.red-600-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.red-600-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.red-600-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.red-600-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.red-700-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.red-700-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.red-700-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.red-700-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.red-800-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.red-800-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.red-800-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.red-800-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.red-900-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.red-900-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.red-900-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.red-900-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.darkblue-0-gradient-vertical {
  background-color: #f2f2ea;
  background-image: linear-gradient(to bottom, #f2f2ea, rgba(242, 242, 234, 0));
}

.darkblue-0-gradient-vertical-bottom {
  background-color: #f2f2ea;
  background-image: linear-gradient(to top, #f2f2ea, rgba(242, 242, 234, 0));
}

.darkblue-0-gradient-horizontal {
  background-color: #f2f2ea;
  background-image: linear-gradient(to right, #f2f2ea, rgba(242, 242, 234, 0));
}

.darkblue-0-gradient-horizontal-right {
  background-color: #f2f2ea;
  background-image: linear-gradient(to left, #f2f2ea, rgba(242, 242, 234, 0));
}

.darkblue-100-gradient-vertical {
  background-color: #afafaf;
  background-image: linear-gradient(to bottom, #afafaf, rgba(175, 175, 175, 0));
}

.darkblue-100-gradient-vertical-bottom {
  background-color: #afafaf;
  background-image: linear-gradient(to top, #afafaf, rgba(175, 175, 175, 0));
}

.darkblue-100-gradient-horizontal {
  background-color: #afafaf;
  background-image: linear-gradient(to right, #afafaf, rgba(175, 175, 175, 0));
}

.darkblue-100-gradient-horizontal-right {
  background-color: #afafaf;
  background-image: linear-gradient(to left, #afafaf, rgba(175, 175, 175, 0));
}

.darkblue-200-gradient-vertical {
  background-color: #8a8a8a;
  background-image: linear-gradient(to bottom, #8a8a8a, rgba(138, 138, 138, 0));
}

.darkblue-200-gradient-vertical-bottom {
  background-color: #8a8a8a;
  background-image: linear-gradient(to top, #8a8a8a, rgba(138, 138, 138, 0));
}

.darkblue-200-gradient-horizontal {
  background-color: #8a8a8a;
  background-image: linear-gradient(to right, #8a8a8a, rgba(138, 138, 138, 0));
}

.darkblue-200-gradient-horizontal-right {
  background-color: #8a8a8a;
  background-image: linear-gradient(to left, #8a8a8a, rgba(138, 138, 138, 0));
}

.darkblue-300-gradient-vertical {
  background-color: #5e5e5e;
  background-image: linear-gradient(to bottom, #5e5e5e, rgba(94, 94, 94, 0));
}

.darkblue-300-gradient-vertical-bottom {
  background-color: #5e5e5e;
  background-image: linear-gradient(to top, #5e5e5e, rgba(94, 94, 94, 0));
}

.darkblue-300-gradient-horizontal {
  background-color: #5e5e5e;
  background-image: linear-gradient(to right, #5e5e5e, rgba(94, 94, 94, 0));
}

.darkblue-300-gradient-horizontal-right {
  background-color: #5e5e5e;
  background-image: linear-gradient(to left, #5e5e5e, rgba(94, 94, 94, 0));
}

.darkblue-400-gradient-vertical {
  background-color: #5e5e5e;
  background-image: linear-gradient(to bottom, #5e5e5e, rgba(94, 94, 94, 0));
}

.darkblue-400-gradient-vertical-bottom {
  background-color: #5e5e5e;
  background-image: linear-gradient(to top, #5e5e5e, rgba(94, 94, 94, 0));
}

.darkblue-400-gradient-horizontal {
  background-color: #5e5e5e;
  background-image: linear-gradient(to right, #5e5e5e, rgba(94, 94, 94, 0));
}

.darkblue-400-gradient-horizontal-right {
  background-color: #5e5e5e;
  background-image: linear-gradient(to left, #5e5e5e, rgba(94, 94, 94, 0));
}

.darkblue-500-gradient-vertical {
  background-color: #373741;
  background-image: linear-gradient(to bottom, #373741, rgba(55, 55, 65, 0));
}

.darkblue-500-gradient-vertical-bottom {
  background-color: #373741;
  background-image: linear-gradient(to top, #373741, rgba(55, 55, 65, 0));
}

.darkblue-500-gradient-horizontal {
  background-color: #373741;
  background-image: linear-gradient(to right, #373741, rgba(55, 55, 65, 0));
}

.darkblue-500-gradient-horizontal-right {
  background-color: #373741;
  background-image: linear-gradient(to left, #373741, rgba(55, 55, 65, 0));
}

.darkblue-600-gradient-vertical {
  background-color: #373741;
  background-image: linear-gradient(to bottom, #373741, rgba(55, 55, 65, 0));
}

.darkblue-600-gradient-vertical-bottom {
  background-color: #373741;
  background-image: linear-gradient(to top, #373741, rgba(55, 55, 65, 0));
}

.darkblue-600-gradient-horizontal {
  background-color: #373741;
  background-image: linear-gradient(to right, #373741, rgba(55, 55, 65, 0));
}

.darkblue-600-gradient-horizontal-right {
  background-color: #373741;
  background-image: linear-gradient(to left, #373741, rgba(55, 55, 65, 0));
}

.darkblue-700-gradient-vertical {
  background-color: #373741;
  background-image: linear-gradient(to bottom, #373741, rgba(55, 55, 65, 0));
}

.darkblue-700-gradient-vertical-bottom {
  background-color: #373741;
  background-image: linear-gradient(to top, #373741, rgba(55, 55, 65, 0));
}

.darkblue-700-gradient-horizontal {
  background-color: #373741;
  background-image: linear-gradient(to right, #373741, rgba(55, 55, 65, 0));
}

.darkblue-700-gradient-horizontal-right {
  background-color: #373741;
  background-image: linear-gradient(to left, #373741, rgba(55, 55, 65, 0));
}

.darkblue-800-gradient-vertical {
  background-color: #373741;
  background-image: linear-gradient(to bottom, #373741, rgba(55, 55, 65, 0));
}

.darkblue-800-gradient-vertical-bottom {
  background-color: #373741;
  background-image: linear-gradient(to top, #373741, rgba(55, 55, 65, 0));
}

.darkblue-800-gradient-horizontal {
  background-color: #373741;
  background-image: linear-gradient(to right, #373741, rgba(55, 55, 65, 0));
}

.darkblue-800-gradient-horizontal-right {
  background-color: #373741;
  background-image: linear-gradient(to left, #373741, rgba(55, 55, 65, 0));
}

.darkblue-900-gradient-vertical {
  background-color: #373741;
  background-image: linear-gradient(to bottom, #373741, rgba(55, 55, 65, 0));
}

.darkblue-900-gradient-vertical-bottom {
  background-color: #373741;
  background-image: linear-gradient(to top, #373741, rgba(55, 55, 65, 0));
}

.darkblue-900-gradient-horizontal {
  background-color: #373741;
  background-image: linear-gradient(to right, #373741, rgba(55, 55, 65, 0));
}

.darkblue-900-gradient-horizontal-right {
  background-color: #373741;
  background-image: linear-gradient(to left, #373741, rgba(55, 55, 65, 0));
}

.grey-0-gradient-vertical {
  background-color: #d8d8d8;
  background-image: linear-gradient(to bottom, #d8d8d8, rgba(216, 216, 216, 0));
}

.grey-0-gradient-vertical-bottom {
  background-color: #d8d8d8;
  background-image: linear-gradient(to top, #d8d8d8, rgba(216, 216, 216, 0));
}

.grey-0-gradient-horizontal {
  background-color: #d8d8d8;
  background-image: linear-gradient(to right, #d8d8d8, rgba(216, 216, 216, 0));
}

.grey-0-gradient-horizontal-right {
  background-color: #d8d8d8;
  background-image: linear-gradient(to left, #d8d8d8, rgba(216, 216, 216, 0));
}

.grey-100-gradient-vertical {
  background-color: #afafaf;
  background-image: linear-gradient(to bottom, #afafaf, rgba(175, 175, 175, 0));
}

.grey-100-gradient-vertical-bottom {
  background-color: #afafaf;
  background-image: linear-gradient(to top, #afafaf, rgba(175, 175, 175, 0));
}

.grey-100-gradient-horizontal {
  background-color: #afafaf;
  background-image: linear-gradient(to right, #afafaf, rgba(175, 175, 175, 0));
}

.grey-100-gradient-horizontal-right {
  background-color: #afafaf;
  background-image: linear-gradient(to left, #afafaf, rgba(175, 175, 175, 0));
}

.grey-200-gradient-vertical {
  background-color: #8a8a8a;
  background-image: linear-gradient(to bottom, #8a8a8a, rgba(138, 138, 138, 0));
}

.grey-200-gradient-vertical-bottom {
  background-color: #8a8a8a;
  background-image: linear-gradient(to top, #8a8a8a, rgba(138, 138, 138, 0));
}

.grey-200-gradient-horizontal {
  background-color: #8a8a8a;
  background-image: linear-gradient(to right, #8a8a8a, rgba(138, 138, 138, 0));
}

.grey-200-gradient-horizontal-right {
  background-color: #8a8a8a;
  background-image: linear-gradient(to left, #8a8a8a, rgba(138, 138, 138, 0));
}

.grey-300-gradient-vertical {
  background-color: #5e5e5e;
  background-image: linear-gradient(to bottom, #5e5e5e, rgba(94, 94, 94, 0));
}

.grey-300-gradient-vertical-bottom {
  background-color: #5e5e5e;
  background-image: linear-gradient(to top, #5e5e5e, rgba(94, 94, 94, 0));
}

.grey-300-gradient-horizontal {
  background-color: #5e5e5e;
  background-image: linear-gradient(to right, #5e5e5e, rgba(94, 94, 94, 0));
}

.grey-300-gradient-horizontal-right {
  background-color: #5e5e5e;
  background-image: linear-gradient(to left, #5e5e5e, rgba(94, 94, 94, 0));
}

.grey-400-gradient-vertical {
  background-color: #5e5e5e;
  background-image: linear-gradient(to bottom, #5e5e5e, rgba(94, 94, 94, 0));
}

.grey-400-gradient-vertical-bottom {
  background-color: #5e5e5e;
  background-image: linear-gradient(to top, #5e5e5e, rgba(94, 94, 94, 0));
}

.grey-400-gradient-horizontal {
  background-color: #5e5e5e;
  background-image: linear-gradient(to right, #5e5e5e, rgba(94, 94, 94, 0));
}

.grey-400-gradient-horizontal-right {
  background-color: #5e5e5e;
  background-image: linear-gradient(to left, #5e5e5e, rgba(94, 94, 94, 0));
}

.grey-500-gradient-vertical {
  background-color: #373741;
  background-image: linear-gradient(to bottom, #373741, rgba(55, 55, 65, 0));
}

.grey-500-gradient-vertical-bottom {
  background-color: #373741;
  background-image: linear-gradient(to top, #373741, rgba(55, 55, 65, 0));
}

.grey-500-gradient-horizontal {
  background-color: #373741;
  background-image: linear-gradient(to right, #373741, rgba(55, 55, 65, 0));
}

.grey-500-gradient-horizontal-right {
  background-color: #373741;
  background-image: linear-gradient(to left, #373741, rgba(55, 55, 65, 0));
}

.grey-600-gradient-vertical {
  background-color: #373741;
  background-image: linear-gradient(to bottom, #373741, rgba(55, 55, 65, 0));
}

.grey-600-gradient-vertical-bottom {
  background-color: #373741;
  background-image: linear-gradient(to top, #373741, rgba(55, 55, 65, 0));
}

.grey-600-gradient-horizontal {
  background-color: #373741;
  background-image: linear-gradient(to right, #373741, rgba(55, 55, 65, 0));
}

.grey-600-gradient-horizontal-right {
  background-color: #373741;
  background-image: linear-gradient(to left, #373741, rgba(55, 55, 65, 0));
}

.grey-700-gradient-vertical {
  background-color: #373741;
  background-image: linear-gradient(to bottom, #373741, rgba(55, 55, 65, 0));
}

.grey-700-gradient-vertical-bottom {
  background-color: #373741;
  background-image: linear-gradient(to top, #373741, rgba(55, 55, 65, 0));
}

.grey-700-gradient-horizontal {
  background-color: #373741;
  background-image: linear-gradient(to right, #373741, rgba(55, 55, 65, 0));
}

.grey-700-gradient-horizontal-right {
  background-color: #373741;
  background-image: linear-gradient(to left, #373741, rgba(55, 55, 65, 0));
}

.grey-800-gradient-vertical {
  background-color: #373741;
  background-image: linear-gradient(to bottom, #373741, rgba(55, 55, 65, 0));
}

.grey-800-gradient-vertical-bottom {
  background-color: #373741;
  background-image: linear-gradient(to top, #373741, rgba(55, 55, 65, 0));
}

.grey-800-gradient-horizontal {
  background-color: #373741;
  background-image: linear-gradient(to right, #373741, rgba(55, 55, 65, 0));
}

.grey-800-gradient-horizontal-right {
  background-color: #373741;
  background-image: linear-gradient(to left, #373741, rgba(55, 55, 65, 0));
}

.grey-900-gradient-vertical {
  background-color: #373741;
  background-image: linear-gradient(to bottom, #373741, rgba(55, 55, 65, 0));
}

.grey-900-gradient-vertical-bottom {
  background-color: #373741;
  background-image: linear-gradient(to top, #373741, rgba(55, 55, 65, 0));
}

.grey-900-gradient-horizontal {
  background-color: #373741;
  background-image: linear-gradient(to right, #373741, rgba(55, 55, 65, 0));
}

.grey-900-gradient-horizontal-right {
  background-color: #373741;
  background-image: linear-gradient(to left, #373741, rgba(55, 55, 65, 0));
}

.green-0-gradient-vertical {
  background-color: #f2f2ea;
  background-image: linear-gradient(to bottom, #f2f2ea, rgba(242, 242, 234, 0));
}

.green-0-gradient-vertical-bottom {
  background-color: #f2f2ea;
  background-image: linear-gradient(to top, #f2f2ea, rgba(242, 242, 234, 0));
}

.green-0-gradient-horizontal {
  background-color: #f2f2ea;
  background-image: linear-gradient(to right, #f2f2ea, rgba(242, 242, 234, 0));
}

.green-0-gradient-horizontal-right {
  background-color: #f2f2ea;
  background-image: linear-gradient(to left, #f2f2ea, rgba(242, 242, 234, 0));
}

.green-100-gradient-vertical {
  background-color: #d8d8d8;
  background-image: linear-gradient(to bottom, #d8d8d8, rgba(216, 216, 216, 0));
}

.green-100-gradient-vertical-bottom {
  background-color: #d8d8d8;
  background-image: linear-gradient(to top, #d8d8d8, rgba(216, 216, 216, 0));
}

.green-100-gradient-horizontal {
  background-color: #d8d8d8;
  background-image: linear-gradient(to right, #d8d8d8, rgba(216, 216, 216, 0));
}

.green-100-gradient-horizontal-right {
  background-color: #d8d8d8;
  background-image: linear-gradient(to left, #d8d8d8, rgba(216, 216, 216, 0));
}

.green-200-gradient-vertical {
  background-color: #8a8a8a;
  background-image: linear-gradient(to bottom, #8a8a8a, rgba(138, 138, 138, 0));
}

.green-200-gradient-vertical-bottom {
  background-color: #8a8a8a;
  background-image: linear-gradient(to top, #8a8a8a, rgba(138, 138, 138, 0));
}

.green-200-gradient-horizontal {
  background-color: #8a8a8a;
  background-image: linear-gradient(to right, #8a8a8a, rgba(138, 138, 138, 0));
}

.green-200-gradient-horizontal-right {
  background-color: #8a8a8a;
  background-image: linear-gradient(to left, #8a8a8a, rgba(138, 138, 138, 0));
}

.green-300-gradient-vertical {
  background-color: #5e5e5e;
  background-image: linear-gradient(to bottom, #5e5e5e, rgba(94, 94, 94, 0));
}

.green-300-gradient-vertical-bottom {
  background-color: #5e5e5e;
  background-image: linear-gradient(to top, #5e5e5e, rgba(94, 94, 94, 0));
}

.green-300-gradient-horizontal {
  background-color: #5e5e5e;
  background-image: linear-gradient(to right, #5e5e5e, rgba(94, 94, 94, 0));
}

.green-300-gradient-horizontal-right {
  background-color: #5e5e5e;
  background-image: linear-gradient(to left, #5e5e5e, rgba(94, 94, 94, 0));
}

.green-400-gradient-vertical {
  background-color: #5e5e5e;
  background-image: linear-gradient(to bottom, #5e5e5e, rgba(94, 94, 94, 0));
}

.green-400-gradient-vertical-bottom {
  background-color: #5e5e5e;
  background-image: linear-gradient(to top, #5e5e5e, rgba(94, 94, 94, 0));
}

.green-400-gradient-horizontal {
  background-color: #5e5e5e;
  background-image: linear-gradient(to right, #5e5e5e, rgba(94, 94, 94, 0));
}

.green-400-gradient-horizontal-right {
  background-color: #5e5e5e;
  background-image: linear-gradient(to left, #5e5e5e, rgba(94, 94, 94, 0));
}

.green-500-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.green-500-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.green-500-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.green-500-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.green-600-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.green-600-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.green-600-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.green-600-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.green-700-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.green-700-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.green-700-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.green-700-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.green-800-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.green-800-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.green-800-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.green-800-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.green-900-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.green-900-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.green-900-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.green-900-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.orange-0-gradient-vertical {
  background-color: #f2f2ea;
  background-image: linear-gradient(to bottom, #f2f2ea, rgba(242, 242, 234, 0));
}

.orange-0-gradient-vertical-bottom {
  background-color: #f2f2ea;
  background-image: linear-gradient(to top, #f2f2ea, rgba(242, 242, 234, 0));
}

.orange-0-gradient-horizontal {
  background-color: #f2f2ea;
  background-image: linear-gradient(to right, #f2f2ea, rgba(242, 242, 234, 0));
}

.orange-0-gradient-horizontal-right {
  background-color: #f2f2ea;
  background-image: linear-gradient(to left, #f2f2ea, rgba(242, 242, 234, 0));
}

.orange-100-gradient-vertical {
  background-color: #d8d8d8;
  background-image: linear-gradient(to bottom, #d8d8d8, rgba(216, 216, 216, 0));
}

.orange-100-gradient-vertical-bottom {
  background-color: #d8d8d8;
  background-image: linear-gradient(to top, #d8d8d8, rgba(216, 216, 216, 0));
}

.orange-100-gradient-horizontal {
  background-color: #d8d8d8;
  background-image: linear-gradient(to right, #d8d8d8, rgba(216, 216, 216, 0));
}

.orange-100-gradient-horizontal-right {
  background-color: #d8d8d8;
  background-image: linear-gradient(to left, #d8d8d8, rgba(216, 216, 216, 0));
}

.orange-200-gradient-vertical {
  background-color: #8a8a8a;
  background-image: linear-gradient(to bottom, #8a8a8a, rgba(138, 138, 138, 0));
}

.orange-200-gradient-vertical-bottom {
  background-color: #8a8a8a;
  background-image: linear-gradient(to top, #8a8a8a, rgba(138, 138, 138, 0));
}

.orange-200-gradient-horizontal {
  background-color: #8a8a8a;
  background-image: linear-gradient(to right, #8a8a8a, rgba(138, 138, 138, 0));
}

.orange-200-gradient-horizontal-right {
  background-color: #8a8a8a;
  background-image: linear-gradient(to left, #8a8a8a, rgba(138, 138, 138, 0));
}

.orange-300-gradient-vertical {
  background-color: #5e5e5e;
  background-image: linear-gradient(to bottom, #5e5e5e, rgba(94, 94, 94, 0));
}

.orange-300-gradient-vertical-bottom {
  background-color: #5e5e5e;
  background-image: linear-gradient(to top, #5e5e5e, rgba(94, 94, 94, 0));
}

.orange-300-gradient-horizontal {
  background-color: #5e5e5e;
  background-image: linear-gradient(to right, #5e5e5e, rgba(94, 94, 94, 0));
}

.orange-300-gradient-horizontal-right {
  background-color: #5e5e5e;
  background-image: linear-gradient(to left, #5e5e5e, rgba(94, 94, 94, 0));
}

.orange-400-gradient-vertical {
  background-color: #5e5e5e;
  background-image: linear-gradient(to bottom, #5e5e5e, rgba(94, 94, 94, 0));
}

.orange-400-gradient-vertical-bottom {
  background-color: #5e5e5e;
  background-image: linear-gradient(to top, #5e5e5e, rgba(94, 94, 94, 0));
}

.orange-400-gradient-horizontal {
  background-color: #5e5e5e;
  background-image: linear-gradient(to right, #5e5e5e, rgba(94, 94, 94, 0));
}

.orange-400-gradient-horizontal-right {
  background-color: #5e5e5e;
  background-image: linear-gradient(to left, #5e5e5e, rgba(94, 94, 94, 0));
}

.orange-500-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.orange-500-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.orange-500-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.orange-500-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.orange-600-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.orange-600-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.orange-600-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.orange-600-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.orange-700-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.orange-700-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.orange-700-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.orange-700-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.orange-800-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.orange-800-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.orange-800-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.orange-800-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.orange-900-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.orange-900-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.orange-900-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.orange-900-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.lightblue-0-gradient-vertical {
  background-color: #f2f2ea;
  background-image: linear-gradient(to bottom, #f2f2ea, rgba(242, 242, 234, 0));
}

.lightblue-0-gradient-vertical-bottom {
  background-color: #f2f2ea;
  background-image: linear-gradient(to top, #f2f2ea, rgba(242, 242, 234, 0));
}

.lightblue-0-gradient-horizontal {
  background-color: #f2f2ea;
  background-image: linear-gradient(to right, #f2f2ea, rgba(242, 242, 234, 0));
}

.lightblue-0-gradient-horizontal-right {
  background-color: #f2f2ea;
  background-image: linear-gradient(to left, #f2f2ea, rgba(242, 242, 234, 0));
}

.lightblue-100-gradient-vertical {
  background-color: #d8d8d8;
  background-image: linear-gradient(to bottom, #d8d8d8, rgba(216, 216, 216, 0));
}

.lightblue-100-gradient-vertical-bottom {
  background-color: #d8d8d8;
  background-image: linear-gradient(to top, #d8d8d8, rgba(216, 216, 216, 0));
}

.lightblue-100-gradient-horizontal {
  background-color: #d8d8d8;
  background-image: linear-gradient(to right, #d8d8d8, rgba(216, 216, 216, 0));
}

.lightblue-100-gradient-horizontal-right {
  background-color: #d8d8d8;
  background-image: linear-gradient(to left, #d8d8d8, rgba(216, 216, 216, 0));
}

.lightblue-200-gradient-vertical {
  background-color: #8a8a8a;
  background-image: linear-gradient(to bottom, #8a8a8a, rgba(138, 138, 138, 0));
}

.lightblue-200-gradient-vertical-bottom {
  background-color: #8a8a8a;
  background-image: linear-gradient(to top, #8a8a8a, rgba(138, 138, 138, 0));
}

.lightblue-200-gradient-horizontal {
  background-color: #8a8a8a;
  background-image: linear-gradient(to right, #8a8a8a, rgba(138, 138, 138, 0));
}

.lightblue-200-gradient-horizontal-right {
  background-color: #8a8a8a;
  background-image: linear-gradient(to left, #8a8a8a, rgba(138, 138, 138, 0));
}

.lightblue-300-gradient-vertical {
  background-color: #5e5e5e;
  background-image: linear-gradient(to bottom, #5e5e5e, rgba(94, 94, 94, 0));
}

.lightblue-300-gradient-vertical-bottom {
  background-color: #5e5e5e;
  background-image: linear-gradient(to top, #5e5e5e, rgba(94, 94, 94, 0));
}

.lightblue-300-gradient-horizontal {
  background-color: #5e5e5e;
  background-image: linear-gradient(to right, #5e5e5e, rgba(94, 94, 94, 0));
}

.lightblue-300-gradient-horizontal-right {
  background-color: #5e5e5e;
  background-image: linear-gradient(to left, #5e5e5e, rgba(94, 94, 94, 0));
}

.lightblue-400-gradient-vertical {
  background-color: #5e5e5e;
  background-image: linear-gradient(to bottom, #5e5e5e, rgba(94, 94, 94, 0));
}

.lightblue-400-gradient-vertical-bottom {
  background-color: #5e5e5e;
  background-image: linear-gradient(to top, #5e5e5e, rgba(94, 94, 94, 0));
}

.lightblue-400-gradient-horizontal {
  background-color: #5e5e5e;
  background-image: linear-gradient(to right, #5e5e5e, rgba(94, 94, 94, 0));
}

.lightblue-400-gradient-horizontal-right {
  background-color: #5e5e5e;
  background-image: linear-gradient(to left, #5e5e5e, rgba(94, 94, 94, 0));
}

.lightblue-500-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.lightblue-500-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.lightblue-500-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.lightblue-500-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.lightblue-600-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.lightblue-600-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.lightblue-600-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.lightblue-600-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.lightblue-700-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.lightblue-700-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.lightblue-700-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.lightblue-700-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.lightblue-800-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.lightblue-800-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.lightblue-800-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.lightblue-800-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.lightblue-900-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.lightblue-900-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.lightblue-900-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.lightblue-900-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.purple-0-gradient-vertical {
  background-color: #f2f2ea;
  background-image: linear-gradient(to bottom, #f2f2ea, rgba(242, 242, 234, 0));
}

.purple-0-gradient-vertical-bottom {
  background-color: #f2f2ea;
  background-image: linear-gradient(to top, #f2f2ea, rgba(242, 242, 234, 0));
}

.purple-0-gradient-horizontal {
  background-color: #f2f2ea;
  background-image: linear-gradient(to right, #f2f2ea, rgba(242, 242, 234, 0));
}

.purple-0-gradient-horizontal-right {
  background-color: #f2f2ea;
  background-image: linear-gradient(to left, #f2f2ea, rgba(242, 242, 234, 0));
}

.purple-100-gradient-vertical {
  background-color: #d8d8d8;
  background-image: linear-gradient(to bottom, #d8d8d8, rgba(216, 216, 216, 0));
}

.purple-100-gradient-vertical-bottom {
  background-color: #d8d8d8;
  background-image: linear-gradient(to top, #d8d8d8, rgba(216, 216, 216, 0));
}

.purple-100-gradient-horizontal {
  background-color: #d8d8d8;
  background-image: linear-gradient(to right, #d8d8d8, rgba(216, 216, 216, 0));
}

.purple-100-gradient-horizontal-right {
  background-color: #d8d8d8;
  background-image: linear-gradient(to left, #d8d8d8, rgba(216, 216, 216, 0));
}

.purple-200-gradient-vertical {
  background-color: #8a8a8a;
  background-image: linear-gradient(to bottom, #8a8a8a, rgba(138, 138, 138, 0));
}

.purple-200-gradient-vertical-bottom {
  background-color: #8a8a8a;
  background-image: linear-gradient(to top, #8a8a8a, rgba(138, 138, 138, 0));
}

.purple-200-gradient-horizontal {
  background-color: #8a8a8a;
  background-image: linear-gradient(to right, #8a8a8a, rgba(138, 138, 138, 0));
}

.purple-200-gradient-horizontal-right {
  background-color: #8a8a8a;
  background-image: linear-gradient(to left, #8a8a8a, rgba(138, 138, 138, 0));
}

.purple-300-gradient-vertical {
  background-color: #5e5e5e;
  background-image: linear-gradient(to bottom, #5e5e5e, rgba(94, 94, 94, 0));
}

.purple-300-gradient-vertical-bottom {
  background-color: #5e5e5e;
  background-image: linear-gradient(to top, #5e5e5e, rgba(94, 94, 94, 0));
}

.purple-300-gradient-horizontal {
  background-color: #5e5e5e;
  background-image: linear-gradient(to right, #5e5e5e, rgba(94, 94, 94, 0));
}

.purple-300-gradient-horizontal-right {
  background-color: #5e5e5e;
  background-image: linear-gradient(to left, #5e5e5e, rgba(94, 94, 94, 0));
}

.purple-400-gradient-vertical {
  background-color: #5e5e5e;
  background-image: linear-gradient(to bottom, #5e5e5e, rgba(94, 94, 94, 0));
}

.purple-400-gradient-vertical-bottom {
  background-color: #5e5e5e;
  background-image: linear-gradient(to top, #5e5e5e, rgba(94, 94, 94, 0));
}

.purple-400-gradient-horizontal {
  background-color: #5e5e5e;
  background-image: linear-gradient(to right, #5e5e5e, rgba(94, 94, 94, 0));
}

.purple-400-gradient-horizontal-right {
  background-color: #5e5e5e;
  background-image: linear-gradient(to left, #5e5e5e, rgba(94, 94, 94, 0));
}

.purple-500-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.purple-500-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.purple-500-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.purple-500-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.purple-600-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.purple-600-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.purple-600-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.purple-600-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.purple-700-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.purple-700-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.purple-700-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.purple-700-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.purple-800-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.purple-800-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.purple-800-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.purple-800-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.purple-900-gradient-vertical {
  background-color: #d50032;
  background-image: linear-gradient(to bottom, #d50032, rgba(213, 0, 50, 0));
}

.purple-900-gradient-vertical-bottom {
  background-color: #d50032;
  background-image: linear-gradient(to top, #d50032, rgba(213, 0, 50, 0));
}

.purple-900-gradient-horizontal {
  background-color: #d50032;
  background-image: linear-gradient(to right, #d50032, rgba(213, 0, 50, 0));
}

.purple-900-gradient-horizontal-right {
  background-color: #d50032;
  background-image: linear-gradient(to left, #d50032, rgba(213, 0, 50, 0));
}

.badge-red {
  background-color: #f0ccd5;
  color: #373741 !important;
}
.badge-red i, .badge-red .fa, .badge-red .badge-text {
  color: #373741 !important;
}

.badge-darkblue {
  background-color: #f2f2ea;
  color: #373741 !important;
}
.badge-darkblue i, .badge-darkblue .fa, .badge-darkblue .badge-text {
  color: #373741 !important;
}

.badge-grey {
  background-color: #d8d8d8;
  color: #373741 !important;
}
.badge-grey i, .badge-grey .fa, .badge-grey .badge-text {
  color: #373741 !important;
}

.badge-green {
  background-color: #f2f2ea;
  color: #373741 !important;
}
.badge-green i, .badge-green .fa, .badge-green .badge-text {
  color: #373741 !important;
}

.badge-orange {
  background-color: #f2f2ea;
  color: #373741 !important;
}
.badge-orange i, .badge-orange .fa, .badge-orange .badge-text {
  color: #373741 !important;
}

.badge-lightblue {
  background-color: #f2f2ea;
  color: #373741 !important;
}
.badge-lightblue i, .badge-lightblue .fa, .badge-lightblue .badge-text {
  color: #373741 !important;
}

.badge-purple {
  background-color: #f2f2ea;
  color: #373741 !important;
}
.badge-purple i, .badge-purple .fa, .badge-purple .badge-text {
  color: #373741 !important;
}

.hero-content--red {
  background-color: #d50032; /* The Fallback */
  background-color: #d50032;
  color: #ffffff;
}
.hero-content--red p {
  color: #ffffff;
}

.hero-content--darkblue {
  background-color: #373741; /* The Fallback */
  background-color: #373741;
  color: #ffffff;
}
.hero-content--darkblue p {
  color: #ffffff;
}

.hero-content--grey {
  background-color: #373741; /* The Fallback */
  background-color: #373741;
  color: #ffffff;
}
.hero-content--grey p {
  color: #ffffff;
}

.hero-content--green {
  background-color: #d50032; /* The Fallback */
  background-color: #d50032;
  color: #ffffff;
}
.hero-content--green p {
  color: #ffffff;
}

.hero-content--orange {
  background-color: #d50032; /* The Fallback */
  background-color: #d50032;
  color: #ffffff;
}
.hero-content--orange p {
  color: #ffffff;
}

.hero-content--lightblue {
  background-color: #d50032; /* The Fallback */
  background-color: #d50032;
  color: #ffffff;
}
.hero-content--lightblue p {
  color: #ffffff;
}

.hero-content--purple {
  background-color: #d50032; /* The Fallback */
  background-color: #d50032;
  color: #ffffff;
}
.hero-content--purple p {
  color: #ffffff;
}

.highlight {
  color: #fff!important;
  background: #373741!important;
}
.highlight > p,
.highlight > p a {
  color: #fff!important; 
}
.highlight.yellow {
  background-color: #fff9c4 !important;
}
.highlight.darkblue {
  background-color: #f2f2ea !important;
}
.highlight.red {
  background-color: #f0ccd5 !important;
}
.highlight.green {
  background-color: #f2f2ea !important;
}
.highlight.lightblue {
  background-color: #f2f2ea !important;
}

.font-size--xxs {
  font-size: 8px;
}
.font-size--xs {
  font-size: 10px;
}
.font-size--s {
  font-size: 12px;
}
.font-size--m {
  font-size: 16px;
}
.font-size--l {
  font-size: 32px;
}
.font-size--xl {
  font-size: 64px;
}
.font-size--xxl {
  font-size: 72px;
}

.font-weight--s {
  font-weight: 300;
}
.font-weight--m {
  font-weight: 400;
}
.font-weight--l {
  font-weight: bold;
}
.font-weight--xl {
  font-weight: bolder;
}

.line-height--s {
  font-weight: 1.25;
}
.line-height--m {
  font-weight: 1.5;
}
.line-height--l {
  font-weight: 1.8;
}

.title, .font-secondary {
  font-family: museo-sans, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "sans-serif";
}

.house-font {
  font-family: museo-sans, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "sans-serif";
}

.letter-font {
  font-family: monospace;
  letter-spacing: -0.05rem;
}

.font-weight-thin {
  font-weight: 300 !important;
}

.font-weight-normal {
  font-weight: 500 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-100 {
  font-weight: 100 !important;
}

.font-weight-200 {
  font-weight: 200 !important;
}

.font-weight-300 {
  font-weight: 300 !important;
}

.font-weight-400 {
  font-weight: 400 !important;
}

.font-weight-500 {
  font-weight: 500 !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.font-weight-700 {
  font-weight: 700 !important;
}

.font-weight-800 {
  font-weight: 800 !important;
}

.font-weight-900 {
  font-weight: 900 !important;
}

.max-characters-none,
.main-content-wrapper .max-characters-none {
  max-width: initial !important;
}

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

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

.text-align-left {
  text-align: left !important;
}

@media only screen and (max-width: 1000px) {
  .text-align-center-sm {
    text-align: center !important;
  }
  .text-align-right-sm {
    text-align: right !important;
  }
  .text-align-left-sm {
    text-align: left !important;
  }
}
.text-transform-capitalize {
  text-transform: capitalize !important;
}

.text-transform-lowercase {
  text-transform: lowercase !important;
}

.text-transform-uppercase {
  text-transform: uppercase !important;
}

.text-transform-none {
  text-transform: none !important;
}

.line-height-none {
  line-height: 0 !important;
}

.line-height-small {
  line-height: 1.25 !important;
}

.line-height-medium {
  line-height: 1.5 !important;
}

.line-height-large {
  line-height: 1.8 !important;
}

.text-underline-none {
  text-decoration: none !important;
}

.text-underline {
  text-decoration: underline !important;
}

.truncate {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 62.5em) {
  .flex {
    display: flex;
    flex-flow: row nowrap;
    height: 70px;
  }
}

@media (min-width: 62.5em) {
  .flex-item-center {
    display: inline-flex;
    position: relative;
    justify-content: flex-start;
    align-self: center;
  }
}

.display-flex {
  display: flex;
}

.align-items {
  align-items: stretch;
}

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

.center-align {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.table {
  display: table;
}

@media only screen and (max-width: 1000px) {
  .block-sm {
    display: block;
  }
  .inline-block-sm {
    display: inline-block;
  }
  .inline-sm {
    display: inline;
  }
}
.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-sticky {
  position: -webkit-sticky;
  position: sticky;
}

.top-20 {
  top: 16px;
}

@media only screen and (max-width: 1000px) {
  .position-relative-sm {
    position: relative;
  }
  .position-absolute-sm {
    position: absolute;
  }
  .position-sticky-sm {
    position: -webkit-sticky;
    position: sticky;
  }
  .top-0-sm {
    top: 0px;
  }
}
.float-left {
  float: left !important;
}

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

.float-none {
  float: none !important;
}

@media only screen and (max-width: 1000px) {
  .float-left-sm {
    float: left !important;
  }
  .float-right-sm {
    float: right !important;
  }
  .float-none-sm {
    float: none !important;
  }
}
.hide {
  display: none !important;
}

.show {
  display: block !important;
}

@media only screen and (max-width: 1000px) {
  .hide-sm {
    display: none !important;
  }
  .show-sm {
    display: block !important;
  }
}
@media only screen and (max-width: 768px) {
  .hide-sm-768 {
    display: none !important;
  }
  .show-sm-768 {
    display: block !important;
  }
}
.lt-ie9 .hide-sm-767 {
  display: none !important;
}
@media (max-width: 48.0625em) {
  .hide-sm-767 {
    display: none !important;
  }
}

.lt-ie9 .show-sm-767 {
  display: block !important;
}
@media (max-width: 48.0625em) {
  .show-sm-767 {
    display: block !important;
  }
}

.lt-ie9 .hide-sm-480 {
  display: none !important;
}
@media (max-width: 30em) {
  .hide-sm-480 {
    display: none !important;
  }
}

.lt-ie9 .show-sm-480 {
  display: block !important;
}
@media (max-width: 30em) {
  .show-sm-480 {
    display: block !important;
  }
}

.overflow-visible {
  overflow: visible;
}

.is-hidden {
  display: none !important;
  visibility: hidden !important;
}

.is-vishidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
}

.will-change {
  will-change: auto;
}

.cssLazyLoad {
  content-visibility: auto;
}

.cursor-pointer:hover {
  cursor: pointer;
}

.border-radius-0 {
  border-radius: 0px !important;
}

.border-radius-10 {
  border-radius: 10px !important;
}

.border-radius-20 {
  border-radius: 20px !important;
}

.border-radius-30 {
  border-radius: 30px !important;
}

.border-radius-40 {
  border-radius: 40px !important;
}

.border-radius-50 {
  border-radius: 50px !important;
}

.border-radius-60 {
  border-radius: 60px !important;
}

.border-radius-70 {
  border-radius: 70px !important;
}

.border-radius-80 {
  border-radius: 80px !important;
}

.border-radius-90 {
  border-radius: 90px !important;
}

.border-radius-100 {
  border-radius: 100px !important;
}

.border-none {
  border: none !important;
}

.border-top-none {
  border-top: none !important;
}

.border-right-none {
  border-right: none !important;
}

.border-bottom-none {
  border-bottom: none !important;
}

.border-left-none {
  border-left: none !important;
}

.border-color--white-1 {
  border-color: white !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.border-color--white-2 {
  border-color: white !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.border-color--white-3 {
  border-color: white !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.border-color--white-4 {
  border-color: white !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.border-color--white-5 {
  border-color: white !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.border-color--white-6 {
  border-color: white !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
}

.border-color--white-7 {
  border-color: white !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
}

.border-color--white-8 {
  border-color: white !important;
  border-color: rgba(255, 255, 255, 0.8) !important;
}

.border-color--white-9 {
  border-color: white !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
}

.border-color--white-10 {
  border-color: white !important;
  border-color: white !important;
}

.black-bg {
  background-color: black !important;
}

.white-bg {
  background-color: white !important;
}

.transparent-bg {
  background-color: transparent !important;
}

.black-text {
  color: black !important;
}

.white-text {
  color: white !important;
}

.up-text {
  color: blue;
}

.down-text {
  color: red;
}

.white-hover:hover {
  color: white;
}

.white-hover-underline:hover {
  text-decoration: underline !important;
}

[data-card-background=white-bg-hover] {
  background: rgba(255, 255, 255, 0.95);
}
[data-card-background=white-bg-hover]:hover {
  background: white;
}

.inset {
  padding: 16px 16px 16px 16px;
}
.inset--space-inset-xs {
  padding: 4px 4px 4px 4px;
}
.inset--space-inset-s {
  padding: 8px 8px 8px 8px;
}
.inset--space-inset-m {
  padding: 16px 16px 16px 16px;
}
.inset--space-inset-l {
  padding: 32px 32px 32px 32px;
}
.inset--space-inset-xl {
  padding: 64px 64px 64px 64px;
}

.inset-squish {
  padding: 8px 16px 8px 16px;
}
.inset-squish--space-inset-s {
  padding: 4px 8px 4px 8px;
}
.inset-squish--space-inset-m {
  padding: 8px 16px 8px 16px;
}
.inset-squish--space-inset-l {
  padding: 16px 32px 16px 32px;
}

.inset-stretch {
  padding: 24px 16px 24px 16px;
}
.inset-stretch--space-inset-s {
  padding: 12px 8px 12px 8px;
}
.inset-stretch--space-inset-m {
  padding: 24px 16px 24px 16px;
}

.padding-5 {
  padding: 4px !important;
}

.padding-top-5 {
  padding-top: 4px !important;
}

.padding-bottom-5 {
  padding-bottom: 4px !important;
}

.padding-right-5 {
  padding-right: 4px !important;
}

.padding-left-5 {
  padding-left: 4px !important;
}

.padding-0 {
  padding: 0px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-10 {
  padding: 8px !important;
}

.padding-top-10 {
  padding-top: 8px !important;
}

.padding-left-10 {
  padding-left: 8px !important;
}

.padding-bottom-10 {
  padding-bottom: 8px !important;
}

.padding-right-10 {
  padding-right: 8px !important;
}

.padding-20 {
  padding: 16px !important;
}

.padding-top-20 {
  padding-top: 16px !important;
}

.padding-left-20 {
  padding-left: 16px !important;
}

.padding-bottom-20 {
  padding-bottom: 16px !important;
}

.padding-right-20 {
  padding-right: 16px !important;
}

.padding-30 {
  padding: 24px !important;
}

.padding-top-30 {
  padding-top: 24px !important;
}

.padding-left-30 {
  padding-left: 24px !important;
}

.padding-bottom-30 {
  padding-bottom: 24px !important;
}

.padding-right-30 {
  padding-right: 24px !important;
}

.padding-40 {
  padding: 32px !important;
}

.padding-top-40 {
  padding-top: 32px !important;
}

.padding-left-40 {
  padding-left: 32px !important;
}

.padding-bottom-40 {
  padding-bottom: 32px !important;
}

.padding-right-40 {
  padding-right: 32px !important;
}

.padding-50 {
  padding: 40px !important;
}

.padding-top-50 {
  padding-top: 40px !important;
}

.padding-left-50 {
  padding-left: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 40px !important;
}

.padding-right-50 {
  padding-right: 40px !important;
}

.padding-60 {
  padding: 48px !important;
}

.padding-top-60 {
  padding-top: 48px !important;
}

.padding-left-60 {
  padding-left: 48px !important;
}

.padding-bottom-60 {
  padding-bottom: 48px !important;
}

.padding-right-60 {
  padding-right: 48px !important;
}

.padding-70 {
  padding: 56px !important;
}

.padding-top-70 {
  padding-top: 56px !important;
}

.padding-left-70 {
  padding-left: 56px !important;
}

.padding-bottom-70 {
  padding-bottom: 56px !important;
}

.padding-right-70 {
  padding-right: 56px !important;
}

.padding-80 {
  padding: 64px !important;
}

.padding-top-80 {
  padding-top: 64px !important;
}

.padding-left-80 {
  padding-left: 64px !important;
}

.padding-bottom-80 {
  padding-bottom: 64px !important;
}

.padding-right-80 {
  padding-right: 64px !important;
}

.padding-90 {
  padding: 72px !important;
}

.padding-top-90 {
  padding-top: 72px !important;
}

.padding-left-90 {
  padding-left: 72px !important;
}

.padding-bottom-90 {
  padding-bottom: 72px !important;
}

.padding-right-90 {
  padding-right: 72px !important;
}

.padding-100 {
  padding: 80px !important;
}

.padding-top-100 {
  padding-top: 80px !important;
}

.padding-left-100 {
  padding-left: 80px !important;
}

.padding-bottom-100 {
  padding-bottom: 80px !important;
}

.padding-right-100 {
  padding-right: 80px !important;
}

.padding-110 {
  padding: 88px !important;
}

.padding-top-110 {
  padding-top: 88px !important;
}

.padding-left-110 {
  padding-left: 88px !important;
}

.padding-bottom-110 {
  padding-bottom: 88px !important;
}

.padding-right-110 {
  padding-right: 88px !important;
}

.padding-120 {
  padding: 96px !important;
}

.padding-top-120 {
  padding-top: 96px !important;
}

.padding-left-120 {
  padding-left: 96px !important;
}

.padding-bottom-120 {
  padding-bottom: 96px !important;
}

.padding-right-120 {
  padding-right: 96px !important;
}

.padding-130 {
  padding: 104px !important;
}

.padding-top-130 {
  padding-top: 104px !important;
}

.padding-left-130 {
  padding-left: 104px !important;
}

.padding-bottom-130 {
  padding-bottom: 104px !important;
}

.padding-right-130 {
  padding-right: 104px !important;
}

.padding-140 {
  padding: 112px !important;
}

.padding-top-140 {
  padding-top: 112px !important;
}

.padding-left-140 {
  padding-left: 112px !important;
}

.padding-bottom-140 {
  padding-bottom: 112px !important;
}

.padding-right-140 {
  padding-right: 112px !important;
}

.padding-150 {
  padding: 120px !important;
}

.padding-top-150 {
  padding-top: 120px !important;
}

.padding-left-150 {
  padding-left: 120px !important;
}

.padding-bottom-150 {
  padding-bottom: 120px !important;
}

.padding-right-150 {
  padding-right: 120px !important;
}

.padding-160 {
  padding: 128px !important;
}

.padding-top-160 {
  padding-top: 128px !important;
}

.padding-left-160 {
  padding-left: 128px !important;
}

.padding-bottom-160 {
  padding-bottom: 128px !important;
}

.padding-right-160 {
  padding-right: 128px !important;
}

.padding-170 {
  padding: 136px !important;
}

.padding-top-170 {
  padding-top: 136px !important;
}

.padding-left-170 {
  padding-left: 136px !important;
}

.padding-bottom-170 {
  padding-bottom: 136px !important;
}

.padding-right-170 {
  padding-right: 136px !important;
}

.padding-180 {
  padding: 144px !important;
}

.padding-top-180 {
  padding-top: 144px !important;
}

.padding-left-180 {
  padding-left: 144px !important;
}

.padding-bottom-180 {
  padding-bottom: 144px !important;
}

.padding-right-180 {
  padding-right: 144px !important;
}

.padding-190 {
  padding: 152px !important;
}

.padding-top-190 {
  padding-top: 152px !important;
}

.padding-left-190 {
  padding-left: 152px !important;
}

.padding-bottom-190 {
  padding-bottom: 152px !important;
}

.padding-right-190 {
  padding-right: 152px !important;
}

.padding-200 {
  padding: 160px !important;
}

.padding-top-200 {
  padding-top: 160px !important;
}

.padding-left-200 {
  padding-left: 160px !important;
}

.padding-bottom-200 {
  padding-bottom: 160px !important;
}

.padding-right-200 {
  padding-right: 160px !important;
}

@media only screen and (max-width: 1000px) {
  .padding-0-sm {
    padding: 0px !important;
  }
  .padding-top-0-sm {
    padding-top: 0px !important;
  }
  .padding-left-0-sm {
    padding-left: 0px !important;
  }
  .padding-bottom-0-sm {
    padding-bottom: 0px !important;
  }
  .padding-right-0-sm {
    padding-right: 0px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .padding-10-sm {
    padding: 8px !important;
  }
  .padding-top-10-sm {
    padding-top: 8px !important;
  }
  .padding-left-10-sm {
    padding-left: 8px !important;
  }
  .padding-bottom-10-sm {
    padding-bottom: 8px !important;
  }
  .padding-right-10-sm {
    padding-right: 8px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .padding-20-sm {
    padding: 16px !important;
  }
  .padding-top-20-sm {
    padding-top: 16px !important;
  }
  .padding-left-20-sm {
    padding-left: 16px !important;
  }
  .padding-bottom-20-sm {
    padding-bottom: 16px !important;
  }
  .padding-right-20-sm {
    padding-right: 16px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .padding-30-sm {
    padding: 24px !important;
  }
  .padding-top-30-sm {
    padding-top: 24px !important;
  }
  .padding-left-30-sm {
    padding-left: 24px !important;
  }
  .padding-bottom-30-sm {
    padding-bottom: 24px !important;
  }
  .padding-right-30-sm {
    padding-right: 24px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .padding-40-sm {
    padding: 32px !important;
  }
  .padding-top-40-sm {
    padding-top: 32px !important;
  }
  .padding-left-40-sm {
    padding-left: 32px !important;
  }
  .padding-bottom-40-sm {
    padding-bottom: 32px !important;
  }
  .padding-right-40-sm {
    padding-right: 32px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .padding-50-sm {
    padding: 40px !important;
  }
  .padding-top-50-sm {
    padding-top: 40px !important;
  }
  .padding-left-50-sm {
    padding-left: 40px !important;
  }
  .padding-bottom-50-sm {
    padding-bottom: 40px !important;
  }
  .padding-right-50-sm {
    padding-right: 40px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .padding-60-sm {
    padding: 48px !important;
  }
  .padding-top-60-sm {
    padding-top: 48px !important;
  }
  .padding-left-60-sm {
    padding-left: 48px !important;
  }
  .padding-bottom-60-sm {
    padding-bottom: 48px !important;
  }
  .padding-right-60-sm {
    padding-right: 48px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .padding-70-sm {
    padding: 56px !important;
  }
  .padding-top-70-sm {
    padding-top: 56px !important;
  }
  .padding-left-70-sm {
    padding-left: 56px !important;
  }
  .padding-bottom-70-sm {
    padding-bottom: 56px !important;
  }
  .padding-right-70-sm {
    padding-right: 56px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .padding-80-sm {
    padding: 64px !important;
  }
  .padding-top-80-sm {
    padding-top: 64px !important;
  }
  .padding-left-80-sm {
    padding-left: 64px !important;
  }
  .padding-bottom-80-sm {
    padding-bottom: 64px !important;
  }
  .padding-right-80-sm {
    padding-right: 64px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .padding-90-sm {
    padding: 72px !important;
  }
  .padding-top-90-sm {
    padding-top: 72px !important;
  }
  .padding-left-90-sm {
    padding-left: 72px !important;
  }
  .padding-bottom-90-sm {
    padding-bottom: 72px !important;
  }
  .padding-right-90-sm {
    padding-right: 72px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .padding-100-sm {
    padding: 80px !important;
  }
  .padding-top-100-sm {
    padding-top: 80px !important;
  }
  .padding-left-100-sm {
    padding-left: 80px !important;
  }
  .padding-bottom-100-sm {
    padding-bottom: 80px !important;
  }
  .padding-right-100-sm {
    padding-right: 80px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .padding-110-sm {
    padding: 88px !important;
  }
  .padding-top-110-sm {
    padding-top: 88px !important;
  }
  .padding-left-110-sm {
    padding-left: 88px !important;
  }
  .padding-bottom-110-sm {
    padding-bottom: 88px !important;
  }
  .padding-right-110-sm {
    padding-right: 88px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .padding-120-sm {
    padding: 96px !important;
  }
  .padding-top-120-sm {
    padding-top: 96px !important;
  }
  .padding-left-120-sm {
    padding-left: 96px !important;
  }
  .padding-bottom-120-sm {
    padding-bottom: 96px !important;
  }
  .padding-right-120-sm {
    padding-right: 96px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .padding-130-sm {
    padding: 104px !important;
  }
  .padding-top-130-sm {
    padding-top: 104px !important;
  }
  .padding-left-130-sm {
    padding-left: 104px !important;
  }
  .padding-bottom-130-sm {
    padding-bottom: 104px !important;
  }
  .padding-right-130-sm {
    padding-right: 104px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .padding-140-sm {
    padding: 112px !important;
  }
  .padding-top-140-sm {
    padding-top: 112px !important;
  }
  .padding-left-140-sm {
    padding-left: 112px !important;
  }
  .padding-bottom-140-sm {
    padding-bottom: 112px !important;
  }
  .padding-right-140-sm {
    padding-right: 112px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .padding-150-sm {
    padding: 120px !important;
  }
  .padding-top-150-sm {
    padding-top: 120px !important;
  }
  .padding-left-150-sm {
    padding-left: 120px !important;
  }
  .padding-bottom-150-sm {
    padding-bottom: 120px !important;
  }
  .padding-right-150-sm {
    padding-right: 120px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .padding-160-sm {
    padding: 128px !important;
  }
  .padding-top-160-sm {
    padding-top: 128px !important;
  }
  .padding-left-160-sm {
    padding-left: 128px !important;
  }
  .padding-bottom-160-sm {
    padding-bottom: 128px !important;
  }
  .padding-right-160-sm {
    padding-right: 128px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .padding-170-sm {
    padding: 136px !important;
  }
  .padding-top-170-sm {
    padding-top: 136px !important;
  }
  .padding-left-170-sm {
    padding-left: 136px !important;
  }
  .padding-bottom-170-sm {
    padding-bottom: 136px !important;
  }
  .padding-right-170-sm {
    padding-right: 136px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .padding-180-sm {
    padding: 144px !important;
  }
  .padding-top-180-sm {
    padding-top: 144px !important;
  }
  .padding-left-180-sm {
    padding-left: 144px !important;
  }
  .padding-bottom-180-sm {
    padding-bottom: 144px !important;
  }
  .padding-right-180-sm {
    padding-right: 144px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .padding-190-sm {
    padding: 152px !important;
  }
  .padding-top-190-sm {
    padding-top: 152px !important;
  }
  .padding-left-190-sm {
    padding-left: 152px !important;
  }
  .padding-bottom-190-sm {
    padding-bottom: 152px !important;
  }
  .padding-right-190-sm {
    padding-right: 152px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .padding-200-sm {
    padding: 160px !important;
  }
  .padding-top-200-sm {
    padding-top: 160px !important;
  }
  .padding-left-200-sm {
    padding-left: 160px !important;
  }
  .padding-bottom-200-sm {
    padding-bottom: 160px !important;
  }
  .padding-right-200-sm {
    padding-right: 160px !important;
  }
}
.stack {
  margin: 0 0 16px 0;
}
.stack--space-stack-xxs {
  margin: 0 0 2px 0;
}
.stack--space-stack-xs {
  margin: 0 0 4px 0;
}
.stack--space-stack-s {
  margin: 0 0 8px 0;
}
.stack--space-stack-m {
  margin: 0 0 16px 0;
}
.stack--space-stack-l {
  margin: 0 0 32px 0;
}
.stack--space-stack-xl {
  margin: 0 0 64px 0;
}

.inline-space {
  margin: 0 16px 0 0;
}
.inline-space--space-stack-xxs {
  margin: 0 2px 0 0;
}
.inline-space--space-stack-xs {
  margin: 0 4px 0 0;
}
.inline-space--space-stack-s {
  margin: 0 8px 0 0;
}
.inline-space--space-stack-m {
  margin: 0 16px 0 0;
}
.inline-space--space-stack-l {
  margin: 0 32px 0 0;
}
.inline-space--space-stack-xl {
  margin: 0 64px 0 0;
}

.margin-5 {
  margin: 4px !important;
}

.margin-top-5 {
  margin-top: 4px !important;
}

.margin-bottom-5 {
  margin-bottom: 4px !important;
}

.margin-right-5 {
  margin-right: 4px !important;
}

.margin-left-5 {
  margin-left: 4px !important;
}

.margin-0 {
  margin: 0px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-top-neg-0 {
  margin-top: -0px !important;
}

.margin-left-neg-0 {
  margin-left: -0px !important;
}

.margin-bottom-neg-0 {
  margin-bottom: -0px !important;
}

.margin-right-neg-0 {
  margin-right: -0px !important;
}

.margin-10 {
  margin: 8px !important;
}

.margin-top-10 {
  margin-top: 8px !important;
}

.margin-left-10 {
  margin-left: 8px !important;
}

.margin-bottom-10 {
  margin-bottom: 8px !important;
}

.margin-right-10 {
  margin-right: 8px !important;
}

.margin-top-neg-10 {
  margin-top: -8px !important;
}

.margin-left-neg-10 {
  margin-left: -8px !important;
}

.margin-bottom-neg-10 {
  margin-bottom: -8px !important;
}

.margin-right-neg-10 {
  margin-right: -8px !important;
}

.margin-20 {
  margin: 16px !important;
}

.margin-top-20 {
  margin-top: 16px !important;
}

.margin-left-20 {
  margin-left: 16px !important;
}

.margin-bottom-20 {
  margin-bottom: 16px !important;
}

.margin-right-20 {
  margin-right: 16px !important;
}

.margin-top-neg-20 {
  margin-top: -16px !important;
}

.margin-left-neg-20 {
  margin-left: -16px !important;
}

.margin-bottom-neg-20 {
  margin-bottom: -16px !important;
}

.margin-right-neg-20 {
  margin-right: -16px !important;
}

.margin-30 {
  margin: 24px !important;
}

.margin-top-30 {
  margin-top: 24px !important;
}

.margin-left-30 {
  margin-left: 24px !important;
}

.margin-bottom-30 {
  margin-bottom: 24px !important;
}

.margin-right-30 {
  margin-right: 24px !important;
}

.margin-top-neg-30 {
  margin-top: -24px !important;
}

.margin-left-neg-30 {
  margin-left: -24px !important;
}

.margin-bottom-neg-30 {
  margin-bottom: -24px !important;
}

.margin-right-neg-30 {
  margin-right: -24px !important;
}

.margin-40 {
  margin: 32px !important;
}

.margin-top-40 {
  margin-top: 32px !important;
}

.margin-left-40 {
  margin-left: 32px !important;
}

.margin-bottom-40 {
  margin-bottom: 32px !important;
}

.margin-right-40 {
  margin-right: 32px !important;
}

.margin-top-neg-40 {
  margin-top: -32px !important;
}

.margin-left-neg-40 {
  margin-left: -32px !important;
}

.margin-bottom-neg-40 {
  margin-bottom: -32px !important;
}

.margin-right-neg-40 {
  margin-right: -32px !important;
}

.margin-50 {
  margin: 40px !important;
}

.margin-top-50 {
  margin-top: 40px !important;
}

.margin-left-50 {
  margin-left: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 40px !important;
}

.margin-right-50 {
  margin-right: 40px !important;
}

.margin-top-neg-50 {
  margin-top: -40px !important;
}

.margin-left-neg-50 {
  margin-left: -40px !important;
}

.margin-bottom-neg-50 {
  margin-bottom: -40px !important;
}

.margin-right-neg-50 {
  margin-right: -40px !important;
}

.margin-60 {
  margin: 48px !important;
}

.margin-top-60 {
  margin-top: 48px !important;
}

.margin-left-60 {
  margin-left: 48px !important;
}

.margin-bottom-60 {
  margin-bottom: 48px !important;
}

.margin-right-60 {
  margin-right: 48px !important;
}

.margin-top-neg-60 {
  margin-top: -48px !important;
}

.margin-left-neg-60 {
  margin-left: -48px !important;
}

.margin-bottom-neg-60 {
  margin-bottom: -48px !important;
}

.margin-right-neg-60 {
  margin-right: -48px !important;
}

.margin-70 {
  margin: 56px !important;
}

.margin-top-70 {
  margin-top: 56px !important;
}

.margin-left-70 {
  margin-left: 56px !important;
}

.margin-bottom-70 {
  margin-bottom: 56px !important;
}

.margin-right-70 {
  margin-right: 56px !important;
}

.margin-top-neg-70 {
  margin-top: -56px !important;
}

.margin-left-neg-70 {
  margin-left: -56px !important;
}

.margin-bottom-neg-70 {
  margin-bottom: -56px !important;
}

.margin-right-neg-70 {
  margin-right: -56px !important;
}

.margin-80 {
  margin: 64px !important;
}

.margin-top-80 {
  margin-top: 64px !important;
}

.margin-left-80 {
  margin-left: 64px !important;
}

.margin-bottom-80 {
  margin-bottom: 64px !important;
}

.margin-right-80 {
  margin-right: 64px !important;
}

.margin-top-neg-80 {
  margin-top: -64px !important;
}

.margin-left-neg-80 {
  margin-left: -64px !important;
}

.margin-bottom-neg-80 {
  margin-bottom: -64px !important;
}

.margin-right-neg-80 {
  margin-right: -64px !important;
}

.margin-90 {
  margin: 72px !important;
}

.margin-top-90 {
  margin-top: 72px !important;
}

.margin-left-90 {
  margin-left: 72px !important;
}

.margin-bottom-90 {
  margin-bottom: 72px !important;
}

.margin-right-90 {
  margin-right: 72px !important;
}

.margin-top-neg-90 {
  margin-top: -72px !important;
}

.margin-left-neg-90 {
  margin-left: -72px !important;
}

.margin-bottom-neg-90 {
  margin-bottom: -72px !important;
}

.margin-right-neg-90 {
  margin-right: -72px !important;
}

.margin-100 {
  margin: 80px !important;
}

.margin-top-100 {
  margin-top: 80px !important;
}

.margin-left-100 {
  margin-left: 80px !important;
}

.margin-bottom-100 {
  margin-bottom: 80px !important;
}

.margin-right-100 {
  margin-right: 80px !important;
}

.margin-top-neg-100 {
  margin-top: -80px !important;
}

.margin-left-neg-100 {
  margin-left: -80px !important;
}

.margin-bottom-neg-100 {
  margin-bottom: -80px !important;
}

.margin-right-neg-100 {
  margin-right: -80px !important;
}

.margin-110 {
  margin: 88px !important;
}

.margin-top-110 {
  margin-top: 88px !important;
}

.margin-left-110 {
  margin-left: 88px !important;
}

.margin-bottom-110 {
  margin-bottom: 88px !important;
}

.margin-right-110 {
  margin-right: 88px !important;
}

.margin-top-neg-110 {
  margin-top: -88px !important;
}

.margin-left-neg-110 {
  margin-left: -88px !important;
}

.margin-bottom-neg-110 {
  margin-bottom: -88px !important;
}

.margin-right-neg-110 {
  margin-right: -88px !important;
}

.margin-120 {
  margin: 96px !important;
}

.margin-top-120 {
  margin-top: 96px !important;
}

.margin-left-120 {
  margin-left: 96px !important;
}

.margin-bottom-120 {
  margin-bottom: 96px !important;
}

.margin-right-120 {
  margin-right: 96px !important;
}

.margin-top-neg-120 {
  margin-top: -96px !important;
}

.margin-left-neg-120 {
  margin-left: -96px !important;
}

.margin-bottom-neg-120 {
  margin-bottom: -96px !important;
}

.margin-right-neg-120 {
  margin-right: -96px !important;
}

.margin-130 {
  margin: 104px !important;
}

.margin-top-130 {
  margin-top: 104px !important;
}

.margin-left-130 {
  margin-left: 104px !important;
}

.margin-bottom-130 {
  margin-bottom: 104px !important;
}

.margin-right-130 {
  margin-right: 104px !important;
}

.margin-top-neg-130 {
  margin-top: -104px !important;
}

.margin-left-neg-130 {
  margin-left: -104px !important;
}

.margin-bottom-neg-130 {
  margin-bottom: -104px !important;
}

.margin-right-neg-130 {
  margin-right: -104px !important;
}

.margin-140 {
  margin: 112px !important;
}

.margin-top-140 {
  margin-top: 112px !important;
}

.margin-left-140 {
  margin-left: 112px !important;
}

.margin-bottom-140 {
  margin-bottom: 112px !important;
}

.margin-right-140 {
  margin-right: 112px !important;
}

.margin-top-neg-140 {
  margin-top: -112px !important;
}

.margin-left-neg-140 {
  margin-left: -112px !important;
}

.margin-bottom-neg-140 {
  margin-bottom: -112px !important;
}

.margin-right-neg-140 {
  margin-right: -112px !important;
}

.margin-150 {
  margin: 120px !important;
}

.margin-top-150 {
  margin-top: 120px !important;
}

.margin-left-150 {
  margin-left: 120px !important;
}

.margin-bottom-150 {
  margin-bottom: 120px !important;
}

.margin-right-150 {
  margin-right: 120px !important;
}

.margin-top-neg-150 {
  margin-top: -120px !important;
}

.margin-left-neg-150 {
  margin-left: -120px !important;
}

.margin-bottom-neg-150 {
  margin-bottom: -120px !important;
}

.margin-right-neg-150 {
  margin-right: -120px !important;
}

.margin-160 {
  margin: 128px !important;
}

.margin-top-160 {
  margin-top: 128px !important;
}

.margin-left-160 {
  margin-left: 128px !important;
}

.margin-bottom-160 {
  margin-bottom: 128px !important;
}

.margin-right-160 {
  margin-right: 128px !important;
}

.margin-top-neg-160 {
  margin-top: -128px !important;
}

.margin-left-neg-160 {
  margin-left: -128px !important;
}

.margin-bottom-neg-160 {
  margin-bottom: -128px !important;
}

.margin-right-neg-160 {
  margin-right: -128px !important;
}

.margin-170 {
  margin: 136px !important;
}

.margin-top-170 {
  margin-top: 136px !important;
}

.margin-left-170 {
  margin-left: 136px !important;
}

.margin-bottom-170 {
  margin-bottom: 136px !important;
}

.margin-right-170 {
  margin-right: 136px !important;
}

.margin-top-neg-170 {
  margin-top: -136px !important;
}

.margin-left-neg-170 {
  margin-left: -136px !important;
}

.margin-bottom-neg-170 {
  margin-bottom: -136px !important;
}

.margin-right-neg-170 {
  margin-right: -136px !important;
}

.margin-180 {
  margin: 144px !important;
}

.margin-top-180 {
  margin-top: 144px !important;
}

.margin-left-180 {
  margin-left: 144px !important;
}

.margin-bottom-180 {
  margin-bottom: 144px !important;
}

.margin-right-180 {
  margin-right: 144px !important;
}

.margin-top-neg-180 {
  margin-top: -144px !important;
}

.margin-left-neg-180 {
  margin-left: -144px !important;
}

.margin-bottom-neg-180 {
  margin-bottom: -144px !important;
}

.margin-right-neg-180 {
  margin-right: -144px !important;
}

.margin-190 {
  margin: 152px !important;
}

.margin-top-190 {
  margin-top: 152px !important;
}

.margin-left-190 {
  margin-left: 152px !important;
}

.margin-bottom-190 {
  margin-bottom: 152px !important;
}

.margin-right-190 {
  margin-right: 152px !important;
}

.margin-top-neg-190 {
  margin-top: -152px !important;
}

.margin-left-neg-190 {
  margin-left: -152px !important;
}

.margin-bottom-neg-190 {
  margin-bottom: -152px !important;
}

.margin-right-neg-190 {
  margin-right: -152px !important;
}

.margin-200 {
  margin: 160px !important;
}

.margin-top-200 {
  margin-top: 160px !important;
}

.margin-left-200 {
  margin-left: 160px !important;
}

.margin-bottom-200 {
  margin-bottom: 160px !important;
}

.margin-right-200 {
  margin-right: 160px !important;
}

.margin-top-neg-200 {
  margin-top: -160px !important;
}

.margin-left-neg-200 {
  margin-left: -160px !important;
}

.margin-bottom-neg-200 {
  margin-bottom: -160px !important;
}

.margin-right-neg-200 {
  margin-right: -160px !important;
}

@media only screen and (max-width: 1000px) {
  .margin-0-sm {
    margin: 0px !important;
  }
  .margin-top-0-sm {
    margin-top: 0px !important;
  }
  .margin-left-0-sm {
    margin-left: 0px !important;
  }
  .margin-bottom-0-sm {
    margin-bottom: 0px !important;
  }
  .margin-right-0-sm {
    margin-right: 0px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .margin-10-sm {
    margin: 8px !important;
  }
  .margin-top-10-sm {
    margin-top: 8px !important;
  }
  .margin-left-10-sm {
    margin-left: 8px !important;
  }
  .margin-bottom-10-sm {
    margin-bottom: 8px !important;
  }
  .margin-right-10-sm {
    margin-right: 8px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .margin-20-sm {
    margin: 16px !important;
  }
  .margin-top-20-sm {
    margin-top: 16px !important;
  }
  .margin-left-20-sm {
    margin-left: 16px !important;
  }
  .margin-bottom-20-sm {
    margin-bottom: 16px !important;
  }
  .margin-right-20-sm {
    margin-right: 16px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .margin-30-sm {
    margin: 24px !important;
  }
  .margin-top-30-sm {
    margin-top: 24px !important;
  }
  .margin-left-30-sm {
    margin-left: 24px !important;
  }
  .margin-bottom-30-sm {
    margin-bottom: 24px !important;
  }
  .margin-right-30-sm {
    margin-right: 24px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .margin-40-sm {
    margin: 32px !important;
  }
  .margin-top-40-sm {
    margin-top: 32px !important;
  }
  .margin-left-40-sm {
    margin-left: 32px !important;
  }
  .margin-bottom-40-sm {
    margin-bottom: 32px !important;
  }
  .margin-right-40-sm {
    margin-right: 32px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .margin-50-sm {
    margin: 40px !important;
  }
  .margin-top-50-sm {
    margin-top: 40px !important;
  }
  .margin-left-50-sm {
    margin-left: 40px !important;
  }
  .margin-bottom-50-sm {
    margin-bottom: 40px !important;
  }
  .margin-right-50-sm {
    margin-right: 40px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .margin-60-sm {
    margin: 48px !important;
  }
  .margin-top-60-sm {
    margin-top: 48px !important;
  }
  .margin-left-60-sm {
    margin-left: 48px !important;
  }
  .margin-bottom-60-sm {
    margin-bottom: 48px !important;
  }
  .margin-right-60-sm {
    margin-right: 48px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .margin-70-sm {
    margin: 56px !important;
  }
  .margin-top-70-sm {
    margin-top: 56px !important;
  }
  .margin-left-70-sm {
    margin-left: 56px !important;
  }
  .margin-bottom-70-sm {
    margin-bottom: 56px !important;
  }
  .margin-right-70-sm {
    margin-right: 56px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .margin-80-sm {
    margin: 64px !important;
  }
  .margin-top-80-sm {
    margin-top: 64px !important;
  }
  .margin-left-80-sm {
    margin-left: 64px !important;
  }
  .margin-bottom-80-sm {
    margin-bottom: 64px !important;
  }
  .margin-right-80-sm {
    margin-right: 64px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .margin-90-sm {
    margin: 72px !important;
  }
  .margin-top-90-sm {
    margin-top: 72px !important;
  }
  .margin-left-90-sm {
    margin-left: 72px !important;
  }
  .margin-bottom-90-sm {
    margin-bottom: 72px !important;
  }
  .margin-right-90-sm {
    margin-right: 72px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .margin-100-sm {
    margin: 80px !important;
  }
  .margin-top-100-sm {
    margin-top: 80px !important;
  }
  .margin-left-100-sm {
    margin-left: 80px !important;
  }
  .margin-bottom-100-sm {
    margin-bottom: 80px !important;
  }
  .margin-right-100-sm {
    margin-right: 80px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .margin-110-sm {
    margin: 88px !important;
  }
  .margin-top-110-sm {
    margin-top: 88px !important;
  }
  .margin-left-110-sm {
    margin-left: 88px !important;
  }
  .margin-bottom-110-sm {
    margin-bottom: 88px !important;
  }
  .margin-right-110-sm {
    margin-right: 88px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .margin-120-sm {
    margin: 96px !important;
  }
  .margin-top-120-sm {
    margin-top: 96px !important;
  }
  .margin-left-120-sm {
    margin-left: 96px !important;
  }
  .margin-bottom-120-sm {
    margin-bottom: 96px !important;
  }
  .margin-right-120-sm {
    margin-right: 96px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .margin-130-sm {
    margin: 104px !important;
  }
  .margin-top-130-sm {
    margin-top: 104px !important;
  }
  .margin-left-130-sm {
    margin-left: 104px !important;
  }
  .margin-bottom-130-sm {
    margin-bottom: 104px !important;
  }
  .margin-right-130-sm {
    margin-right: 104px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .margin-140-sm {
    margin: 112px !important;
  }
  .margin-top-140-sm {
    margin-top: 112px !important;
  }
  .margin-left-140-sm {
    margin-left: 112px !important;
  }
  .margin-bottom-140-sm {
    margin-bottom: 112px !important;
  }
  .margin-right-140-sm {
    margin-right: 112px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .margin-150-sm {
    margin: 120px !important;
  }
  .margin-top-150-sm {
    margin-top: 120px !important;
  }
  .margin-left-150-sm {
    margin-left: 120px !important;
  }
  .margin-bottom-150-sm {
    margin-bottom: 120px !important;
  }
  .margin-right-150-sm {
    margin-right: 120px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .margin-160-sm {
    margin: 128px !important;
  }
  .margin-top-160-sm {
    margin-top: 128px !important;
  }
  .margin-left-160-sm {
    margin-left: 128px !important;
  }
  .margin-bottom-160-sm {
    margin-bottom: 128px !important;
  }
  .margin-right-160-sm {
    margin-right: 128px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .margin-170-sm {
    margin: 136px !important;
  }
  .margin-top-170-sm {
    margin-top: 136px !important;
  }
  .margin-left-170-sm {
    margin-left: 136px !important;
  }
  .margin-bottom-170-sm {
    margin-bottom: 136px !important;
  }
  .margin-right-170-sm {
    margin-right: 136px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .margin-180-sm {
    margin: 144px !important;
  }
  .margin-top-180-sm {
    margin-top: 144px !important;
  }
  .margin-left-180-sm {
    margin-left: 144px !important;
  }
  .margin-bottom-180-sm {
    margin-bottom: 144px !important;
  }
  .margin-right-180-sm {
    margin-right: 144px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .margin-190-sm {
    margin: 152px !important;
  }
  .margin-top-190-sm {
    margin-top: 152px !important;
  }
  .margin-left-190-sm {
    margin-left: 152px !important;
  }
  .margin-bottom-190-sm {
    margin-bottom: 152px !important;
  }
  .margin-right-190-sm {
    margin-right: 152px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .margin-200-sm {
    margin: 160px !important;
  }
  .margin-top-200-sm {
    margin-top: 160px !important;
  }
  .margin-left-200-sm {
    margin-left: 160px !important;
  }
  .margin-bottom-200-sm {
    margin-bottom: 160px !important;
  }
  .margin-right-200-sm {
    margin-right: 160px !important;
  }
}
.c-sidebar-nav .card {
  border-radius: 10px !important;
  overflow: hidden;
}

.card:not(.hero) {
  border-radius: 16px;
  overflow: hidden;
}
.card:not(.hero) .card-content.padding-0 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.hero-rebrand {
  background: inherit;
  justify-content: center;
  border-radius: 0px !important;
}
@media only screen and (min-width: 1001px) {
  .hero-rebrand .card-image-content {
    width: 50%;
    padding: 40px 48px;
    background: rgb(213, 0, 50);
    -webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
  }
}

.card:not(.hero) .card-image {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
}
@media only screen and (max-width: 1000px) {
  .card:not(.hero) .card-image {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 94%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 94%, 0 100%);
  }
}

.card.horizontal.card-rebrand .card-image {
  height: auto;
  width: 36%;
  -webkit-clip-path: polygon(0 0, 100% 0, 80% 108%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 80% 108%, 0 100%);
}

.megamenu-parent .red-hover-link {
  color: #373741;
}
.megamenu-parent .red-hover-link:hover {
  color: #d50032 !important;
}

.admin-menu a:hover {
  color: white !important;
}

.select-trigger-toggle {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: auto;
  display: flex;
  justify-content: space-between;
  border: 1px solid black !important;
  font-size: 16px;
  font-weight: 400 !important;
  border-radius: 3px !important;
}

.select-trigger-toggle.active + .ajb-custom-dropdown-menu {
  display: flex;
  width: 320px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

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

.card .complete-box {
padding: 24px;
background-color: white;
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
min-height: 242px;
}

.card .complete-box.min-height-void {
min-height: inherit;
}

.list-group {
margin-bottom: 0;
}

.list-group-item {
padding: 5px;
}

@media (max-width: 1000px) {

  .card .complete-box {
  min-height: inherit;
  }

  .hide-sm {
  display: none;
  }

}

.complete2 {
  font-size: 15px;
  overflow: hidden;
}

.complete2 hr {
  border: 0;
  height: 1px;
  background: #eff1f3;
  margin: 8px 0;
}

.complete2 .c-box {
  align-self: center;
  border: 1px solid #d7dce1;
  border-radius: 0px 0px 0px 0px;
  justify-content: center;
  margin-bottom: -1px;
  padding: 1em;
}

.complete2 h2 {
  font-size: 48px;
  font-weight: bold;
}

.complete2 .card { 
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  margin: .5rem 0 1rem 0;
  position: relative;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
  -webkit-transition: -webkit-box-shadow .25s;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

.complete2 .button-outline.c-btn-small:hover {
  padding-right: 1em;;
}

.complete2 .z-depth-0 {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.complete2 .card .card-content {
  padding: 24px;
  border-radius: 0 0 2px 2px;
  margin-bottom: 8px;
}

.complete2 .card .card-content .card-title {
  display: block;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 8px;
}

.complete2 p, .complete2 .card .card-content p {
  color: inherit;
  font-kerning: normal;
  margin-bottom: 16px;
  word-break: inherit;
}

.complete2 h6, .complete2 .h6 {
  font-size: 16px;
}

.complete2 a {
  color: #373741;
  outline: 0;
  transition: all 0.2s ease;
}

.complete2 a:hover, .complete2 a:focus {
  color: #373741;
}

.complete2 .card .card-content p {
  color: inherit;
}

.complete2 .margin-top-20 {
  margin-top: 16px !important;
}

.complete2 .padding-10 {
  padding: 8px !important;
}

.complete2 .padding-20 {
  padding: 15px !important;
}

.complete2 .ajb-col-4 {
  margin-left: 1rem;
}

.complete2 .hoverable:hover {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.complete2 .button-outline {
  color: #373741 !important;
}


.complete2 .button-outline:after {
  content: '\f0da' !important;
  display: none !important;
}

.complete2 .c-btn, .complete2 .btn {
  font-weight: bold !important;
}



.complete2 .sipp {
  background-color: #d50032;
}

.complete2 .isa {
  background-color: #d50032;
}

.complete2 .lisa {
  background-color: #d50032;
}

.complete2 .dealing {
  background-color: #d50032;
}

.complete2 .jisa, 
.complete2 .jsipp {
  background-color: #d50032;
}

.complete2 .saving {
  background-color: #d50032;
}


.complete2 .card-sipp a {
  color: #373741 !important;
}

.complete2 .card-sipp a:hover,
.complete2 .card-sipp a p:hover {
  color: #d50032 !important;
}

.complete2 .card-sipp a p {
  color: #373741 !important;
}



.complete2 .card-isa a {
  color: #373741 !important;
}

.complete2 .card-isa a:hover,
.complete2 .card-isa a p:hover {
  color: #d50032 !important;
}

.complete2 .card-isa a p {
  color: #373741 !important;
}



.complete2 .card-lisa a {
  color: #373741 !important;
}

.complete2 .card-lisa a:hover,
.complete2 .card-lisa a p:hover {
  color: #d50032 !important;
}

.complete2 .card-lisa a p {
  color: #373741 !important;
}



.complete2 .card a {
  color: #373741 !important;
}

.complete2 .card a:not(.c-btn):hover, 
.complete2 .card a:hover p  {
  color: #d50032 !important;
}

.complete2 .card-dealing a p {
  color: #373741 !important;
}



.complete2 .card-jisa a {
  color: #373741 !important;
}

.complete2 .card-jisa a:hover,
.complete2 .card-jisa a p:hover {
  color: #d50032 !important;
}

.complete2 .card-jisa a p {
  color: #373741 !important;
}



.complete2 .card-jsipp a {
  color: #373741 !important;
}

.complete2 .card-jsipp a:hover,
.complete2 .card-jsipp a p:hover {
  color: #d50032 !important;
}

.complete2 .card-jsipp a p {
  color: #373741 !important;
}

.complete2 .card-saving {
  color: #373741 !important;
}

.complete2 .card-saving a {
  color: #373741 !important;
}

.complete2 .card-saving a:hover,
.complete2 .card-saving a p:hover {
  color: #d50032 !important;
}

.complete2 .card-saving a p {
  color: #373741 !important;
}

@media (min-width: 990px) {
  .complete2 h5, .complete2 .h5 {
    font-size: 18px;
  }
  .complete2 h3, .complete2 .h3 {
    font-size: 30px;
  }
}

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

/* mobile number */
.iti {
  width: 100% !important;
}

.iti__flag {
  background-image: url('../images/flags.png') !important;
}

.iti__country-list {
  bottom: 100% !important;
}

a {
font-weight: bold!important;
}

div#application-container {
  margin: 40px auto;
}

.ajb-col-4 .card.hoverable {
  min-height: 208px;
  display: flex;
  justify-content: center;
  align-items: center;
}

a#registration-complete-link {
  color: white!important;
  text-decoration: none!important;
}

.footer .external {
  padding-right: 22px !important;
  margin-right: 16px !important;
  position: relative;
}

@media only screen and (max-width: 1000px) {
  .footer .external {
    padding-right: 8px !important;
    margin-right: 0px !important;
  }
}

.footer .external:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f35d";
  position: absolute;
  right: 0px;
  top: -4px;
}

@media only screen and (max-width: 1000px) {
  .footer .external:after {
    display: none;
  }
}

.footer .external:before {
  display: none;
}

@media (max-width: 768px) {
  #generic-starling-modal .modal-dialog {
    max-width: 95%;
  }
}

#generic-starling-modal-content .modal-header {
  display: none;
}