/**
 * v3.0.8
 */

/* Fonts */
@import url(https://www.brownstoneresearch.com/wp-content/themes/brownstoneresearch/assets/built/fonts.css);

/* FontAwesome */
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/css/all.min.css);

/* Bootstrap */
@import url(https://d3t4gzjyl7evuc.cloudfront.net/_/css/bootstrap/5.3.3/bootstrap.min.css);

:root {
    /* Fonts */
    --ex-font-sans: sans-serif;
    --ex-font-serif: serif;
    --ex-font-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --ex-font-mono: 'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas, monospace;
    --ex-font-fa-free: 'Font Awesome 7 Free';
    --ex-font-geist: 'Geist', sans-serif;

    /* Colors */
    --ex-primary: hsl(230, 100%, 58%);
    --ex-primary-h: 230;
    --ex-primary-s: 100%;
    --ex-primary-l: 58%;
    --ex-primary-light: hsl(var(--ex-primary-h), 80%, 98%);
    --ex-primary-dark: hsl(var(--ex-primary-h), 58%, 14%);

    --ex-secondary: hsl(var(--ex-primary-h), 8%, 40%);
    --ex-secondary-h: var(--ex-primary-h);
    --ex-secondary-s: 8%;
    --ex-secondary-l: 40%;
    --ex-secondary-light: hsl(var(--ex-primary-h), 20%, 97%);
    --ex-secondary-neutral: hsl(var(--ex-primary-h), 8%, 70%);
    --ex-secondary-dark: hsl(var(--ex-primary-h), 12%, 20%);
    --ex-secondary-night: hsl(var(--ex-primary-h), 8%, 10%);

    --ex-accent: hsl(45, 100%, 64%);
    --ex-accent-h: 45;
    --ex-accent-s: 100%;
    --ex-accent-l: 64%;
    --ex-accent-rgb: 255, 209, 71;

    --ex-warning: hsl(23, 100%, 52%);
    --ex-warning-h: 23;
    --ex-warning-s: 100%;
    --ex-warning-l: 52%;

    --ex-success: hsl(120, 60%, 45%);
    --ex-success-h: 120;
    --ex-success-s: 60%;
    --ex-success-l: 45%;

    --ex-danger: hsl(342, 87%, 50%);
    --ex-danger-h: 342;
    --ex-danger-s: 87%;
    --ex-danger-l: 50%;

    --ex-light: hsl(var(--ex-primary-h), 20%, 98%);
    --ex-light-gray: hsl(0, 0%, 98%);
    --ex-night: hsl(var(--ex-primary-h), 8%, 8%);

    --bs-body-color: var(--ex-night);
}

[class*="-gradient-"] {
    /* Gradients */
    --ex-gradient-palette: linear-gradient(158deg,
        hsl(var(--ex-palette-h), calc(var(--ex-palette-s) - 4%), calc(var(--ex-palette-l) + 1%)) 0%,
        hsl(var(--ex-palette-h), calc(var(--ex-palette-s) - 2%), calc(var(--ex-palette-l) + 4%)) 20%,
        hsl(var(--ex-palette-h), calc(var(--ex-palette-s) - 1%), calc(var(--ex-palette-l) - 8%)) 40%,
        hsl(var(--ex-palette-h), calc(var(--ex-palette-s) - 2%), calc(var(--ex-palette-l) + 4%)) 80%,
        hsl(var(--ex-palette-h), calc(var(--ex-palette-s) - 4%), calc(var(--ex-palette-l) + 1%)) 100%);

    --ex-gradient-accent: linear-gradient(158deg,
        hsl(var(--ex-accent-h), var(--ex-accent-s), calc(var(--ex-accent-l) + 6%)) 0%,
        hsl(calc(var(--ex-accent-h) - 2), var(--ex-accent-s), calc(var(--ex-accent-l) + 3%)) 20%,
        hsl(calc(var(--ex-accent-h) - 4), var(--ex-accent-s), calc(var(--ex-accent-l) - 2%)) 40%,
        hsl(calc(var(--ex-accent-h) - 2), var(--ex-accent-s), calc(var(--ex-accent-l) + 3%)) 80%,
        hsl(var(--ex-accent-h), var(--ex-accent-s), calc(var(--ex-accent-l) + 6%)) 100%);

    --ex-gradient-warning: linear-gradient(158deg,
        hsl(calc(var(--ex-warning-h) + 2), var(--ex-warning-s), calc(var(--ex-warning-l) + 6%)) 0%,
        hsl(calc(var(--ex-warning-h) - 6), var(--ex-warning-s), calc(var(--ex-warning-l) + 3%)) 20%,
        hsl(calc(var(--ex-warning-h) - 10), var(--ex-warning-s), calc(var(--ex-warning-l) - 2%)) 40%,
        hsl(calc(var(--ex-warning-h) - 6), var(--ex-warning-s), calc(var(--ex-warning-l) + 3%)) 80%,
        hsl(calc(var(--ex-warning-h) + 2), var(--ex-warning-s), calc(var(--ex-warning-l) + 6%)) 100%);

    --ex-gradient-danger: linear-gradient(158deg,
        hsl(calc(var(--ex-danger-h) - 1), var(--ex-danger-s), calc(var(--ex-danger-l) + 3%)) 0%,
        hsl(calc(var(--ex-danger-h) - 2), var(--ex-danger-s), calc(var(--ex-danger-l) - 4%)) 20%,
        hsl(calc(var(--ex-danger-h) - 4), var(--ex-danger-s), calc(var(--ex-danger-l) - 12%)) 40%,
        hsl(calc(var(--ex-danger-h) - 2), var(--ex-danger-s), calc(var(--ex-danger-l) - 4%)) 80%,
        hsl(calc(var(--ex-danger-h) - 1), var(--ex-danger-s), calc(var(--ex-danger-l) + 3%)) 100%);

    --ex-gradient-berry: linear-gradient(158deg,
        hsl(246, 100%, 68%) 0%,
        hsl(260, 95%, 45%) 20%,
        hsl(255, 100%, 33%) 40%,
        hsl(255, 78%, 48%) 80%,
        hsl(249, 81%, 62%) 100%);
}

[class*="-gradient-primary"] {
    --ex-palette-h: var(--ex-primary-h);
    --ex-palette-s: var(--ex-primary-s);
    --ex-palette-l: var(--ex-primary-l);
}

[class*="-gradient-primary-light"] {
    --ex-palette-s: 54%;
    --ex-palette-l: 80%;
}

[class*="-gradient-primary-dark"] {
    --ex-palette-s: 54%;
    --ex-palette-l: 26%;
}

[class*="-gradient-secondary"] {
    --ex-palette-h: var(--ex-primary-h);
    --ex-palette-s: var(--ex-secondary-s);
    --ex-palette-l: var(--ex-secondary-l);
}

html,
body {
    height: 100%;
    color: var(--ex-night);
}

html {
    font-size: 1.2rem;
}

@media (min-width: 768px) {
    html {
        font-size: 1.25rem;
    }
}

a {
    color: var(--ex-primary);
    transition: color 0.2s;
}

a:hover {
    color: hsl(var(--ex-primary-h), var(--ex-primary-s), calc(var(--ex-primary-l) - 10%));
}

iframe {
    border: 0;
}

/* Lazy load */
.lazy-load,
.io-load {
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.4s linear,
        visibility 0.8s linear;
}

/* Show and hide content */
.show {
    opacity: 1 !important;
    visibility: visible !important;
    transition:
        opacity 0.4s linear,
        visibility 0s linear;
}

/* Fonts */
.f-sans,
.f-sans small,
.f-sans .small,
.f-sans .form-control {
    font-family: var(--ex-font-sans);
}

.f-serif {
    font-family: var(--ex-font-serif);
}

.f-system {
    font-family: var(--ex-font-system);
}

.f-mono {
    font-family: var(--ex-font-mono) !important;
}

.f-geist {
    font-family: var(--ex-font-geist);
}

.italic {
    font-style: italic;
}

.antialiased,
.f-antialiased {
    -webkit-font-smoothing: antialiased;
}

/* Font sizes */
.fs-60  { font-size: 60%; }
.fs-65  { font-size: 65%; }
.fs-70  { font-size: 70%; }
.fs-75  { font-size: 75%; }
.fs-80  { font-size: 80%; }
.fs-85  { font-size: 85%; }
.fs-90  { font-size: 90%; }
.fs-95  { font-size: 95%; }
.fs-100 { font-size: 100%; }
.fs-105 { font-size: 105%; }
.fs-110 { font-size: 110%; }
.fs-115 { font-size: 115%; }
.fs-120 { font-size: 120%; }
.fs-125 { font-size: 125%; }
.fs-130 { font-size: 130%; }
.fs-135 { font-size: 135%; }
.fs-140 { font-size: 140%; }
.fs-145 { font-size: 145%; }
.fs-150 { font-size: 150%; }
.fs-155 { font-size: 155%; }
.fs-160 { font-size: 160%; }
.fs-165 { font-size: 165%; }
.fs-170 { font-size: 170%; }
.fs-175 { font-size: 175%; }
.fs-180 { font-size: 180%; }
.fs-185 { font-size: 185%; }
.fs-190 { font-size: 190%; }
.fs-195 { font-size: 195%; }
.fs-200 { font-size: 200%; }
.fs-300 { font-size: 300%; }
.fs-400 { font-size: 400%; }
.fs-600 { font-size: 600%; }
.fs-c   { font-size: var(--ex-fs); }

@media (min-width: 576px) {
    .fs-sm-60  { font-size: 60%; }
    .fs-sm-65  { font-size: 65%; }
    .fs-sm-70  { font-size: 70%; }
    .fs-sm-75  { font-size: 75%; }
    .fs-sm-80  { font-size: 80%; }
    .fs-sm-85  { font-size: 85%; }
    .fs-sm-90  { font-size: 90%; }
    .fs-sm-95  { font-size: 95%; }
    .fs-sm-100 { font-size: 100%; }
    .fs-sm-105 { font-size: 105%; }
    .fs-sm-110 { font-size: 110%; }
    .fs-sm-115 { font-size: 115%; }
    .fs-sm-120 { font-size: 120%; }
    .fs-sm-125 { font-size: 125%; }
    .fs-sm-130 { font-size: 130%; }
    .fs-sm-135 { font-size: 135%; }
    .fs-sm-140 { font-size: 140%; }
    .fs-sm-145 { font-size: 145%; }
    .fs-sm-150 { font-size: 150%; }
    .fs-sm-155 { font-size: 155%; }
    .fs-sm-160 { font-size: 160%; }
    .fs-sm-165 { font-size: 165%; }
    .fs-sm-170 { font-size: 170%; }
    .fs-sm-175 { font-size: 175%; }
    .fs-sm-180 { font-size: 180%; }
    .fs-sm-185 { font-size: 185%; }
    .fs-sm-190 { font-size: 190%; }
    .fs-sm-195 { font-size: 195%; }
    .fs-sm-200 { font-size: 200%; }
    .fs-sm-300 { font-size: 300%; }
    .fs-sm-400 { font-size: 400%; }
    .fs-sm-600 { font-size: 600%; }
    .fs-sm-c   { font-size: var(--ex-fs-sm); }
}

@media (min-width: 768px) {
    .fs-md-60  { font-size: 60%; }
    .fs-md-65  { font-size: 65%; }
    .fs-md-70  { font-size: 70%; }
    .fs-md-75  { font-size: 75%; }
    .fs-md-80  { font-size: 80%; }
    .fs-md-85  { font-size: 85%; }
    .fs-md-90  { font-size: 90%; }
    .fs-md-95  { font-size: 95%; }
    .fs-md-100 { font-size: 100%; }
    .fs-md-105 { font-size: 105%; }
    .fs-md-110 { font-size: 110%; }
    .fs-md-115 { font-size: 115%; }
    .fs-md-120 { font-size: 120%; }
    .fs-md-125 { font-size: 125%; }
    .fs-md-135 { font-size: 135%; }
    .fs-md-130 { font-size: 130%; }
    .fs-md-140 { font-size: 140%; }
    .fs-md-145 { font-size: 145%; }
    .fs-md-150 { font-size: 150%; }
    .fs-md-155 { font-size: 155%; }
    .fs-md-160 { font-size: 160%; }
    .fs-md-165 { font-size: 165%; }
    .fs-md-170 { font-size: 170%; }
    .fs-md-175 { font-size: 175%; }
    .fs-md-180 { font-size: 180%; }
    .fs-md-185 { font-size: 185%; }
    .fs-md-190 { font-size: 190%; }
    .fs-md-195 { font-size: 195%; }
    .fs-md-200 { font-size: 200%; }
    .fs-md-300 { font-size: 300%; }
    .fs-md-400 { font-size: 400%; }
    .fs-md-600 { font-size: 600%; }
    .fs-md-c   { font-size: var(--ex-fs-md); }
}

@media (min-width: 992px) {
    .fs-lg-60  { font-size: 60%; }
    .fs-lg-65  { font-size: 65%; }
    .fs-lg-70  { font-size: 70%; }
    .fs-lg-75  { font-size: 75%; }
    .fs-lg-80  { font-size: 80%; }
    .fs-lg-85  { font-size: 85%; }
    .fs-lg-90  { font-size: 90%; }
    .fs-lg-95  { font-size: 95%; }
    .fs-lg-100 { font-size: 100%; }
    .fs-lg-110 { font-size: 110%; }
    .fs-lg-105 { font-size: 105%; }
    .fs-lg-115 { font-size: 115%; }
    .fs-lg-120 { font-size: 120%; }
    .fs-lg-125 { font-size: 125%; }
    .fs-lg-130 { font-size: 130%; }
    .fs-lg-135 { font-size: 135%; }
    .fs-lg-140 { font-size: 140%; }
    .fs-lg-145 { font-size: 145%; }
    .fs-lg-150 { font-size: 150%; }
    .fs-lg-155 { font-size: 155%; }
    .fs-lg-160 { font-size: 160%; }
    .fs-lg-165 { font-size: 165%; }
    .fs-lg-170 { font-size: 170%; }
    .fs-lg-175 { font-size: 175%; }
    .fs-lg-180 { font-size: 180%; }
    .fs-lg-185 { font-size: 185%; }
    .fs-lg-190 { font-size: 190%; }
    .fs-lg-195 { font-size: 195%; }
    .fs-lg-200 { font-size: 200%; }
    .fs-lg-300 { font-size: 300%; }
    .fs-lg-400 { font-size: 400%; }
    .fs-lg-600 { font-size: 600%; }
    .fs-lg-c   { font-size: var(--ex-fs-lg); }
}

@media (min-width: 1200px) {
    .fs-xl-60  { font-size: 60%; }
    .fs-xl-65  { font-size: 65%; }
    .fs-xl-70  { font-size: 70%; }
    .fs-xl-75  { font-size: 75%; }
    .fs-xl-80  { font-size: 80%; }
    .fs-xl-85  { font-size: 85%; }
    .fs-xl-90  { font-size: 90%; }
    .fs-xl-95  { font-size: 95%; }
    .fs-xl-100 { font-size: 100%; }
    .fs-xl-105 { font-size: 105%; }
    .fs-xl-110 { font-size: 110%; }
    .fs-xl-115 { font-size: 115%; }
    .fs-xl-120 { font-size: 120%; }
    .fs-xl-125 { font-size: 125%; }
    .fs-xl-130 { font-size: 130%; }
    .fs-xl-135 { font-size: 135%; }
    .fs-xl-140 { font-size: 140%; }
    .fs-xl-145 { font-size: 145%; }
    .fs-xl-150 { font-size: 150%; }
    .fs-xl-155 { font-size: 155%; }
    .fs-xl-160 { font-size: 160%; }
    .fs-xl-165 { font-size: 165%; }
    .fs-xl-170 { font-size: 170%; }
    .fs-xl-175 { font-size: 175%; }
    .fs-xl-180 { font-size: 180%; }
    .fs-xl-185 { font-size: 185%; }
    .fs-xl-190 { font-size: 190%; }
    .fs-xl-195 { font-size: 195%; }
    .fs-xl-200 { font-size: 200%; }
    .fs-xl-300 { font-size: 300%; }
    .fs-xl-400 { font-size: 400%; }
    .fs-xl-600 { font-size: 600%; }
    .fs-xl-c   { font-size: var(--ex-fs-xl); }
}

@media (min-width: 1400px) {
    .fs-xxl-60  { font-size: 60%; }
    .fs-xxl-70  { font-size: 70%; }
    .fs-xxl-75  { font-size: 75%; }
    .fs-xxl-80  { font-size: 80%; }
    .fs-xxl-85  { font-size: 85%; }
    .fs-xxl-90  { font-size: 90%; }
    .fs-xxl-95  { font-size: 95%; }
    .fs-xxl-100 { font-size: 100%; }
    .fs-xxl-105 { font-size: 105%; }
    .fs-xxl-110 { font-size: 110%; }
    .fs-xxl-115 { font-size: 115%; }
    .fs-xxl-120 { font-size: 120%; }
    .fs-xxl-125 { font-size: 125%; }
    .fs-xxl-130 { font-size: 130%; }
    .fs-xxl-135 { font-size: 135%; }
    .fs-xxl-140 { font-size: 140%; }
    .fs-xxl-145 { font-size: 145%; }
    .fs-xxl-150 { font-size: 150%; }
    .fs-xxl-155 { font-size: 155%; }
    .fs-xxl-160 { font-size: 160%; }
    .fs-xxl-165 { font-size: 165%; }
    .fs-xxl-170 { font-size: 170%; }
    .fs-xxl-175 { font-size: 175%; }
    .fs-xxl-180 { font-size: 180%; }
    .fs-xxl-185 { font-size: 185%; }
    .fs-xxl-190 { font-size: 190%; }
    .fs-xxl-195 { font-size: 195%; }
    .fs-xxl-200 { font-size: 200%; }
    .fs-xxl-300 { font-size: 300%; }
    .fs-xxl-400 { font-size: 400%; }
    .fs-xxl-600 { font-size: 600%; }
    .fs-xxl-c   { font-size: var(--ex-fs-xxl); }
}

/* Font weights */
.font-light,
.fw-300 {
  font-weight: 300;
}

.font-normal,
.fw-400 {
  font-weight: 400;
}

.font-medium,
.fw-500 {
  font-weight: 500;
}

.font-semibold,
.fw-600 {
  font-weight: 600;
}

.font-bold,
.fw-700 {
  font-weight: 700;
}

.font-extrabold,
.fw-800 {
  font-weight: 800;
}

.font-black,
.fw-900 {
  font-weight: 900;
}

/* Tracking */
.tracking-tighter {
    letter-spacing: -0.05em;
}

.tracking-tight {
    letter-spacing: -0.025em;
}

.tracking-normal {
    letter-spacing: 0em;
}

.tracking-wide {
    letter-spacing: 0.025em;
}

.tracking-wider {
    letter-spacing: 0.05em;
}

.tracking-widest {
    letter-spacing: 0.1em;
}

/* Colors */
[class*="bg-gradient-"] {
    background-size: 440% 100%;
}

/* Colors - primary */
.text-primary,
.list-primary li::before {
    color: var(--ex-primary) !important;
}

.bg-primary,
.list-bg-primary li::before {
    background-color: var(--ex-primary) !important;
}

.bg-gradient-primary {
    background-image: var(--ex-gradient-palette);
}

/* Colors - primary - light */
.text-primary-light,
.list-primary-light li::before {
    color: var(--ex-primary-light);
}

.bg-primary-light,
.list-bg-primary-light li::before {
    background-color: var(--ex-primary-light);
}

.bg-gradient-primary-light {
    background-image: var(--ex-gradient-palette);
}

/* Colors - primary - dark */
.text-primary-dark,
.list-primary-dark li::before {
    color: var(--ex-primary-dark);
}

.bg-primary-dark,
.list-bg-primary-dark li::before {
    background-color: var(--ex-primary-dark);
}

.bg-gradient-primary-dark {
    background-image: var(--ex-gradient-palette);
}

/* Colors - secondary */
.text-secondary,
.list-secondary li::before {
    color: var(--ex-secondary) !important;
}

.bg-secondary,
.list-bg-secondary li::before {
    background-color: var(--ex-secondary) !important;
}

.bg-gradient-secondary {
    background-image: var(--ex-gradient-palette);
}

/* Colors - secondary - light */
.text-secondary-light,
.list-secondary-light li::before {
    color: var(--ex-secondary-light);
}

.bg-secondary-light,
.list-bg-secondary-light li::before {
    background-color: var(--ex-secondary-light);
}

/* Colors - secondary - neutral */
.text-secondary-neutral,
.list-secondary-neutral li::before {
    color: var(--ex-secondary-neutral);
}

.bg-secondary-neutral,
.list-bg-secondary-neutral li::before {
    background-color: var(--ex-secondary-neutral);
}

/* Colors - secondary - dark */
.text-secondary-dark,
.list-secondary-dark li::before {
    color: var(--ex-secondary-dark);
}

.bg-secondary-dark,
.list-bg-secondary-dark li::before {
    background-color: var(--ex-secondary-dark);
}

/* Colors - accent */
.text-accent,
.list-accent li::before {
    color: var(--ex-accent);
}

.bg-accent,
.list-bg-accent li::before {
    background-color: var(--ex-accent);
    color: var(--bs-black);
}

.bg-gradient-accent {
    background-image: var(--ex-gradient-accent);
}

/* Colors - warning */
.text-warning,
.list-warning li::before {
    color: var(--ex-warning) !important;
}

.bg-warning,
.list-bg-warning li::before {
    background-color: var(--ex-warning) !important;
}

.bg-gradient-warning {
    background-image: var(--ex-gradient-warning);
}

/* Colors - danger */
.text-danger,
.list-danger li::before {
    color: var(--ex-danger) !important;
}

.bg-danger,
.list-bg-danger li::before {
    background-color: var(--ex-danger) !important;
}

.bg-gradient-danger {
    background-image: var(--ex-gradient-danger);
}

/* Colors - success */
.text-success,
.list-success li::before {
    color: var(--ex-success) !important;
}

.bg-success,
.list-bg-success li::before {
    background-color: var(--ex-success) !important;
}

/* Colors - yellow */
.text-yellow,
.list-yellow li::before {
    color: var(--bs-yellow) !important;
}

.bg-yellow,
.list-bg-yellow li::before {
    background-color: var(--bs-yellow) !important;
}

/* Colors - green */
.text-green,
.list-green li::before {
    color: var(--bs-green) !important;
}

.bg-green,
.list-bg-green li::before {
    background-color: var(--bs-green) !important;
}

/* Colors - teal */
.text-teal,
.list-teal li::before {
    color: var(--bs-teal) !important;
}

.bg-teal,
.list-bg-teal li::before {
    background-color: var(--bs-teal) !important;
}

/* Colors - blue */
.text-blue,
.list-blue li::before {
    color: var(--bs-blue) !important;
}

.bg-blue,
.list-bg-blue li::before {
    background-color: var(--bs-blue) !important;
}

/* Colors - black */
.text-black,
.list-black li::before {
    color: hsl(0, 0%, 0%) !important;
}

.bg-black,
.list-bg-black li::before {
    background-color: hsl(0, 0%, 0%) !important;
}

/* Colors - night */
.text-night,
.list-night li::before {
    color: var(--ex-night) !important;
}

.bg-night,
.list-bg-night li::before {
    background-color: var(--ex-night) !important;
    color: hsl(0, 0%, 100%);
}

/* Colors - dark gray */
.text-dark,
.list-dark li::before {
    color: var(--bs-dark) !important;
}

.bg-dark,
.list-bg-dark li::before {
    background-color: var(--bs-dark) !important;
}

/* Colors - light gray */
.text-light,
.list-light li::before {
    color: var(--ex-light) !important;
}

.bg-light,
.list-bg-light li::before {
    background-color: var(--ex-light) !important;
    color: var(--ex-night);
}

.bg-light-gray,
.list-bg-light-gray li::before {
    background-color: var(--ex-light-gray) !important;
    color: var(--ex-night);
}

/* Colors - white */
.list-white li::before {
    color: hsl(0, 0%, 100%) !important;
}

.list-bg-white li::before {
    background-color: hsl(0, 0%, 100%) !important;
    color: var(--ex-night);
}

/* Text - background clip */
[class*="t-bc-"],
[class*="t-bc-"]::before,
[class*="t-bc-"]::after {
    width: 100%;
}

.t-bc-gradient-primary {
    padding-bottom: 0.05em;
    background: linear-gradient(hsl(var(--ex-primary-h), 50%, 50%), hsl(var(--ex-primary-h), 80%, 10%));
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
}

.t-bc-gradient-steel {
    padding-bottom: 0.05em;
    background: linear-gradient(hsl(0, 0%, 100%), hsl(214, 20%, 54%));
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 0 hsla(0, 0%, 0%, 0.1);
}

.t-bc-gradient-gold {
    padding-bottom: 0.05em;
    background: linear-gradient(160deg, hsl(30, 70%, 50%), hsl(40, 70%, 50%), hsl(52, 98%, 76%), hsl(40, 75%, 50%), hsl(30, 90%, 40%));
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 3px hsla(0, 0%, 0%, 0.1);
}

.t-bc-concrete {
    position: relative;
}

.t-bc-concrete::before,
.t-bc-concrete::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 0.1em;
    content: attr(data-content);
}

.t-bc-concrete::before {
    text-shadow: 2px 3px 4px hsla(0, 0%, 0%, 0.7);
}

.t-bc-concrete::after {
    z-index: 2;
    background: url(https://d3t4gzjyl7evuc.cloudfront.net/_/backgrounds/1.0.0/bg-concrete-1.jpg);
    background-position-y: 50%;
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px hsl(0, 0%, 100%);
    /* text-stroke: 1px hsl(0, 0%, 100%); */
}

.t-bc-theme {
    position: relative;
    color: transparent;
}

.t-bc-theme::before {
    position: absolute;
    top: 0;
    left: 0;
    content: attr(data-content);
    text-shadow: 2px 3px 0 hsla(0, 0%, 0%, 0.3);
}

.t-bc-theme::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    content: attr(data-content);
    background: linear-gradient(176deg, hsl(var(--ex-success-light-h), 90%, 50%), hsl(62, 100%, 60%));
    /* background-position-y: 0%; */
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    /* -webkit-text-stroke: 1px hsl(0, 0%, 100%); */
    /* text-stroke: 1px hsl(0, 0%, 100%); */
}

.text-center [class*="t-bc-"]::before,
.text-center [class*="t-bc"]::after {
    left: 50%;
    transform: translateX(-50%);
}

/* Horizontal rules */
hr {
    opacity: 1;
}

hr,
.hr,
.hr-angle,
.h-hr,
.h-hr-angle,
.h-hr-dark,
.h-hr-angle-dark {
    --ex-hr-color: hsla(var(--ex-primary-h), 58%, 8%, 0.3);
}

hr,
.hr {
    border-top-color: var(--ex-hr-color);
}

.h-hr,
.h-hr-angle {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.h-hr-left::before,
.h-hr-right::after,
.h-hr-angle-left::before,
.h-hr-angle-right::after {
    position: relative;
    height: 2px;
    content: '\a0';
    flex-grow: 1;
}

.h-hr::before,
.h-hr::after {
    background-color: var(--ex-hr-color);
}

.h-hr-light,
.h-hr-angle-light {
    --ex-hr-color: hsla(0, 0%, 100%, 0.4);
}

.h-hr-light::before,
.h-hr-light::after {
    background-color: var(--ex-hr-color);
}

.h-hr-left::before,
.h-hr-angle-left::before {
    margin-right: 0.3em;
}

.h-hr-right::after,
.h-hr-angle-right::after {
    margin-left: 0.3em;
}

@media (min-width: 768px) {
    .h-hr-left::before,
    .h-hr-angle-left::before {
        margin-right: 0.6em;
    }

    .h-hr-right::after,
    .h-hr-angle-right::after  {
        margin-left: 0.6em;
    }
}

.h-hr-angle-left::before,
.h-hr-angle-right::after {
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
}

.h-hr-angle-left::before {
    border-right: 180px solid var(--ex-hr-color);
}

.h-hr-angle-right::after {
    border-left: 180px solid var(--ex-hr-color);
}

/* Heading with horizontal rule - hide for smaller screens */
@media (max-width: 767px) {
    .h-hr-xs-none {
        display: block;
    }

    .h-hr-xs-none::before,
    .h-hr-xs-none::after {
        display: none;
    }
}

/* Horizontal rules - angle */
.hr-angle {
    position: relative;
    border-top: 4px solid var(--ex-hr-color);
}

.hr-angle::before {
    content: '\a0';
    position: absolute;
    right: 100%;
    top: -4px;
    width: 0;
    height: 0;
    border-top: 2px solid transparent;
    border-right: 180px solid var(--ex-hr-color);
    border-bottom: 2px solid transparent;
}

.hr-angle::after {
    content: '\a0';
    position: absolute;
    left: 100%;
    top: -4px;
    width: 0;
    height: 0;
    border-top: 2px solid transparent;
    border-left: 180px solid var(--ex-hr-color);
    border-bottom: 2px solid transparent;
}

/* Headers */
.module-site-header {
    position: relative;
    z-index: 3;
    max-width: 1280px;
    background-color: hsl(var(--ex-primary-h), 14%, 96%);
    box-shadow: 0 -0.2rem 1rem hsla(var(--ex-primary-h), 10%, 10%, 0.2), inset 0 0 0 1px hsla(var(--ex-primary-h), 10%, 10%, 0.1);
}

@media (min-width: 1280px) {
    .module-site-header,
    .module-site-header div,
    .module-site-header a {
        border-radius: 0.25rem 0.25rem 0 0;
    }
}

@media (min-width: 992px) {
    .module-site-header > div {
        min-height: 154px;
    }
}

.header-glow {
    opacity: 0.9;
    position: absolute;
    bottom: 0;
    z-index: 1;
}

/* Headers - fixed */
.header-fixed {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 1000;
    transition: all 0.3s ease-in-out;
}

.header-fixed.exit-top {
    top: -100px;
}

/* Backgrounds */
.bg-dots {
    position: relative;
    z-index: 1;
    background: radial-gradient(hsl(var(--ex-primary-h), 14%, 80%) 5%, transparent 5%), radial-gradient(hsl(var(--ex-primary-h), 14%, 80%) 5%, transparent 5%);
    background-position: 0 0, 100px 100px;
    background-size: 40px 40px;
}

.bg-diagonals {
    position: relative;
    z-index: 1;
    background-color: hsl(var(--ex-primary-h), 80%, 96%);
    background-size: 10px 10px;
    background-image: repeating-linear-gradient(-45deg, hsla(var(--ex-primary-h), 6%, 86%, 0.8) 0, hsla(var(--ex-primary-h), 6%, 86%, 0.8) 1px, hsl(var(--ex-primary-h), 6%, 96%) 0, hsl(var(--ex-primary-h), 6%, 96%) 50%);
}

.bg-angle-primary-light {
    --bg-color-hsl: var(--ex-primary-h), 60%, 86%;
    background-color: hsla(var(--bg-color-hsl), 0.1);
    background-image:
        linear-gradient(120deg, hsla(var(--ex-primary-h), 60%, 40%, 0.1) 10%, transparent 10%, transparent 100%),
        linear-gradient(120deg, hsla(var(--ex-primary-h), 60%, 50%, 0.1) 20%, transparent 20%, transparent 100%),
        linear-gradient(120deg, hsla(var(--ex-primary-h), 60%, 60%, 0.1) 30%, transparent 30%, transparent 100%),
        linear-gradient(240deg, transparent 90%, hsla(var(--ex-primary-h), 60%, 70%, 0.15) 90%, transparent 100%),
        linear-gradient(240deg, transparent 70%, hsla(var(--ex-primary-h), 60%, 70%, 0.15) 70%, transparent 100%),
        linear-gradient(240deg, hsla(var(--ex-primary-h), 60%, 40%, 0.1) 10%, transparent 10%, transparent 100%),
        linear-gradient(240deg, hsla(var(--ex-primary-h), 60%, 50%, 0.1) 20%, transparent 20%, transparent 100%),
        linear-gradient(240deg, hsla(var(--ex-primary-h), 60%, 60%, 0.1) 30%, transparent 30%, transparent 100%),
        linear-gradient(120deg, transparent 90%, hsla(var(--ex-primary-h), 60%, 70%, 0.15) 90%, transparent 100%),
        linear-gradient(120deg, transparent 70%, hsla(var(--ex-primary-h), 60%, 70%, 0.15) 70%, transparent 100%);
    background-size: 100% 100%;
}

.bg-circles {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    background-image: radial-gradient(circle at center center, hsla(var(--ex-primary-h), 14%, 92%, 0.1), transparent), repeating-radial-gradient(circle at center center, hsla(var(--ex-primary-h), 14%, 92%, 0.1), hsla(var(--ex-primary-h), 14%, 92%, 0.1), 10px, transparent 20px, transparent 10px);
    background-blend-mode: multiply;
}

.bg-circles-overlap {
    background-image:
        radial-gradient(circle at 1% 110%, hsla(var(--ex-primary-h), 10%, 30%, 0.5) 0%, hsla(var(--ex-primary-h), 10%, 30%, 0.5) 50%,hsla(var(--ex-primary-h), 10%, 50%, 0.5) 50%, hsla(var(--ex-primary-h), 10%, 50%, 0.5) 100%),
        radial-gradient(circle at 110% 1%, hsla(var(--ex-primary-h), 10%, 20%, 0.5) 0%, hsla(var(--ex-primary-h), 10%, 20%, 0.5) 50%,hsla(var(--ex-primary-h), 10%, 60%, 0.5) 50%, hsla(var(--ex-primary-h), 10%, 60%, 0.5) 100%);
}

/* Backgrounds - glass */
.bg-glass-light {
    background: linear-gradient(170deg, hsla(var(--ex-primary-h), 30%, 98%, 0.95), hsla(var(--ex-primary-h), 30%, 90%, 0.9) 60%, hsla(var(--ex-primary-h), 30%, 98%, 0.8) 70%);
    box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.5), 0 14px 14px -14px hsla(var(--ex-primary-h), 50%, 2%, 0.3), 0 14px 26px -8px hsla(var(--ex-primary-h), 50%, 2%, 0.2), 0 40px 40px -40px hsla(var(--ex-primary-h), 50%, 2%, 0.05);
    /* backdrop-filter: blur(5px); */
}

.bg-glass-dark {
    background: linear-gradient(170deg, hsla(var(--ex-primary-h), 80%, 12%, 0.7), hsla(var(--ex-primary-h), 80%, 16%, 0.7) 70%, hsl(var(--ex-primary-h), 80%, 12%, 0.7) 90%);
    box-shadow: inset 0 0 0 1px hsla(192, 10%, 70%, 0.1), 0 14px 14px -14px hsla(192, 50%, 2%, 0.5), 0 12px 24px -8px hsla(192, 50%, 2%, 0.5), 0 40px 40px -40px hsla(192, 50%, 2%, 0.4);
    /* backdrop-filter: blur(5px); */
}

/* Backgrounds - stripes - complex */
.bg-stripe-vertical-night {
    --ex-bg-h: 100;
    --ex-bg-s: 100%;
    --ex-bg-l: 4%;
    --ex-bg-angle: 190deg;
    background-image:
        linear-gradient(var(--ex-bg-angle),
            hsla(192, 100%, 40%, 0.9),
            hsla(192, 100%, 30%, 0.3) 40%,
            transparent
        ),
        repeating-linear-gradient(90deg,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.2) 0px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.2) 29px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.6) 29px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.6) 69px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.4) 69px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.4) 111px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 111px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 122px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.9) 122px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.9) 145px
        ),
        repeating-linear-gradient(90deg,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.4) 0px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.4) 32px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 32px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 80px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.5) 80px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.5) 95px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 95px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 133px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.3) 133px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.3) 168px
        ),
        repeating-linear-gradient(90deg,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 0px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 147px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.6) 147px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.6) 244px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 244px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 325px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.2) 325px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.2) 429px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.5) 429px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.5) 572px
        ),
        repeating-linear-gradient(90deg,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.2) 0px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.2) 82px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.6) 82px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.6) 150px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 150px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 240px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.4) 240px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.4) 374px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 374px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 435px
        ),
        linear-gradient(180deg,
            hsl(192, 100%, 38%),
            hsl(192, 100%, 40%) 40%,
            hsl(196, 100%, 16%) 86%,
            hsl(196, 100%, 2%)
        );
}

.bg-stripe-vertical-bright {
    --ex-bg-h: 192;
    --ex-bg-s: 10%;
    --ex-bg-l: 90%;
    background-image:
        radial-gradient(at top, hsl(0, 0%, 100%), transparent 50%),
        radial-gradient(at bottom, hsl(0, 0%, 100%), transparent 50%),
        /* linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0.6) 20%, hsl(0, 0%, 100%)), */
        repeating-linear-gradient(90deg,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.2) 0px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.2) 29px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.6) 29px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.6) 69px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.4) 69px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.4) 111px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 111px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 122px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.9) 122px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.9) 145px
        ),
        repeating-linear-gradient(90deg,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.4) 0px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.4) 32px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 32px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 80px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.5) 80px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.5) 95px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 95px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 133px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.3) 133px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.3) 168px
        ),
        repeating-linear-gradient(90deg,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 0px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 147px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.6) 147px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.6) 244px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 244px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 325px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.2) 325px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.2) 429px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.5) 429px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.5) 572px
        ),
        repeating-linear-gradient(90deg,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.2) 0px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.2) 82px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.6) 82px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.6) 150px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 150px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 240px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.4) 240px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.4) 374px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 374px,
            hsla(var(--ex-bg-h), var(--ex-bg-s), var(--ex-bg-l), 0.1) 435px
        ),
        linear-gradient(180deg,
            hsl(var(--ex-bg-h), var(--ex-bg-s), 80%),
            hsl(var(--ex-bg-h), var(--ex-bg-s), 50%) 80%,
            hsl(var(--ex-bg-h), var(--ex-bg-s), 98%)
        );
}

.bg-fade-up::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(hsl(0, 0%, 100%), transparent 90%);
    content: '\a0';
}

.bg-fade-down::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background:
        radial-gradient(at bottom, hsl(0, 0%, 100%) 10%, transparent),
        linear-gradient(transparent, hsl(0, 0%, 100%, 0.6) 80%, hsl(0, 0%, 100%) 98%);
    content: '\a0';
}

/* Background images */
.bg-img-concrete {
    background-color: hsl(0, 0%, 100%);
    background-image: url(https://d3t4gzjyl7evuc.cloudfront.net/_/backgrounds/1.0.0/bg-concrete-3.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: scroll;
    background-size: cover;
}

.bg-img-wave {
    background-color: transparent;
    background-image: url(https://d3t4gzjyl7evuc.cloudfront.net/_/backgrounds/1.0.0/bg-wave-2.1.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: scroll;
    background-size: cover;
}

.bg-img-lines {
    background-color: transparent;
    background-image: url(https://d3t4gzjyl7evuc.cloudfront.net/_/backgrounds/1.0.0/bg-lines.png);
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: scroll;
    background-size: cover;
}

.bg-overlay-light::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(hsla(0, 0%, 100%, 0.4), hsla(0, 0%, 100%, 0.8) 40%);
    border-radius: 0.25rem 0.25rem 0 0;
    content: '\a0';
}

/* Main container */
.main {
    position: relative;
    text-align: left !important;
}

.module-site .main {
    padding-bottom: 2em;
}

.main.hl,
.module-site.hl .main {
    padding-bottom: 15em;
}

@media (min-width: 768px) {
    .main.hl,
    .module-site.hl .main {
        padding-bottom: 8em;
    }
}

/* Navs */
.nav-link {
    cursor: pointer;
}

/* Navs - site */
.nav-site-container {
    max-width: 1280px;
}

.nav-site {
    position: relative;
    z-index: 3;
    margin-top: -1px;
    font-size: 100%;
    transition: max-height 0.4s ease-out;
}

@media (min-width: 1280px) {
    .nav-site {
        border-radius: 0 0 0.25rem 0.25rem;
    }
}

.nav-site-light {
    background-color: hsl(0, 0%, 100%);
    box-shadow: 0 0 0.2rem hsla(0, 0%, 0%, 0.1), inset 0 0 0 1px hsla(0, 0%, 0%, 0.1);
}

.nav-site-dark {
    background-color: var(--ex-secondary-dark);
    box-shadow: 0 0 0.2rem hsla(0, 0%, 0%, 0.1), inset 0 0 0 1px hsla(0, 0%, 0%, 0.1);
}

.nav-site [class*="col"] {
    margin-right: -1px;
}

.nav-site [class*="col"]:last-of-type {
    border-right: 0;
}

.nav-site-link {
    display: block;
    padding: 1rem 0.5rem 0.85rem 0.5rem;
    font-weight: 700;
    font-size: 95%;
    line-height: 1.2;
    letter-spacing: -0.01em;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    transition: all 0.4s;
}

.nav-site-link:hover {
    text-decoration: none;
    transition: all 0.2s;
}

.nav-site-link small {
    display: block;
    font-family: var(--ex-font-system);
    font-weight: 700;
    font-size: 75%;
    line-height: 1.3;
    text-transform: none;
    transition: all 0.2s;
}

/* Navs - site nav links - light */
.nav-site-light .nav-site-link {
    color: hsla(var(--ex-primary-h), 58%, 8%, 0.7);
}

.nav-site-light .nav-site-link:hover {
    color: hsla(var(--ex-primary-h), 58%, 8%, 1);
    text-decoration: none;
    transition: all 0.2s;
}

.nav-site-light .nav-site-link.active {
    color: hsla(var(--ex-primary-h), 58%, 8%, 1);
}

.nav-site-light .nav-site-link small {
    color: hsla(var(--ex-primary-h), 58%, 8%, 0.5);
}

.nav-site-light .nav-site-link a:hover small {
    color: hsla(var(--ex-primary-h), 58%, 8%, 0.7);
}

/* Navs - site nav links - dark */
.nav-site-dark .nav-site-link {
    color: hsla(var(--ex-primary-h), 58%, 98%, 0.7);
}

.nav-site-dark .nav-site-link:hover {
    color: hsla(var(--ex-primary-h), 58%, 98%, 1);
}

.nav-site-dark .nav-site-link.active {
    color: hsla(var(--ex-primary-h), 58%, 98%, 1);
}

.nav-site-dark .nav-site-link small {
    color: hsla(var(--ex-primary-h), 58%, 98%, 0.5);
}

.nav-site-dark .nav-site a:hover small {
    color: hsla(var(--ex-primary-h), 58%, 98%, 0.7);
}

/* Navs - site nav toggle */
.nav-site-toggle-wrap {
    --ex-sizing: 24px;
    --ex-bar-sizing: 8px;
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -1.05rem;
    left: 50%;
    z-index: 6;
    width: calc(var(--ex-sizing) * 1.8);
    height: calc(var(--ex-sizing) * 1.8);
    border-radius: 0.4rem;
    transform: translateX(-50%);
}

.nav-site-toggle {
    position: relative;
    width: var(--ex-sizing);
    /* height: var(--ex-sizing); */
}

.nav-site-toggle-light.nav-site-toggle-wrap {
    background-color: var(--ex-light);
    border: 4px solid var(--ex-night);
}

.nav-site-toggle-light span {
    background-color: var(--ex-night);
}

.nav-site-toggle-dark.nav-site-toggle-wrap {
    background-color: var(--ex-light);
    border: 4px solid var(--ex-night);
}

.nav-site-toggle-dark span {
    background-color: var(--ex-light);
}

.nav-site-toggle .nav-site-toggle-btn {
    width: var(--ex-sizing);
    cursor: pointer;
}

.nav-site-toggle span {
    display: block;
    position: relative;
    width: 100%;
    height: 4px;
    border-radius: 8px;
    transition: all 0.3s;
}

.nav-site-toggle span + span {
    margin-top: 4px;
}

.nav-site-toggle.nav-site-toggle-open span:nth-child(1) {
    animation: ease 0.7s top-1 forwards;
}

.nav-site-toggle span:nth-child(1) {
    animation: ease 0.7s top-2 forwards;
}

.nav-site-toggle.nav-site-toggle-open span:nth-child(2) {
    animation: ease 0.7s scaled-1 forwards;
}

.nav-site-toggle span:nth-child(2) {
    animation: ease 0.7s scaled-2 forwards;
}

.nav-site-toggle.nav-site-toggle-open span:nth-child(3) {
    animation: ease 0.7s bottom-1 forwards;
}

.nav-site-toggle span:nth-child(3) {
    animation: ease 0.7s bottom-2 forwards;
}

@keyframes top-1 {
    0% {
        top: 0;
        transform: rotate(0);
    }
    50% {
        top: var(--ex-bar-sizing);
        transform: rotate(0);
    }
    100% {
        top: var(--ex-bar-sizing);
        transform: rotate(45deg);
    }
}

@keyframes top-2 {
    0% {
        top: var(--ex-bar-sizing);
        transform: rotate(45deg);
    }
    50% {
        top: var(--ex-bar-sizing);
        transform: rotate(0deg);
    }
    100% {
        top: 0;
        transform: rotate(0deg);
    }
}

@keyframes bottom-1 {
    0% {
        bottom: 0;
        transform: rotate(0);
    }
    50% {
        bottom: var(--ex-bar-sizing);
        transform: rotate(0);
    }
    100% {
        bottom: var(--ex-bar-sizing);
        transform: rotate(135deg);
    }
}

@keyframes bottom-2 {
    0% {
        bottom: var(--ex-bar-sizing);
        transform: rotate(135deg);
    }
    50% {
        bottom: var(--ex-bar-sizing);
        transform: rotate(0);
    }
    100% {
        bottom: 0;
        transform: rotate(0);
    }
}

@keyframes scaled-1 {
    50% {
        transform: scale(0);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes scaled-2 {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

.nav-site-toggle-light .nav-site-toggle-btn {
    color: var(--ex-night);
}

.nav-site-toggle-dark .nav-site-toggle-btn {
    color: var(--ex-light);
}

@media (max-width: 991px) {
    .nav-site-toggle-wrap {
        display: flex;
    }

    .nav-site {
        overflow: hidden;
        height: auto;
        max-height: 4px;
        padding-top: 0.01rem;
        padding-bottom: 0.01rem;
        transition: all 0.6s;
    }

    .nav-site.nav-site-open {
        max-height: 600px;
        padding-top: 2rem;
        padding-bottom: 1.8rem;
    }

    .nav-site [class*="col"] {
        border: 0;
    }
}

/* Navs - extra small padding */
.nav-p-xs .nav-link {
    /* padding: 0.2rem 0.3rem; */
    padding: 0.2rem 0;
}

/* Navs - small padding */
.nav-p-sm .nav-link {
    padding: 0.5rem 0.65rem;
}

.nav-p-sm:first-child {
    padding-left: 0;
}

.nav-p-sm:last-child {
    padding-right: 0;
}

/* Navs - vertical bar separated */
.nav-sep-vertical {
    display: block;
    text-align: center;
}

@media (min-width: 768px) {
    .nav-sep-vertical {
        display: flex;
    }

    .nav-sep-vertical .nav-item::after {
        position: absolute;
        right: 0;
        top: 45%;
        content: "|";
        transform: translateY(-45%);
    }

    .nav-sep-vertical .nav-item:last-child::after,
    .nav-link-cookie-pref::after {
        display: none;
    }
}

.nav-sep-vertical .nav-link:hover {
    background-color: transparent !important;
}

/* Figures and images */
.figure-xxl {
    max-width: 400px;
}

@media (min-width: 768px) {
    .figure-xxl {
        max-width: 600px;
    }
}

.figure-xl {
    max-width: 300px;
}

@media (min-width: 768px) {
    .figure-xl {
        max-width: 340px;
    }
}

.figure-lg {
    max-width: 200px;
}

@media (min-width: 768px) {
    .figure-lg {
        max-width: 220px;
    }
}

.figure-md {
    max-width: 170px;
}

@media (min-width: 768px) {
    .figure-md {
        max-width: 180px;
    }
}

.figure-sm {
    max-width: 140px;
}

@media (min-width: 768px) {
    .figure-sm {
        max-width: 160px;
    }
}

.figure-xs {
    max-width: 90px;
}

@media (min-width: 768px) {
    .figure-xs {
        max-width: 120px;
    }
}

.figure-left,
.figure-right {
    display: none;
}

@media (min-width: 1200px) {
    .figure-left,
    .figure-right {
        display: block;
        position: absolute;
        bottom: 0;
        z-index: 3;
        max-width: 400px;
        margin-bottom: 0;
    }

    .figure-left {
        left: -3.5rem;
    }

    .figure-right {
        right: -3.5rem;
    }
}

/* Banner Headshot */
.img-banner-headshot {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0.5rem;
    max-width: 180px;
}

/* Logos */
.img-banner-logo {
    position: relative;
    z-index: 3;
    display: block;
    width: 260px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 992px) {
    .img-banner-logo {
        width: 420px;
        margin-right: 0;
        margin-left: 180px;
    }
}

@media (min-width: 1200px) {
    .img-banner-logo {
        width: 460px;
    }
}

.main-video-replay .img-banner-logo {
    width: 100%;
    max-width: 240px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .main-video-replay .img-banner-logo {
        max-width: 360px;
        margin-right: 0;
        margin-bottom: 0.85rem;
        margin-left: 0;
    }
}

/* Logos - colors */
.e-logo-night img {
    filter: invert(0.5) sepia(1) brightness(0.24) saturate(0.55) hue-rotate(175.5deg);
    /* filter: sepia(1) contrast(1.2) hue-rotate(170deg) grayscale(0.4); */
}

.e-logo-primary-dark img {
    filter: invert(0.5) sepia(1) brightness(0.65) contrast(2.5) hue-rotate(190deg) saturate(0.7);
}

.e-logo-white img {
    filter: grayscale(1) invert(1) brightness(2.5) contrast(2.5);
}

/* Logos - Brownstone Research */
.e-img-brand-br {
    width: 180px !important;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

.e-img-brand-br-sm {
    width: 36px;
}

/* Logos - Opportunistic Trader */
.e-img-brand-ot {
    width: 210px !important;
}

.e-img-brand-ot-sm {
    width: 48px;
}

/* Icons - calendar */
.icon-calendar {
    --ex-calendar-color: var(--ex-secondary);
    --ex-border-radius: 0.6rem;
    border-radius: var(--ex-border-radius);
    width: 80px;
    font-size: 90%;
    transform: rotate(4deg);
}

@media (min-width: 768px) {
    .icon-calendar {
        width: 90px;
    }
}

.icon-calendar-skeuo {
    box-shadow: 0 0.2em 0.6em -0.1em hsla(var(--ex-primary-h), 100%, 10%, 0.2);
}

.icon-calendar-outline {
    box-shadow: inset 0 0 0 0.3em var(--ex-calendar-color);
}

.icon-calendar-month {
    width: 100%;
    height: 2.2em;
    border-radius: var(--ex-border-radius) var(--ex-border-radius) 0 0;
    font-weight: 900;
    font-size: 85%;
    line-height: 1;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
}

.icon-calendar-skeuo .icon-calendar-month {
    background: linear-gradient(hsl(var(--ex-danger-h), var(--ex-danger-s), 48%) 55%, hsl(var(--ex-danger-h), var(--ex-danger-s), 35%));
    box-shadow: inset 0 0 0 0.06em hsla(var(--ex-danger-h), var(--ex-danger-s), 10%, 0.3), inset 0 0.12em 0 0 hsla(var(--ex-danger-h), var(--ex-danger-s), 80%, 0.8);
    color: hsl(0, 0%, 100%);
    text-shadow: 0 -0.05em hsla(0, 0%, 0%, 0.4);
    -webkit-font-smoothing: antialiased;
}

.icon-calendar-outline .icon-calendar-month {
    box-shadow: inset 0 -0.3em 0 0 var(--ex-calendar-color);
    color: var(--ex-calendar-color);
}

.icon-calendar-day {
    width: 100%;
    height: 1.3em;
    padding-bottom: 0.1em;
    border-radius: 0 0 var(--ex-border-radius) var(--ex-border-radius);
    font-weight: 600;
    font-size: 262%;
    line-height: 1;
    letter-spacing: -0.01em;
    text-align: center;
}

.icon-calendar-skeuo .icon-calendar-day {
    background: linear-gradient(170deg, hsl(var(--ex-primary-h), 50%, 98%) 45%, hsl(var(--ex-primary-h), 20%, 90%));
    box-shadow: inset 0 0 0.02em 0 hsla(var(--ex-primary-h), var(--ex-primary-s), 10%, 0.4), inset 0 0.04em 0 0 hsla(0, 0%, 100%, 0.9);
    color: hsla(var(--ex-primary-h), 100%, 10%, 0.9);
}

.icon-calendar-outline .icon-calendar-day {
    color: var(--ex-calendar-color);
}

.icon-calendar-month .calendar-month {
    position: relative;
    bottom: -0.05em;
}

.icon-calendar-day .calendar-day {
    position: relative;
    top: -0.02em;
}

/* Lists */
ul, ol {
    padding-left: 1.92em;
    list-style: none;
}

li {
    position: relative;
    margin-bottom: 1rem;
}

[class*="list-"] li::before {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: var(--ex-i-top, 0);
    left: var(--ex-i-left, -2rem);
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 100%;
    color: var(--ex-fa-color, inherit);
    line-height: 1;
}

/* Lists - icons */
.list-fa li::before {
    top: var(--ex-i-top, -0.05rem);
    font-size: var(--ex-i-size, 0.9em);
    font-family: var(--ex-font-fa-free);
    font-weight: var(--ex-i-weight, 900);
    transform: var(--ex-i-transform, scale(0.9));
}

/* Lists - arrows */
.list-arrow-right li::before {
    font-size: 0.9em;
    content: '\f061';
}

/* Lists - discs and circles */
.list-disc li::before,
.list-circle li::before {
    padding-top: 0.06em;
    font-size: var(--ex-i-size, 0.66em);
    content: '\f111';
}

.list-circle li::before {
    font-weight: 400;
}

/* Lists - squares */
.list-square li::before {
    padding-top: 0.1em;
    font-size: var(--ex-i-size, 0.64em);
    content: '\f0c8';
}

/* Lists - checks */
.list-check li::before {
    padding-top: 0.05em;
    font-size: var(--ex-i-size, 1em);
    transform: var(--ex-i-transform, scale(1));
    content: '\f00c';
}

/* Lists - check circle */
.list-check-circle li::before {
    font-size: var(--ex-i-size, 1.35em);
    font-weight: 400;
    content: '\f058';
    -webkit-font-smoothing: antialiased;
}

/* Lists - square checks (regular) */
.list-check-square li::before {
    padding-top: 0;
    font-size: var(--ex-i-size, 1.3em);
    font-weight: var(--ex-i-weight, 400);
    content: '\f14a';
    -webkit-font-smoothing: antialiased;
}

/* Lists - slot checks */
.list-check-slot li::before {
    padding-top: 0;
    font-size: var(--ex-i-size, 1.2em);
    content: '\f772';
}

/* Lists - clipboard checks */
.list-check-clipboard li::before {
    padding-top: 0;
    font-size: var(--ex-i-size, 1.2em);
    content: '\f46c';
}

/* Lists - calendar checks */
.list-check-calendar li::before {
    padding-top: 0;
    font-size: var(--ex-i-size, 1.2em);

    /* For outlined version, use the `font-weight: 400` */
    font-weight: var(--ex-i-weight, 900);

    content: '\f274';
}

/* Lists - chevrons */
.list-chevron li::before {
    top: var(--ex-i-top, -0.08em);
    padding-bottom: 0.02em;
    padding-left: 0.1em;
    font-size: var(--ex-i-size, 0.9em);
    content: '\f054';
}

.list-angles-right li::before {
    padding-left: 0.1em;
    font-size: var(--ex-i-size, 0.95em);
    content: '\f101';
}

/* Lists - line chart */
.list-chart-line li::before {
    font-size: var(--ex-i-size, 1.05em);
    content: '\f201';
}

/* Lists - diamond */
.list-diamond li::before {
    font-size: var(--ex-i-size, 0.8em);
    content: '\f219';
}

/* Lists - caret right */
.list-caret-right li::before {
    font-size: var(--ex-i-size, 1.2em);
    content: '\f0da';
}

/* Lists - thumbs up */
.list-thumbs-up li::before {
    font-size: var(--ex-i-size, 1em);
    content: '\f164';
}

/* Lists - custom icon */
.list-fa-custom li::before {
    padding-top: 0;
    left: var(--ex-i-left, -2.4rem);
    color: var(--ex-i-color, inherit);
    font-size: var(--ex-i-size, 1em);
    font-weight: var(--ex-i-weight, 900);
    content: var(--ex-i-icon) !important;
    transform: var(--ex-i-transform, scale(1));
}

/* Lists - ordered */
.list-number li {
    counter-increment: list;
}

.list-number li::before {
    font-size: 0.85em;
    font-weight: 700;
    line-height: 1.5;
    content: counter(list);
}

.list-decimal li {
    counter-increment: list;
}

.list-decimal li::before {
    font-size: 0.85em;
    font-weight: 700;
    line-height: 1.5;
    content: counter(list) '.';
}

/* Lists - zigzag */
.list-zigzag {
    padding-left: 0.7rem;
}

.list-zigzag li {
    position: relative;
    margin: 0;
    padding: 2rem 2rem 1rem 2rem;
    border-top: 3px solid;
}

.list-zigzag li::before {
    top: 1.9rem;
    transform: scale(0.95);
}

.list-zigzag li:nth-child(odd) {
    margin-right: 2rem;
    padding-right: 0;
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;}

.list-zigzag li:nth-child(odd)::before {
   left: -0.9rem;
}

.list-zigzag li:nth-child(even) {
    margin-top: -3px;
    margin-bottom: -3px;
    margin-left: 2rem;
    padding-left: 0;
    border-top: 3px solid;
    border-right: 3px solid;
    border-bottom: 3px solid;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
}

.list-zigzag li,
.list-zigzag li:nth-child(odd),
.list-zigzag li:nth-child(even) {
    border-color: hsl(206, 7%, 79%);
}

.list-zigzag li:nth-child(even)::before {
    left: 100%;
    margin-left: -0.75rem;
}

.list-zigzag li:first-child {
    padding-top: 0;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.list-zigzag li:first-child::before {
    top: -0.2rem;
}

.list-zigzag li:last-child {
    padding-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 0;
}

/* Lists - borders and backgrounds */
.list-border li::before,
[class*="list-bg-"] li::before {
    transform: var(--ex-i-transform, scale(0.74));
}

.list-border li::before {
    display: flex;
    border: 0.15rem solid;
}

/* Lists - counters */
.list-increment {
    counter-increment: list 0;
}

.list-counter-reset {
    counter-reset: list 0;
}

/* Lists - clear list styles */
.list-clear li::before {
    background-color: transparent !important;
    box-shadow: none !important;
    content: '\a0' !important;
}

/* Lists - font size variations */
.list-h5.list-border li::before,
.list-h5[class*="list-bg-"] li::before {
    top: -0.1rem;
    font-size: 0.65em !important;
    transform: scale(0.8);
}

small li::before,
.small li::before,
.footer li::before,
.disclaimer li::before {
    top: var(--ex-i-top, -0.26em);
}

.fs-90 li::before {
    top: var(--ex-i-top, -0.12em);
}

.fs-110 li::before {
    top: var(--ex-i-top, -0.02em);
}

/* Quotes */
.quote {
    position: relative;
    padding-left: 2em;
    font-size: 1.2em;
    line-height: 1.45;
}

.quote::before {
    display: block;
    position: absolute;
    top: -0.2em;
    left: 0;
    font-family: 'Georgia', serif;
    font-weight: 700;
    font-size: 2.4em;
    line-height: 1.45;
    text-align: center;
    content: '\201C';
}

/* Paper */
.paper {
    padding: 1.5em 2.5em;
    background-color: hsl(var(--ex-primary-h), 8%, 99%);
    background-image:
        linear-gradient(
            hsla(var(--ex-primary-h), 8%, 8%, 0.025),
            hsla(var(--ex-primary-h), 8%, 96%, 0.05) 33%,
            hsla(var(--ex-primary-h), 8%, 8%, 0.05) 33%,
            hsla(var(--ex-primary-h), 8%, 96%, 0.05) 67%,
            hsla(var(--ex-primary-h), 8%, 8%, 0.05) 67%,
            hsla(var(--ex-primary-h), 8%, 96%, 0.025));
    box-shadow:
        0 0 1.5em hsla(var(--ex-primary-h), 4%, 6%, 0.08) inset,
        0 0.1em 0.25em hsla(var(--ex-primary-h), 4%, 6%, 0.3);
}

/* Guarantee */
.guarantee {
    position: relative;
    margin-right: 18px;
    margin-left: 18px;
    background-color: hsl(230, 10%, 98%);
    box-shadow: 0 0 0 5px hsl(230, 16%, 85%), 0 0 0 17px hsl(240, 4%, 95%), 0 0 0 18px hsla(0, 0%, 0%, 0.15), 0 0.3rem 0.9rem hsla(0, 0%, 0%, 0.95);
}

.guarantee-corners-top::before,
.guarantee-corners-top::after {
    position: absolute;
    top: -18px;
    width: 80px;
    height: 150px;
    background-repeat: no-repeat;
    background-size: 100%;
    content: '\a0';
    filter: hue-rotate(-35deg) contrast(1.8) saturate(0) drop-shadow(2px 4px 6px hsla(0, 0%, 0%, 0.3));
}

@media (min-width: 768px) {
    .guarantee-corners-top::before,
    .guarantee-corners-top::after {
        width: 125px;
    }
}

.guarantee-corners-top::before {
    left: -18px;
    background-image: url(https://d3t4gzjyl7evuc.cloudfront.net/_/ornaments/1.0.0/certificate-corner-top-left-primary.png);
}

.guarantee-corners-top::after {
    right: -18px;
    background-image: url(https://d3t4gzjyl7evuc.cloudfront.net/_/ornaments/1.0.0/certificate-corner-top-right-primary.png);
}

.border-multi {
    position: relative;
    margin-right: 10px;
    margin-left: 10px;
}

/* Seals */
.seal-guarantee {
    position: relative;
    z-index: 2;
    max-width: 140px;
    margin-top: -4.15rem;
}

@media (min-width: 768px) {
    .seal-guarantee {
        max-width: 220px;
        margin-top: -4.97rem;
    }
}

/* Ribbons */
.ribbon {
    position: absolute;
    top: -1.34rem;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 200px;
    padding: 0.5em 0 0.45em 0;
    color: #fff;
    -webkit-clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);
            clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);
    transform: translateX(-50%);
}

@media (min-width: 768px) {
    .ribbon {
        max-width: 280px;
    }
}

/* Ribbons - corner ribbon */
.ribbon-corner {
    width: 200px;
    position: absolute;
    z-index: 4;
    font-weight: 700;
    text-align: center;
    line-height: 2;
    transform: rotate(-45deg);
}

/* Ribbons - corner ribbon positions */
.ribbon-corner.top-left {
    top: 20px;
    left: -66px;
    transform: rotate(-45deg);
}

.ribbon-corner.top-right{
    top: 20px;
    right: -66px;
    left: auto;
    transform: rotate(45deg);
}

.ribbon-corner.bottom-left{
    top: auto;
    bottom: 20px;
    left: -66px;
    transform: rotate(45deg);
}

.ribbon-corner.bottom-right{
    top: auto;
    right: -66px;
    bottom: 20px;
    left: auto;
    transform: rotate(-45deg);
}

/* Ribbons - breadcrumbs */
.ribbon-breadcrumbs {
    max-width: 95%;
}

@media (min-width: 768px) {
    .ribbon-breadcrumbs {
        max-width: 640px;
    }
}

@media (min-width: 992px) {
    .ribbon-breadcrumbs {
        max-width: 740px;
    }
}

.ribbon-arrow::before {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.25rem;
    background-color: hsla(206, 7%, 45%, 0.4);
    content: '\a0';
    -webkit-clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%);
            clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%);
}

@media (min-width: 768px) {
    .ribbon-arrow::before {
        padding: 0.35rem 0.25rem;
    }
}

.ribbon-arrow .ribbon-text {
    position: relative;
    display: block;
    margin-top: -34px;
    color: hsla(0, 0%, 100%, 0.75);
    font-size: 0.65rem;
    line-height: 32px;
    letter-spacing: -0.01rem;
}

@media (min-width: 768px) {
    .ribbon-arrow .ribbon-text {
        margin-top: -45px;
        font-size: 0.75rem;
        line-height: 45px;
    }
}

/* Ribbons - active ribbon */
.ribbon-active::before {
    background-color: var(--ex-secondary);
}

.ribbon-active .ribbon-text {
    color: hsl(210, 17%, 98%);
}

/* Ribbons - "You are here" indicator */
@media (min-width: 992px) {
    .ribbon-indicator::after {
        display: block;
        position: absolute;
        left: 40%;
        bottom: -46px;
        width: 220px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='arrow-up' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 123 116' style='enable-background:new 0 0 123 116;' xml:space='preserve'%3E%3Cpath fill='%236c757d' d='M108.8,53.5c-2.8,4.8-9.2,9.3-13.9,12c-18.4,10.7-45.6,9.2-61.2-5.7C28,54.4,23.6,48,20,40.9c-2.8,3.3-5.5,6.8-8.6,9.8 c-1.8,1.8-4.4,3.9-7.1,2.7c-3.9-1.7-2.5-7.6-2.2-10.8c0.5-5.6,1.8-11,3.4-16.4c0.9-2.9,1.9-5.9,3-8.7c1.9-4.8,4.1-9.5,6.9-13.8 c2.8-4.5,9.1,0.5,11.9,2.5c5.3,3.9,10.8,7.4,16.3,10.8c4,2.4,9.1,5.9,10.8,10.5c0.8,2.3,0,5.3-1.9,6.8C48.8,37.3,44,36,40,34.6 c-1.3-0.5-2.6-0.9-4-1.4c-2.6-0.9-6-2.6-6-2.8c0.3,1.8,1,3.5,1.8,5.1c9.8,19.6,34.3,27,54.5,21.2c6.9-2,14.3-5,20.5-8.6 C109.9,46.3,109.9,51.7,108.8,53.5z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 0% 90%;
        background-size: 40px;
        content: ' You are here';
        color: hsl(208, 7%, 46%);
        font-family: var(--font-handwritten);
        font-size: 1.5rem;
        -webkit-font-smoothing: antialiased;
        text-transform: none;
    }
}

/* Starbusrts */
.starburst {
    position: absolute;
    left: 50%;
    width: 3em;
    height: 3em;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    transform: rotate(-45deg) translateX(-50%);
}

.starburst,
.starburst span {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.starburst span {
    width: 100%;
    height: 100%;
    background: inherit;
    transform: rotate(45deg);
}

.starburst::before,
.starburst::after ,
.starburst span::before,
.starburst span::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: inherit;
    content: '\a0';
    transform: rotate(30deg);
}

.starburst::after {
    transform: rotate(-30deg);
}

.starburst span::before {
    transform: rotate(-30deg);
}

.starburst span::after {
    transform: rotate(30deg);
}

.guarantee .starburst {
    top: -2.66em;
}

/* Arrows */
.img-arrow-left {
    opacity: 0;
    display: none;
    position: absolute;
    top: -1rem;
    left: -10rem;
    z-index: 2;
    width: 200px;
    transform: scale(0.4);
}

@media (min-width: 992px) {
    .img-arrow-left {
        display: block;
    }
}

.arrow-v-right,
.arrow-v-left {
    display: none;
    position: absolute;
    top: -12rem;
    z-index: 1;
    width: 248px;
}

.arrow-v-right {
    right: -3rem;
}

.arrow-v-left {
    left: -3rem;
}

@media (min-width: 992px) {
    .arrow-v-right,
    .arrow-v-left {
        display: block;
    }
}

/* Marks */
mark,
.mark {
    --ex-stroke-color: hsl(var(--ex-accent-h), 100%, 76%);
    background-color: var(--ex-stroke-color);
}

/* Marks - skew */
.mark-skew {
    display: inline-block;
    background-color: var(--ex-stroke-color);
    transform: skew(-20deg);
}

.mark-text {
    display: inline-block;
    transform: skew(20deg);
}

/* Marks - stroke */
.mark-stroke {
    --ex-stroke-color: hsl(var(--ex-accent-h), 100%, 70%);
    position: relative;
    padding: 0.1em 0.4em 0.1em 0.2em;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 811 154.5' preserveAspectRatio='none'%3e%3cpath fill='%23ffde5c' d='M794.27,31.43c4.64,10.67,10.78,21.73,8.35,35.11c-0.31,1.69,2.39,3.73,2.88,5.8 c1.47,6.21,3.38,10.84-3.81,17.27c-6.74,6.02-13.13,9-22.27,9.68c8.32,7.46,15.37,13.79,23.78,21.34c0,2.22,0,6.96,0,12.07 c-5.2,0.41-10.15,0.28-14.83,1.36c-3.31,0.76-9.26,0.43-6.43,7.75c0.3,0.78-8.17,7.39-12.18,7.02c-25.52-2.36-50.86-7.24-76.41-8.75 c-29.87-1.77-59.89-1.14-89.84-1.24c-59.27-0.2-118.56,3.11-177.72-4.38c-19.53-2.47-39.57-0.8-59.37-1.36 c-9.98-0.28-19.93-1.77-29.9-1.84c-8.96-0.06-17.93,1.4-26.9,1.58c-11.02,0.22-22.05-0.35-33.08-0.29 c-20.56,0.11-41.12,0.76-61.68,0.59c-22.41-0.18-44.81-1.34-67.21-1.53c-27.98-0.24-55.96,0.11-83.93,0.12 c-9.56,0-19.22,0.51-28.63-0.75c-4.33-0.58-9.48-3.96-11.98-7.62C12.57,107.92,6.48,90.78,6.58,71.79 C6.64,60.4,5.13,48.77,7.03,37.71c1.52-8.78,6.43-17.3,11.23-25.08c2.97-4.82,7.99-4.25,14.39-2.64c16.27,4.09,33.15,6.86,49.91,7.7 c51.12,2.56,102.29,4.43,153.46,5.62c31.65,0.74,63.34-0.31,95.01-0.43c22.37-0.08,44.75-0.44,67.09,0.2 c45.36,1.3,90.69,3.67,136.06,4.58c15.86,0.32,31.77-2.75,47.69-3.5c12.02-0.57,24.1,0.35,36.15,0.14 c12.98-0.22,25.96-1.59,38.92-1.34c12.59,0.24,25.14,2.23,37.74,2.85c17.19,0.84,34.41,1.19,51.63,1.54c2.13,0.04,4.3-1.1,6.43-1.75 c7.41-2.26,13.99-2.51,20.62,3.31c4.22,3.71,10.37,5.38,15.89,7.28C790.18,36.53,792.31,33.36,794.27,31.43z'/%3e%3c/svg%3e");
    background-position: -0.2em 100%;
    background-size: 104% 96%;
    background-repeat: no-repeat;
    /* background-image: linear-gradient(var(--ex-stroke-color) 50%, var(--ex-stroke-color) 50%);
    background-position: 0 90%;
    background-size: 100% 80%;
    border-radius: 10% 26% 20% 24%; */
}

/* Marks - cicle */
.mark-circle {
    padding: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

@media (min-width: 992px) {
    .mark-circle {
        padding: 20px;
    }
}

/* Underlines */
.underline {
    position: relative;
    padding-bottom: 0.05em;
    text-decoration: none;
    background-image: linear-gradient(currentcolor, currentcolor);
    background-repeat: no-repeat;
    background-size: 100% 8%;
    background-position: 0 100%;
    border-radius: 8% 2% 8% 8%;
}

/* Strikethrough */
.strike {
    position: relative;
    display: inline-block;
    padding-right: 0.2em;
    padding-left: 0.2em;
}

.strike::before {
    position: absolute;
    left: 0;
    width: 100%;
    /* border-bottom: 6px solid hsla(var(--ex-danger-h), 70%, 54%, 0.85); */
    background-image: linear-gradient(hsla(var(--ex-danger-h), var(--ex-danger-s), var(--ex-danger-l), 0.9), hsla(var(--ex-danger-h), var(--ex-danger-s), var(--ex-danger-l), 0.9));
    background-repeat: no-repeat;
    background-size: 100% 16%;
    background-position: 0 100%;
    border-radius: 8% 2% 8% 8%;
    content: '\a0';
    transform: rotate(4deg) translateY(-40%);
}

.strike-long {
    position: relative;
}

.strike-long::before {
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
    background-image: linear-gradient(hsla(var(--ex-danger-h), var(--ex-danger-s), var(--ex-danger-l), 0.85), hsla(var(--ex-danger-h), var(--ex-danger-s), var(--ex-danger-l), 0.85));
    background-repeat: no-repeat;
    background-size: 100% 16%;
    background-position: 0 100%;
    border-radius: 8% 2% 8% 8%;
    content: '\a0';
}

/* Borders */
.border,
.card {
    border: 1px solid hsla(var(--ex-primary-h), var(--ex-primary-s), 10%, 0.1) !important;
}

.card-header {
    padding: 0.75em 1.25em;
    border-bottom: 1px solid hsla(var(--ex-primary-h), var(--ex-primary-s), 10%, 0.1) !important;
}

.border-top {
    border-top: 1px solid hsla(var(--ex-primary-h), var(--ex-primary-s), 10%, 0.1) !important;
}

.border-right {
    border-right: 1px solid hsla(var(--ex-primary-h), var(--ex-primary-s), 10%, 0.1) !important;
}

.border-bottom {
    border-bottom: 1px solid hsla(var(--ex-primary-h), var(--ex-primary-s), 10%, 0.1) !important;
}

.border-left {
    border-left: 1px solid hsla(var(--ex-primary-h), var(--ex-primary-s), 10%, 0.1) !important;
}

.border-photo {
    padding: 0.5em 0.5em 1.5em 0.5em;
    background-color: hsl(var(--ex-primary-h), 10%, 96%);
    border: 1px solid hsla(var(--ex-primary-h), 8%, 80%, 0.3);
    border-bottom: 1px solid hsla(var(--ex-primary-h), 8%, 80%, 0.7);
    border-radius: 0.25rem;
    box-shadow: 0 6px 10px -4px hsla(var(--ex-primary-h), 8%, 80%, 0.7);
}

.border-photo img {
    border-radius: 0.2rem;
}

/* Borders - gradient */
.border-gradient {
    height: 6px;
    background: hsl(173, 50%, 53%);
    background: linear-gradient(1deg, hsl(161, 63%, 58%) 24%, hsl(173, 50%, 53%) 48%, hsl(186, 74%, 46%) 100%);
}

.border-gradient-alt {
    height: 6px;
    background: hsl(7, 87%, 69%);
    background: linear-gradient(1deg, hsl(42, 98%, 58%) 8%, hsl(7, 100%, 75%) 48%, hsl(43, 100%, 67%) 100%);
}

/* Border radius */
.rounded {
    border-radius: var(--ex-radius, 0.25rem) !important;
}

.rounded-top-left {
    border-top-left-radius: var(--ex-radius, 0.25rem) !important;
}

.rounded-top-right {
    border-top-right-radius: var(--ex-radius, 0.25rem) !important;
}

.rounded-bottom-right {
    border-bottom-right-radius: var(--ex-radius, 0.25rem) !important;
}

.rounded-bottom-left {
    border-bottom-left-radius: var(--ex-radius, 0.25rem) !important;
}

@media (min-width: 576px) {
    .rounded-sm {
        border-radius: var(--ex-radius-sm, 0.25rem) !important;
    }

    .rounded-sm-top-left {
        border-top-left-radius: var(--ex-radius-sm, 0.25rem) !important;
    }

    .rounded-sm-top-right {
        border-top-right-radius: var(--ex-radius-sm, 0.25rem) !important;
    }

    .rounded-sm-bottom-right {
        border-bottom-right-radius: var(--ex-radius-sm, 0.25rem) !important;
    }

    .rounded-sm-bottom-left {
        border-bottom-left-radius: var(--ex-radius-sm, 0.25rem) !important;
    }
}

@media (min-width: 768px) {
    .rounded-md {
        border-radius: var(--ex-radius-md, 0.375rem) !important;
    }

    .rounded-md-top-left {
        border-top-left-radius: var(--ex-radius-md, 0.375rem) !important;
    }

    .rounded-md-top-right {
        border-top-right-radius: var(--ex-radius-md, 0.375rem) !important;
    }

    .rounded-md-bottom-right {
        border-bottom-right-radius: var(--ex-radius-md, 0.375rem) !important;
    }

    .rounded-md-bottom-left {
        border-bottom-left-radius: var(--ex-radius-md, 0.375rem) !important;
    }
}


@media (min-width: 992px) {
    .rounded-lg {
        border-radius: var(--ex-radius-lg, 0.5rem) !important;
    }

    .rounded-lg-top-left {
        border-top-left-radius: var(--ex-radius-lg, 0.5rem) !important;
    }

    .rounded-lg-top-right {
        border-top-right-radius: var(--ex-radius-lg, 0.5rem) !important;
    }

    .rounded-lg-bottom-right {
        border-bottom-right-radius: var(--ex-radius-lg, 0.5rem) !important;
    }

    .rounded-lg-bottom-left {
        border-bottom-left-radius: var(--ex-radius-lg, 0.5rem) !important;
    }
}

@media (min-width: 1200px) {
    .rounded-xl {
        border-radius: var(--ex-radius-xl, 1rem) !important;
    }

    .rounded-xl-top-left {
        border-top-left-radius: var(--ex-radius-xl, 1rem) !important;
    }

    .rounded-xl-top-right {
        border-top-right-radius: var(--ex-radius-xl, 1rem) !important;
    }

    .rounded-xl-bottom-right {
        border-bottom-right-radius: var(--ex-radius-xl, 1rem) !important;
    }

    .rounded-xl-bottom-left {
        border-bottom-left-radius: var(--ex-radius-xl, 1rem) !important;
    }
}

@media (min-width: 1400px) {
    .rounded-xxl {
        border-radius: var(--ex-radius-xxl, 2rem) !important;
    }

    .rounded-xxl-top-left {
        border-top-left-radius: var(--ex-radius-xxl, 2rem) !important;
    }

    .rounded-xxl-top-right {
        border-top-right-radius: var(--ex-radius-xxl, 2rem) !important;
    }

    .rounded-xxl-bottom-right {
        border-bottom-right-radius: var(--ex-radius-xxl, 2rem) !important;
    }

    .rounded-xxl-bottom-left {
        border-bottom-left-radius: var(--ex-radius-xxl, 2rem) !important;
    }
}

/* Outlines */
.outline {
    --ex-outline-color: hsl(0, 100%, 50%);
    --ex-outline-offset: 1px;
    outline: 1px solid var(--ex-outline-color);
    outline-offset: var(--ex-outline-offset);
}

/* Shadows */
.shadow-primary {
    box-shadow: 0 12px 22px -8px hsla(var(--ex-primary-h), var(--ex-primary-s), var(--ex-primary-l), 0.6);
}

.shadow-primary-light {
    box-shadow: 0 12px 22px -8px hsla(var(--ex-primary-h), var(--ex-primary-s), 80%, 0.6);
}

.shadow-primary-dark {
    box-shadow: 0 12px 22px -8px hsla(var(--ex-primary-h), var(--ex-primary-s), 20%, 0.8);
}

.shadow-secondary {
    box-shadow: 0 12px 22px -8px hsla(var(--ex-primary-h), 8%, 40%, 0.8);
}

.shadow-secondary-light {
    box-shadow: 0 12px 22px -8px hsla(var(--ex-primary-h), 8%, 80%, 0.8);
}

.shadow-secondary-dark {
    box-shadow: 0 12px 22px -8px hsla(var(--ex-primary-h), 8%, 10%, 0.8);
}

.shadow-accent {
    box-shadow: 0 12px 22px -8px hsla(var(--ex-accent-h), var(--ex-accent-s), var(--ex-accent-l), 0.5);
}

.shadow-page-curl {
    position: relative;
    z-index: 1;
    box-shadow: 0 20px 24px hsla(0, 0%, 0%, 0.15);
}

.shadow-page-curl::before,
.shadow-page-curl::after {
    position: absolute;
    left: 24px;
    bottom: 0;
    z-index: -1;
    width: 70%;
    max-width: 300px;
    max-height: 100px;
    height: 55%;
    box-shadow: 0 20px 12px hsla(0, 0%, 0%, 0.15);
    transform: skew(-15deg) rotate(-6deg);
    content: '\a0';
}

.shadow-page-curl::after {
    left: auto;
    right: 24px;
    transform: skew(15deg) rotate(6deg);
}

/* Shadows - text */
.text-shadow-dark {
    text-shadow: 2px 2px 6px hsla(0, 0%, 0%, 0.95);
}

.text-shadow {
    text-shadow: 1px 1px 4px hsla(0, 0%, 0%, 0.5);
}

/* Accordions */
.accordion-button::after {
    --bs-accordion-btn-icon-width: 0.8em;
    --bs-accordion-btn-icon-height: 0.8em;
    --bs-accordion-btn-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    --bs-accordion-btn-active-icon: var(--bs-accordion-btn-icon);
}

/* Carousels */
.carousel-item {
    z-index: 4;
}

.carousel-indicators,
.carousel-control-next,
.carousel-control-prev {
    z-index: 5;
}

/* Carousels - Testimonials */
.carousel-testimonials .carousel-control-next,
.carousel-testimonials .carousel-control-prev {
    width: 10%;
}

.carousel-testimonials .carousel-control-next-icon,
.carousel-testimonials .carousel-control-prev-icon {
    width: 1.6rem;
    height: 1.6rem;
}

.carousel-testimonials .carousel-item {
    min-height: 340px;
}

.carousel-testimonials .carousel-item.active,
.carousel-testimonials .carousel-item-next,
.carousel-testimonials .carousel-item-prev {
    display: flex;
    align-items: center;
}

.carousel-item .testimonial {
    max-width: 700px;
    line-height: 1.375;
}

.store-form-container .carousel button:focus {
    outline: none !important;
}

/* Add-to-calendar */
.add-to-cal {
    position: relative;
    z-index: 3;
    height: 3.2em;
    text-align: center;
}

.add-to-calendar {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 180px;
    height: 2.4em;
    background-color: hsl(0, 0%, 96%);
    border: 1px solid hsl(0, 0%, 84%);
    border-radius: 0.2rem;
    box-shadow: 0 0.1rem 0.4rem hsla(0, 0%, 0%, 0.1), 0 0.4rem 0.5rem hsla(0, 0%, 0%, 0.02);
    font-family: var(--ex-font-system);
    font-size: 1.1em;
    transition:
        top 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        width 0.3s cubic-bezier(0.4, 0, 0.2, 1),
        height 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        font-size 0.2s ease,
        box-shadow 0.2s ease;
    transform: translateX(-50%) scale(1.2);
    user-select: none;
}

@media (min-width: 768px) {
    .add-to-calendar {
        width: 210px;
        transform: translateX(-50%) scale(1);
    }
}

.add-to-calendar.open {
    top: -2.1em;
    width: 9.75em;
    height: 9.5em;
    font-size: 1.26em;
    box-shadow: 0 5px 18px hsla(0, 0%, 0%, 0.2);
    transition:
        top 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
        font-size 0.2s ease,
        box-shadow 0.2s ease;
}

.add-to-calendar label {
    width: 100%;
    height: 100%;
    padding-top: 0.8rem;
    padding-bottom: 0.85rem;
    background-color: #fff;
    border-radius: 0.2rem;
    color: #212529;
    font-weight: 700;
    font-size: 0.75em;
    line-height: 1;
    cursor: pointer;
}

.add-to-calendar.open label {
    height: auto;
    border-bottom: 1px solid hsla(0, 0%, 0%, 0.08);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.add-to-calendar input {
    display: none;
}

.add-to-calendar a {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    height: 0;
    padding-left: 1.75rem;
    color: #212529;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 2.6;
    text-align: left;
    text-decoration: none;
}

.add-to-calendar a:hover {
    background-color: hsla(0, 0%, 0%, 0.06);
}

.add-to-calendar a:first-of-type {
    margin-top: -0.1rem;
}

.add-to-calendar a:last-of-type {
    margin-bottom: 0.85rem;
}

.add-to-calendar-checkbox:checked ~ a {
    opacity: 1 !important;
    visibility: visible !important;
    height: auto;
    transition:
        opacity 0.4s ease 0.3s,
        visibility 0s,
        background-color 0.4s;
}

/* Add-to-caledar icons */
.add-to-calendar a::before {
    display: inline-block;
    width: 1.4rem;
    padding-right: 0.5rem;
    color: var(--ex-secondary);
    font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    text-align: center;
}

.icon-google::before {
    content: '\f1a0';
}

.icon-yahoo::before {
    content: '\f19e';
}

.icon-apple::before {
    content: '\f179';
    font-size: 1.15em;
}

.icon-outlook::before {
    content: '\f17a';
}

/* Tables */
.table > :not(caption) > * > * {
    background-color: transparent;
}

.table > thead > tr > th > p,
.table > tbody > tr > td > p {
    margin: 0;
}

.table-striped thead th {
    background-color: hsla(0, 0%, 0%, 0.04);
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: hsla(0, 0%, 0%, 0.02);
}

.table-flush td {
    padding-left: 0;
    padding-right: 0;
}

/* Countdowns */
.countdown-container {
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
}

.module-site .countdown-container {
    width: 100%;
    max-width: 340px;
}

@media (max-width: 992px) {
    .module-site-lp .countdown-container {
        margin-bottom: -1rem;
    }
}

.countdown-text {
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
}

.countdown-container.show .countdown-text {
    opacity: 1 !important;
    visibility: visible !important;
    transition:
        opacity 0.4s linear,
        visibility 0s linear;
}

@media (min-width: 992px) {
    .container-timer {
        max-width: 340px;
        min-height: 136px;
    }
}

.countdown-amount {
    font-family: var(--ex-font-mono);
    font-weight: 700;
    line-height: 1 !important;
}

.countdown-progress .countdown-amount {
    margin-bottom: 0.5rem;
    font-size: 2.1em;
}

.countdown-block,
.countdown-cards,
.countdown-progress {
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
    font-size: 90%;
    text-align: center;
}

.countdown-block .countdown-amount {
    display: block;
    padding-top: 0.2em;
    padding-bottom: 0.1em;
    /* background: linear-gradient(hsl(0, 0%, 100%) 40%, hsla(0, 0%, 70%) 60%, hsl(0, 0%, 100%) 80%);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent; */
    /* color: hsl(0, 0%, 100%); */
    font-size: 2.8em;
    line-height: 1.2;
}

.countdown-cards .countdown-amount {
    display: block;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    padding: 0.2em;
    background-color: hsl(0, 0%, 100%);
    border-radius: 0.3rem;
    color: var(--ex-danger);
    box-shadow:
        0 0 0 1px hsla(var(--ex-danger-h), 60%, 10%, 0.2),
        0 1px 0 0 hsla(var(--ex-danger-h), 60%, 10%, 0.6),
        0 4px 10px -4px hsla(var(--ex-danger-h), 30%, 20%, 0.7);
    font-size: 2.8em;
    line-height: 1.2;
}

.countdown-block .countdown-period,
.countdown-progress .countdown-period,
.countdown-cards .countdown-period {
    display: block;
    font-weight: 700;
    font-size: 1em;
    line-height: 1;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}

.countdown-cards .countdown-period {
    padding-bottom: 0.2rem;
    color: hsl(0, 0%, 100%);
    font-size: 1.2em;
}

.countdown-block .countdown-section {
    padding-right: 1rem;
}

.countdown-cards .countdown-section {
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding: 0 0.5em 0.5em 0.5em;
    border-radius: 0.6em;
    background-color: var(--ex-danger);
    box-shadow:
        inset 0 0 0 1px hsla(var(--ex-danger-h), 60%, 10%, 0.2),
        inset 0 -2px 0 0 hsla(var(--ex-danger-h), 60%, 10%, 0.4),
        0 8px 18px -8px hsla(var(--ex-danger-h), 30%, 40%, 0.9);
}

.countdown-inline .countdown-section {
    display: inline;
    padding-right: 0.5rem;
    white-space: nowrap;
}

.countdown-block .countdown-section:last-of-type,
.countdown-inline .countdown-section:last-of-type {
    padding-right: 0;
}

.countdown-inline .countdown-period {
    padding-left: 0.2rem;
}

/* Videos */
.container-video {
    position: relative;
    overflow: hidden;
    transition: all 0.6s;
    transform: translateZ(0);
}

@media (min-width: 992px) {
    .container-video-standard {
        border-radius: 0.5rem;
    }
}

/* Videos - player chrome */
.container-video .w-chrome,
.container-video img.w-css-reset {
    border-radius: 0 !important;
}

/* Videos - big play button wrapper */
.container-video .w-bpb-wrapper {
    border-radius: var(--bs-border-radius-lg, 0.5rem) !important;
}

/* Videos - overlay */
.overlay-video {
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: linear-gradient(176deg, hsl(var(--ex-primary-h), 80%, 8%, 0.4), hsl(var(--ex-primary-h), 80%, 12%, 0.98) 60%, hsl(var(--ex-primary-h), 80%, 12%));
    backdrop-filter: blur(10px);
}

.btn-video {
    display: inline-block;
    vertical-align: middle;
    user-select: none;
    padding: 0.375rem 0.75rem;
    background-color: hsla(0, 0%, 0%, 0.7);
    border: 1px solid transparent;
    border-radius: 0.25rem;
    box-shadow:
        0 0 0 1px hsla(0, 0%, 100%, 0.1),
        0 0 0 2px hsla(0, 0%, 100%, 0.5),
        0 0 0 3px hsla(0, 0%, 0%, 0.3);
    color: #fff;
    font-weight: 700;
    font-size: 0.85rem;
    line-height: 1.5;
    text-align: center;
    letter-spacing: 0.05rem;
    white-space: nowrap;
    transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    transform: translateX(-50%) translateY(-50%);
}

@media (min-width: 768px) {
    .btn-video {
        padding: 0.45rem 1.5rem;
        font-size: 1.2rem;
        line-height: 1.5;
    }
}

.btn-video:hover {
    background-color: hsla(0, 0%, 0%, 0.9);
    cursor: pointer;
}

.btn-video:focus,
.btn-video:active {
    outline: none;
}

/* Videos - chromeless player */
.video-chromeless .w-big-play-button,
.video-chromeless .w-bottom-bar {
    display: none !important;
}

/* Cue points */
.cues {
    position: relative;
}

.cue {
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    width: 100%;
    transform: scale(0.2);
    transition: all 0.2s;
}

/* Show cues by default in Safari 7.1+ */
/* _::-webkit-full-page-media, _:future, :root .cue {
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
} */

/* Show cues by default for IE 11 */
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .cues .cue {
        opacity: 1 !important;
        visibility: visible !important;
        position: relative !important;
        transform: scale(1) !important;
    }
}

/* Show cues by default for smaller screens */
@media (max-width: 768px) {
    .cues .cue-xs {
        opacity: 1 !important;
        visibility: visible !important;
        position: relative !important;
        animation-name: bump;
        animation-duration: 0.3s;
        animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
        animation-direction: linear;
        animation-fill-mode: forwards;
    }
}

.cue.show {
    position: relative;
    animation-name: bumped;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
    animation-direction: linear;
    animation-fill-mode: forwards;
}

.cues-overlay {
    position: absolute;
    bottom: 8%;
    left: 50%;
    overflow: visible;
    width: 80%;
    transform: translateX(-50%);
    transition: all 0.2s;
}

/* .cues-overlay .cue {
    background-color: hsl(228, 34%, 18%);
    border-radius: 0.15rem;
}

.cues-overlay .cue::before {
    position: absolute;
    left: -0.5rem;
    width: 16%;
    height: 30%;
    top: -10px;
    background: #716f9b;
    background: linear-gradient(#716f9b, #7471ab 34%, #3c3a5e 40%, #54518f 60%, #918fb3 100%) !important;
    content: '\a0';
    transform: skew(-10deg);
}

.cues-overlay .cue::after {
    position: absolute;
    right: -0.5rem;
    width: 16%;
    height: 30%;
    bottom: -10px;
    background: #716f9b;
    background: linear-gradient(#716f9b, #7471ab 34%, #3c3a5e 40%, #54518f 60%, #918fb3 100%) !important;
    content: '\a0';
    transform: skew(-10deg);
} */

.cues-overlay .cue {
    /* display: none; */
    display: inline-block;
}

/* @media (min-width: 768px) {
    .cues-overlay .cue {
        display: inline-block;
    }
} */

.cues-overlay .cue-video-end {
    display: inline-block;
}

/* Audio */
.audio-container {
    max-width: 380px;
}

@media (min-width: 992px) {
    .audio-container {
        border-radius: 200px;
        background-color: hsl(0, 0%, 100%);
        box-shadow: 0 0.5rem 1rem hsla(0, 0%, 0%, 0.15);
    }
}

audio {
    outline: none;
}

@media (min-width: 992px) {
    audio {
        position: absolute;
        top: 50%;
        right: 1.4em;
        transform: translateY(-50%);
    }
}

audio.chrome {
    right: 0.4em;
}

audio::-webkit-media-controls-panel {
    background-color: hsl(0, 0%, 100%);
}

/* Modals */
.modal.show,
.modal-backdrop.show {
    transition:
        visibility 0s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        backdrop-filter 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
}

.modal.show {
    z-index: 99992;
    backdrop-filter: blur(5px);
}

.modal-backdrop.show {
    opacity: 0.5 !important;
    z-index: 99991;
}

.modal.fade .modal-dialog {
    transform: translate(0, 0);
}

.modal-content {
    margin-top: 4em;
    border: 0;
    box-shadow: 0 1rem 2rem hsla(0, 0%, 0%, 0.7);
    transform: scale(0.7);
    transition: all 0.2s;
}

.modal.show .modal-content {
    transform: scale(1);
}

.main-video {
    transition:
        filter 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.modal-open .main-video .header-video,
.modal-open .main-video .container-video,
.modal-open .main-video .container-secondary,
.modal-open .main-video .container-footer {
    filter: blur(5px);
    transform: scale(0.96);
    transition:
        filter 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Modals - video */
.modal-video .modal-dialog {
    max-width: 100%;
}

@media (min-width: 768px), (min-height: 730px) {
    .modal-video .modal-dialog {
        max-width: 860px;
    }
}

@media (min-width: 992px) and (min-height: 790px) {
    .modal-video .modal-dialog {
        max-width: 960px;
    }
}

.modal-scale {
    opacity: 0;
    transform: scale(0.4);
    transition: all 0.4s;
}

.modal-scale.show {
    transform: scale(1);
}

/* Modals - close button */
button.close {
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 7;
    width: 22px;
    height: 22px;
    background-color: transparent;
    border: 0;
    border-radius: 100%;
}

@media (min-width: 992px) {
    button.close {
        width: 26px;
        height: 26px;
        top: -2rem;
        background-color: hsla(var(--ex-primary-h), 8%, 98%, 0.6);
    }
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    opacity: 1;
    outline: none;
}

.crossmark {
    position: relative;
    display: block;
    width: 12px;
    height: 12px;
}

@media (min-width: 768px) {
    .crossmark {
        width: 14px;
        height: 14px;
    }
}

.crossmark::before,
.crossmark::after {
    position: absolute;
    left: 0;
    top: 50%;
    content: '\a0';
    display: block;
    width: 12px;
    height: 0;
    border: solid hsl(var(--ex-primary-h), 8%, 30%);
    border-width: 0 0 2px 0;
    transition: all 0.2s;
}

@media (min-width: 768px) {
    .crossmark::before,
    .crossmark::after {
        width: 14px;
    }
}

.crossmark::after {
    transform: translateY(-50%) rotate(45deg);
}

.crossmark::before{
    transform: translateY(-50%) rotate(-45deg);
}

.close:hover .crossmark::before,
.close:hover .crossmark::after,
.crossmark:focus::before,
.crossmark:focus::after {
    border: solid hsl(var(--ex-primary-h), 8%, 15%);
    border-width: 0 0 2px 0;
}

/* Included items */
@media (min-width: 992px) {
    .title-fa {
        --ex-i-icon: '\f138';
        --ex-i-weight: 900;
        --ex-i-color: inherit;
        --ex-i-size: 180%;
    }

    .title-fa::before {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        margin-top: -0.2rem;
        margin-left: -2.2rem;
        color: var(--ex-i-color);
        font-family: var(--ex-font-fa-free);
        font-size: var(--ex-i-size);
        font-weight: var(--ex-i-weight, 900);
        width: 2rem;
        height: 2rem;
        line-height: 1;
        transform: scale(0.8);
        content: var(--ex-i-icon);
    }
}

/* Forms */
form {
    margin-bottom: 0;
}

.form-control,
.form-control.is-valid,
.form-select,
.form-select.is-valid {
    font-size: 1em;
    border-color: hsla(var(--ex-primary-h), 58%, 8%, 0.25);
}

.form-control:active,
.form-control:focus,
.form-select:focus {
    border-color: hsla(var(--ex-primary-h), 58%, 8%, 0.85);
    box-shadow: 0 0 0 0.15rem hsl(var(--ex-primary-h), 58%, 8%, 0.15);
}

/* Checkboxes */
.form-check {
    min-height: auto;
}

.form-check-input {
    border: 1px solid hsla(var(--ex-primary-h), 58%, 8%, 0.4);
}

.form-check-input:checked {
    background-color: currentcolor;
    border-color: currentcolor;
}

.form-check-input:focus {
    border-color: hsla(var(--ex-primary-h), 10%, 10%, 0.5);
    box-shadow: 0 0 0 0.2rem hsla(var(--ex-primary-h), 10%, 10%, 0.15);
}

/* Hide JumpCloud icon inside input fields */
form .jcpwm-preloader {
    display: none !important;
}

/* Disable input focus zoom on iOS */
@media (max-width: 767px) {
    input, select, textarea,
    input:focus, select:focus, textarea:focus {
        font-size: 16px !important;
    }
}

::placeholder {
    opacity: 1 !important;
    color: hsl(202, 5%, 46%) !important;
    transition: opacity 0.15s ease-in-out;
}

:-ms-input-placeholder {
    opacity: 1 !important;
    color: hsl(202, 5%, 46%) !important;
    transition: opacity 0.15s ease-in-out;
}

:focus::placeholder {
    opacity: 0 !important;
}

:focus:-ms-input-placeholder {
    opacity: 0 !important;
}

/* Form validation */
.was-validated .form-control:valid,
.form-control.is-valid:focus {
    border-color: hsla(0, 0%, 0%, 0.15) !important;
    box-shadow: 0 0 0 0.15rem hsla(0, 0%, 0%, 0.1) !important;
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .form-select:invalid,
.form-select.is-invalid,
.store-form .form-control[data-error=true] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ee1153' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ee1153' stroke='none'/%3e%3c/svg%3e");
    border-color: var(--ex-danger) !important;
}

.store-form .form-control[data-error=true] {
    padding-right: calc(1.5em + 0.75rem);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.store-form .form-control.store-credit-card-number[data-error=true] ~ .form-control-card-icons {
    opacity: 0;
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus,
.store-form .form-control[data-error=true]:focus {
    box-shadow: 0 0 0 0.15rem hsla(var(--ex-danger-h), var(--ex-danger-s), var(--ex-danger-l), 0.25) !important;
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block;
}

.invalid-tooltip {
    /* background-color: hsl(0, 0%, 100%);
    background: linear-gradient(hsl(210, 8%, 95%) 1%, hsl(0, 0%, 100%) 100%);
    box-shadow: 0 2px 2px 0 hsl(var(--ex-primary-h), 27%, 11%, 0.6);
    color: var(--ex-danger); */
    background-color: var(--ex-danger);
    color:hsl(0, 0%, 100%);
    font-size: 0.75rem;
}

.invalid-tooltip:first-letter,
.invalid-feedback:first-letter {
    text-transform: capitalize;
}

.form-control.is-valid,
.was-validated .form-control:valid {
    background-image: none !important;
}

/* Form validation - checkboxes */
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
    color: currentcolor;
}

.was-validated .form-check-input:valid,
.form-check-input.is-valid {
    border-color: currentcolor;
}

.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
    box-shadow: 0 0 0 0.2rem hsla(var(--ex-primary-h), 10%, 10%, 0.15);
}

.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
    background-color: currentcolor;
    border-color: hsla(var(--ex-primary-h), 10%, 10%, 0.5);
}

.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
    color: inherit !important;
}

/* Signup form */
.signup-form-container {
    --ex-outer-radius: 1.6rem;
    --ex-radius: var(--ex-outer-radius);
    --ex-padding: 0.4rem;
    padding: var(--ex-padding);
}

@media (min-width: 992px) {
    .signup-form-container {
        --ex-padding: 0.3rem;
        --ex-outer-radius: 50rem;
    }
}

.signup-form-container .btn {
    border-radius: calc(var(--ex-radius) - var(--ex-padding));
}

/* Payment form */
.store-form {
    --ex-store-section-padding-y: 1em;
    --ex-store-section-padding-x: 1.3em;
    /* max-width: 460px; */
    margin-right: auto;
    margin-left: auto;
}

.store-form .form-label,
.store-form .col-form-label,
.store-form .form-check-label {
    opacity: 0.6;
    margin-bottom: 0.35rem;
    font-size: 90%;
}

/* .store-form-container a:focus,
.store-form-container a:focus-visible,
.store-form-container .form-control:focus,
.store-form-container .form-control:focus-visible,
.store-form-container select:focus,
.store-form-container select:focus-visible,
.store-form-container button:focus,
.store-form-container button:focus-visible {
    outline: auto hsl(213, 99%, 40%) !important;
} */

.store-form-section {
    /* padding: var(--ex-store-section-padding-y) var(--ex-store-section-padding-x); */
    /* border: 1.5px solid hsla(var(--ex-primary-h), 8%, 40%, 0.25); */
    border-radius: var(--bs-border-radius-lg);
    /* box-shadow: 1px 4px 8px hsl(0, 0%, 0%, 0.05); */
}

/* Payment form - billing address section */
.store-billing-container {
    display: none;
}

.has-shipping .store-billing-container {
    display: block;
}

.store-billing-fields {
    display: none;
}

/* Store form - credit cards */
.store-credit-card-number-container {
    position: relative;
}

.form-control-card-icons {
    position: absolute;
    z-index: 2;
    top: 1px;
    right: 1px;
    /* display: flex;
    gap: 4px; */
    width: 150px;
    height: 31.5px;
    background-color: hsl(0, 0%, 100%);
    border-radius: var(--bs-border-radius-lg);
    padding: 0 4px;
    transition: all 0.2s;
}

.form-control-card-icons.active {
    width: 40px;
    transition: all 0.6s;
}

.form-control-card {
    position: absolute;
    z-index: 2;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
    transition: all 0.4s;
}

@media (min-width: 768px) {
    .form-control-card {
        height: 34px;
        width: 34px;
        background-size: 34px 34px;
    }
}

/* Initially show all icons */
.form-control-card {
    opacity: 1;
}

/* Hide others */
.form-control-card.hidden {
    opacity: 0;
    transform: translateX(200px);
}

.form-control-card.active {
    right: 4px;
}

.is-visa {
    right: 112px;
    /* Gray */
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px'%0Awidth='128' height='128'%0AviewBox='0 0 48 48'%0Astyle=' fill:%234e5154;'%3E%3Cpath d='M 8.5 9 C 4.916 9 2 11.916 2 15.5 L 2 32.5 C 2 36.084 4.916 39 8.5 39 L 39.5 39 C 43.084 39 46 36.084 46 32.5 L 46 15.5 C 46 11.916 43.084 9 39.5 9 L 8.5 9 z M 28.154297 18.5 C 29.439297 18.5 30.753906 19.013672 30.753906 19.013672 L 30.304688 21.324219 C 30.304688 21.324219 29.277859 20.648438 28.380859 20.648438 C 26.999859 20.648438 26.517578 21.101031 26.517578 21.707031 C 26.517578 22.893031 30.368141 23.085094 30.369141 25.746094 C 30.369141 27.960094 27.610094 29.5 25.621094 29.5 C 23.632094 29.5 22.603516 28.892578 22.603516 28.892578 L 23.083984 26.675781 C 23.083984 26.675781 24.142047 27.285156 25.748047 27.285156 C 27.350047 27.285156 27.576172 26.612219 27.576172 26.324219 C 27.576172 24.625219 23.726563 25.075484 23.726562 21.771484 C 23.726562 19.943484 25.234297 18.5 28.154297 18.5 z M 19.771484 18.710938 L 22.580078 18.710938 L 20.900391 29.171875 L 18.125 29.171875 L 19.771484 18.710938 z M 34.851562 18.710938 L 37.771484 18.710938 L 39.921875 29.171875 L 37.394531 29.171875 L 37.095703 27.677734 L 33.621094 27.677734 L 33.050781 29.171875 L 30.294922 29.171875 L 34.851562 18.710938 z M 15.703125 18.712891 L 18.673828 18.712891 L 14.449219 29.171875 L 11.390625 29.171875 L 9.1621094 20.701172 C 9.1621094 20.701172 11.509078 21.890812 12.955078 25.132812 C 13.016078 25.526812 13.162109 26.160156 13.162109 26.160156 L 15.703125 18.712891 z M 6.0800781 18.734375 L 10.375 18.734375 C 11.473 18.734375 11.894531 19.763672 11.894531 19.763672 L 12.828125 24.509766 C 11.554125 20.405766 6.0800781 18.734375 6.0800781 18.734375 z M 35.902344 21.726562 L 34.390625 25.679688 L 36.693359 25.679688 L 35.902344 21.726562 z'%3E%3C/path%3E%3C/svg%3E"); */
    /* Color */
    background-image: url('data:image/svg+xml,%3Csvg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect x="11" y="34" width="75" height="37" fill="%231434cb"/%3E%3Cpath d="M17.7083 18.75C10.2416 18.75 4.16663 24.825 4.16663 32.2917V67.7083C4.16663 75.175 10.2416 81.25 17.7083 81.25H82.2916C89.7583 81.25 95.8333 75.175 95.8333 67.7083V32.2917C95.8333 24.825 89.7583 18.75 82.2916 18.75H17.7083ZM58.6547 38.5417C61.3318 38.5417 64.0706 39.6118 64.0706 39.6118L63.1347 44.4255C63.1347 44.4255 60.9955 43.0176 59.1268 43.0176C56.2497 43.0176 55.2449 43.9605 55.2449 45.223C55.2449 47.6938 63.2669 48.0939 63.269 53.6377C63.269 58.2502 57.521 61.4583 53.3772 61.4583C49.2335 61.4583 47.0906 60.1929 47.0906 60.1929L48.0916 55.5745C48.0916 55.5745 50.2959 56.8441 53.6417 56.8441C56.9792 56.8441 57.4503 55.4421 57.4503 54.8421C57.4503 51.3025 49.4303 52.2406 49.4303 45.3573C49.4303 41.5489 52.5714 38.5417 58.6547 38.5417ZM41.1906 38.9811H47.0418L43.5424 60.7747H37.7604L41.1906 38.9811ZM72.6074 38.9811H78.6906L83.1705 60.7747H77.9052L77.2827 57.6619H70.0439L68.8558 60.7747H63.1144L72.6074 38.9811ZM32.7148 38.9852H38.9038L30.1025 60.7747H23.7304L19.0877 43.1274C19.0877 43.1274 23.9772 45.6059 26.9897 52.36C27.1168 53.1809 27.421 54.5003 27.421 54.5003L32.7148 38.9852ZM12.6668 39.0299H21.6145C23.902 39.0299 24.7802 41.1743 24.7802 41.1743L26.7252 51.062C24.0711 42.512 12.6668 39.0299 12.6668 39.0299ZM74.7965 45.2637L71.6471 53.4993H76.4445L74.7965 45.2637Z" fill="%23E5E9ED"/%3E%3C/svg%3E');
}

.is-mastercard {
    right: 76px;
    /* Gray */
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px'%0Awidth='120' height='120'%0AviewBox='0 0 48 48'%0Astyle=' fill:%234e5154;'%3E%3Cpath d='M 8.5 9 C 4.916 9 2 11.916 2 15.5 L 2 32.5 C 2 36.084 4.916 39 8.5 39 L 39.5 39 C 43.084 39 46 36.084 46 32.5 L 46 15.5 C 46 11.916 43.084 9 39.5 9 L 8.5 9 z M 19 15 C 20.851 15 22.57 15.559578 24 16.517578 C 25.43 15.559578 27.149 15 29 15 C 33.971 15 38 19.029 38 24 C 38 28.971 33.971 33 29 33 C 27.149 33 25.43 32.440422 24 31.482422 C 22.57 32.440422 20.851 33 19 33 C 14.029 33 10 28.971 10 24 C 10 19.029 14.029 15 19 15 z M 24 31.482422 A 4 7.482 0 1 0 24 16.517578 A 4 7.482 0 1 0 24 31.482422 z'%3E%3C/path%3E%3C/svg%3E"); */
    /* Color */
    background-image: url('data:image/svg+xml,%3Csvg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M17.5417 19C10.075 19 4 25.075 4 32.5417V67.9583C4 75.425 10.075 81.5 17.5417 81.5H82.125C89.5917 81.5 95.6667 75.425 95.6667 67.9583V32.5417C95.6667 25.075 89.5917 19 82.125 19H17.5417ZM39.4167 31.5C43.2729 31.5 46.8542 32.6658 49.8333 34.6616C52.8125 32.6658 56.3937 31.5 60.25 31.5C70.6062 31.5 79 39.8937 79 50.25C79 60.6062 70.6062 69 60.25 69C56.3937 69 52.8125 67.8342 49.8333 65.8384C46.8542 67.8342 43.2729 69 39.4167 69C29.0604 69 20.6667 60.6062 20.6667 50.25C20.6667 39.8937 29.0604 31.5 39.4167 31.5ZM49.8333 65.8384C50.9277 65.8384 52.0114 65.4352 53.0225 64.6518C54.0336 63.8684 54.9524 62.7202 55.7262 61.2726C56.5001 59.8251 57.1139 58.1067 57.5328 56.2154C57.9516 54.3241 58.1671 52.2971 58.1671 50.25C58.1671 48.2029 57.9516 46.1759 57.5328 44.2846C57.1139 42.3933 56.5001 40.6749 55.7262 39.2274C54.9524 37.7798 54.0336 36.6316 53.0225 35.8482C52.0114 35.0648 50.9277 34.6616 49.8333 34.6616C48.7389 34.6616 47.6552 35.0648 46.6441 35.8482C45.633 36.6316 44.7143 37.7798 43.9404 39.2274C43.1666 40.6749 42.5527 42.3933 42.1339 44.2846C41.7151 46.1759 41.4995 48.2029 41.4995 50.25C41.4995 52.2971 41.7151 54.3241 42.1339 56.2154C42.5527 58.1067 43.1666 59.8251 43.9404 61.2726C44.7143 62.7202 45.633 63.8684 46.6441 64.6518C47.6552 65.4352 48.7389 65.8384 49.8333 65.8384Z" fill="%23020303"/%3E%3Cg opacity="0.01"%3E%3Crect x="13" y="25.9194" width="74.3372" height="49.1613" fill="white"/%3E%3C/g%3E%3Crect x="40.3652" y="34.4842" width="19.6069" height="32.0317" fill="%23F26122"/%3E%3Cpath d="M42.4775 50.5C42.4451 44.2656 45.2768 38.3615 50.159 34.4842C41.8059 27.9152 29.8069 28.8691 22.5966 36.6753C15.3863 44.4816 15.3863 56.5184 22.5966 64.3247C29.8069 72.1309 41.8059 73.0848 50.159 66.5158C45.2768 62.6385 42.4451 56.7344 42.4775 50.5Z" fill="%23EA1D25"/%3E%3Cpath d="M83.1125 50.5C83.1075 58.2954 78.655 65.4047 71.6438 68.8123C64.6326 72.2198 56.2917 71.3283 50.1591 66.5159C58.9928 59.5602 60.5226 46.7636 53.5773 37.9216C52.5817 36.6413 51.4338 35.487 50.1591 34.4842C56.2917 29.6718 64.6326 28.7802 71.6438 32.1878C78.655 35.5953 83.1075 42.7046 83.1125 50.5V50.5Z" fill="%23F69E1E"/%3E%3C/svg%3E');
}

.is-amex {
    right: 40px;
    /* Gray */
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px'%0Awidth='100' height='100'%0AviewBox='0 0 48 48'%0Astyle=' fill:%234e5154;'%3E%3Cpath d='M 8.5 9 C 4.9280619 9 2 11.928062 2 15.5 L 2 32.5 C 2 36.071938 4.9280619 39 8.5 39 L 39.5 39 C 43.071938 39 46 36.071938 46 32.5 L 46 15.5 C 46 11.928062 43.071938 9 39.5 9 L 8.5 9 z M 10.150391 20 L 12.490234 20 L 15.570312 27.689453 L 15.570312 20 L 18.339844 20 L 20.5 25.349609 L 22.669922 20 L 25.490234 20 L 25.490234 27.980469 L 23.730469 27.980469 L 23.730469 22.160156 L 21.310547 27.980469 L 19.699219 27.980469 L 17.339844 22.060547 L 17.339844 27.980469 L 13.779297 27.980469 L 13.080078 26.199219 L 9.5507812 26.199219 L 8.859375 27.980469 L 7 27.980469 L 10.150391 20 z M 27.800781 20 L 34.769531 20 L 36.730469 22.5 L 38.75 20.019531 L 41 20.019531 L 37.839844 23.900391 L 40.980469 28 L 38.730469 28 L 36.660156 25.339844 L 34.539062 27.980469 L 27.800781 27.980469 L 27.800781 20 z M 11.269531 21.689453 L 10.220703 24.480469 L 12.369141 24.480469 L 11.269531 21.689453 z M 29.550781 21.720703 L 29.550781 23.210938 L 33.439453 23.210938 L 33.439453 24.730469 L 29.550781 24.730469 L 29.550781 26.310547 L 33.619141 26.310547 L 35.560547 23.900391 L 33.849609 21.730469 L 29.550781 21.720703 z'%3E%3C/path%3E%3C/svg%3E"); */
    /* Color */
    background-image: url('data:image/svg+xml,%3Csvg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect x="11" y="34" width="75" height="37" fill="white"/%3E%3Cpath d="M17.7083 18.75C10.2668 18.75 4.16663 24.8501 4.16663 32.2917V67.7083C4.16663 75.1499 10.2668 81.25 17.7083 81.25H82.2916C89.7332 81.25 95.8333 75.1499 95.8333 67.7083V32.2917C95.8333 24.8501 89.7332 18.75 82.2916 18.75H17.7083ZM21.1466 41.6667H26.0213L32.4381 57.6864V41.6667H38.208L42.7083 52.8117L47.229 41.6667H53.1046V58.2926H49.4384V46.167L44.3969 58.2926H41.04L36.1246 45.9595V58.2926H28.7068L27.2501 54.5817H19.8974L18.457 58.2926H14.5833L21.1466 41.6667ZM57.9183 41.6667H72.4365L76.5218 46.875L80.7291 41.7074H85.4166L78.833 49.7925L85.3759 58.3333H80.6884L76.3753 52.7913L71.9563 58.2926H57.9183V41.6667ZM23.4781 45.1864L21.2931 51.001H25.769L23.4781 45.1864ZM61.5641 45.2515V48.3561H69.6655V51.5218H61.5641V54.8136H70.0398L74.0844 49.7925L70.52 45.2718L61.5641 45.2515Z" fill="%23066ECF"/%3E%3C/svg%3E');
}

.is-discover {
    right: 4px;
    /* Gray */
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px'%0Awidth='100' height='100'%0AviewBox='0 0 48 48'%0Astyle=' fill:%234e5154;'%3E%3Cpath d='M 8.5 9 C 4.9280619 9 2 11.928062 2 15.5 L 2 32.5 C 2 36.071938 4.9280619 39 8.5 39 L 39.5 39 C 43.071938 39 46 36.071938 46 32.5 L 46 15.5 C 46 11.928062 43.071938 9 39.5 9 L 8.5 9 z M 20.240234 20.980469 C 20.730234 20.980469 21.130859 21.080078 21.630859 21.330078 L 21.630859 22.650391 C 21.160859 22.200391 20.750703 22.009766 20.220703 22.009766 C 19.160703 22.009766 18.330078 22.880234 18.330078 23.990234 C 18.330078 25.150234 19.139531 25.980469 20.269531 25.980469 C 20.779531 25.980469 21.180859 25.789844 21.630859 25.339844 L 21.630859 26.669922 C 21.120859 26.909922 20.700703 27.009766 20.220703 27.009766 C 18.500703 27.009766 17.169922 25.690234 17.169922 23.990234 C 17.169922 22.320234 18.540234 20.980469 20.240234 20.980469 z M 24.980469 20.990234 C 26.640469 21.000234 27.990234 22.34 27.990234 24 C 27.990234 25.67 26.640469 27.009766 24.980469 27.009766 L 24.970703 27.009766 C 23.310703 27.009766 21.970703 25.66 21.970703 24 C 21.970703 22.34 23.320469 20.990234 24.980469 20.990234 z M 14.919922 21.009766 C 15.559922 21.009766 16.129141 21.230391 16.619141 21.650391 L 16.029297 22.419922 C 15.739297 22.089922 15.459141 21.949219 15.119141 21.949219 C 14.639141 21.949219 14.279297 22.229844 14.279297 22.589844 C 14.279297 22.909844 14.480156 23.070313 15.160156 23.320312 C 16.440156 23.790312 16.820312 24.199141 16.820312 25.119141 C 16.820312 26.239141 16.000078 27.009766 14.830078 27.009766 C 13.970078 27.009766 13.350078 26.679922 12.830078 25.919922 L 13.560547 25.220703 C 13.820547 25.720703 14.249297 25.980469 14.779297 25.980469 C 15.289297 25.980469 15.660156 25.639922 15.660156 25.169922 C 15.660156 24.609922 15.159063 24.480234 14.539062 24.240234 C 13.489062 23.850234 13.119141 23.460156 13.119141 22.660156 C 13.119141 21.720156 13.899922 21.009766 14.919922 21.009766 z M 6.0097656 21.109375 L 7.6699219 21.109375 C 9.4899219 21.109375 10.759766 22.29 10.759766 24 C 10.759766 24.89 10.170156 26.880859 7.6601562 26.880859 L 6.0097656 26.880859 L 6.0097656 21.109375 z M 11.279297 21.109375 L 12.410156 21.109375 L 12.410156 26.880859 L 11.279297 26.880859 L 11.279297 21.109375 z M 27.779297 21.109375 L 29.009766 21.109375 L 30.550781 24.980469 L 32.109375 21.109375 L 33.330078 21.109375 L 30.839844 27.019531 L 30.230469 27.019531 L 27.779297 21.109375 z M 33.839844 21.109375 L 37.029297 21.109375 L 37.029297 22.080078 L 34.960938 22.080078 L 34.960938 23.359375 L 36.949219 23.359375 L 36.949219 24.339844 L 34.960938 24.339844 L 34.960938 25.900391 L 37.029297 25.900391 L 37.029297 26.869141 L 33.839844 26.869141 L 33.839844 21.109375 z M 37.769531 21.109375 L 39.439453 21.109375 C 40.739453 21.109375 41.480469 21.730547 41.480469 22.810547 C 41.480469 23.690547 41.019922 24.269219 40.169922 24.449219 L 41.990234 26.880859 L 40.599609 26.880859 L 39.039062 24.560547 L 38.900391 24.560547 L 38.900391 26.880859 L 37.769531 26.880859 L 37.769531 21.109375 z M 38.900391 22.009766 L 38.900391 23.759766 L 39.230469 23.759766 C 39.407969 23.759766 39.564766 23.74125 39.701172 23.703125 C 39.837578 23.665 39.95375 23.608203 40.046875 23.533203 C 40.14 23.458203 40.210156 23.364531 40.257812 23.253906 C 40.305469 23.143281 40.330078 23.014141 40.330078 22.869141 C 40.330078 22.729141 40.305312 22.606875 40.257812 22.5 C 40.162813 22.28625 39.975078 22.140156 39.705078 22.066406 C 39.570078 22.029531 39.415234 22.009766 39.240234 22.009766 L 38.900391 22.009766 z M 7.140625 22.080078 L 7.140625 25.900391 L 7.4394531 25.900391 C 7.6932031 25.900391 7.9174023 25.877246 8.1152344 25.835938 C 8.3130664 25.794629 8.4859375 25.734844 8.6347656 25.662109 C 8.7835937 25.589375 8.9088867 25.50248 9.015625 25.408203 C 9.2291016 25.219648 9.3645703 24.998633 9.4511719 24.783203 C 9.5810742 24.460059 9.5996094 24.151484 9.5996094 23.990234 C 9.5996094 23.876484 9.5922656 23.760918 9.5742188 23.646484 C 9.5561719 23.532051 9.5280469 23.419453 9.4902344 23.308594 C 9.4146094 23.086875 9.2978125 22.875234 9.1328125 22.693359 C 8.9678125 22.511484 8.7544531 22.357969 8.4863281 22.25 C 8.2182031 22.142031 7.8947656 22.080078 7.5097656 22.080078 L 7.140625 22.080078 z'%3E%3C/path%3E%3C/svg%3E"); */
    /* Color */
    background-image: url('data:image/svg+xml,%3Csvg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M17.7083 18.75C10.2668 18.75 4.16663 24.8501 4.16663 32.2917V67.7083C4.16663 75.1499 10.2668 81.25 17.7083 81.25H82.2916C89.7332 81.25 95.8333 75.1499 95.8333 67.7083V32.2917C95.8333 24.8501 89.7332 18.75 82.2916 18.75H17.7083ZM42.1671 43.7093C43.1879 43.7093 44.0226 43.9168 45.0642 44.4377V47.1883C44.0851 46.2508 43.2306 45.8537 42.1264 45.8537C39.9181 45.8537 38.1876 47.6672 38.1876 49.9797C38.1876 52.3963 39.874 54.126 42.2281 54.126C43.2906 54.126 44.1267 53.7288 45.0642 52.7913V55.5623C44.0017 56.0623 43.1264 56.2703 42.1264 56.2703C38.5431 56.2703 35.7706 53.5213 35.7706 49.9797C35.7706 46.5005 38.6254 43.7093 42.1671 43.7093ZM52.0426 43.7297C55.5009 43.7505 58.3129 46.5417 58.3129 50C58.3129 53.4792 55.5009 56.2703 52.0426 56.2703H52.0223C48.5639 56.2703 45.7723 53.4583 45.7723 50C45.7723 46.5417 48.5843 43.7297 52.0426 43.7297ZM31.0831 43.7703C32.4165 43.7703 33.6023 44.23 34.6232 45.105L33.3943 46.7082C32.7902 46.0207 32.2065 45.7275 31.4982 45.7275C30.4982 45.7275 29.7485 46.3122 29.7485 47.0622C29.7485 47.7288 30.167 48.0632 31.5836 48.584C34.2503 49.5631 35.0423 50.4149 35.0423 52.3315C35.0423 54.6649 33.3335 56.2703 30.896 56.2703C29.1043 56.2703 27.8126 55.5832 26.7293 53.9998L28.2511 52.5431C28.7928 53.5848 29.686 54.126 30.7902 54.126C31.8527 54.126 32.6253 53.4165 32.6253 52.4373C32.6253 51.2707 31.5813 51.0005 30.2897 50.5005C28.1022 49.688 27.3315 48.8753 27.3315 47.2087C27.3315 45.2503 28.9581 43.7703 31.0831 43.7703ZM12.5203 43.9779H15.979C19.7706 43.9779 22.4161 46.4375 22.4161 50C22.4161 51.8542 21.1878 56.0018 15.9586 56.0018H12.5203V43.9779ZM23.4985 43.9779H25.8545V56.0018H23.4985V43.9779ZM57.8735 43.9779H60.437L63.6474 52.0426L66.8945 43.9779H69.4376L64.2496 56.2907H62.9801L57.8735 43.9779ZM70.4996 43.9779H77.1443V46.0002H72.8352V48.6654H76.9775V50.708H72.8352V53.9591H77.1443V55.9774H70.4996V43.9779ZM78.6865 43.9779H82.1655C84.8738 43.9779 86.4176 45.272 86.4176 47.522C86.4176 49.3553 85.4581 50.5609 83.6873 50.9359L87.4796 56.0018H84.5825L81.3313 51.1678H81.0424V56.0018H78.6865V43.9779ZM81.0424 45.8537V49.4995H81.7301C82.0999 49.4995 82.4266 49.4609 82.7107 49.3815C82.9949 49.3021 83.2369 49.1838 83.4309 49.0275C83.625 48.8713 83.7711 48.6761 83.8704 48.4456C83.9697 48.2152 84.021 47.9461 84.021 47.644C84.021 47.3524 83.9694 47.0977 83.8704 46.875C83.6725 46.4297 83.2814 46.1253 82.7189 45.9717C82.4376 45.8949 82.115 45.8537 81.7504 45.8537H81.0424ZM14.8763 46.0002V53.9591H15.4988C16.0275 53.9591 16.4945 53.9109 16.9067 53.8249C17.3188 53.7388 17.679 53.6143 17.9891 53.4627C18.2991 53.3112 18.5601 53.1302 18.7825 52.9338C19.2273 52.5409 19.5095 52.0805 19.6899 51.6317C19.9605 50.9585 19.9991 50.3156 19.9991 49.9797C19.9991 49.7427 19.9838 49.5019 19.9462 49.2635C19.9087 49.0251 19.8501 48.7905 19.7713 48.5596C19.6137 48.0977 19.3704 47.6567 19.0267 47.2778C18.6829 46.8989 18.2384 46.5791 17.6798 46.3542C17.1212 46.1292 16.4474 46.0002 15.6453 46.0002H14.8763Z" fill="%23E5E9ED"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M12.5 43.5498H15.9125C18.5249 43.3609 20.9611 44.8778 21.9442 47.3055C22.9272 49.7333 22.2329 52.5179 20.225 54.1998C19.0006 55.1613 17.4666 55.6415 15.9125 55.5498H12.5V43.5498ZM15.4624 53.5999C16.6357 53.7051 17.801 53.3257 18.6874 52.5499C19.5178 51.7754 19.9811 50.6853 19.9624 49.5499C19.9859 48.4136 19.5218 47.3217 18.6874 46.5499C17.785 45.8087 16.6244 45.4578 15.4624 45.5749H14.8624V53.5999H15.4624Z" fill="%23020303"/%3E%3Crect x="23.4873" y="43.5498" width="2.36251" height="12.0375" fill="%23020303"/%3E%3Cpath d="M31.5502 48.1623C30.1627 47.6373 29.7502 47.2998 29.7502 46.6248C29.7502 45.9498 30.4627 45.3123 31.4752 45.3123C32.232 45.3121 32.9432 45.6747 33.3877 46.2873L34.6252 44.6748C33.6034 43.7458 32.2546 43.2602 30.8752 43.3248C28.9158 43.3185 27.2819 44.8217 27.1251 46.7748C27.1251 48.4248 27.8752 49.2873 30.0877 50.0748C31.0252 50.4123 31.4752 50.6373 31.7377 50.7498C32.1605 51.0363 32.4134 51.5141 32.4127 52.0248C32.356 52.8844 31.6609 53.5634 30.8002 53.5998C29.6959 53.6169 28.6837 52.9862 28.2127 51.9873L26.7126 53.5998C27.592 55.0464 29.1831 55.9065 30.8752 55.8498C31.9664 55.9612 33.0517 55.5891 33.8452 54.8318C34.6386 54.0744 35.0607 53.0075 35.0002 51.9123C35.0002 49.8498 34.2502 49.1373 31.5502 48.1623Z" fill="%23020303"/%3E%3Cpath d="M35.7875 49.5499C35.7669 51.2335 36.4292 52.8536 37.6233 54.0407C38.8175 55.2277 40.4415 55.8804 42.125 55.8499C43.142 55.8422 44.1434 55.5983 45.05 55.1374V52.3624C44.3323 53.1577 43.3087 53.608 42.2375 53.5999C41.1234 53.6953 40.0248 53.2887 39.2414 52.4908C38.458 51.6929 38.0716 50.587 38.1875 49.4749C38.1674 48.4142 38.5722 47.3894 39.3117 46.6288C40.0512 45.8681 41.0641 45.4347 42.125 45.4248C43.2534 45.4118 44.3278 45.9076 45.05 46.7748V43.9998C44.1672 43.5076 43.1732 43.2495 42.1625 43.2498C40.4816 43.2399 38.8657 43.898 37.6702 45.0795C36.4746 46.261 35.7974 47.869 35.7875 49.5499V49.5499Z" fill="%23020303"/%3E%3Cpath d="M63.6876 51.6123L60.4626 43.5498H57.9126L63.0126 55.8873H64.2876L69.4626 43.5498H66.9501L63.6876 51.6123V51.6123Z" fill="%23020303"/%3E%3Cpath d="M70.55 55.5873H77.1876V53.5248H72.8751V50.2998H77.0376V48.2373H72.8751V45.5748H77.1876V43.5498H70.55V55.5873V55.5873Z" fill="%23020303"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M86.4874 47.0748C86.6058 48.7602 85.418 50.2571 83.7498 50.5248L87.4999 55.5498H84.6498L81.3873 50.7123H81.1248V55.5498H78.7623V43.5498H82.2123C84.9498 43.5498 86.4874 44.8248 86.4874 47.0748ZM81.1249 49.0623H81.7999C83.2624 49.0623 84.0499 48.3123 84.0499 47.1123C84.0499 45.9123 83.2624 45.3123 81.8374 45.3123H81.1249V49.0623Z" fill="%23020303"/%3E%3Cpath d="M58.6253 49.5498C58.6405 52.1468 57.0878 54.4965 54.6928 55.5009C52.2979 56.5052 49.5336 55.9659 47.6919 54.1349C45.8501 52.3039 45.2946 49.5429 46.2849 47.1421C47.2752 44.7413 49.6157 43.1748 52.2128 43.1748C55.7313 43.195 58.5844 46.0314 58.6253 49.5498V49.5498Z" fill="%23ee7622"/%3E%3C/svg%3E');
}

.is-diners {
    right: -100px;
    background-image: url('data:image/svg+xml,%3Csvg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect x="11" y="29" width="75" height="42" fill="white"/%3E%3Cpath d="M17.7083 18.75C10.2416 18.75 4.16663 24.825 4.16663 32.2917V67.7083C4.16663 75.175 10.2416 81.25 17.7083 81.25H82.2916C89.7583 81.25 95.8333 75.175 95.8333 67.7083V32.2917C95.8333 24.825 89.7583 18.75 82.2916 18.75H17.7083ZM45.8333 31.25H54.1666C64.5208 31.25 72.9166 39.6458 72.9166 50C72.9166 60.3542 64.5208 68.75 54.1666 68.75H45.8333C35.5 68.75 27.0833 60.3333 27.0833 50C27.0833 39.6667 35.5 31.25 45.8333 31.25ZM45.8333 35.4167C37.7916 35.4167 31.25 41.9583 31.25 50C31.25 58.0417 37.7916 64.5833 45.8333 64.5833C53.875 64.5833 60.4166 58.0417 60.4166 50C60.4166 41.9583 53.875 35.4167 45.8333 35.4167ZM42.7083 42.2933V57.7067C39.6458 56.4775 37.5 53.4792 37.5 50C37.5 46.5208 39.6458 43.5225 42.7083 42.2933ZM48.9583 42.2933C52.0208 43.5225 54.1666 46.5208 54.1666 50C54.1666 53.4792 52.0208 56.4775 48.9583 57.7067V42.2933Z" fill="%23004C97"/%3E%3C/svg%3E');
}

.is-jcb,
.is-other {
    right: -100px;
    background-image: url('data:image/svg+xml,%3Csvg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6 68.9583C6 76.4583 12.0419 82.5 19.5422 82.5H84.1278C91.6281 82.5 97.67 76.4583 97.67 68.9583V42.3958H6V68.9583ZM66.7314 63.5417H83.3987C85.1695 63.5417 86.5238 64.8958 86.5238 66.6667C86.5238 68.4375 85.1695 69.7917 83.3987 69.7917H66.7314C64.9605 69.7917 63.6063 68.4375 63.6063 66.6667C63.6063 64.8958 64.9605 63.5417 66.7314 63.5417Z" fill="%23bec5ce"/%3E%3Cpath d="M84.1278 20H19.5422C12.0419 20 6 26.0417 6 33.5417V34.1667H97.67V33.5417C97.67 26.0417 91.6281 20 84.1278 20Z" fill="%23bec5ce"/%3E%3C/svg%3E');
}

/* Payment form - buttons */
.payment-info .btn-sm {
    padding-top: 5px;
    padding-bottom: 6px;
    box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.3), 0 1px 2px hsla(calc(var(--ex-secondary-h) - 2), var(--ex-secondary-s), 10%, 0.3) !important;
    font-size: 13px;
    line-height: 17px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
}

.payment-info .btn-sm:hover {
    box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.3), 0 2px 4px hsla(calc(var(--ex-secondary-h) - 2), var(--ex-secondary-s), 10%, 0.3) !important;
}

/* Payment form price choices */
.store-offerpricechoice {
    display: none;
}

.store-pricechoices,
.store-bumpchoices {
    max-width: 540px;
    margin: 1em auto 0 auto;
}

/* @media (max-width: 450px) {
    .store-pricechoices,
    .store-bumpchoices {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }
} */

.choice {
    --ex-choice-border-width: 1.5px;
    position: relative;
    border-radius: var(--bs-border-radius-lg);
    transition: all 0.2s;
}

.choice input {
    display: none;
}

.choice::before {
    display: inline-block;
    position: absolute;
    z-index: 2;
    width: 2.25em;
    height: 100%;
    margin-left: var(--ex-choice-border-width);
    padding-top: 0.8em;
    border-right: 1px solid transparent;
    border-top-left-radius: var(--bs-border-radius-lg);
    border-bottom-left-radius: var(--bs-border-radius-lg);
    color: var(--ex-secondary-neutral);
    content: '\f111';
    font-family: var(--ex-font-fa-free);
    font-weight: 400;
    font-size: 1.25em;
    letter-spacing: 0;
    text-align: center;
    transition: all 0.4s;
    -webkit-font-smoothing: antialiased;
}

.choice label {
    position: relative;
    width: 100%;
    margin: 0;
    padding: var(--ex-store-section-padding-y) var(--ex-store-section-padding-x) var(--ex-store-section-padding-y) 2.75em;
    border: var(--ex-choice-border-width) solid transparent;
    border-radius: var(--bs-border-radius-lg);
    text-transform: none;
    cursor: pointer;
    transition: all 0.4s;
}

.choice-title {
    color: var(--ex-night) !important;
    letter-spacing: -0.01em;
    transition: all 0.4s;
}

/* Single choices */
.choice-single {
    opacity: 0.7;
    filter: grayscale(1);
}

.choice-single.checked {
    animation: bump 0.3s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.choice-single:hover,
.choice-single.checked {
    opacity: 1;
    filter: grayscale(0);
}

.choice-single label {
    border-color: hsl(0, 0%, 80%);
}

.choice-single.checked::before,
.choice-single.checked:hover::before {
    color: hsl(var(--ex-primary-h), 58%, 8%);
    font-weight: 900;
    content: '\f058';
}

.choice-single::before {
    color: var(--ex-secondary-neutral);
}

.choice-single:hover label {
    box-shadow: 0 0 7px hsla(0, 0%, 0%, 0.15);
    border-color: var(--ex-secondary-neutral);
}

.choice-single.checked label,
.choice-single.checked label:hover {
    background-color: hsl(0, 0%, 100%);
    border-color: hsl(var(--ex-primary-h), 58%, 14%);
    box-shadow: 0 3px 6px hsla(var(--ex-primary-h), 58%, 20%, 0.1);
}

/* Bump choices */
input[name="optionalBumpUpCheckBox"] {
    display: none !important;
}

.bump-container {
    border: 2px solid hsla(0, 0%, 0%, 0.1);
    background-color: hsl(0, 0%, 0%, 0.02);
    box-shadow: 0 0.2rem 0.6rem hsla(var(--ex-primary-h), var(--ex-primary-s), var(--ex-primary-l), 0);
    transition: all 0.4s;
    animation: unbump 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    cursor: pointer;
}

.bump-container:hover {
    border: 2px solid hsla(0, 0%, 0%, 0.3);
}

.choice-bump {
    border-top: 1px solid hsla(0, 0%, 0%, 0.1);
    background: hsl(0, 0%, 100%);
}

.choice-bump::before {
    border-right: 1px solid hsla(0, 0%, 0%, 0.06);
}

.bump-container.checked {
    border-color: hsl(var(--ex-primary-h), var(--ex-primary-s), var(--ex-primary-l));
    box-shadow: 0 0.2rem 0.6rem hsla(var(--ex-primary-h), var(--ex-primary-s), var(--ex-primary-l), 0.2);
    animation: bump 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.bump-container.checked .choice-title,
.bump-container.checked .choice::before {
    color: hsl(var(--ex-primary-h), var(--ex-primary-s), var(--ex-primary-l)) !important;
}

.checked .choice-bump:hover::before,
.checked .choice-bump::before {
    content: '\f058';
}

/* Payment form choices - card groups */
/* .store-form .card-group {
    margin-top: 4em;
}

@media (max-width: 574px) {
    .store-form .card-group {
        max-width: 300px;
        margin-top: 2em;
        margin-right: auto;
        margin-left: auto;
    }
}

.card-group input {
    display: none;
}

.card-group .choice {
    box-shadow: 0 0 0 2px hsl(204, 6%, 85%) inset;
    border: 0;
    border-radius: 0;
    line-height: 1.3;
    transition: all 0.1s;
    cursor: pointer;
}

@media (max-width: 574px) {
    .card-group .choice {
        margin-bottom: 2em;
    }
}

.card-group .choice:hover {
    box-shadow: 0 0 0 2px hsl(197, 100%, 62%) inset;
    transition: all 0.1s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}

.card-group .card-header {
    position: relative;
    overflow: hidden;
    padding-top: 1.5em;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid hsla(0, 0%, 0%, 0.05);
    transition: all 0.2s;
}

.card-group .choice:hover .card-header {
    background-color: hsla(197, 100%, 62%, 0.5);
}

.card-group .choice-disabled {
    overflow: hidden;
    background-color: hsla(0, 0%, 0%, 0.05);
    color: #90989e;
}

.card-group .choice-disabled:hover {
    box-shadow: 0 0 0 2px hsl(204, 6%, 85%) inset;
}

.card-group .choice-disabled:hover .card-header {
    background-color: hsla(0, 0%, 0%, 0.03);
} */

/* Payment form choices - card groups - selected card */
/* .card-group .choice-checked {
    position: relative;
    z-index: 2;
    box-shadow:
        0 0 0 2px hsl(197, 100%, 62%) inset,
        0 0.4rem 0.8rem hsla(197, 100%, 22%, 0.2);
}

@media (min-width: 574px) {
    .card-group .choice-checked {
        transform: scale(1.06);
    }
}

.card-group .choice-checked:hover {
    box-shadow:
        0 0 0 2px hsl(197, 100%, 62%) inset,
        0 0.4rem 0.8rem hsla(197, 100%, 22%, 0.2);
}

.card-group .choice-checked .card-header {
    background-color: hsla(197, 100%, 62%, 0.5);
} */

/* Payment form choices - card groups - buttons */
/* .card-group .btn {
    border: 1px solid hsla(206, 7%, 59%, 0.3);
    font-size: 90%;
}

.card-group .choice:hover .btn,
.card-group .btn:hover {
    background-color: hsla(197, 100%, 62%, 0.5);
    border: 1px solid hsl(197, 100%, 62%);
}

.card-group .btn:active,
.card-group .btn:focus {
    background-color: hsla(197, 100%, 46%, 0.5);
    border: 1px solid hsl(197, 100%, 46%);
}

.card-group .choice-disabled:hover .btn,
.card-group .choice-disabled .btn:hover {
    background-color: hsla(206, 7%, 59%, 0);
    border: 1px solid hsla(206, 7%, 59%, 0.2);
}

.card-group .btn-text::before {
    content: 'Select';
}

.card-group .choice-checked .btn {
    background-color: hsla(0, 0%, 0%, 0);
    border: 0;
    color: hsl(197, 100%, 42%);
    font-weight: 700;
}

.card-group .choice-checked .btn::before {
    content: '\f00c';
    font-family: var(--ex-font-fa-free);
    font-weight: 900;
    font-size: 90%;
}

.card-group .choice-checked .btn-text::before {
    content: 'Selected';
}

.card-group .choice-checked:hover .btn,
.card-group .choice-checked .btn:hover {
    background-color: hsla(0, 0%, 0%, 0);
    border: 0;
} */

/* Payment form choices - card groups - choice checkmark */
/* .choice-checkmark {
    position: absolute;
    z-index: 5;
    top: -15px;
    left: 50%;
    width: 30px;
    height: 30px;
    padding-top: 2px;
    background-color: var(--bs-dark);
    border-radius: 50%;
    transform: translateX(-50%) scale(0);
    transition: all 0.3s;
}

@media (min-width: 768px) {
    .choice-checkmark {
        top: -20px;
        width: 40px;
        height: 40px;
    }
}

.choice-checked .choice-checkmark {
    transform: translateX(-50%) scale(1);
} */

/* Payment form choices - card groups - lists */
/* .choice .list-item {
    position: relative;
    display: block;
    margin-bottom: 0.5em;
    padding-left: 1em;
}

.choice .list-item::before {
    position: absolute;
    top: -0.06em;
    left: 0;
    color: var(--green);
    content: '\f0da';
    font-family: var(--ex-font-fa-free);
    font-weight: 900;
    font-size: 110%;
} */

/* Payment form - payment methods */
.store-payments-method {
    opacity: 0.7;
    background-color: hsl(0, 0%, 94%);
    border: 1px solid hsla(var(--ex-primary-h), 58%, 8%, 0.2);
    color: hsl(var(--ex-primary-h), 8%, 8%);
    filter: grayscale(1);
    transform: scale(1.01) translateZ(0);
    transition: all 0.2s;
}

.store-payments-method:hover,
.store-payments-method.checked {
    opacity: 1;
    filter: grayscale(0);
    background-color: hsl(0, 0%, 98%);
    border: 1px solid hsla(var(--ex-primary-h), 58%, 8%, 0.3);
    box-shadow: 1px 3px 6px hsla(0, 0%, 0%, 0.05);
    color: hsl(var(--ex-primary-h), 8%, 8%);
    cursor: pointer;
}

.store-payments-method.checked {
    background-color: hsl(0, 0%, 100%);
    border: 1px solid hsla(var(--ex-primary-h), 58%, 8%, 0.7);
    box-shadow: 1px 3px 6px hsla(0, 0%, 0%, 0.1);
    animation: bump 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.store-payments-method input {
    display: none;
}

/* .store-payments-method::before {
    display: inline-block;
    margin-right: 0.5rem;
    color: var(--ex-secondary-neutral);
    content: '\f111';
    font-family: var(--ex-font-fa-free);
    font-weight: 400;
    transition: all 0.4s;
    -webkit-font-smoothing: antialiased;
}

.store-payments-method:hover::before {
    color: var(--ex-secondary);
}

.store-payments-method.checked::before {
    color: hsl(var(--ex-primary-h), 8%, 8%);
    content: '\f192';
    font-weight: 700;
} */

.store-payments-method .fa {
    margin-right: 0.1rem;
}

/* Payment form - coupon */
/* .form-coupon {
    margin: 0 -20px 0 -15px;
    padding: 10px 20px 18px 20px;
    background: hsla(210, 7%, 45%, 0.08);
    border-radius: 0.25rem;
} */

/* Payment form - test token */
.store-submit-container .form-group.row {
    position: relative;
    display: block;
    margin-bottom: 2rem;
    text-align: left;
    font-size: 80%;
}

.store-submit-container .form-group.row label {
    display: flex;
    align-items: center;
    margin-bottom: 0.35rem;
    padding-bottom: 0;
    width: 100%;
    font-size: 90%;
}

.store-submit-container .form-group.row label::before {
    opacity: 0.7;
    display: inline-block;
    margin-right: 0.45em;
    font-family: var(--ex-font-fa-free);
    font-weight: 900;
    font-size: 1.25em;
    content: '\f145';
}

.store-submit-container [class*="col"] {
    display: block;
    width: 100%;
}

.store-submit-container .form-control {
    min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
    padding: .25rem .5rem;
    border-radius: var(--bs-border-radius-sm);
}

.store-test-token-error {
    margin-top: 0.25rem !important;
    color: var(--ex-danger) !important;
    font-size: 85%;
}

/* Fixed form */
.form-fixed {
    position: fixed;
    bottom: -540px;
    z-index: 20;
    width: 100%;
    transition: all 0.6s;
}

@media (min-width: 992px) {
    .form-fixed {
        bottom: -300px;
    }
}

.form-fixed-light {
    background-color: var(--ex-light);
    box-shadow: 0 -4px 12px 0 hsla(var(--ex-primary-h), 4%, 50%, 0.3);
    border-top: 1px solid hsla(var(--ex-primary-h), 40%, 10%, 0.15);
    color: var(--ex-night);
}

.form-fixed-dark {
    background-color: var(--ex-primary-dark);
    box-shadow: 0 -4px 12px 0 hsla(var(--ex-primary-h), 8%, 10%, 0.4);
    color: var(--bs-white);
    -webkit-font-smoothing: antialiased;
}

.form-fixed-night {
    background-color: var(--ex-night);
    box-shadow: 0 -4px 12px 0 hsla(var(--ex-primary-h), 8%, 10%, 0.4);
    color: var(--bs-white);
    -webkit-font-smoothing: antialiased;
}

.form-fixed button.close {
    width: 26px;
    height: 26px;
    top: -2rem;
    right: 0.8rem;
    background-color: hsla(var(--ex-primary-h), 10%, 84%);
}

.form-fixed-slide-up {
    bottom: -5px;
}

/* Additional slide-down class for close button */
.form-fixed-slide-down {
    bottom: -540px;
}

/* Asset loaders */
.cuLoader {
    background: hsla(0, 0%, 100%, 0.9);
}

site-manager > div > div {
    opacity: 0.9;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: hsl(0, 0%, 100%);
}

site-manager > div > div > img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    transform: translate(-50%, -50%);
}

/* Buttons */
.btn {
    /* Disabled */
    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-bg: var(--bs-btn-bg);
    --bs-btn-disabled-border-color: var(--bs-btn-border-color);
    --bs-btn-disabled-opacity: 0.7;

    /* Focus */
    --bs-btn-focus-box-shadow: inset 0 0 0 0.06em hsl(0, 0%, 0%, 0.4), 0 0 0 0.1em hsl(0, 0%, 100%), 0 0 0 0.26em hsl(213, 99%, 40%);

    /* Additional styles */
    text-decoration: none !important;
    box-shadow: var(--ex-btn-box-shadow);
}

.btn:hover {
    box-shadow: var(--ex-btn-hover-box-shadow);
}

.btn:active {
    box-shadow: var(--ex-btn-active-box-shadow);
}

/* Buttons - primary */
.btn-primary {
    /* Base */
    --bs-btn-font-weight: 700;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--ex-primary);
    --bs-btn-border-color: hsl(var(--ex-primary-h), var(--ex-primary-s), calc(var(--ex-primary-l) - 6%));
    /* --ex-btn-box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.45), 0 2px 4px hsla(calc(var(--ex-primary-h) - 2), var(--ex-primary-s), 30%, 0.2); */
    --ex-btn-box-shadow: 0 2px 4px hsla(calc(var(--ex-primary-h) - 2), var(--ex-primary-s), 30%, 0.2);

    /* Hover */
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: hsl(var(--ex-primary-h), var(--ex-primary-s), calc(var(--ex-primary-l) - 2%));
    --bs-btn-hover-border-color: hsl(var(--ex-primary-h), var(--ex-primary-s), calc(var(--ex-primary-l) - 8%));
    /* --ex-btn-hover-box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.45), 0 4px 8px hsla(calc(var(--ex-primary-h) - 2), var(--ex-primary-s), 30%, 0.25); */
    --ex-btn-hover-box-shadow: 0 4px 8px hsla(calc(var(--ex-primary-h) - 2), var(--ex-primary-s), 30%, 0.25);

    /* Focus/active */
    /* --bs-btn-focus-shadow-rgb: var(--ex-primary-rgb); */
    --bs-btn-active-color: var(--bs-btn-color);
    --bs-btn-active-bg: hsl(var(--ex-primary-h), var(--ex-primary-s), calc(var(--ex-primary-l) - 4%));
    --bs-btn-active-border-color: hsl(var(--ex-primary-h), var(--ex-primary-s), calc(var(--ex-primary-l) - 10%));
    --ex-btn-active-box-shadow: var(--ex-btn-box-shadow);
}

/* Buttons - primary light */
.btn-primary-light {
    /* Base */
    --bs-btn-font-weight: 700;
    --bs-btn-color: var(--ex-night);
    --bs-btn-bg: hsl(var(--ex-primary-h), 58%, 86%);
    --bs-btn-border-color: hsla(calc(var(--ex-primary-h) - 2), var(--ex-primary-s), 10%, 0.15);
    --ex-btn-box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.4), 0 2px 4px hsla(calc(var(--ex-primary-h) - 2), 20%, 40%, 0.2);

    /* Hover */
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: hsl(var(--ex-primary-h), 58%, 84%);
    --bs-btn-hover-border-color: hsla(calc(var(--ex-primary-h) - 3), var(--ex-primary-s), 10%, 0.15);
    --ex-btn-hover-box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.45), 0 4px 8px hsla(calc(var(--ex-primary-h) - 2), 20%, 40%, 0.25);

    /* Focus/active */
    /* --bs-btn-focus-shadow-rgb: var(--ex-primary-light-rgb); */
    --bs-btn-active-color: var(--bs-btn-color);
    --bs-btn-active-bg: hsl(var(--ex-primary-h), 58%, 82%);
    --bs-btn-active-border-color: hsla(calc(var(--ex-primary-h) - 4), var(--ex-primary-s), 10%, 0.2);
    --ex-btn-active-box-shadow: var(--ex-btn-box-shadow);
}

/* Buttons - primary dark */
.btn-primary-dark {
    /* Base */
    --bs-btn-font-weight: 700;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: hsl(var(--ex-primary-h), 54%, 26%);
    --bs-btn-border-color: hsla(calc(var(--ex-primary-h) - 2), var(--ex-primary-s), 10%, 0.2);
    --ex-btn-box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.25), 0 2px 4px hsla(calc(var(--ex-primary-h) - 2), 30%, 20%, 0.4);

    /* Hover */
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: hsl(var(--ex-primary-h), 54%, 20%);
    --bs-btn-hover-border-color: hsla(calc(var(--ex-primary-h) - 3), var(--ex-primary-s), 10%, 0.25);
    --ex-btn-hover-box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.25), 0 4px 8px hsla(calc(var(--ex-primary-h) - 2), 30%, 20%, 0.4);

    /* Focus/active */
    /* --bs-btn-focus-shadow-rgb: var(--ex-primary-dark-rgb); */
    --bs-btn-active-color: var(--bs-btn-color);
    --bs-btn-active-bg: hsl(var(--ex-primary-h), 54%, 16%);
    --bs-btn-active-border-color: hsla(calc(var(--ex-primary-h) - 4), var(--ex-primary-s), 10%, 0.2);
    --ex-btn-active-box-shadow: var(--ex-btn-box-shadow);
}

/* Buttons - secondary */
.btn-secondary {
    /* Base */
    --bs-btn-font-weight: 700;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--ex-secondary);
    --bs-btn-border-color: hsla(calc(var(--ex-secondary-h) - 2), var(--ex-secondary-s), 10%, 0.3);
    --ex-btn-box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.25), 0 2px 4px hsla(calc(var(--ex-secondary-h) - 2), var(--ex-secondary-s), 10%, 0.4);

    /* Hover */
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: hsl(var(--ex-secondary-h), var(--ex-secondary-s), calc(var(--ex-secondary-l) - 4%));
    --bs-btn-hover-border-color: hsla(calc(var(--ex-secondary-h) - 2), var(--ex-secondary-s), 10%, 0.35);
    --ex-btn-hover-box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.3), 0 4px 8px hsla(calc(var(--ex-secondary-h) - 2), var(--ex-secondary-s), 10%, 0.5);

    /* Focus/active */
    /* --bs-btn-focus-shadow-rgb: var(--ex-secondary-rgb); */
    --bs-btn-active-color: var(--bs-btn-color);
    --bs-btn-active-bg: hsl(var(--ex-secondary-h), var(--ex-secondary-s), calc(var(--ex-secondary-l) - 8%));
    --bs-btn-active-border-color: hsla(calc(var(--ex-secondary-h) - 2), var(--ex-secondary-s), 10%, 0.3);
    --ex-btn-active-box-shadow: var(--ex-btn-box-shadow);
}

/* Buttons - accent */
.btn-accent {
    /* Base */
    --bs-btn-font-weight: 700;
    --bs-btn-color: var(--ex-night);
    --bs-btn-bg: var(--ex-accent);
    --bs-btn-border-color: hsl(var(--ex-accent-h), calc(var(--ex-accent-s) - 8%), calc(var(--ex-accent-l) - 8%));
    --ex-btn-box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.45), 0 2px 4px hsla(calc(var(--ex-accent-h) - 2), var(--ex-accent-s), 30%, 0.2);

    /* Hover */
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: hsl(var(--ex-accent-h), calc(var(--ex-accent-s) - 8%), calc(var(--ex-accent-l) - 2%));
    --bs-btn-hover-border-color: hsl(var(--ex-accent-h), var(--ex-accent-s), calc(var(--ex-accent-l) - 10%));
    --ex-btn-hover-box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.45), 0 4px 8px hsla(calc(var(--ex-accent-h) - 2), var(--ex-accent-s), 30%, 0.25);

    /* Focus/active */
    /* --bs-btn-focus-shadow-rgb: var(--ex-accent-rgb); */
    --bs-btn-active-color: var(--bs-btn-color);
    --bs-btn-active-bg: hsl(var(--ex-accent-h), var(--ex-accent-s), calc(var(--ex-accent-l) - 4%));
    --bs-btn-active-border-color: hsl(var(--ex-accent-h), var(--ex-accent-s), calc(var(--ex-accent-l) - 10%));
    --ex-btn-active-box-shadow: var(--ex-btn-box-shadow);
}

/* Buttons - warning */
.btn-warning {
    /* Base */
    --bs-btn-font-weight: 700;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--ex-warning);
    --bs-btn-border-color: hsla(calc(var(--ex-warning-h) - 2), var(--ex-warning-s), 10%, 0.2);
    --ex-btn-box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.3), 0 2px 4px hsla(calc(var(--ex-warning-h) - 2), var(--ex-warning-s), 30%, 0.2);

    /* Hover */
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: hsl(calc(var(--ex-warning-h) - 1), var(--ex-warning-s), calc(var(--ex-warning-l) - 2%));
    --bs-btn-hover-border-color: hsla(calc(var(--ex-warning-h) - 3), var(--ex-warning-s), 10%, 0.25);
    --ex-btn-hover-box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.3), 0 4px 8px hsla(calc(var(--ex-warning-h) - 2), var(--ex-warning-s), 30%, 0.25);

    /* Focus/active */
    /* --bs-btn-focus-shadow-rgb: var(--ex-warning-rgb); */
    --bs-btn-active-color: var(--bs-btn-color);
    --bs-btn-active-bg: hsl(calc(var(--ex-warning-h) - 2), var(--ex-warning-s), calc(var(--ex-warning-l) - 3%));
    --bs-btn-active-border-color: hsla(calc(var(--ex-warning-h) - 3), var(--ex-warning-s), 10%, 0.2);
    --ex-btn-active-box-shadow: var(--ex-btn-box-shadow);
}

/* Buttons - danger */
.btn-danger {
    /* Base */
    --bs-btn-font-weight: 700;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--ex-danger);
    --bs-btn-border-color: hsla(calc(var(--ex-danger-h) - 2), var(--ex-danger-s), 10%, 0.25);
    --ex-btn-box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.45), 0 2px 4px hsla(calc(var(--ex-danger-h) - 2), var(--ex-danger-s), 30%, 0.25);

    /* Hover */
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: hsl(calc(var(--ex-danger-h) - 1), var(--ex-danger-s), calc(var(--ex-danger-l) - 2%));
    --bs-btn-hover-border-color: hsla(calc(var(--ex-danger-h) - 3), var(--ex-danger-s), 10%, 0.35);
    --ex-btn-hover-box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.45), 0 4px 8px hsla(calc(var(--ex-danger-h) - 2), var(--ex-danger-s), 30%, 0.28);

    /* Focus/active */
    /* --bs-btn-focus-shadow-rgb: var(--ex-danger-rgb); */
    --bs-btn-active-color: var(--bs-btn-color);
    --bs-btn-active-bg: hsl(calc(var(--ex-danger-h) - 2), var(--ex-danger-s), calc(var(--ex-danger-l) - 3%));
    --bs-btn-active-border-color: hsla(calc(var(--ex-danger-h) - 3), var(--ex-danger-s), 10%, 0.25);
    --ex-btn-active-box-shadow: var(--ex-btn-box-shadow);
}

/* Buttons - white */
.btn-white {
    /* Base */
    --bs-btn-font-weight: 700;
    --bs-btn-color: hsla(var(--ex-primary-h), 8%, 8%, 0.65);
    --bs-btn-bg: var(--bs-white);
    --bs-btn-border-color: hsla(var(--ex-secondary-h), var(--ex-secondary-s), var(--ex-secondary-l), 0.25);
    --ex-btn-box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%), 0 2px 6px hsla(var(--ex-primary-h), 58%, 14%, 0.08);

    /* Hover */
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: hsla(var(--ex-secondary-h), var(--ex-secondary-s), var(--ex-secondary-l), 0.05);
    --bs-btn-hover-border-color: hsla(var(--ex-secondary-h), var(--ex-secondary-s), var(--ex-secondary-l), 0.3);
    --ex-btn-hover-box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%), 0 4px 8px hsla(var(--ex-primary-h), 58%, 14%, 0.08);

    /* Focus/active */
    /* --bs-btn-focus-shadow-rgb: var(--bs-white-rgb); */
    --bs-btn-active-color: var(--bs-btn-color);
    --bs-btn-active-bg: hsla(var(--ex-secondary-h), var(--ex-secondary-s), var(--ex-secondary-l), 0.05);
    --bs-btn-active-border-color: hsla(var(--ex-secondary-h), var(--ex-secondary-s), var(--ex-secondary-l), 0.3);
    --ex-btn-active-box-shadow: var(--ex-btn-box-shadow);
}

/* Buttons - light */
.btn-light {
    /* Base */
    --bs-btn-font-weight: 700;
    --bs-btn-color: var(--ex-night);
    --bs-btn-bg: hsl(var(--ex-primary-h), 16%, 90%);
    --bs-btn-border-color: hsl(var(--ex-primary-h), 100%, 10%, 0.15);
    --ex-btn-box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.45), 0 2px 4px hsla(var(--ex-primary-h), 20%, 20%, 0.1);

    /* Hover */
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: hsl(var(--ex-primary-h), 16%, 86%);
    --bs-btn-hover-border-color: hsla(var(--ex-primary-h), 100%, 10%, 0.2);
    --ex-btn-hover-box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.55), 0 4px 8px hsla(var(--ex-primary-h), 20%, 20%, 0.15);

    /* Focus/active */
    /* --bs-btn-focus-shadow-rgb: var(--ex-light-rgb); */
    --bs-btn-active-color: var(--bs-btn-color);
    --bs-btn-active-bg: hsl(var(--ex-primary-h), 16%, 83%);
    --bs-btn-active-border-color: hsla(var(--ex-primary-h), 100%, 10%, 0.2);
    --ex-btn-active-box-shadow: var(--ex-btn-box-shadow);
}

/* Buttons - night */
.btn-night {
    /* Base */
    --bs-btn-font-weight: 700;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: hsl(var(--ex-primary-h), 8%, 1%);
    --bs-btn-border-color: hsl(var(--ex-primary-h), 8%, 4%);
    --ex-btn-box-shadow: 0 2px 4px hsla(calc(var(--ex-primary-h) - 2), 8%, 8%, 0.2);

    /* Hover */
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: hsl(var(--ex-primary-h), 8%, 0%);
    --bs-btn-hover-border-color: hsl(var(--ex-primary-h), 8%, calc(var(--ex-primary-l) - 8%));
    --ex-btn-hover-box-shadow: 0 4px 8px hsla(calc(var(--ex-primary-h) - 2), 8%, 8%, 0.25);

    /* Focus/active */
    /* --bs-btn-focus-shadow-rgb: var(--ex-primary-rgb); */
    --bs-btn-active-color: var(--bs-btn-color);
    --bs-btn-active-bg: hsl(var(--ex-primary-h), 8%, 0%);
    --bs-btn-active-border-color: hsl(var(--ex-primary-h), 8%, 4%);
    --ex-btn-active-box-shadow: var(--ex-btn-box-shadow);
}

/* Buttons - 3D */
.btn-3d {
    position: relative;
    top: 0;
    padding-bottom: 0.55em;
    border: 0;
    transition: all 0.1s;
    box-shadow: inset 0 -6px 0 0 hsl(0, 0%, 0%, 0.2), 0 4px 6px -1px hsla(0, 0%, 0%, 0.6);
}

.btn-3d:hover {
    box-shadow: inset 0 -6px 0 0 hsl(0, 0%, 0%, 0.3), 0 7px 12px -1px hsla(0, 0%, 0%, 0.5);
}

.btn-3d:active,
.btn-3d:not(:disabled):not(.disabled):active,
.btn-3d:focus,
.btn-3d:not(:disabled):not(.disabled):active:focus {
    top: 3px;
    padding-bottom: 0.4em;
    box-shadow: inset 0 -2px 0 0 hsl(0, 0%, 0%, 0.3), 0 5px 6px -1px hsla(0, 0%, 0%, 0.8);
}

/* Buttons - scale */
.btn-scale {
    border: 0;
    transition: all 0.1s;
    transform: scale(1);
}

.btn-scale:hover {
    transform: var(--ex-hover-scale, scale(1.04));
}

.btn-scale:active,
.btn-scale:not(:disabled):not(.disabled):active,
.btn-scale:focus,
.btn-scale:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
    transform: scale(0.98);
}

/* Buttons - gradients */
.btn-gradient {
    /* background-image: linear-gradient(158deg,
        hsla(212, 100%, 97%, 0.4) 0%,
        hsla(212, 100%, 97%, 0.2) 20%,
        hsla(212, 100%, 97%, 0.1) 40%,
        hsla(212, 100%, 97%, 0.2) 80%,
        hsla(212, 100%, 97%, 0.4) 100%); */
    background-size: 300% 100%;
    transition: all 0.2s cubic-bezier(0.42, 0.29, 0.3, 0.86);
}

.btn-gradient:hover {
    background-position: 100% 0;
    transition: all 0.2s cubic-bezier(0.42, 0.29, 0.3, 0.86);
}

.btn-gradient:active,
.btn-gradient:not(:disabled):not(.disabled):active,
.btn-gradient:focus,
.btn-gradient:not(:disabled):not(.disabled):active:focus {
    background-position: 0;
}

/* Buttons - gradients - primary */
.btn-gradient-primary {
    --btn-text-color: hsl(var(--ex-primary-h), var(--ex-primary-s), calc((50 - 60) * -100%));
    background-color: var(--ex-primary);
    background-image: var(--ex-gradient-palette);
    border: 1px solid hsla(calc(var(--ex-primary-h) - 4), var(--ex-primary-s), 10%, 0.15);
    box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.35), 0 4px 8px hsla(calc(var(--ex-primary-h) - 2), var(--ex-primary-s), 30%, 0.3);
    color: var(--btn-text-color);
}

.btn-gradient-primary:hover {
    box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.35), 0 6px 12px hsla(calc(var(--ex-primary-h) - 2), var(--ex-primary-s), 30%, 0.4);
    color: var(--btn-text-color);
}

.btn-gradient-primary:active,
.btn-gradient-primary:not(:disabled):not(.disabled):active,
.btn-gradient-primary:focus,
.btn-gradient-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.35), 0 2px 6px hsla(calc(var(--ex-primary-h) - 2), var(--ex-primary-s), 30%, 0.3);
    color: var(--btn-text-color);
}

/* Buttons - gradients - primary light */
.btn-gradient-primary-light {
    --btn-text-color: hsl(var(--ex-primary-h), 58%, 8%);
    background-color: var(--ex-primary-light);
    background-image: var(--ex-gradient-palette);
    border: 1px solid hsla(calc(var(--ex-primary-h) - 4), var(--ex-primary-s), 10%, 0.1);
    box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.45), 0 4px 8px hsla(var(--ex-primary-h), 30%, 50%, 0.25);
    color: var(--btn-text-color);
}

.btn-gradient-primary-light:hover {
    box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.45), 0 6px 12px hsla(var(--ex-primary-h), 30%, 50%, 0.35);
    color: var(--btn-text-color);
}

.btn-gradient-primary-light:active,
.btn-gradient-primary-light:not(:disabled):not(.disabled):active,
.btn-gradient-primary-light:focus,
.btn-gradient-primary-light:not(:disabled):not(.disabled):active:focus {
    box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.45), 0 2px 6px hsla(var(--ex-primary-h), 30%, 50%, 0.25);
    color: var(--btn-text-color);
}

/* Buttons - gradients - primary dark */
.btn-gradient-primary-dark {
    --btn-text-color: var(--bs-white);
    background-color: var(--ex-primary-dark);
    background-image: var(--ex-gradient-palette);
    border: 1px solid hsla(calc(var(--ex-primary-h) - 4), var(--ex-primary-s), 8%, 0.5);
    box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.3), 0 4px 8px hsla(var(--ex-primary-h), 30%, 20%, 0.4);
    color: var(--btn-text-color);
}

.btn-gradient-primary-dark:hover {
    box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.3), 0 6px 12px hsla(var(--ex-primary-h), 30%, 20%, 0.5);
    color: var(--btn-text-color);
}

.btn-gradient-primary-dark:active,
.btn-gradient-primary-dark:not(:disabled):not(.disabled):active,
.btn-gradient-primary-dark:focus,
.btn-gradient-primary-dark:not(:disabled):not(.disabled):active:focus {
    box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.3), 0 2px 6px hsla(var(--ex-primary-h), 30%, 20%, 0.4);
    color: var(--btn-text-color);
}

/* Buttons - gradients - accent */
.btn-gradient-accent {
    --btn-text-color: var(--ex-night);
    background-color: var(--ex-accent);
    background-image: var(--ex-gradient-accent);
    border: 1px solid hsla(calc(var(--ex-accent-h) - 4), var(--ex-accent-s), 10%, 0.15);
    box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.35), 0 4px 8px hsla(var(--ex-accent-h), var(--ex-accent-s), 45%, 0.5);
    color: var(--btn-text-color);
}

.btn-gradient-accent:hover {
    box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.35), 0 6px 12px hsla(var(--ex-accent-h), var(--ex-accent-s), 45%, 0.6);
    color: var(--btn-text-color);
}

.btn-gradient-accent:active,
.btn-gradient-accent:not(:disabled):not(.disabled):active,
.btn-gradient-accent:focus,
.btn-gradient-accent:not(:disabled):not(.disabled):active:focus {
    box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.35), 0 2px 6px hsla(var(--ex-accent-h), var(--ex-accent-s), 45%, 0.5);
    color: var(--btn-text-color);
}

/* Buttons - gradients - warning */
.btn-gradient-warning {
    --btn-text-color: var(--bs-white);
    background-color: var(--ex-warning);
    background-image: var(--ex-gradient-warning);
    border: 1px solid hsla(calc(var(--ex-warning-h) - 4), var(--ex-warning-s), 10%, 0.15);
    box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.35), 0 4px 8px hsla(var(--ex-warning-h), var(--ex-warning-s), 45%, 0.5);
    color: var(--btn-text-color);
}

.btn-gradient-warning:hover {
    box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.35), 0 6px 12px hsla(var(--ex-warning-h), var(--ex-warning-s), 45%, 0.6);
    color: var(--btn-text-color);
}

.btn-gradient-warning:active,
.btn-gradient-warning:not(:disabled):not(.disabled):active,
.btn-gradient-warning:focus,
.btn-gradient-warning:not(:disabled):not(.disabled):active:focus {
    box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.35), 0 2px 6px hsla(var(--ex-warning-h), var(--ex-warning-s), 45%, 0.5);
    color: var(--btn-text-color);
}

/* Buttons - gradients - danger */
.btn-gradient-danger {
    --btn-text-color: var(--bs-white);
    background-color: var(--ex-danger);
    background-image: var(--ex-gradient-danger);
    border: 1px solid hsla(calc(var(--ex-danger-h) - 4), var(--ex-danger-s), 10%, 0.15);
    box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.35), 0 4px 8px hsla(var(--ex-danger-h), var(--ex-danger-s), 45%, 0.5);
    color: var(--btn-text-color);
}

.btn-gradient-danger:hover {
    box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.35), 0 6px 12px hsla(var(--ex-danger-h), var(--ex-danger-s), 45%, 0.6);
    color: var(--btn-text-color);
}

.btn-gradient-danger:active,
.btn-gradient-danger:not(:disabled):not(.disabled):active,
.btn-gradient-danger:focus,
.btn-gradient-danger:not(:disabled):not(.disabled):active:focus {
    box-shadow: inset 0 1px 0 0 hsl(0, 0%, 100%, 0.35), 0 2px 6px hsla(var(--ex-danger-h), var(--ex-danger-s), 45%, 0.5);
    color: var(--btn-text-color);
}

/* Buttons - gradients - berry */
.btn-gradient-berry {
    background-color: hsl(255, 100%, 33%);
    background-image: var(--ex-gradient-berry);
    border: 1px solid hsla(0, 0%, 0%, 0.1);
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.45), 0 4px 8px hsla(241, 68%, 56%, 0.7);
    color: hsl(0, 0%, 100%);
}

.btn-gradient-berry:hover {
    background-image: var(--ex-gradient-berry);
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.45), 0 6px 12px hsla(241, 68%, 56%, 0.7);
    color: hsl(0, 0%, 100%);
}

.btn-gradient-berry:active,
.btn-gradient-berry:not(:disabled):not(.disabled):active,
.btn-gradient-berry:focus,
.btn-gradient-berry:not(:disabled):not(.disabled):active:focus {
    background-image: var(--ex-gradient-berry);
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.45), 0 6px 12px hsla(241, 68%, 56%, 0.7);
    color: hsl(0, 0%, 100%);
}

/* Buttons - phone number */
.btn-phone {
    padding: 0.25rem 0.65rem;
    text-decoration: none !important;
    transition: all 0.2s;
}

.btn-phone.btn-phone-dark {
    background-color: hsla(0, 0%, 100%, 0.05);
    border: 1px solid hsla(0, 0%, 100%, 0.2);
    box-shadow: 0 0.1rem 0.4rem hsla(0, 0%, 0%, 0.7);
    color: hsl(0, 0%, 96%);
}

.btn-phone.btn-phone-dark:hover {
    background-color: hsla(0, 0%, 100%, 0.08);
    border: 1px solid hsla(0, 0%, 100%, 0.3);
    box-shadow: 0 0.1rem 0.4rem hsla(0, 0%, 0%, 0.9);
    color: hsl(0, 0%, 96%);
}

.btn-phone.btn-phone-light {
    background-color: hsla(0, 0%, 100%, 0.5);
    border: 1px solid hsla(var(--ex-primary-h), 58%, 8%, 0.2);
    box-shadow: 0 0.1rem 0.4rem hsla(var(--ex-primary-h), 58%, 8%, 0.1);
    color: var(--ex-night);
}

.btn-phone.btn-phone-light:hover {
    background-color: hsla(0, 0%, 100%, 0.8);
    border: 1px solid hsla(var(--ex-primary-h), 58%, 8%, 0.25);
    box-shadow: 0 0.2rem 0.6rem hsla(var(--ex-primary-h), 58%, 8%, 0.15);
    color: var(--ex-night);
}

.e-phone-number {
    white-space: nowrap;
}

/* Buttons - ajax form */
.ajax-form .btn {
    position: relative;
}

.ajax-form .btn-text {
    transition: all 0.2s;
}

.ajax-form .btn-load {
    display: none;
    position: relative;
    transition: all 0.2s;
}

/* Button icons */
.btn-angle-double-right::after {
    position: relative;
    top: 0.05em;
    margin-left: 0.3em;
    content: '\f101';
    font-family: var(--ex-font-fa-free);
    font-weight: 900;
    font-size: 90%;
}

.btn [class*="fa"] {
    position: relative;
    left: 0;
    transition: all 0.2s;
}

.btn:hover [class*="fa"] {
    left: 0.25rem;
    transition: all 0.2s;
}

/* Receipt */
/* .store-summary-receipt-body tr:last-of-type td[colspan="2"] {
    display: none;
} */

/* Footer */
.container-footer,
.footer {
    font-size: 0.7rem;
}

.footer a {
    color: inherit;
    font-weight: inherit;
    text-decoration: underline;
}

.footer a:hover,
.footer a:focus {
    color: inherit;
}

.footer .nav-link {
    text-decoration: none !important;
}

.footer .nav-link:hover,
.footer .nav-link:focus {
    background-color: transparent !important;
    text-decoration: underline !important;
    outline: none !important;
}

/* Marquee */
.marquee {
    --ex-speed: 60s;
    --ex-gap: 1.25rem;
    display: flex;
    align-items: center;
    user-select: none;
    gap: var(--ex-gap);
    width: 100%;
}

.marquee-ticker {
    position: fixed;
    overflow: hidden;
    bottom: 0;
    z-index: 9;
    height: 2.6rem;
    background-color: var(--ex-night);
    border-top: 4px solid var(--ex-accent);
    color: hsl(0, 0%, 100%);
    font-size: 80%;
    -webkit-font-smoothing: antialiased;
}

.marquee-title {
    position: absolute;
    z-index: 10;
    display: inline-block;
    padding: 0 0.5rem;
    background-color: var(--ex-night);
    color: var(--ex-accent);
    font-weight: 700;
}

@media (min-width: 992px) {
    .marquee-title {
        padding: 0 0.75rem;
    }
}

.marquee .marquee-content {
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    gap: var(--ex-gap);
    min-width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    animation-name: scroll-x;
    animation-duration: var(--ex-speed);
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@media (min-width: 1600px) {
    .marquee-content {
        animation-duration: 100s;
    }
}

.marquee-content li {
    margin-bottom: 0;
}

/* Marquee - pause on hover */
.marquee:hover .marquee-content {
    animation-play-state: paused;
}

/* Animations - horizontal scroll */
@keyframes scroll-x {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-100% - var(--ex-gap)));
    }
}

/* Animations - expand */
@keyframes expand {
    /* 0% {
        width: 10px;
    } */
    70% {
        opacity: 1;
        max-width: 1280px;
    }
    100% {
        opacity: 1;
        max-width: 1280px;
    }
}

.animate-expand,
.io.expand {
    opacity: 0;
}

.animate-expand,
.intersecting.expand {
    animation-name: expand;
    animation-duration: 0.8s;
    animation-delay: 0.5s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
    animation-fill-mode: forwards;
}

/* Animations - fade in */
@keyframes fade-in {
    to {
        opacity: 1;
    }
}

.animate-fade-in,
.io.fade-in {
    opacity: 0;
}

.animate-fade-in,
.intersecting.fade-in {
    animation-name: fade-in;
    animation-duration: 0.9s;
    animation-delay: 0.5s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
    animation-fill-mode: forwards;
}

/* Animations - fade out */
@keyframes fade-out {
    to {
        opacity: 0;
    }
}

.animate-fade-out {
    animation-name: fade-out;
    animation-duration: 0.6s;
    animation-delay: 0.1s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
    animation-fill-mode: forwards;
}

/* Animations - slide up */
@keyframes slide-up {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-slide-up,
.io.slide-up {
    opacity: 0;
    transform: translateY(1rem);
}

.animate-slide-up,
.intersecting.slide-up {
    animation-name: slide-up;
    animation-duration: 0.9s;
    animation-delay: 0.2s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
    animation-fill-mode: forwards;
}

/* Animations - rotate */
@keyframes rotate {
    0% {
        transform: rotate(0deg) scale(0.9);
    }
    60% {
        transform: rotate(var(--ex-rotate-degree)) scale(1.02);
    }
    100% {
        transform: rotate(var(--ex-rotate-degree)) scale(1);
    }
}

.animate-rotate,
.io.rotate {
    transform: rotate(0deg) scale(0.9);
}

.animate-rotate,
.intersecting.rotate {
    animation-name: rotate;
    animation-duration: 0.3s;
    animation-delay: 0.5s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(1.36, 0.07, 0.19, 0.2);
    animation-fill-mode: forwards;
}

/* Animations - underline */
@keyframes underline {
    to {
        background-size: 100% 12%;
    }
}

.animate-underline,
.io.underline {
    background-size: 0% 12%;
}

.animate-underline,
.intersecting.underline {
    animation-name: underline;
    animation-duration: 0.9s;
    animation-delay: 0.5s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
    animation-fill-mode: forwards;
}

/* Animations - strike */
@keyframes strike {
    to {
        background-size: 100% 16%;
    }
}

.animate-strike::before,
.io.strike::before {
    background-size: 0% 16%;
}

.animate-strike::before,
.intersecting.strike::before {
    animation-name: strike;
    animation-duration: 0.9s;
    animation-delay: 0.5s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
    animation-fill-mode: forwards;
}

/* Animations - marker stroke */
@keyframes stroke {
    to {
        background-size: 104% 90%;
    }
}

.animate-mark-stroke,
.io.mark-stroke {
    background-size: 0% 96%;
}

.animate-mark-stroke,
.intersecting.mark-stroke {
    animation-name: stroke;
    animation-duration: 1.5s;
    animation-delay: 0.5s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
    animation-fill-mode: forwards;
}

/* Animations - shake */
@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

.locked:hover {
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

/* Animations - bump */
@keyframes bump {
    20% {
        opacity: 1;
        transform: scale(0.98);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Animations - unbump */
@keyframes unbump {
    10% {
        transform: scale(0.98);
    }

    100% {
        transform: scale(1);
    }
}

/* Animations - bumped */
@keyframes bumped {
    20% {
        opacity: 1;
        transform: scale(0.97);
    }

    40% {
        opacity: 1;
        transform: scale(1.01);
    }

    60% {
        opacity: 1;
        transform: scale(0.97);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.animate-bump,
.intersecting.bump {
    animation: bump 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.animate-bumped,
.intersecting.bumped {
    animation: bumped 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

/* Animations - wobble */
@keyframes wobble {
    0% {
        transform: translate3d(0, 0, 0);
    }

    80% {
        transform: translate3d(-4px, 0, 0);
    }

    100% {
        transform: translate3d(4px, 0, 0);
    }
}

.animate-wobble {
    animation-name: wobble;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes wobble-alt {
    0% {
        transform: translate3d(0, 0, 0);
    }

    80% {
        transform: translate3d(4px, 0, 0);
    }

    100% {
        transform: translate3d(-4px, 0, 0);
    }
}

.animate-wobble-alt {
    animation-name: wobble-alt;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

/* Animations - scale */
@keyframes scale {
    0% {
        opacity: 0;
        transform: scale(0.2);
    }

    60% {
        opacity: 1;
        transform: scale(1.06);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.animate-scale {
    opacity: 0;
    animation-name: scale;
    animation-duration: 0.4s;
    animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
    animation-delay: 0.4s;
    animation-direction: linear;
    animation-fill-mode: forwards;
}

/* Animations - scale */
@keyframes scale-up {
    0% {
        opacity: 0;
        bottom: -80px;
        transform: scale(0.2);
    }

    60% {
        opacity: 1;
        bottom: 30px;
        transform: scale(1.06);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.animate-scale-up {
    opacity: 0;
    animation-name: scale-up;
    animation-duration: 0.4s;
    animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
    animation-delay: 0.4s;
    animation-direction: linear;
    animation-fill-mode: forwards;
}

/* Animations - path */
@keyframes path {
    from {
        stroke-dashoffset: 1000;
    }

    to {
        stroke-dashoffset: 2000;
    }
}

/* Animations - pulse */
@keyframes pulse {
    0% {
        transform: scale(0.1);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.1);
        opacity: 0;
    }
}

/* Icons */
/* Checkmark - simple */
.check {
    margin-right: 0.2em;
    font-size: 1.4em;
}

.check::before {
    margin-right: 0.2em;
    content: '\f14a';
    font-family: var(--ex-font-fa-free);
    font-weight: 400;
    font-size: 90%;
}

/* Checkmark - animated */
.svg-checkmark {
    display: block;
    width: 56%;
}

.svg-checkmark .st0 {
    fill: none;
    stroke: var(--ex-light);
    stroke-width: 120;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}

.choice-checked .svg-checkmark .st0 {
    animation: path 0.4s linear 0.1s;
    animation-fill-mode: forwards;
}

/* .svg-mark-oval {
    enable-background:new 0 0 623 245.5;
} */

/* Loading icons */
.loader-pulse {
    --ex-loader-color: var(--ex-light);
    opacity: 0;
    width: 1.1rem;
    height: 1.1rem;
    /* margin: -0.6rem 0 0 -0.6rem; */
    border: 0.17rem solid var(--ex-loader-color);
    border-radius: 1.1rem;
    animation: pulse 1s ease-out;
    animation-iteration-count: infinite;
}

/* Spacing - margin */
/* Negative margin for kit */
.mt-nk {
    margin-top: -5.3rem
}

@media (min-width: 992px) {
    .mt-lg-nk {
        margin-top: -7.3rem !important;
    }
}

/* Negative margin for video player */
.mt-nv {
    margin-top: -6rem
}

@media (min-width: 576px) {
    .mt-sm-nv {
        margin-top: -9rem;
    }
}

@media (min-width: 768px) {
    .mt-md-nv {
        margin-top: -13.15rem;
    }
}

/* Spacing - padding */
/* Padding for kit */
.pb-k {
    padding-bottom: 0;
}

@media (min-width: 992px) {
    .pb-lg-k {
        padding-bottom: 5.75rem;
    }
}

/* Padding for video player */
.pb-v {
    padding-bottom: 6rem
}

@media (min-width: 576px) {
    .pb-sm-v {
        padding-bottom: 9rem;
    }
}

@media (min-width: 768px) {
    .pb-md-v {
        padding-bottom: 13.2rem;
    }
}

/* Widths - max-width */
.max-w-480 {
    max-width: 480px;
}

.max-w-580 {
    max-width: 580px;
}

.max-w-680 {
    max-width: 680px;
}

.max-w-780 {
    max-width: 780px;
}

.max-w-880 {
    max-width: 880px;
}

.max-w-980 {
    max-width: 980px;
}

.max-w-1080 {
    max-width: 1080px;
}

.max-w-1200 {
    max-width: 1200px;
}

.max-w-1280 {
    max-width: 1280px;
}

.max-w-1480 {
    max-width: 1480px;
}

.max-w-1680 {
    max-width: 1680px;
}

.max-w-full {
    max-width: 100%;
}

/* Heights - max-height */
.max-h-full {
    max-height: 100%;
}

@media (min-width: 576px) {
    .max-h-sm-full {
        max-height: 100% !important;
    }
}

@media (min-width: 768px) {
    .max-h-md-full {
        max-height: 100% !important;
    }
}

@media (min-width: 992px) {
    .max-h-lg-full {
        max-height: 100% !important;
    }
}

@media (min-width: 1200px) {
    .max-h-xl-full {
        max-height: 100% !important;
    }
}

.max-h-svh {
    max-height: 100svh;
}

@media (min-width: 576px) {
    .max-h-sm-svh {
        max-height: 100svh !important;
    }
}

@media (min-width: 768px) {
    .max-h-md-svh {
        max-height: 100svh !important;
    }
}

@media (min-width: 992px) {
    .max-h-lg-svh {
        max-height: 100svh !important;
    }
}

@media (min-width: 1200px) {
    .max-h-xl-svh {
        max-height: 100svh !important;
    }
}

.max-h-auto {
    max-height: auto;
}

@media (min-width: 576px) {
    .max-h-sm-auto {
        max-height: auto !important;
    }
}

@media (min-width: 768px) {
    .max-h-md-auto {
        max-height: auto !important;
    }
}

@media (min-width: 992px) {
    .max-h-lg-auto {
        max-height: auto !important;
    }
}

@media (min-width: 1200px) {
    .max-h-xl-auto {
        max-height: auto !important;
    }
}

/* Heights - min-height */
.min-h-svh {
    min-height: 100svh;
}

@media (min-width: 576px) {
    .min-h-sm-svh {
        min-height: 100svh !important;
    }
}

@media (min-width: 768px) {
    .min-h-md-svh {
        min-height: 100svh !important;
    }
}

@media (min-width: 992px) {
    .min-h-lg-svh {
        min-height: 100svh !important;
    }
}

@media (min-width: 1200px) {
    .min-h-xl-svh {
        min-height: 100svh !important;
    }
}

.min-h-auto {
    min-height: auto;
}

@media (min-width: 576px) {
    .min-h-sm-auto {
        min-height: auto !important;
    }
}

@media (min-width: 768px) {
    .min-h-md-auto {
        min-height: auto !important;
    }
}

@media (min-width: 992px) {
    .min-h-lg-auto {
        min-height: auto !important;
    }
}

@media (min-width: 1200px) {
    .min-h-xl-auto {
        min-height: auto !important;
    }
}

/* Aspect ratios */
.aspect-auto {
    aspect-ratio: auto;
}

.aspect-square {
    aspect-ratio: 1 / 1;
}

.aspect-video {
    aspect-ratio: 16 / 9;
}

/* Text - justify */
.text-justify {
    text-align: justify;
}

@media (min-width: 992px) {
    .text-lg-justify {
        text-align: justify !important;
    }
}

/* Text - wrap pretty */
.text-pretty {
    text-wrap: pretty;
}

/* Text - nowrap shorthand */
.t-nw {
    white-space: nowrap;
}

/* Text - inherit styles */
.text-inherit,
.t-inherit {
    color: inherit;
    font-weight: inherit;
}

.text-inherit a,
.t-inherit a {
    color: inherit;
    font-weight: inherit;
    text-decoration: underline;
}

/* Filters */
.filter-grayscale-1 {
    filter: grayscale(1);
}

.filter-brightness-0 {
    filter: brightness(0);
}

.filter-night {
    filter: invert(0.5) sepia(1) brightness(0.3) hue-rotate(170deg);
}

/* Transforms - rotate */
.transform-rotate-1 {
    transform: rotate(1deg);
}

.transform-rotate-neg-1 {
    transform: rotate(-1deg);
}

@media (min-width: 576px) {
    .transform-sm-rotate-1 {
        transform: rotate(1deg);
    }

    .transform-sm-rotate-neg-1 {
        transform: rotate(-1deg);
    }
}

@media (min-width: 768px) {
    .transform-md-rotate-1 {
        transform: rotate(1deg);
    }

    .transform-md-rotate-neg-1 {
        transform: rotate(-1deg);
    }
}

@media (min-width: 992px) {
    .transform-lg-rotate-1 {
        transform: rotate(1deg);
    }

    .transform-lg-rotate-neg-1 {
        transform: rotate(-1deg);
    }
}

@media (min-width: 1200px) {
    .transform-xl-rotate-1 {
        transform: rotate(1deg);
    }

    .transform-xl-rotate-neg-1 {
        transform: rotate(-1deg);
    }
}

/* Transforms - scale */
.transform-scale-90 {
    transform: scale(0.9);
}

@media (min-width: 576px) {
    .transform-sm-scale-90 {
        transform: scale(0.9);
    }
}

@media (min-width: 768px) {
    .transform-md-scale-90 {
        transform: scale(0.9);
    }
}

@media (min-width: 992px) {
    .transform-lg-scale-90 {
        transform: scale(0.9);
    }
}

@media (min-width: 1200px) {
    .transform-xl-scale-90 {
        transform: scale(0.9);
    }
}

/* Opacity */
.opacity-95 {
    opacity: 0.95 !important;
}

.opacity-90 {
    opacity: 0.9 !important;
}

.opacity-85 {
    opacity: 0.85 !important;
}

.opacity-80 {
    opacity: 0.8 !important;
}

.opacity-75 {
    opacity: 0.75 !important;
}

.opacity-70 {
    opacity: 0.7 !important;
}

.opacity-65 {
    opacity: 0.65 !important;
}

.opacity-60 {
    opacity: 0.6 !important;
}

.opacity-55 {
    opacity: 0.55 !important;
}

.opacity-50 {
    opacity: 0.5 !important;
}

.opacity-45 {
    opacity: 0.45 !important;
}

.opacity-40 {
    opacity: 0.4 !important;
}

/* Overflow */
.overflow-y-hidden {
    overflow-y: hidden;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

/* Scrolling */
.overflow-x-scroll,
.scroll-x {
    overflow-x: scroll;
}

.overflow-y-scroll,
.scroll-y {
    overflow-y: scroll;
}

[class*="scroll-"] {
    box-shadow:
        0 2px 4px hsla(var(--ex-primary-h), 58%, 8%, 0.05) inset,
        0 -2px 4px hsla(var(--ex-primary-h), 58%, 8%, 0.05) inset;
}

/* Overrides */
li {
    font-size: inherit;
}

sna-webinar-mvp-app .container-fluid {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.iframeSessionHolder {
    position: absolute;
}

/* Overrides - hide Osano cookie icon (link added in footer) */
.osano-cm-widget {
    display: none;
}