@import url(https://fonts.googleapis.com/css?family=Figtree:300,400,400i,500i,700,900,900i|Tinos:400,700|Open+Sans:300,400,700&display=swap&subset=greek,greek-ext,latin-ext);
@import url(https://p.typekit.net/p.css?s=1&k=vyv4yzo&ht=tk&f=42534.42535.42538.42539&a=99013803&app=typekit&e=css);
@charset "UTF-8";
/*Atomic Bulldog version 1.0.0*/
/*Min and Max mixins*/
:root {
  --bp-na: 0;
  --bp-xs: 320px;
  --bp-xs-lg: 375px;
  --bp-sm: 600px;
  --bp-md: 900px;
  --bp-lg: 1200px;
  --bp-xl: 1800px; }

:root {
  --limited-colour: #aacdb8;
  --available-colour: #15f970;
  --none-colour: #ff0000; }

:root {
  --color-primary-base: #2f474b;
  --color-primary-dark: #1b292c;
  --color-primary-light: #43656b;
  --color-primary-contrast: white;
  --color-secondary-base: #ce1231;
  --color-secondary-dark: #a00e26;
  --color-secondary-light: #ec2748;
  --color-secondary-contrast: white;
  --color-text-base: #57595b;
  --color-text-dark: #252627;
  --color-text-light: #8a8b8f;
  --color-text-contrast: white;
  --color-white-base: white;
  --color-white-dark: #252627;
  --color-white-light: #8a8b8f;
  --color-white-contrast: #2f474b;
  --color-loyalty-base: #4d4c52;
  --color-loyalty-dark: #222226;
  --color-loyalty-light: #858391;
  --color-loyalty-contrast: white;
  --color-loyaltyblue-base: #27245c;
  --color-loyaltyblue-dark: #1a1e5b;
  --color-loyaltyblue-light: #e0e8ff;
  --color-loyaltyblue-contrast: white;
  --color-black-base: black;
  --color-black-dark: black;
  --color-black-light: #1a1a1a;
  --color-black-contrast: white;
  --color-gold-base: #a38f5c;
  --color-gold-dark: #615538;
  --color-gold-light: #c8bc9d;
  --color-gold-contrast: white;
  --color-gray-0: white;
  --color-gray-10: #f2f2f2;
  --color-gray-20: #ebebeb;
  --color-gray-30: #b3b3b3;
  --color-gray-40: #808285;
  --color-gray-50: #57595b;
  --color-gray-60: #454545;
  --color-gray-70: #2b2b2b;
  --color-gray-80: #1c1c1c;
  --color-gray-90: #0d0d0d;
  --color-gray-100: black;
  --color-decorative-1: #e0dacc;
  --color-decorative-2: #eee6e5;
  --color-decorative-3: #cedef1;
  --color-decorative-4: #d3cee1;
  --color-campaign-green: #0D594D;
  --color-campaign-dark-green: #273432;
  --color-campaign-blue: #002F5C;
  --color-campaign-blue-grey: #2E4C57;
  --color-campaign-late-night-shopping: #007aa1;
  --color-campaign-sale: #d70926;
  --color-campaign-xmas: #9B2234;
  --color-campaign-bone: #E3D1BB;
  --color-campaign-salomie: #FCCE89;
  --color-campaign-greenmist: #CDD7AE;
  --color-campaign-horizon: #5582A1;
  --color-campaign-regentstblue: #A5CCE2;
  --color-campaign-christmas: #c63924;
  --color-campaign-cream: #F8ECDD;
  --color-campaign-warm-stone: #DBB092;
  --color-campaign-olive-green: #6D7B6E;
  --color-campaign-paris-blue: #929A9D;
  --color-campaign-paris-grey: #414042;
  --color-campaign-info-box: #E7E7ED;
  --color-campaign-black: #000000;
  --color-campaign-newyork-pink: #D59187;
  --color-campaign-tactical-teal: #00A19B;
  --color-campaign-ss23-sky-blue: #BCD4EE;
  --color-campaign-ss23-mcarthurglen-blue: #001E62;
  --color-campaign-ss23-hot-pink: #EC1A7F;
  --color-campaign-ss23-dusty-pink: #EEA8BC;
  --color-campaign-ss23-zesty-green: #C5D93F;
  --color-campaign-ss23-sunset-orange: #F37F52;
  --color-campaign-ss23-royal-purple: #824F9F;
  --color-campaign-ss23-tactical-teal: #00A19B;
  --color-campaign-ss23-tactical-dark-teal: #006B65;
  --color-campaign-ss23-cream: #F5F4ED;
  --color-campaign-ss23-sale-yellow: #FFE600;
  --color-campaign-ss24-spring-lilac: #C4B8FF;
  --color-campaign-ss24-citrus-orange: #FF884D;
  --color-campaign-ss24-sunshine-yellow: #FFE600;
  --color-campaign-ss24-summer-pink: #FF6CAF;
  --color-campaign-ss24-citrus-green: #56A057;
  --color-campaign-mcarthurglen-blue: #001E62;
  --color-campaign-aw23-emerald-green: #009251;
  --color-campaign-aw23-pumpkin-orange: #F15A23;
  --color-campaign-aw23-rich-purple: #8B1F7E;
  --color-campaign-aw23-arctic-blue: #71CFEB;
  --color-campaign-is-transparent: transparent;
  --color-campaign-sale-red: #C92A39;
  --color-campaign-red-light: #d70826;
  --color-campaign-red-dark: #A32F3B;
  --color-campaign-grey-lighter: #f2f2f2;
  --color-campaign-white: #FFFFFF;
  --color-nav-cream-base: #f8ecdd;
  --color-nav-cream-dark: #efd4b3;
  --color-nav-cream-light: white;
  --color-nav-cream-contrast: #57595b;
  --color-nav-warm-stone-base: #dbb294;
  --color-nav-warm-stone-dark: #cf966e;
  --color-nav-warm-stone-light: #e8cdba;
  --color-nav-warm-stone-contrast: black;
  --color-nav-olive-green-base: #6c7a6d;
  --color-nav-olive-green-dark: #545f55;
  --color-nav-olive-green-light: #859386;
  --color-nav-olive-green-contrast: white;
  --color-nav-paris-blue-base: #91999c;
  --color-nav-paris-blue-dark: #778083;
  --color-nav-paris-blue-light: #acb2b4;
  --color-nav-paris-blue-contrast: white;
  --color-nav-paris-grey-base: #403e41;
  --color-nav-paris-grey-dark: #262527;
  --color-nav-paris-grey-light: #59575b;
  --color-nav-paris-grey-contrast: white;
  --color-nav-black-base: black;
  --color-nav-black-dark: black;
  --color-nav-black-light: #1a1a1a;
  --color-nav-black-contrast: white; }

:root {
  --container-size-xs-lg: 375px;
  --container-size-sm: 600px;
  --container-size-md: 900px;
  --container-size-lg: 1200px;
  --container-size-xl: 1400px; }

@font-face {
  font-family: 'DearJoe6';
  src: url("/Static/fonts/dearJoe/dearjoe_6-webfont.woff2") format("woff2"), url("/Static/fonts/dearJoe/dearjoe_6-webfont.woff") format("woff"); }

@font-face {
  font-family: 'JulesEpicMedium';
  src: url("/Static/fonts/julesEpic/JulesEpic-Medium.woff2") format("woff2"), url("/Static/fonts/julesEpic/JulesEpic-Medium.woff") format("woff"); }

@font-face {
  font-family: 'JulesEpicBold';
  src: url("/Static/fonts/julesEpic/JulesEpic-Bold.woff2") format("woff2"), url("/Static/fonts/julesEpic/JulesEpic-Bold.woff") format("woff"); }

@font-face {
  font-family: 'Stem-Light';
  src: url("/Static/fonts/Stem/Stem-Light.eot");
  src: url("/Static/fonts/Stem/Stem-Light.eot?#iefix") format("embedded-opentype"), url("/Static/fonts/Stem/Stem-Light.woff2") format("woff2"), url("/Static/fonts/Stem/Stem-Light.woff") format("woff"), url("/Static/fonts/Stem/Stem-Light.ttf") format("truetype"), url("/Static/fonts/Stem/Stem-Light.svg#Stem-Light") format("svg"); }

@font-face {
  font-family: 'Stem-Medium';
  src: url("/Static/fonts/Stem/Stem-Medium.eot");
  src: url("/Static/fonts/Stem/Stem-Medium.eot?#iefix") format("embedded-opentype"), url("/Static/fonts/Stem/Stem-Medium.woff2") format("woff2"), url("/Static/fonts/Stem/Stem-Medium.woff") format("woff"), url("/Static/fonts/Stem/Stem-Medium.ttf") format("truetype"), url("/Static/fonts/Stem/Stem-Medium.svg#Stem-Medium") format("svg"); }

@font-face {
  font-family: "ivymode";
  src: url("https://use.typekit.net/af/2b42d0/00000000000000007735ce7b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/2b42d0/00000000000000007735ce7b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/2b42d0/00000000000000007735ce7b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); }
.campaign-font-1 {
  font-family: 'lust', 'Figtree', Arial, "Helvetica Neue", Helvetica, sans-serif !important; }

.campaign-font-2 {
  font-family: 'JulesEpicMedium', 'Figtree', Arial, "Helvetica Neue", Helvetica, sans-serif !important; }

.campaign-font-3 {
  font-family: 'JulesEpicBold', 'Figtree', Arial, "Helvetica Neue", Helvetica, sans-serif !important; }

.campaign-font-4 {
  font-family: 'Montserrat', 'Figtree', Arial, "Helvetica Neue", Helvetica, sans-serif !important; }

.campaign-font-5 {
  font-family: 'DearJoe6', 'Figtree', Arial, "Helvetica Neue", Helvetica, sans-serif !important; }

.campaign-font-stem-light {
  font-family: 'Stem-Light', 'Figtree', Arial, "Helvetica Neue", Helvetica, sans-serif !important; }

.campaign-font-stem-medium {
  font-family: 'Stem-Medium', 'Figtree', Arial, "Helvetica Neue", Helvetica, sans-serif !important; }

.campaign-font-ivymode {
  font-family: 'ivymode', 'Figtree', Arial, "Helvetica Neue", Helvetica, sans-serif !important; }

.ss23-campaign-font-1 {
  font-family: 'Figtree', Arial, "Helvetica Neue", Helvetica, sans-serif !important; }

.text-late-night-blue {
  color: #006E91; }

.has-text-secondary {
  color: var(--color-secondary-base); }

.has-text-gray-0 {
  color: var(--color-gray-0); }

.text-aqua_3265_CP {
  color: #4CC7B2; }

.text-blue_279_CP {
  color: #4698D3; }

.text-green_4206_CP {
  color: #88B98F; }

.text-orange_1655_CP {
  color: #FF6422; }

.text-pink_7635_CP {
  color: #ED3F78; }
:root {
  --font-family-paragraph: "Figtree", "Helvetica Neue", Arial, sans-serif;
  --font-family-title: "Figtree", "Helvetica Neue", Arial, sans-serif;
  --font-family-highlight: "Figtree", "Helvetica Neue", Arial, sans-serif;
  --font-family-icon: "magFont";
  --font-family-paragraph-greek: "Tinos", sans-serif; }

:root {
  --font-size-root: 16px;
  --font-size-paragraph: 1rem;
  --font-size-1: 3.375rem;
  --font-size-2: 2.5rem;
  --font-size-3: 2rem;
  --font-size-4: 1.5rem;
  --font-size-5: 1.125rem;
  --font-size-6: 1rem;
  --font-size-button: 1rem;
  --font-size-small: 0.875rem; }

:root {
  --spacer-0: 0;
  --spacer-1: 0.25rem;
  --spacer-2: 0.5rem;
  --spacer-3: 1rem;
  --spacer-4: 1.25rem;
  --spacer-5: 1.5rem;
  --spacer-6: 3rem;
  --spacer-7: 6rem;
  --spacer-8: 9rem;
  --spacer-9: 12rem;
  --spacer-10: 2rem;
  --spacer-11: 2.5rem;
  --spacer-12: 5rem;
  --spacer-13: 2.75rem;
  --spacer-14: 4rem; }

/*!
 * Bootstrap Grid v4.1.0 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width; }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 375px) {
    .container {
      max-width: 375px; } }
  @media (min-width: 600px) {
    .container {
      max-width: 600px; } }
  @media (min-width: 900px) {
    .container {
      max-width: 900px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1200px; } }
  @media (min-width: 1800px) {
    .container {
      max-width: 1400px; } }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.row.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .row.no-gutters > .col,
  .row.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.row > .col-1, .row > .col-2, .row > .col-3, .row > .col-4, .row > .col-5, .row > .col-6, .row > .col-8, .row > .col-9, .row > .col-10, .row > .col-11, .row > .col-12, .row > .col, .row > .col-xs-6, .row > .col-xs-10, .row > .col-xs-12, .row > .col-xs-lg-4, .row > .col-xs-lg-6, .row > .col-sm-1, .row > .col-sm-3, .row > .col-sm-4, .row > .col-sm-5, .row > .col-sm-6, .row > .col-sm-7, .row > .col-sm-8, .row > .col-sm-9, .row > .col-sm-10, .row > .col-sm-11, .row > .col-sm-12, .row > .col-sm, .row > .col-md-2, .row > .col-md-3, .row > .col-md-4, .row > .col-md-5, .row > .col-md-6, .row > .col-md-7, .row > .col-md-8, .row > .col-md-10, .row > .col-md-11, .row > .col-md-12, .row > .col-md, .row > .col-lg-2, .row > .col-lg-3, .row > .col-lg-4, .row > .col-lg-5, .row > .col-lg-6, .row > .col-lg-7, .row > .col-lg-8, .row > .col-lg-9, .row > .col-lg-10, .row > .col-lg-12, .row > .col-xl-4, .row > .col-xl-6, .row > .col-xl-7 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.row > .col {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%; }

.row > .col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333%;
          flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.row > .col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.row > .col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%; }

.row > .col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.row > .col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.row > .col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%; }

.row > .col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
          flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.row > .col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%; }

.row > .col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
          flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.row > .col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
          flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.row > .col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%; }

@media (min-width: 320px) {
  .row > .col-xs-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .row > .col-xs-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .row > .col-xs-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; } }

@media (min-width: 375px) {
  .row > .col-xs-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row > .col-xs-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; } }

@media (min-width: 600px) {
  .row > .col-sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .row > .col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .row > .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .row > .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row > .col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .row > .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .row > .col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .row > .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .row > .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .row > .col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .row > .col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .row > .col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .row > .offset-sm-3 {
    margin-left: 25%; } }

@media (min-width: 900px) {
  .row > .col-md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .row > .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .row > .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .row > .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row > .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .row > .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .row > .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .row > .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .row > .col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .row > .col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .row > .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .row > .order-md-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .row > .order-md-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .row > .offset-md-1 {
    margin-left: 8.33333%; } }

@media (min-width: 1200px) {
  .row > .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .row > .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .row > .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row > .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .row > .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .row > .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .row > .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .row > .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .row > .col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .row > .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; } }

@media (min-width: 1800px) {
  .row > .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row > .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .row > .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; } }

/*
 * Bootstrap Reboot v4.0.0-beta.2 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent; }

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

article,
dialog,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
 "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
 "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left; }

[tabindex="-1"]:focus {
  outline: none !important; }

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

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: 0.5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }


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

sup {
  top: -0.5em; }

a {
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

a:hover {
  text-decoration: underline; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none; }

a:not([href]):not([tabindex]):focus {
  outline: 0; }


code {
  font-family: monospace, monospace;
  font-size: 1em; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

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

a,
area,
button,
[role="button"],
input:not([type="range"]),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

table {
  border-collapse: collapse; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: 0.5rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none !important; }
/* Hide elements in in-app-browser */
.inAppBrowser, .removeFrame {
  /* corporate and outlet layout: */
  /* cookie banner */ }
  .inAppBrowser #main-navigation,
  .inAppBrowser #main-navigation-btn,
  .inAppBrowser #wallet-btn,
  .inAppBrowser #corporate-footer,
  .inAppBrowser #outlet-footer,
  .inAppBrowser .loyalty-header-block,
  .inAppBrowser .upper-navigation-bar,
  .inAppBrowser #main-content > .breadcrumb-block,
  .inAppBrowser #main-content > div > .imagegalleryblock,
  .inAppBrowser #main-content > div > .textheroblock,
  .inAppBrowser #main-content > .whats-on-listing-block,
  .inAppBrowser #btn-scan-qr,
  .inAppBrowser #wallet-logo,
  .inAppBrowser .nav-container.sticky button.burger, .removeFrame #main-navigation,
  .removeFrame #main-navigation-btn,
  .removeFrame #wallet-btn,
  .removeFrame #corporate-footer,
  .removeFrame #outlet-footer,
  .removeFrame .loyalty-header-block,
  .removeFrame .upper-navigation-bar,
  .removeFrame #main-content > .breadcrumb-block,
  .removeFrame #main-content > div > .imagegalleryblock,
  .removeFrame #main-content > div > .textheroblock,
  .removeFrame #main-content > .whats-on-listing-block,
  .removeFrame #btn-scan-qr,
  .removeFrame #wallet-logo,
  .removeFrame .nav-container.sticky button.burger {
    display: none; }
  .inAppBrowser .cookie-banner, .removeFrame .cookie-banner {
    display: none; }

.WebView .navigation-bar-holder {
  display: none !important; }
/* Hide elements in in-app-browser */
.removeFrame {
  /* cookie banner */ }
  .removeFrame .nav-container,
  .removeFrame .breadcrumb-block,
  .removeFrame .site-footer {
    display: none !important; }
  .removeFrame .cookie-banner {
    display: none; }
  .removeFrame .store-guide-block .mappedin-wrapper {
    height: 100vh; }
@font-face {
  font-family: 'magFont';
  src: url("/Static/fonts/magfont/magFont.eot?mErRyC");
  src: url("/Static/fonts/magfont/magFont.eot?mErRyC#iefix") format("embedded-opentype"), url("/Static/fonts/magfont/magFont.ttf?mErRyC") format("truetype"), url("/Static/fonts/magfont/magFont.woff?mErRyC") format("woff"), url("/Static/fonts/magfont/magFont.svg?mErRyC#magFont") format("svg");
  font-weight: normal;
  font-style: normal; }

.mag-font, [class^="mag-font_"], [class*=" mag-font_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'magFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.mag-font_list_check:before {
  content: "\E993"; }

.mag-font_view_all_centers:before {
  content: "\E992"; }

.mag-font_info_circle_outline:before {
  content: "\E991"; }

.mag-font_home_compact:before {
  content: "\E989"; }

.mag-font_settings_compact:before {
  content: "\E98A"; }

.mag-font_change-password:before {
  content: "\E98D"; }

.mag-font_wallet_compact:before {
  content: "\E98B"; }

.mag-font_user:before {
  content: "\E988"; }

.mag-font_login:before {
  content: "\E987"; }

.mag-font_attention:before {
  content: "\E986"; }

.mag-font_search_compact:before {
  content: "\E985"; }

.mag-font_star:before {
  content: "\E984"; }

.mag-font_percent_discount:before {
  content: "\E981"; }

.mag-font_birthday_cake:before {
  content: "\E983"; }

.mag-font_qr_thin:before {
  content: "\E97F"; }

.mag-font_nfc:before {
  content: "\E980"; }

.mag-font_email_simple:before {
  content: "\E97D"; }

.mag-font_catalogue:before {
  content: "\E97B"; }

.mag-font_video:before {
  content: "\E97C"; }

.mag-font_click_reserve:before {
  content: "\E97A"; }

.mag-font_question:before {
  content: "\E979"; }

.mag-font_safer_shopping:before {
  content: "\E978"; }

.mag-font_loyaltygifts:before {
  content: "\E977"; }

.mag-font_exclusive-offers:before {
  content: "\E976"; }

.mag-font_shopper:before {
  content: "\E975"; }

.mag-font_rewards:before {
  content: "\E974"; }

.mag-font_external-link:before {
  content: "\E973"; }

.mag-font_text:before {
  content: "\E96F"; }

.mag-font_home:before {
  content: "\E970"; }

.mag-font_flag:before {
  content: "\E971"; }

.mag-font_account:before {
  content: "\E972"; }

.mag-font_check:before {
  content: "\E96E"; }

.mag-font_plus-thin:before {
  content: "\E96D"; }

.mag-font_minus-thin:before {
  content: "\E96C"; }

.mag-font_share:before {
  content: "\E96B"; }

.mag-font_finger:before {
  content: "\E960"; }

.mag-font_footfall:before {
  content: "\E95C"; }

.mag-font_play_button:before {
  content: "\E95D"; }

.mag-font_print:before {
  content: "\E95E"; }

.mag-font_retail_space:before {
  content: "\E95F"; }

.mag-font_heart:before {
  content: "\E95B"; }

.mag-font_international_payment:before {
  content: "\E953"; }

.mag-font_multilingual_staff:before {
  content: "\E954"; }

.mag-font_phone_charging:before {
  content: "\E955"; }

.mag-font_prayer_room:before {
  content: "\E95A"; }

.mag-font_beauty_services:before {
  content: "\E900"; }

.mag-font_bus:before {
  content: "\E901"; }

.mag-font_cake:before {
  content: "\E902"; }

.mag-font_calendar:before {
  content: "\E903"; }

.mag-font_children_play_area:before {
  content: "\E904"; }

.mag-font_clock:before {
  content: "\E905"; }

.mag-font_disabled_access:before {
  content: "\E906"; }

.mag-font_down_chevron:before {
  content: "\E907"; }

.mag-font_download:before {
  content: "\E908"; }

.mag-font_dress:before {
  content: "\E909"; }

.mag-font_email:before {
  content: "\E90A"; }

.mag-font_facebook:before {
  content: "\E90B"; }

.mag-font_facebook_outline:before {
  content: "\E90C"; }

.mag-font_family:before {
  content: "\E90D"; }

.mag-font_filter:before {
  content: "\E90E"; }

.mag-font_food_drink:before {
  content: "\E90F"; }

.mag-font_footwear:before {
  content: "\E910"; }

.mag-font_gift_card:before {
  content: "\E911"; }

.mag-font_gluten_free:before {
  content: "\E912"; }

.mag-font_hamburger:before {
  content: "\E913"; }

.mag-font_handbag:before {
  content: "\E914"; }

.mag-font_hanger:before {
  content: "\E915"; }

.mag-font_info_line:before {
  content: "\E916"; }

.mag-font_instagram:before {
  content: "\E917"; }

.mag-font_jewlerry:before {
  content: "\E918"; }

.mag-font_lamp:before {
  content: "\E919"; }

.mag-font_left_chevron:before {
  content: "\E91A"; }

.mag-font_lingerie:before {
  content: "\E91B"; }

.mag-font_location_pin:before {
  content: "\E91C"; }

.mag-font_location_pin_outline:before {
  content: "\E91D"; }

.mag-font_location_pointer:before {
  content: "\E91E"; }

.mag-font_makeup:before {
  content: "\E91F"; }

.mag-font_map:before {
  content: "\E920"; }

.mag-font_men_shirt:before {
  content: "\E921"; }

.mag-font_men_shirt_tie:before {
  content: "\E922"; }

.mag-font_nursery:before {
  content: "\E923"; }

.mag-font_offers:before {
  content: "\E924"; }

.mag-font_parking:before {
  content: "\E925"; }

.mag-font_pets:before {
  content: "\E926"; }

.mag-font_phone:before {
  content: "\E927"; }

.mag-font_phone_outline:before {
  content: "\E928"; }

.mag-font_plane:before {
  content: "\E929"; }

.mag-font_plane2:before {
  content: "\E92A"; }

.mag-font_right_chevron:before {
  content: "\E92B"; }

.mag-font_scissors:before {
  content: "\E92C"; }

.mag-font_search:before {
  content: "\E92D"; }

.mag-font_shopping_bag:before {
  content: "\E92E"; }

.mag-font_snow:before {
  content: "\E92F"; }

.mag-font_sport_wear:before {
  content: "\E930"; }

.mag-font_take_away:before {
  content: "\E931"; }

.mag-font_tax_free:before {
  content: "\E932"; }

.mag-font_toilets:before {
  content: "\E933"; }

.mag-font_train:before {
  content: "\E934"; }

.mag-font_twitter:before {
  content: "\E935"; }

.mag-font_twitter_outline:before {
  content: "\E936"; }

.mag-font_up_chevron:before {
  content: "\E937"; }

.mag-font_wifi:before {
  content: "\E938"; }

.mag-font_arrow:before {
  content: "\E939"; }

.mag-font_car:before {
  content: "\E93A"; }

.mag-font_check-list:before {
  content: "\E93B"; }

.mag-font_cross:before {
  content: "\E93C"; }

.mag-font_excalamation_mark:before {
  content: "\E93D"; }

.mag-font_minus:before {
  content: "\E93E"; }

.mag-font_plus:before {
  content: "\E93F"; }

.mag-font_shopping_bag_Single:before {
  content: "\E940"; }

.mag-font_ticks:before {
  content: "\E941"; }

.mag-font_pdf:before {
  content: "\E942"; }

.mag-font_quote1:before {
  content: "\E943"; }

.mag-font_quote2:before {
  content: "\E944"; }

.mag-font_edit:before {
  content: "\E945"; }

.mag-font_fax:before {
  content: "\E946"; }

.mag-font_globe:before {
  content: "\E947"; }

.mag-font_parking_full:before {
  content: "\E948"; }

.mag-font_tripadvisor-logotype:before {
  content: "\E949"; }

.mag-font_arrow-long:before {
  content: "\E94A"; }

.mag-font_apostrophe-down:before {
  content: "\E94B"; }

.mag-font_apostrophe-up:before {
  content: "\E94C"; }

.mag-font_atm:before {
  content: "\E94D"; }

.mag-font_community:before {
  content: "\E94E"; }

.mag-font_currency_exchange:before {
  content: "\E94F"; }

.mag-font_expansion:before {
  content: "\E950"; }

.mag-font_head_office:before {
  content: "\E951"; }

.mag-font_leasing:before {
  content: "\E952"; }

.mag-font_press:before {
  content: "\E956"; }

.mag-font_sustainability:before {
  content: "\E957"; }

.mag-font_trave_trade:before {
  content: "\E958"; }

.mag-font_vip_services:before {
  content: "\E959"; }

.mag-font_lock:before {
  content: "\E961"; }

.mag-font_shrink:before {
  content: "\E98C"; }

.mag-font_iphone:before {
  content: "\E962"; }

.mag-font_money:before {
  content: "\E963"; }

.mag-font_qr_code:before {
  content: "\E964"; }

.mag-font_trophy:before {
  content: "\E965"; }

.mag-font_search2:before {
  content: "\E966"; }

.mag-font_heart-outline:before {
  content: "\E967"; }

.mag-font_refine:before {
  content: "\E968"; }

.mag-font_heart-full:before {
  content: "\E969"; }

.mag-font_plus2:before {
  content: "\E96A"; }

.mag-font_loading1:before {
  content: "\E97E"; }

.mag-font_loading2:before {
  content: "\E982"; }

.mag-font_profile:before {
  content: "\E98E"; }

.mag-font_whatsapp:before {
  content: "\E98F"; }

.mag-font_notif-pref:before {
  content: "\E990"; }

.mag-font_camera:before {
  content: "\E991"; }

.mag-font_copy:before {
  content: "\E995"; }

.mag-font_other:before {
  content: "\E996"; }
/**
 * tingle.js - A simple modal plugin written in pure JavaScript
 * @version v0.16.0
 * @link https://github.com/robinparisi/tingle#readme
 * @license MIT
 */
.tingle-modal * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.tingle-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0;
  cursor: url("data:image/svg+xml,%3Csvg width='19' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.514.535l-6.42 6.42L2.677.536a1.517 1.517 0 00-2.14 0 1.517 1.517 0 000 2.14l6.42 6.419-6.42 6.419a1.517 1.517 0 000 2.14 1.517 1.517 0 002.14 0l6.419-6.42 6.419 6.42a1.517 1.517 0 002.14 0 1.517 1.517 0 000-2.14l-6.42-6.42 6.42-6.418a1.517 1.517 0 000-2.14 1.516 1.516 0 00-2.14 0z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"), auto; }

@supports ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) {
  .tingle-modal {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px); } }

/* confirm and alerts
-------------------------------------------------------------- */
.tingle-modal--confirm .tingle-modal-box {
  text-align: center; }

/* modal
-------------------------------------------------------------- */
.tingle-modal--noOverlayClose {
  cursor: default; }

.tingle-modal--noClose .tingle-modal__close {
  display: none; }

.tingle-modal__close {
  position: fixed;
  top: 2.5rem;
  right: 2.5rem;
  z-index: 1000;
  padding: 0;
  width: 2rem;
  height: 2rem;
  border: none;
  background-color: transparent;
  color: #fff;
  cursor: pointer; }

.tingle-modal__close svg * {
  fill: currentColor; }

.tingle-modal__closeLabel {
  display: none; }

.tingle-modal__close:hover {
  color: #fff; }

.tingle-modal-box {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 60%;
  border-radius: 4px;
  background: #fff;
  opacity: 1;
  cursor: auto;
  will-change: transform, opacity; }

.tingle-modal-box__content {
  padding: 3rem 3rem; }

.tingle-modal-box__footer {
  padding: 1.5rem 2rem;
  width: auto;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #f5f5f5;
  cursor: auto; }

.tingle-modal-box__footer::after {
  display: table;
  clear: both;
  content: ""; }

.tingle-modal-box__footer--sticky {
  position: fixed;
  bottom: -200px;
  /* TODO : find a better way */
  z-index: 10001;
  opacity: 1;
  -webkit-transition: bottom .3s ease-in-out .3s;
  transition: bottom .3s ease-in-out .3s; }

/* state
-------------------------------------------------------------- */
.tingle-enabled {
  position: fixed;
  right: 0;
  left: 0;
  overflow: hidden; }

.tingle-modal--visible .tingle-modal-box__footer {
  bottom: 0; }

.tingle-modal--visible {
  visibility: visible;
  opacity: 1; }

.tingle-modal--visible .tingle-modal-box {
  -webkit-animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
          animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards; }

.tingle-modal--overflow {
  overflow-y: scroll;
  padding-top: 8vh; }

/* btn
-------------------------------------------------------------- */
.tingle-btn {
  display: inline-block;
  margin: 0 .5rem;
  padding: 1rem 2rem;
  border: none;
  background-color: grey;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  vertical-align: middle;
  text-decoration: none;
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  cursor: pointer;
  -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease; }

.tingle-btn--primary {
  background-color: #3498db; }

.tingle-btn--danger {
  background-color: #e74c3c; }

.tingle-btn--default {
  background-color: #34495e; }

.tingle-btn--pull-left {
  float: left; }

.tingle-btn--pull-right {
  float: right; }

/* responsive
-------------------------------------------------------------- */
@media (max-width: 540px) {
  .tingle-modal {
    top: 0px;
    display: block;
    padding-top: 60px;
    width: 100%; }
  .tingle-modal-box {
    width: auto;
    border-radius: 0; }
  .tingle-modal-box__content {
    overflow-y: scroll; }
  .tingle-modal--noClose {
    top: 0; }
  .tingle-modal--noOverlayClose {
    padding-top: 0; }
  .tingle-modal-box__footer .tingle-btn {
    display: block;
    float: none;
    margin-bottom: 1rem;
    width: 100%; }
  .tingle-modal__close {
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 60px;
    border: none;
    background-color: #2c3e50;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #fff; }
  .tingle-modal__closeLabel {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.6rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }
  .tingle-modal__closeIcon {
    display: inline-block;
    margin-right: .8rem;
    width: 1.6rem;
    vertical-align: middle;
    font-size: 0; } }

/* animations
-------------------------------------------------------------- */
@-webkit-keyframes scale {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes scale {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }
.tingle-modal {
  background: rgba(51, 51, 51, 0.9);
  background-blend-mode: multiply;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  cursor: default; }

.tingle-modal--overflow {
  padding: 26px 0; }

.tingle-modal__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 4px;
  right: 8px;
  left: auto;
  width: 32px;
  height: 32px;
  background: rgba(0, 0, 0, 0.57);
  background-blend-mode: multiply;
  border-radius: 100%; }
  @media only screen and (min-width: 900px) {
    .tingle-modal__close {
      top: 16px;
      right: 16px;
      background: transparent; } }

.tingle-modal__closeIcon {
  width: 10px;
  height: 10px;
  margin: 0; }
  @media only screen and (min-width: 900px) {
    .tingle-modal__closeIcon {
      width: 20px;
      height: 20px; } }
  .tingle-modal__closeIcon svg {
    display: block; }

.tingle-modal__closeLabel {
  display: none; }

.tingle-modal-box {
  width: calc(100% - 32px);
  margin: auto 16px;
  border-radius: 0; }
  @media only screen and (min-width: 900px) {
    .tingle-modal-box {
      max-width: 1200px; } }
  .tingle-modal--has-carousel .tingle-modal-box {
    background: transparent; }

.tingle-modal-box__content {
  padding: 0; }
.container:not(.is-fluid) {
  margin-right: auto;
  margin-left: auto; }
  @media only screen and (min-width: 375px) {
    .container:not(.is-fluid):not([class^="is-narrow"]) {
      width: 100%;
      max-width: var(--container-size-xs-lg); } }
  @media only screen and (min-width: 600px) {
    .container:not(.is-fluid):not([class^="is-narrow"]) {
      width: 100%;
      max-width: var(--container-size-sm); } }
  @media only screen and (min-width: 900px) {
    .container:not(.is-fluid):not([class^="is-narrow"]) {
      width: 100%;
      max-width: var(--container-size-md); } }
  @media only screen and (min-width: 1200px) {
    .container:not(.is-fluid):not([class^="is-narrow"]) {
      width: 100%;
      max-width: var(--container-size-lg); } }
  @media only screen and (min-width: 1800px) {
    .container:not(.is-fluid):not([class^="is-narrow"]) {
      width: 100%;
      max-width: var(--container-size-xl); } }
  .container:not(.is-fluid).is-narrow {
    width: 100%;
    max-width: var(--container-size-md); }
    .container:not(.is-fluid).is-narrow.is-carousel-container {
      max-width: var(--container-size-sm); }
      @media only screen and (min-width: 900px) {
        .container:not(.is-fluid).is-narrow.is-carousel-container {
          max-width: var(--container-size-md); } }
  .container:not(.is-fluid).is-narrow-md {
    width: 100%;
    max-width: var(--container-size-md); }
  .container:not(.is-fluid).is-narrow-lg {
    width: 100%;
    max-width: var(--container-size-lg); }

.aspect-ratio-container {
  position: relative; }
  .aspect-ratio-container:before {
    display: block;
    content: "";
    width: 100%; }
  .aspect-ratio-container > .aspect-ratio-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .aspect-ratio-container > .aspect-ratio-content.has-zoom .media-cover {
      -webkit-transform: perspective(1px) scale(1);
              transform: perspective(1px) scale(1);
      -webkit-transition: -webkit-transform .3s ease-in-out;
      transition: -webkit-transform .3s ease-in-out;
      transition: transform .3s ease-in-out;
      transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }
    .aspect-ratio-container > .aspect-ratio-content.has-zoom:hover .media-cover, .aspect-ratio-container > .aspect-ratio-content.has-zoom:focus .media-cover, .aspect-ratio-container > .aspect-ratio-content.has-zoom:active .media-cover {
      -webkit-transform: scale(1.05);
              transform: scale(1.05); }
    .aspect-ratio-container > .aspect-ratio-content.has-zoom:hover:after, .aspect-ratio-container > .aspect-ratio-content.has-zoom:focus:after, .aspect-ratio-container > .aspect-ratio-content.has-zoom:active:after {
      background-color: rgba(255, 255, 255, 0.3); }
    .aspect-ratio-container > .aspect-ratio-content.has-zoom:after {
      content: "";
      background-color: transparent;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      -webkit-transition: background-color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out; }
  .aspect-ratio-container.is-1x1:not(.is-portrait):before {
    padding-top: 100%; }
  .aspect-ratio-container.is-1x1.is-portrait:before {
    padding-top: 100%; }
  .aspect-ratio-container.is-16x9:not(.is-portrait):before {
    padding-top: 56.25%; }
  .aspect-ratio-container.is-16x9.is-portrait:before {
    padding-top: 177.77778%; }
  .aspect-ratio-container.is-4x3:not(.is-portrait):before {
    padding-top: 75%; }
  .aspect-ratio-container.is-4x3.is-portrait:before {
    padding-top: 133.33333%; }
  .aspect-ratio-container.is-golden:not(.is-portrait):before {
    padding-top: 61.8047%; }
  .aspect-ratio-container.is-golden.is-portrait:before {
    padding-top: 161.8%; }
  .aspect-ratio-container.is-silver:not(.is-portrait):before {
    padding-top: 41.42502%; }
  .aspect-ratio-container.is-silver.is-portrait:before {
    padding-top: 241.4%; }

#backdrop {
  display: none; }
  #backdrop.is-open {
    display: block;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20; }

/*TODO KSS*/
.brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .brand .brand-img {
    width: 40px;
    margin-right: var(--spacer-2); }
    @media only screen and (min-width: 600px) {
      .brand .brand-img {
        width: 40px; } }
    @media only screen and (min-width: 900px) {
      .brand .brand-img {
        width: 70px; } }
    .header-logo .brand .brand-img {
      width: 70px; }
  .brand .brand-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-transform: uppercase; }
    .brand .brand-text p {
      color: var(--color-gray-100);
      margin-bottom: 0;
      line-height: 1;
      font-size: calc(0.7rem); }
      @media only screen and (min-width: 600px) {
        .brand .brand-text p {
          font-size: var(--font-size-5); } }
      .brand .brand-text p:first-child {
        font-weight: lighter; }
      .brand .brand-text p:nth-last-child(-n + 1) {
        font-weight: 700; }
      .header-logo .brand .brand-text p {
        font-size: var(--font-size-5); }
  .brand .brand-alt-logo img {
    height: 32.5px; }
    @media only screen and (min-width: 600px) {
      .brand .brand-alt-logo img {
        height: 36px; } }
    @media only screen and (min-width: 900px) {
      .brand .brand-alt-logo img {
        height: 57px; } }
    @media only screen and (min-width: 1200px) {
      .brand .brand-alt-logo img {
        height: 72px; } }

.btn-play {
  border: 0;
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 0;
  height: 12px;
  border-color: transparent transparent transparent var(--color-gray-0);
  cursor: pointer;
  padding: 0;
  border-style: solid;
  border-width: 6px 0 6px 12px; }
  .btn-play:focus {
    border-style: solid;
    border-width: 6px 0 6px 12px; }
  .btn-play.is-playing {
    border-style: double;
    border-width: 0px 0 0px 12px; }
    .btn-play.is-playing:focus {
      border-width: 0px 0 0px 12px; }

button {
  border: none;
  background: transparent;
  cursor: pointer; }
  button:hover {
    text-decoration: none; }

.btn {
  display: inline-block;
  font-size: var(--font-size-button);
  font-family: var(--font-family-paragraph);
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
  vertical-align: middle;
  border: 1px solid var(--color-gray-100);
  color: var(--color-gray-100);
  border-radius: 0;
  padding: var(--spacer-3) var(--spacer-5);
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  cursor: pointer;
  background-color: transparent; }
  .btn.is-gray-0 {
    background-color: var(--color-gray-0);
    border: 1px solid var(--color-gray-0); }
    .btn.is-gray-0.has-outline {
      border-color: var(--color-gray-100); }
  .btn.is-gray-35 {
    background-color: #4D4C52;
    border-color: #4D4C52;
    color: var(--color-gray-0); }
  .btn.is-gray-50 {
    background-color: var(--color-gray-50);
    border-color: var(--color-gray-50);
    color: var(--color-gray-0); }
  .btn:hover, .btn:focus {
    text-decoration: none;
    background-color: var(--color-gray-40);
    border-color: var(--color-gray-40);
    outline: none;
    color: var(--color-gray-0); }
  .btn.is-rounded {
    border-radius: 1000px; }
  .btn.is-wide {
    padding: var(--spacer-3) var(--spacer-11); }
  .btn[disabled] {
    opacity: 0.6;
    cursor: not-allowed; }
  .btn.search-block__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: var(--spacer-2) var(--spacer-5);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .btn.btn-wrap {
    white-space: normal; }
  .btn.is-text-cta {
    padding: 0;
    background: none;
    border: none;
    vertical-align: baseline; }
    .btn.is-text-cta:hover, .btn.is-text-cta:focus {
      color: var(--color-gray-30); }

.has-no-outline {
  outline: none !important; }

.even-btn-wrapper .btn {
  width: 155px; }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.btn.is-primary:not(.is-outlined) {
  color: var(--color-primary-contrast);
  background-color: var(--color-primary-base);
  border-color: var(--color-primary-base); }
  .btn.is-primary:not(.is-outlined):hover:not([disabled]), .btn.is-primary:not(.is-outlined):focus:not([disabled]) {
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
    outline: none; }

.btn.is-primary.is-outlined:not(.is-contrast) {
  color: var(--color-primary-base);
  background-color: transparent;
  border-color: var(--color-primary-base); }
  .btn.is-primary.is-outlined:not(.is-contrast):hover:not([disabled]), .btn.is-primary.is-outlined:not(.is-contrast):focus:not([disabled]) {
    color: var(--color-primary-contrast);
    background-color: var(--color-primary-base);
    outline: none; }

.btn.is-primary.is-outlined.is-contrast {
  color: var(--color-primary-contrast);
  background-color: transparent;
  border-color: var(--color-primary-contrast); }
  .btn.is-primary.is-outlined.is-contrast:hover:not([disabled]), .btn.is-primary.is-outlined.is-contrast:focus:not([disabled]) {
    color: var(--color-primary-base);
    background-color: var(--color-primary-contrast);
    outline: none; }

.btn.is-secondary:not(.is-outlined) {
  color: var(--color-secondary-contrast);
  background-color: var(--color-secondary-base);
  border-color: var(--color-secondary-base); }
  .btn.is-secondary:not(.is-outlined):hover:not([disabled]), .btn.is-secondary:not(.is-outlined):focus:not([disabled]) {
    background-color: var(--color-secondary-dark);
    border-color: var(--color-secondary-dark);
    outline: none; }

.btn.is-secondary.is-outlined:not(.is-contrast) {
  color: var(--color-secondary-base);
  background-color: transparent;
  border-color: var(--color-secondary-base); }
  .btn.is-secondary.is-outlined:not(.is-contrast):hover:not([disabled]), .btn.is-secondary.is-outlined:not(.is-contrast):focus:not([disabled]) {
    color: var(--color-secondary-contrast);
    background-color: var(--color-secondary-base);
    outline: none; }

.btn.is-secondary.is-outlined.is-contrast {
  color: var(--color-secondary-contrast);
  background-color: transparent;
  border-color: var(--color-secondary-contrast); }
  .btn.is-secondary.is-outlined.is-contrast:hover:not([disabled]), .btn.is-secondary.is-outlined.is-contrast:focus:not([disabled]) {
    color: var(--color-secondary-base);
    background-color: var(--color-secondary-contrast);
    outline: none; }

.btn.is-white:not(.is-outlined) {
  color: var(--color-white-contrast);
  background-color: var(--color-white-base);
  border-color: var(--color-white-base); }
  .btn.is-white:not(.is-outlined):hover:not([disabled]), .btn.is-white:not(.is-outlined):focus:not([disabled]) {
    background-color: var(--color-white-dark);
    border-color: var(--color-white-dark);
    outline: none; }

.btn.is-white.is-outlined:not(.is-contrast) {
  color: var(--color-white-base);
  background-color: transparent;
  border-color: var(--color-white-base); }
  .btn.is-white.is-outlined:not(.is-contrast):hover:not([disabled]), .btn.is-white.is-outlined:not(.is-contrast):focus:not([disabled]) {
    color: var(--color-white-contrast);
    background-color: var(--color-white-base);
    outline: none; }

.btn.is-white.is-outlined.is-contrast {
  color: var(--color-white-contrast);
  background-color: transparent;
  border-color: var(--color-white-contrast); }
  .btn.is-white.is-outlined.is-contrast:hover:not([disabled]), .btn.is-white.is-outlined.is-contrast:focus:not([disabled]) {
    color: var(--color-white-base);
    background-color: var(--color-white-contrast);
    outline: none; }

.btn.is-loyalty:not(.is-outlined) {
  color: var(--color-loyalty-contrast);
  background-color: var(--color-loyalty-base);
  border-color: var(--color-loyalty-base); }
  .btn.is-loyalty:not(.is-outlined):hover:not([disabled]), .btn.is-loyalty:not(.is-outlined):focus:not([disabled]) {
    background-color: var(--color-loyalty-dark);
    border-color: var(--color-loyalty-dark);
    outline: none; }

.btn.is-loyalty.is-outlined:not(.is-contrast) {
  color: var(--color-loyalty-base);
  background-color: transparent;
  border-color: var(--color-loyalty-base); }
  .btn.is-loyalty.is-outlined:not(.is-contrast):hover:not([disabled]), .btn.is-loyalty.is-outlined:not(.is-contrast):focus:not([disabled]) {
    color: var(--color-loyalty-contrast);
    background-color: var(--color-loyalty-base);
    outline: none; }

.btn.is-loyalty.is-outlined.is-contrast {
  color: var(--color-loyalty-contrast);
  background-color: transparent;
  border-color: var(--color-loyalty-contrast); }
  .btn.is-loyalty.is-outlined.is-contrast:hover:not([disabled]), .btn.is-loyalty.is-outlined.is-contrast:focus:not([disabled]) {
    color: var(--color-loyalty-base);
    background-color: var(--color-loyalty-contrast);
    outline: none; }

.btn.is-black:not(.is-outlined) {
  color: var(--color-black-contrast);
  background-color: var(--color-black-base);
  border-color: var(--color-black-base); }
  .btn.is-black:not(.is-outlined):hover:not([disabled]), .btn.is-black:not(.is-outlined):focus:not([disabled]) {
    background-color: var(--color-black-dark);
    border-color: var(--color-black-dark);
    outline: none; }

.btn.is-black.is-outlined:not(.is-contrast) {
  color: var(--color-black-base);
  background-color: transparent;
  border-color: var(--color-black-base); }
  .btn.is-black.is-outlined:not(.is-contrast):hover:not([disabled]), .btn.is-black.is-outlined:not(.is-contrast):focus:not([disabled]) {
    color: var(--color-black-contrast);
    background-color: var(--color-black-base);
    outline: none; }

.btn.is-black.is-outlined.is-contrast {
  color: var(--color-black-contrast);
  background-color: transparent;
  border-color: var(--color-black-contrast); }
  .btn.is-black.is-outlined.is-contrast:hover:not([disabled]), .btn.is-black.is-outlined.is-contrast:focus:not([disabled]) {
    color: var(--color-black-base);
    background-color: var(--color-black-contrast);
    outline: none; }

.btn-light-secondary {
  color: #292a7d;
  background: #ffffff;
  border: 2px solid #ffffff; }
  .btn-light-secondary:hover, .btn-light-secondary:focus {
    background: #292a7d;
    color: #ffffff;
    border: 2px solid #292a7d; }

.small-round-icon-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  background-color: var(--color-primary-base);
  color: var(--color-primary-contrast);
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out; }
  .small-round-icon-btn:hover, .small-round-icon-btn:focus {
    background-color: var(--color-primary-light); }

.is-hover-white:hover,
.is-hover-white:focus {
  background: var(--color-gray-0) !important; }

button.burger {
  border: none;
  background: transparent;
  position: relative;
  cursor: pointer;
  color: var(--color-gray-40);
  padding: var(--spacer-2); }
  button.burger:hover {
    text-decoration: none; }
  button.burger span.burger-icon {
    position: relative;
    display: block;
    width: 32px;
    height: 26px;
    /*margin-bottom: spacer(2);*/
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1); }
    button.burger span.burger-icon:after, button.burger span.burger-icon:before,
    button.burger span.burger-icon span {
      width: 100%;
      height: 2px;
      border-radius: 100px;
      position: absolute;
      left: 0px;
      top: 24px;
      background: var(--color-gray-40);
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transition: all 0.4s;
      transition: all 0.4s; }
    button.burger span.burger-icon:after, button.burger span.burger-icon:before {
      content: ""; }
    button.burger span.burger-icon:after {
      top: 0px;
      margin-top: 0px; }
    button.burger span.burger-icon:before {
      bottom: 0px;
      margin-bottom: 0px; }
    button.burger span.burger-icon span {
      top: 12px;
      /*top: 50%;
            transform: translateY(-50%);*/ }
  button.burger[aria-expanded="true"] span.burger-icon:after {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    top: 12px; }
  button.burger[aria-expanded="true"] span.burger-icon:before {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
    top: 12px;
    margin-bottom: 0; }
  button.burger[aria-expanded="true"] span.burger-icon span {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  button.burger.is-two-bar span.burger-icon {
    width: 18px;
    height: 18px; }
    button.burger.is-two-bar span.burger-icon:before {
      top: 11px;
      background-color: var(--color-loyaltyblue-base); }
    button.burger.is-two-bar span.burger-icon:after {
      top: 5px;
      background-color: var(--color-loyaltyblue-base); }
  button.burger.is-two-bar[aria-expanded="true"] span.burger-icon:after, button.burger.is-two-bar[aria-expanded="true"] span.burger-icon:before {
    top: 8px; }

a[href]:focus,
area[href]:focus,
button:not([disabled]):focus,
iframe:focus,
object:focus,
embed:focus,
[contenteditable]:focus,
[tabindex]:not([tabindex^="-"]):focus {
  outline: 1px dotted;
  border-color: var(--color-primary-base); }

.img-fluid {
  height: auto;
  max-width: 100%; }
  .img-fluid.is-center {
    display: block;
    margin-left: auto;
    margin-right: auto; }

a {
  color: var(--color-text-base);
  -webkit-transition: color 0.6s ease-in-out;
  transition: color 0.6s ease-in-out; }
  a.transition-all * {
    -webkit-transition: color 0.6s ease-in-out;
    transition: color 0.6s ease-in-out; }
  a.has-text-gray-0:hover *, a.has-text-gray-0:focus * {
    text-decoration: none;
    color: var(--color-gray-40); }
  a:hover, a:focus {
    text-decoration: none;
    color: var(--color-gray-30); }
.media-cover,
.media-cover-sizeless {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  font-family: 'object-fit: cover; object-position: 50% 50%;'; }
  .media-cover.is-top-left,
  .media-cover-sizeless.is-top-left {
    -o-object-position: 0 0;
       object-position: 0 0; }
  .media-cover.is-top-center,
  .media-cover-sizeless.is-top-center {
    -o-object-position: 50% 0;
       object-position: 50% 0; }
  .media-cover.is-top-right,
  .media-cover-sizeless.is-top-right {
    -o-object-position: 100% 0;
       object-position: 100% 0; }
  .media-cover.is-center-left,
  .media-cover-sizeless.is-center-left {
    -o-object-position: 0 50%;
       object-position: 0 50%; }
  .media-cover.is-center-right,
  .media-cover-sizeless.is-center-right {
    -o-object-position: 100% 50%;
       object-position: 100% 50%; }
  .media-cover.is-bottom-left,
  .media-cover-sizeless.is-bottom-left {
    -o-object-position: 0 100%;
       object-position: 0 100%; }
  .media-cover.is-bottom-center,
  .media-cover-sizeless.is-bottom-center {
    -o-object-position: 50% 100%;
       object-position: 50% 100%; }
  .media-cover.is-bottom-right,
  .media-cover-sizeless.is-bottom-right {
    -o-object-position: 100% 100%;
       object-position: 100% 100%; }

.media-contain {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  font-family: 'object-fit: contain; object-position: 50% 50%;'; }
  .media-contain.is-bottom-center {
    -o-object-position: 50% 100%;
       object-position: 50% 100%;
    font-family: 'object-fit: contain; object-position: 50% 100%;'; }

.media-cover, .media-contain {
  height: 100%;
  width: 100%; }

.media-cover-sizeless {
  max-width: 100%;
  height: auto; }

.bg-cover {
  background-size: cover;
  background-position: center center; }
  .bg-cover.is-focus-right-top {
    background-position: right top; }
  .bg-cover.is-focus-right-center {
    background-position: right center; }
  .bg-cover.is-focus-right-bottom {
    background-position: right bottom; }
  .bg-cover.is-focus-center-top {
    background-position: center top; }
  .bg-cover.is-focus-center-center {
    background-position: center center; }
  .bg-cover.is-focus-center-bottom {
    background-position: center bottom; }
  .bg-cover.is-focus-left-top {
    background-position: left top; }
  .bg-cover.is-focus-left-center {
    background-position: left center; }
  .bg-cover.is-focus-left-bottom {
    background-position: left bottom; }
.overlay {
  position: relative; }
  .overlay:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 0; }
  .overlay .overlay-content {
    position: relative;
    z-index: 1; }

.has-overlay-gray .content-overlay, .has-overlay-gray_yellow-outline .content-overlay, .has-overlay-gray_teal-outline .content-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  padding: 1rem;
  background: rgba(238, 238, 238, 0.5);
  color: black;
  text-align: center;
  font-weight: 400;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .has-overlay-gray .content-overlay:hover, .has-overlay-gray_yellow-outline .content-overlay:hover, .has-overlay-gray_teal-outline .content-overlay:hover {
    opacity: 1; }
  .has-overlay-gray .content-overlay a, .has-overlay-gray_yellow-outline .content-overlay a, .has-overlay-gray_teal-outline .content-overlay a {
    color: black; }
  .has-overlay-gray .content-overlay p, .has-overlay-gray_yellow-outline .content-overlay p, .has-overlay-gray_teal-outline .content-overlay p {
    margin-bottom: 0;
    font-size: 1.5rem; }
  @media only screen and (min-width: 600px) {
    .has-overlay-gray .content-overlay p, .has-overlay-gray_yellow-outline .content-overlay p, .has-overlay-gray_teal-outline .content-overlay p {
      font-size: 1.75rem; } }
  @media only screen and (min-width: 900px) {
    .has-overlay-gray .content-overlay p, .has-overlay-gray_yellow-outline .content-overlay p, .has-overlay-gray_teal-outline .content-overlay p {
      font-size: 1.125rem; } }
  @media only screen and (min-width: 1200px) {
    .has-overlay-gray .content-overlay p, .has-overlay-gray_yellow-outline .content-overlay p, .has-overlay-gray_teal-outline .content-overlay p {
      font-size: 1.5rem; } }
  @media only screen and (min-width: 1800px) {
    .has-overlay-gray .content-overlay p, .has-overlay-gray_yellow-outline .content-overlay p, .has-overlay-gray_teal-outline .content-overlay p {
      font-size: 1.75rem; } }

.has-overlay-gray .fixed-caption, .has-overlay-gray_yellow-outline .fixed-caption, .has-overlay-gray_teal-outline .fixed-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px; }
  .has-overlay-gray .fixed-caption p, .has-overlay-gray_yellow-outline .fixed-caption p, .has-overlay-gray_teal-outline .fixed-caption p {
    margin-bottom: 0;
    font-size: 0.625rem;
    font-weight: 400;
    text-align: center; }
  @media only screen and (min-width: 1200px) {
    .has-overlay-gray .fixed-caption p, .has-overlay-gray_yellow-outline .fixed-caption p, .has-overlay-gray_teal-outline .fixed-caption p {
      font-size: 0.875rem; } }
  @media only screen and (min-width: 1800px) {
    .has-overlay-gray .fixed-caption p, .has-overlay-gray_yellow-outline .fixed-caption p, .has-overlay-gray_teal-outline .fixed-caption p {
      font-size: 1.125rem; } }

.has-overlay-gray_yellow-outline .content-overlay {
  outline: 0.3rem solid #FFE600;
  outline-offset: -5px; }

.has-overlay-gray_teal-outline .content-overlay {
  outline: 0.3rem solid #00A19B;
  outline-offset: -5px; }

.header-logo {
  min-height: 120px; }
  @media only screen and (min-width: 900px) {
    .header-logo {
      min-height: 0; } }
  .header-logo img {
    max-width: 100%;
    height: auto; }

.has-hover-none:hover, .has-hover-none:focus {
  text-decoration: none; }
  .has-hover-none:hover:before, .has-hover-none:focus:before {
    content: none; }

hr {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  height: 0;
  border: none;
  border-top: 1px solid var(--color-gray-30); }
  hr.is-gray-0 {
    border-top-color: var(--color-gray-0); }
  hr.is-gray-100 {
    border-top-color: var(--color-gray-100); }
  hr.is-gray-40 {
    border-top-color: var(--color-gray-40); }
  hr.is-sm {
    width: 80%; }
  hr.is-in-header {
    border-top-color: var(--color-gray-0);
    width: 100%; }
    @media only screen and (min-width: 375px) {
      hr.is-in-header {
        width: 90%; } }
    @media only screen and (min-width: 900px) {
      hr.is-in-header {
        width: 85%; } }
    @media only screen and (min-width: 1200px) {
      hr.is-in-header {
        width: 63%; } }
    @media only screen and (min-width: 1800px) {
      hr.is-in-header {
        width: 55%; } }

details:hover {
  cursor: pointer; }

details > summary {
  list-style: none;
  position: relative; }
  details > summary:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 2rem;
    opacity: 0;
    padding-left: 0.5rem; }

details summary::-webkit-details-marker {
  display: none; }

details .mag-font_down_chevron:before {
  position: absolute;
  top: 50%;
  right: auto;
  pointer-events: none;
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease; }

details[open] .mag-font_down_chevron:before {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg); }
.fade-out {
  height: 0;
  opacity: 0;
  -webkit-animation: FadeOut 0.6s ease-in-out;
          animation: FadeOut 0.6s ease-in-out;
  pointer-events: none; }

.fade-in {
  display: block;
  height: initial;
  opacity: 1;
  -webkit-animation: FadeIn 0.6s ease-in-out;
          animation: FadeIn 0.6s ease-in-out; }

@-webkit-keyframes FadeIn {
  0% {
    opacity: 0;
    height: initial; }
  100% {
    opacity: 1;
    height: initial; } }

@keyframes FadeIn {
  0% {
    opacity: 0;
    height: initial; }
  100% {
    opacity: 1;
    height: initial; } }

@-webkit-keyframes FadeOut {
  0% {
    opacity: 1;
    height: initial; }
  99% {
    opacity: 0;
    height: initial;
    padding: initial;
    margin: initial; }
  100% {
    height: 0;
    opacity: 0;
    padding: 0;
    margin: 0; } }

@keyframes FadeOut {
  0% {
    opacity: 1;
    height: initial; }
  99% {
    opacity: 0;
    height: initial;
    padding: initial;
    margin: initial; }
  100% {
    height: 0;
    opacity: 0;
    padding: 0;
    margin: 0; } }
.header-sub-title {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.8125rem; }
  @media only screen and (min-width: 900px) {
    .header-sub-title {
      font-size: var(--font-size-paragraph); } }

.back-button {
  font-size: calc(var(--font-size-paragraph) - 2px); }
  .back-button i {
    font-size: 0.75rem;
    position: relative;
    top: -2px;
    margin-right: var(--spacer-1); }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0; }

.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%; }

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

.is-h1.is-campaign-header {
  font-size: 1.8125rem;
  letter-spacing: 0.5rem; }
  @media only screen and (min-width: 900px) {
    .is-h1.is-campaign-header {
      font-size: 3rem;
      letter-spacing: 0.5625rem;
      padding-left: 1.125rem; } }
.form-group.ValidationFail input, .form-group.ValidationFail textarea,
.form-group.ValidationFail select {
  border: 2px solid var(--color-secondary-base);
  margin-bottom: 0.75rem; }

.form-group.ValidationFail .Form__Element__ValidationError {
  position: relative;
  margin-left: 0;
  background-color: var(--color-secondary-base);
  color: var(--color-gray-0);
  padding: 0.5625rem var(--spacer-3);
  font-weight: normal;
  width: 100%; }
  @media only screen and (min-width: 600px) {
    .form-group.ValidationFail .Form__Element__ValidationError {
      width: 83%; } }
  @media only screen and (min-width: 900px) {
    .form-group.ValidationFail .Form__Element__ValidationError {
      width: 54%; } }
  @media only screen and (min-width: 1200px) {
    .form-group.ValidationFail .Form__Element__ValidationError {
      display: inline-block;
      margin-left: var(--spacer-10);
      width: auto;
      height: 45px;
      vertical-align: top; } }
  .form-group.ValidationFail .Form__Element__ValidationError:before {
    content: "";
    display: block;
    position: absolute;
    left: 50px;
    top: 5px;
    width: 20px;
    height: 20px;
    background-color: var(--color-secondary-base);
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    z-index: -1; }
    @media only screen and (min-width: 1200px) {
      .form-group.ValidationFail .Form__Element__ValidationError:before {
        left: -16px;
        top: 50%;
        width: 31px;
        height: 31px; } }

input[type="text"].input-validation-error,
input[type="password"].input-validation-error,
input[type="email"].input-validation-error,
textarea.input-validation-error,
select.input-validation-error {
  border: 2px solid var(--color-secondary-base); }
  input[type="text"].input-validation-error:not(.dob-field),
  input[type="password"].input-validation-error:not(.dob-field),
  input[type="email"].input-validation-error:not(.dob-field),
  textarea.input-validation-error:not(.dob-field),
  select.input-validation-error:not(.dob-field) {
    margin-bottom: 0.75rem; }
    @media only screen and (min-width: 1200px) {
      input[type="text"].input-validation-error:not(.dob-field),
      input[type="password"].input-validation-error:not(.dob-field),
      input[type="email"].input-validation-error:not(.dob-field),
      textarea.input-validation-error:not(.dob-field),
      select.input-validation-error:not(.dob-field) {
        margin-bottom: 0; } }

.field-validation-error {
  display: block;
  position: relative;
  margin-left: 0;
  background-color: var(--color-secondary-base);
  color: var(--color-gray-0);
  padding: 0.5625rem var(--spacer-3);
  font-weight: normal;
  width: 100%;
  z-index: 1;
  font-size: var(--font-size-5); }
  @media only screen and (min-width: 600px) {
    .field-validation-error {
      width: 83%; } }
  @media only screen and (min-width: 900px) {
    .field-validation-error {
      width: 54%; } }
  .field-validation-error.is-w-auto {
    width: auto; }
  @media only screen and (min-width: 1200px) {
    .field-validation-error.block-styled {
      margin-top: 0.75rem; } }
  @media only screen and (min-width: 1200px) {
    .field-validation-error:not(.block-styled) {
      display: inline-block;
      margin-left: var(--spacer-10);
      width: auto;
      height: 45px;
      vertical-align: top; } }
  @media only screen and (min-width: 1200px) {
    .field-validation-error:not(.block-styled):before {
      left: -16px;
      top: 50%;
      width: 31px;
      height: 31px; } }
  .field-validation-error:before {
    content: "";
    display: block;
    position: absolute;
    left: 50px;
    top: 5px;
    width: 20px;
    height: 20px;
    background-color: var(--color-secondary-base);
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    z-index: -1; }

@media only screen and (min-width: 1200px) {
  .form-group.radios .field-validation-error.block-styled {
    margin-top: 0; } }

.field-validation-success {
  display: block;
  position: relative;
  margin-left: 0;
  background-color: #0d594d;
  color: var(--color-gray-0);
  padding: 0.5625rem var(--spacer-3);
  font-weight: normal;
  width: 100%;
  z-index: 1;
  font-size: var(--font-size-5); }
  @media only screen and (min-width: 900px) {
    .field-validation-success {
      width: 60%; } }
  @media only screen and (min-width: 1200px) {
    .field-validation-success {
      width: 53%; } }
.btn-increment-wrapper {
  margin-right: var(--spacer-3); }
  .btn-increment-wrapper:nth-last-child(-n + 1) {
    margin-right: 0; }
  .btn-increment-wrapper .btn-increment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    color: var(--color-gray-0); }
    .btn-increment-wrapper .btn-increment.is-minus {
      background-color: var(--color-gray-40); }
    .btn-increment-wrapper .btn-increment.is-plus {
      background-color: var(--color-primary-base); }
    .btn-increment-wrapper .btn-increment i {
      font-size: 1.75rem; }

.fav-btn {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0.75em;
  right: 0.75em;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--color-gray-0);
  color: var(--color-primary-base);
  -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  z-index: 1; }
  .fav-btn:hover, .fav-btn:focus {
    background-color: var(--color-primary-light);
    color: var(--color-gray-0); }

.gift-card-value-euro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 var(--spacer-3) 0 var(--spacer-1);
  border: 1px solid var(--color-gray-30);
  border-right: none;
  margin: 0;
  font-size: var(--font-size-4);
  font-weight: normal; }

input[type=number].gift-card-value {
  font-size: var(--font-size-3);
  font-weight: normal;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 100px;
  max-width: 100%; }
  @media only screen and (min-width: 375px) {
    input[type=number].gift-card-value {
      width: 140px; } }

.btn.btn-primary:not(.is-outlined) {
  color: var(--color-primary-contrast);
  background-color: var(--color-primary-base);
  border-color: var(--color-primary-base); }
  .btn.btn-primary:not(.is-outlined):hover:not([disabled]), .btn.btn-primary:not(.is-outlined):focus:not([disabled]) {
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
    outline: none; }

.btn.btn-secondary:not(.is-outlined) {
  color: var(--color-secondary-contrast);
  background-color: var(--color-secondary-base);
  border-color: var(--color-secondary-base); }
  .btn.btn-secondary:not(.is-outlined):hover:not([disabled]), .btn.btn-secondary:not(.is-outlined):focus:not([disabled]) {
    background-color: var(--color-secondary-dark);
    border-color: var(--color-secondary-dark);
    outline: none; }

i.mag-font.exclamation-circled {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 2px solid #fff;
  display: inline-block;
  position: absolute;
  left: 15px; }
  i.mag-font.exclamation-circled:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.has-border-pattern {
  position: relative;
  padding-top: 20px;
  border-top: 1px solid #808285; }
  @media only screen and (min-width: 600px) {
    .has-border-pattern {
      position: static;
      padding-top: 0;
      border-top: none;
      background-color: white;
      margin-top: -2.5rem;
      margin-bottom: 1rem;
      padding-top: 2rem; }
      .has-border-pattern:before {
        content: none; }
      .has-border-pattern .has-border-pattern--left, .has-border-pattern .has-border-pattern--right {
        content: none;
        display: none; } }
  .has-border-pattern .has-border-pattern--left {
    height: 20px;
    border-bottom: 1px solid #808285;
    border-right: 1px solid #808285;
    width: 18px;
    position: absolute;
    left: -18px;
    top: -1px;
    z-index: 3; }
  .has-border-pattern .has-border-pattern--right {
    height: 20px;
    border-bottom: 1px solid #808285;
    border-left: 1px solid #808285;
    width: 18px;
    position: absolute;
    right: -18px;
    top: -1px;
    z-index: 3; }

/*TODO KSS*/
.wallet-button img {
  width: 175px; }

.has-border-decorative {
  position: relative; }
  .has-border-decorative:before {
    content: "";
    position: absolute;
    border: 1px solid #a38f5d;
    z-index: 1;
    width: 81%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
            transform: translate(-50%, -50%) rotate(90deg); }
  .has-border-decorative.is-small:before {
    width: 75%; }

.scroll-zoom-in {
  opacity: 0.1;
  -webkit-transform: scale3d(0.6, 0.6, 1);
          transform: scale3d(0.6, 0.6, 1); }
  .scroll-zoom-in.is-animated {
    -webkit-animation: zoom-in 1.8s ease forwards;
            animation: zoom-in 1.8s ease forwards; }

@keyframes zoom-in {
  0% {
    opacity: 0.1;
    -webkit-transform: scale3d(0.6, 0.6, 1);
            transform: scale3d(0.6, 0.6, 1); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes pulse {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.4; }
  100% {
    opacity: 1; } }

@keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

.mag-club-logo {
  width: 216px;
  height: auto;
  max-width: 100%;
  display: block;
  margin: 0 auto; }
  .mag-club-logo.is-large {
    width: 266px; }

.text-fade-in {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 1s ease-in-out, visibility 1s 0s linear;
  transition: opacity 1s ease-in-out, visibility 1s 0s linear; }
  .text-fade-in.is-active {
    opacity: 1;
    visibility: visible; }

.circled-left-chevron {
  position: absolute;
  top: 0;
  left: var(--spacer-3);
  border-radius: 50%;
  border: 1px solid #fff;
  display: inline-block;
  width: 34px;
  height: 34px;
  padding-left: 6px;
  padding-top: 4px;
  z-index: 11; }
  .circled-left-chevron.relative-to-section {
    top: var(--spacer-2);
    left: var(--spacer-2); }
    @media only screen and (min-width: 900px) {
      .circled-left-chevron.relative-to-section {
        top: var(--spacer-5);
        left: var(--spacer-10); } }
.spinner-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: visibility 0.6s 0s linear, opacity 0.6s ease-in-out;
  transition: visibility 0.6s 0s linear, opacity 0.6s ease-in-out; }
  .spinner-wrapper.is-active {
    visibility: visible;
    opacity: 1; }
  .spinner-wrapper .loading-spinner {
    -webkit-animation: spin 1s infinite linear;
            animation: spin 1s infinite linear; }
.mouse-scroll-indicator {
  position: absolute;
  bottom: var(--spacer-3);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 30px;
  height: 26px;
  pointer-events: none;
  /*svg {
        width: 30px;
        height: 46px;
    }*/ }
  .mouse-scroll-indicator:before {
    position: absolute;
    content: '';
    left: 7px;
    top: 0px;
    opacity: 0;
    border-top: 10px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    -webkit-animation-name: scroll;
            animation-name: scroll;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
    -webkit-animation-iteration-count: 2;
            animation-iteration-count: 2; }

@keyframes scroll {
  0% {
    opacity: 0; }
  30% {
    opacity: 1; }
  100% {
    opacity: 1;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); } }

.calendar-key .key-indicator-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto; }
  @media only screen and (min-width: 375px) {
    .calendar-key .key-indicator-wrapper {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 0%;
              flex: 0 1 0%; } }

.calendar-key .key-indicator {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: var(--spacer-3);
  height: var(--spacer-3);
  border-radius: 50%; }

.is-avail {
  background-color: var(--available-colour); }

.is-limited {
  background-color: var(--limited-colour); }

.is-not-avail {
  background-color: var(--none-colour); }

.rounded-offer-filter {
  display: block;
  position: relative;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  -webkit-transition: background-color 0.6s ease-in-out;
  transition: background-color 0.6s ease-in-out;
  text-align: center;
  line-height: 76px; }
  .rounded-offer-filter:hover, .rounded-offer-filter:focus, .rounded-offer-filter:active {
    background-color: var(--color-primary-dark); }

.discount-filtering-buckets--mobile,
.discount-filtering-buckets--desktop {
  opacity: 1;
  height: initial;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  .discount-filtering-buckets--mobile.hide,
  .discount-filtering-buckets--desktop.hide {
    opacity: 0;
    height: 0;
    margin: 0 auto;
    padding: 0; }

.label-text {
  font-size: var(--font-size-6);
  margin: 0 !important;
  color: white; }

.tooltip-offers {
  min-width: 150px;
  height: 65px;
  padding: 15px;
  background: var(--color-primary-base);
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 5px;
  left: 93px;
  z-index: 1000;
  line-height: 1rem;
  font-family: var(--font-family-paragraph);
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out; }

.tooltip-offers::after {
  content: '';
  position: absolute;
  top: 25px;
  left: 10px;
  right: auto;
  z-index: -1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent var(--color-primary-base) transparent transparent;
  margin-left: -20px; }

.rounded-offer-filter:hover .tooltip-offers, .rounded-offer-filter.is-active .tooltip-offers {
  opacity: 1; }

.rounded-participating-filters {
  margin: 0 -20px;
  overflow: hidden; }
  .rounded-participating-filters .container {
    padding: 0; }
    @media only screen and (min-width: 375px) {
      .rounded-participating-filters .container:not(.is-fluid):not([class^="is-narrow"]) {
        max-width: none; } }
  .rounded-participating-filters .slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .rounded-participating-filters .siema:not(.is-siema-active) .siema-slides-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .rounded-participating-filters .siema .siema-slides-wrapper {
    width: 75%;
    margin-right: 12.5%;
    margin-left: 12.5%;
    overflow: visible !important; }
    @media only screen and (min-width: 600px) {
      .rounded-participating-filters .siema .siema-slides-wrapper {
        width: calc(100% - 100px);
        margin-right: 50px;
        margin-left: 50px;
        overflow: hidden !important; } }
    @media only screen and (min-width: 900px) {
      .rounded-participating-filters .siema .siema-slides-wrapper {
        width: calc(100% - 240px);
        margin-right: 120px;
        margin-left: 120px; } }
  .rounded-participating-filters .siema .siema-pagination {
    display: none; }
  .rounded-participating-filters .siema .siema-arrows {
    display: none; }
    @media only screen and (min-width: 600px) {
      .rounded-participating-filters .siema .siema-arrows {
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); } }
    .rounded-participating-filters .siema .siema-arrows button {
      padding: 0 20px; }
  .rounded-participating-filters .siema [inert] {
    pointer-events: auto;
    cursor: pointer; }
  .rounded-participating-filters .siema [inert], .rounded-participating-filters .siema [inert] * {
    user-select: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto; }

.rounded-participating-filter {
  display: block;
  position: relative;
  border-radius: 50%;
  width: 68px;
  height: 68px;
  -webkit-transition: background-color 0.6s ease-in-out, border-color 0.6s ease-in-out;
  transition: background-color 0.6s ease-in-out, border-color 0.6s ease-in-out;
  text-align: center;
  line-height: 64px;
  border: 1px solid var(--color-loyaltyblue-base); }
  .rounded-participating-filter:hover, .rounded-participating-filter:focus, .rounded-participating-filter:active {
    background-color: var(--color-loyaltyblue-dark);
    border-color: var(--color-loyaltyblue-dark); }
    .rounded-participating-filter:hover.has-bg-white, .rounded-participating-filter:focus.has-bg-white, .rounded-participating-filter:active.has-bg-white {
      color: var(--color-white-contrast);
      background: transparent; }
  .siema .slide .rounded-participating-filter {
    margin-bottom: 0; }

.discount-filtering-buckets--mobile,
.discount-filtering-buckets--desktop {
  opacity: 1;
  height: initial;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  .discount-filtering-buckets--mobile.hide,
  .discount-filtering-buckets--desktop.hide {
    opacity: 0;
    height: 0;
    margin: 0 auto;
    padding: 0; }

.label-text {
  font-size: var(--font-size-6);
  margin: 0 !important;
  color: white; }

.tooltip-offers {
  min-width: 150px;
  height: 65px;
  padding: 15px;
  background: var(--color-primary-base);
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 5px;
  left: 93px;
  z-index: 1000;
  line-height: 1rem;
  font-family: var(--font-family-paragraph);
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out; }

.tooltip-offers::after {
  content: '';
  position: absolute;
  top: 25px;
  left: 10px;
  right: auto;
  z-index: -1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent var(--color-primary-base) transparent transparent;
  margin-left: -20px; }

.rounded-participating-filter:hover .tooltip-offers, .rounded-participating-filter.is-active .tooltip-offers {
  opacity: 1; }

.user-preference-btn {
  position: relative;
  padding: var(--spacer-3) var(--spacer-10);
  border: 1px solid var(--color-gray-100);
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .user-preference-btn:hover, .user-preference-btn:focus, .user-preference-btn:active {
    background-color: var(--color-gray-10); }
  @media only screen and (min-width: 1200px) {
    .user-preference-btn .mag-font {
      position: absolute;
      left: var(--spacer-10); } }

.mag-club-profile-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 56px;
  height: 56px;
  font-size: 1.375rem;
  padding-top: var(--spacer-1);
  border: 1px solid var(--color-loyaltyblue-base);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.progress-item {
  font-size: 1.125rem;
  color: var(--color-primary-dark);
  line-height: 1.25rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 1px solid var(--color-gray-30); }
  .progress-item--full {
    background: var(--color-loyaltyblue-base);
    color: var(--color-gray-0);
    border-color: var(--color-loyaltyblue-base); }

.tier-progress .progress-marker-wrapper {
  -webkit-transform: translateY(28px);
          transform: translateY(28px); }
  .tier-progress .progress-marker-wrapper .progress-marker {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    font-weight: normal;
    -webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.18);
            box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.18);
    background-color: var(--color-gray-10);
    color: var(--color-gray-40); }
    .tier-progress .progress-marker-wrapper .progress-marker.is-active {
      color: var(--color-gray-0); }

.tier-progress .progress-wrapper {
  width: 100%;
  height: 20px;
  background-color: var(--color-gray-10);
  background: linear-gradient(89.95deg, #C1A561 19.51%, rgba(239, 229, 128, 0.82) 40.72%, #eeeeee 60.12%);
  border-radius: 17.5px; }

.tier-progress .progress-bar {
  width: 0;
  height: 10px;
  border-radius: 1000px;
  -webkit-transition: width linear;
  transition: width linear; }

.mag-club-profile-photo-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80px;
  height: 80px;
  font-size: 1.375rem;
  padding-top: var(--spacer-1);
  border: 1px solid var(--color-loyaltyblue-base);
  color: var(--color-loyaltyblue-base);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.mag-club-profile-photo-review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 200px;
  height: 200px;
  font-size: 1.375rem;
  padding-top: var(--spacer-1);
  border: 1px solid var(--color-loyaltyblue-base);
  color: var(--color-loyaltyblue-base);
  background: #BDBDBD4D 30%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

@media only screen and (min-width: 417px) {
  .splash-cards-container {
    margin-right: calc((90vw - 375px) / -2);
    margin-left: calc((90vw - 375px) / -2); } }

@media only screen and (min-width: 600px) {
  .splash-cards-container {
    margin-right: 0;
    margin-left: 0; } }

@media only screen and (min-width: 750px) {
  .splash-cards-container {
    margin-right: calc((80vw - 600px) / -2);
    margin-left: calc((80vw - 600px) / -2); } }

@media only screen and (min-width: 900px) {
  .splash-cards-container {
    margin-right: 0;
    margin-left: 0; } }

.splash-cards-container .siema-slides-wrapper {
  padding-left: 10%; }

.scan-code {
  text-decoration: none;
  line-height: 1;
  font-weight: 300; }
  .scan-code span {
    margin-left: 10px; }

.screen-reader-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.form-section-header.is-h4 {
  letter-spacing: 2px; }

input[type=email], input[type=number], input[type=password], input[type=tel], input[type=url], input[type=text], textarea, select, .input {
  display: block;
  padding: var(--spacer-2) var(--spacer-2) var(--spacer-2) var(--spacer-3);
  color: var(--color-text-dark);
  outline: none;
  width: 100%;
  height: 45px;
  border: 1px solid var(--color-gray-30);
  font-size: var(--font-size-5);
  font-weight: normal;
  cursor: pointer;
  -webkit-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out; }
  input[type=email]:hover, input[type=number]:hover, input[type=password]:hover, input[type=tel]:hover, input[type=url]:hover, input[type=text]:hover, textarea:hover, select:hover, .input:hover {
    border-color: var(--color-primary-base); }
  input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=text]:focus, textarea:focus, select:focus, .input:focus {
    border-color: var(--color-primary-base);
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
  input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, .input::-webkit-input-placeholder {
    color: var(--color-text-base);
    font-weight: lighter; }
  input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=text]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, .input::-moz-placeholder {
    color: var(--color-text-base);
    font-weight: lighter; }
  input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, .input:-ms-input-placeholder {
    color: var(--color-text-base);
    font-weight: lighter; }
  input[type=email]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=url]::-ms-input-placeholder, input[type=text]::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder, .input::-ms-input-placeholder {
    color: var(--color-text-base);
    font-weight: lighter; }
  input[type=email]::placeholder, input[type=number]::placeholder, input[type=password]::placeholder, input[type=tel]::placeholder, input[type=url]::placeholder, input[type=text]::placeholder, textarea::placeholder, select::placeholder, .input::placeholder {
    color: var(--color-text-base);
    font-weight: lighter; }
  input[type=email].is-hidden, input[type=number].is-hidden, input[type=password].is-hidden, input[type=tel].is-hidden, input[type=url].is-hidden, input[type=text].is-hidden, textarea.is-hidden, select.is-hidden, .input.is-hidden {
    display: none; }
input#CheckWebsite {
  display: none !important; }

input[type="radio"],
input[type="checkbox"] {
  width: 22px;
  height: 22px; }

select {
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  select::-ms-expand {
    display: none; }
.form-group.radios .form-check-label {
  position: relative;
  font-weight: lighter;
  font-size: var(--font-size-5);
  padding-left: var(--spacer-11);
  display: inline-block; }
  .form-group.radios .form-check-label input[type="checkbox"] {
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .form-group.radios .form-check-label input[type="checkbox"]:checked ~ span {
      background: var(--color-primary-base); }
      .form-group.radios .form-check-label input[type="checkbox"]:checked ~ span:after {
        display: block; }
  .form-group.radios .form-check-label span {
    position: absolute;
    background: var(--color-gray-0);
    border: 1px solid var(--color-gray-30);
    top: -2px;
    left: 0;
    height: 26px;
    width: 26px;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out; }
    .form-group.radios .form-check-label span:after {
      content: "";
      position: absolute;
      top: 6px;
      left: 10px;
      width: 6px;
      height: 11px;
      border: solid var(--color-gray-0);
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
  .form-group.radios .form-check-label a {
    text-decoration: underline;
    font-weight: normal;
    padding-left: 0.375rem; }
    .form-group.radios .form-check-label a.is-hidden-link {
      text-decoration: none;
      padding-left: 0; }
    .form-group.radios .form-check-label a.has-pl-0 {
      padding-left: 0; }
.dropdown-panel.outlet-preference .custom-input.loyalty-store-radio {
  position: relative; }
  .dropdown-panel.outlet-preference .custom-input.loyalty-store-radio input[type="radio"] {
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .dropdown-panel.outlet-preference .custom-input.loyalty-store-radio input[type="radio"]:checked ~ .custom-input-indicator:after {
      opacity: 1; }
    .dropdown-panel.outlet-preference .custom-input.loyalty-store-radio input[type="radio"] ~ .custom-input-indicator:after {
      content: "\E96E";
      font-family: magFont !important;
      font-size: var(--font-size-4);
      position: absolute;
      top: 10px;
      right: 28px;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out; }

.custom-radio {
  position: relative;
  display: inline-block;
  padding-top: 0.3125rem;
  padding-left: 30px;
  margin-top: var(--spacer-3);
  font-size: var(--font-size-5);
  font-weight: normal; }
  @media only screen and (min-width: 600px) {
    .custom-radio {
      padding-top: 0; } }
  .custom-radio:not(:last-of-type) {
    margin-right: 0.75rem; }
  .custom-radio input[type="radio"] {
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .custom-radio input[type="radio"]:checked ~ .control-indicator {
      border-color: var(--color-gray-40); }
      .custom-radio input[type="radio"]:checked ~ .control-indicator:after {
        opacity: 1; }
  .custom-radio .control-indicator {
    position: absolute;
    top: 6px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: var(--color-gray-0);
    border: 1px solid var(--color-gray-30);
    border-radius: 50%;
    background: var(--color-gray-0);
    -webkit-transition: border 0.5s ease-in-out;
    transition: border 0.5s ease-in-out; }
    @media only screen and (min-width: 600px) {
      .custom-radio .control-indicator {
        top: 0; } }
    .custom-radio .control-indicator:after {
      opacity: 0;
      content: '';
      position: absolute;
      left: 4px;
      top: 4px;
      height: 10px;
      width: 10px;
      border-radius: 50%;
      background: var(--color-primary-base);
      -webkit-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out; }

textarea {
  resize: none;
  height: auto; }

.form-group label {
  font-weight: normal;
  font-size: 1rem;
  color: var(--color-text-dark); }
  .form-group label.has-font-weight-light {
    font-weight: lighter; }
  .form-group label.custom-radio {
    font-size: var(--font-size-5); }

.form-group .input-wrapper {
  display: inline-block;
  position: relative;
  width: 100%; }
  @media only screen and (min-width: 600px) {
    .form-group .input-wrapper {
      width: 100%; } }
  @media only screen and (min-width: 900px) {
    .form-group .input-wrapper {
      width: 60%; } }
  @media only screen and (min-width: 1200px) {
    .form-group .input-wrapper {
      max-width: 53%; } }

.form-group.select-div {
  position: relative; }
  .form-group.select-div .input-wrapper {
    z-index: 0; }
    .form-group.select-div .input-wrapper:after {
      content: '\E907';
      font-family: magFont;
      position: absolute;
      right: var(--spacer-3);
      top: 12px;
      font-size: 16px;
      color: var(--color-gray-40);
      z-index: -1; }

@media only screen and (min-width: 600px) {
  .form-group--wide .input-wrapper {
    width: 100%; } }

@media only screen and (min-width: 900px) {
  .form-group--wide .input-wrapper {
    width: 90%; } }

@media only screen and (min-width: 1200px) {
  .form-group--wide .input-wrapper {
    max-width: 80%; } }

@media only screen and (min-width: 900px) {
  .form-group--wide-mirrored {
    padding-left: 10%; } }

@media only screen and (min-width: 1200px) {
  .form-group--wide-mirrored {
    padding-left: 20%; } }

@media only screen and (min-width: 600px) {
  .form-group--wide-mirrored .input-wrapper {
    width: 100%; } }

@media only screen and (min-width: 1200px) {
  .form-group--wide-mirrored .input-wrapper {
    max-width: 100%; } }

.date-of-birth-div.form-group {
  max-width: 100%; }
  .date-of-birth-div.form-group select {
    font-size: var(--font-size-6); }
  .date-of-birth-div.form-group div {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
    z-index: 0; }
    @media only screen and (min-width: 900px) {
      .date-of-birth-div.form-group div {
        width: 145px; } }
    @media only screen and (min-width: 1200px) {
      .date-of-birth-div.form-group div {
        width: 140px; } }
    @media only screen and (min-width: 600px) {
      .date-of-birth-div.form-group div:not(:last-of-type) {
        margin-right: var(--spacer-3); } }
    .date-of-birth-div.form-group div:after {
      content: '\E907';
      font-family: magFont;
      position: absolute;
      right: var(--spacer-3);
      top: 11px;
      font-size: 16px;
      color: var(--color-gray-40);
      z-index: -1; }

.custom-checkbox {
  padding-left: 1.75rem;
  position: relative;
  overflow: hidden; }
  .custom-checkbox input[type="checkbox"]:checked,
  .custom-checkbox input[type="checkbox"]:not(:checked) {
    opacity: 0;
    width: 0.0625rem;
    height: 0.0625rem;
    position: absolute;
    left: -624.9375rem;
    overflow: hidden; }
  .custom-checkbox input[type=checkbox] + label {
    color: var(--color-gray-40);
    padding-top: .4rem;
    padding-bottom: .4rem; }
  .custom-checkbox input[type=checkbox] + label::before {
    content: "\E96A";
    font-weight: 600;
    text-align: center;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.25rem;
    padding: .125rem; }
  .custom-checkbox input[type=checkbox]:checked + label::before {
    content: "\E96E";
    background: var(--color-primary-base);
    color: var(--color-gray-0);
    border-radius: 50%;
    font-size: 1rem;
    width: 1.25rem;
    height: 1.25rem;
    top: .125rem;
    left: .125rem; }

label {
  font-size: var(--font-size-paragraph);
  font-weight: lighter;
  margin-bottom: 0;
  cursor: pointer;
  display: block; }
  label.input-label {
    font-size: var(--font-size-paragraph);
    font-weight: lighter;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    label.input-label input[type="radio"],
    label.input-label input[type="checkbox"] {
      margin-right: var(--spacer-1); }

.list-inline {
  padding-left: 0;
  list-style: none; }
  .list-inline li {
    margin-right: var(--spacer-3);
    display: inline-block; }
    .list-inline li:nth-last-child(-n + 1) {
      margin-right: 0; }

.list-unstyled {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0; }

.list-icons li {
  position: relative;
  min-height: 38px; }

.list-icons__icon {
  position: absolute;
  left: 0;
  top: -2px; }

.list-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .list-flex li {
    margin: var(--spacer-2); }

p,
.is-p {
  font-size: var(--font-size-5); }

p,
.is-p {
  margin-bottom: var(--spacer-3); }

h1,
.is-h1,
.has-font-size-1 {
  font-size: var(--font-size-1); }

h2,
.is-h2,
.has-font-size-2 {
  font-size: var(--font-size-2); }

h3,
.is-h3,
.has-font-size-3 {
  font-size: var(--font-size-3); }

h4,
.is-h4,
.has-font-size-4 {
  font-size: var(--font-size-4); }

h5,
.is-h5,
.has-font-size-5 {
  font-size: var(--font-size-5); }

h6,
.is-h6,
.has-font-size-6 {
  font-size: var(--font-size-6); }

h1,
.is-h1 {
  font-weight: lighter;
  text-align: center; }
  h1.has-short-underline,
  .is-h1.has-short-underline {
    position: relative;
    display: inline-block; }
    h1.has-short-underline:after,
    .is-h1.has-short-underline:after {
      content: "";
      position: absolute;
      bottom: -8px;
      left: 50%;
      -webkit-transform: translate(-50%);
              transform: translate(-50%);
      display: block;
      width: 80%;
      height: 2px;
      background-color: var(--color-gray-100); }

h2,
.is-h2 {
  font-weight: lighter;
  text-align: center; }
  h2.has-short-underline,
  .is-h2.has-short-underline {
    position: relative;
    display: inline-block; }
    h2.has-short-underline:after,
    .is-h2.has-short-underline:after {
      content: "";
      position: absolute;
      bottom: -8px;
      left: 50%;
      -webkit-transform: translate(-50%);
              transform: translate(-50%);
      display: block;
      width: 80%;
      height: 2px;
      background-color: var(--color-gray-100); }

h3,
.is-h3 {
  font-weight: lighter;
  text-align: center; }
  h3.has-short-underline,
  .is-h3.has-short-underline {
    position: relative;
    display: inline-block; }
    h3.has-short-underline:after,
    .is-h3.has-short-underline:after {
      content: "";
      position: absolute;
      bottom: -8px;
      left: 50%;
      -webkit-transform: translate(-50%);
              transform: translate(-50%);
      display: block;
      width: 80%;
      height: 2px;
      background-color: var(--color-gray-100); }

h4,
.is-h4 {
  font-weight: lighter;
  text-align: center; }
  h4.has-short-underline,
  .is-h4.has-short-underline {
    position: relative;
    display: inline-block; }
    h4.has-short-underline:after,
    .is-h4.has-short-underline:after {
      content: "";
      position: absolute;
      bottom: -8px;
      left: 50%;
      -webkit-transform: translate(-50%);
              transform: translate(-50%);
      display: block;
      width: 80%;
      height: 2px;
      background-color: var(--color-gray-100); }

h5,
.is-h5 {
  font-weight: lighter;
  text-align: center; }
  h5.has-short-underline,
  .is-h5.has-short-underline {
    position: relative;
    display: inline-block; }
    h5.has-short-underline:after,
    .is-h5.has-short-underline:after {
      content: "";
      position: absolute;
      bottom: -8px;
      left: 50%;
      -webkit-transform: translate(-50%);
              transform: translate(-50%);
      display: block;
      width: 80%;
      height: 2px;
      background-color: var(--color-gray-100); }

h6,
.is-h6 {
  font-weight: lighter;
  text-align: center; }
  h6.has-short-underline,
  .is-h6.has-short-underline {
    position: relative;
    display: inline-block; }
    h6.has-short-underline:after,
    .is-h6.has-short-underline:after {
      content: "";
      position: absolute;
      bottom: -8px;
      left: 50%;
      -webkit-transform: translate(-50%);
              transform: translate(-50%);
      display: block;
      width: 80%;
      height: 2px;
      background-color: var(--color-gray-100); }

h2,
.is-h2 {
  text-transform: uppercase;
  font-family: var(--font-family-paragraph);
  letter-spacing: normal;
  padding-left: initial; }

h3,
.is-h3 {
  text-transform: uppercase;
  font-family: var(--font-family-paragraph);
  letter-spacing: normal;
  padding-left: initial; }

h4,
.is-h4 {
  text-transform: uppercase;
  font-family: var(--font-family-paragraph);
  letter-spacing: normal;
  padding-left: initial; }

h5,
.is-h5 {
  text-transform: uppercase;
  font-family: var(--font-family-paragraph);
  letter-spacing: normal;
  padding-left: initial; }

h6,
.is-h6 {
  text-transform: uppercase;
  font-family: var(--font-family-paragraph);
  letter-spacing: normal;
  padding-left: initial; }

h1,
.is-h1 {
  line-height: 1.25;
  margin-bottom: var(--spacer-4);
  font-family: var(--font-family-title);
  font-size: 1.813rem;
  letter-spacing: 0.5rem;
  padding-left: 0.5rem; }
  @media only screen and (min-width: 900px) {
    h1,
    .is-h1 {
      font-size: var(--font-size-1);
      letter-spacing: 1.125rem;
      padding-left: 1.125rem; } }

.is-h1--lowercase {
  font-size: 1.5rem;
  letter-spacing: 0.1em; }
  @media only screen and (min-width: 600px) {
    .is-h1--lowercase {
      font-size: 2rem; } }

h2,
.is-h2 {
  margin-bottom: var(--spacer-3); }

h3,
.is-h3 {
  margin-bottom: var(--spacer-2); }

h4,
.is-h4 {
  margin-bottom: var(--spacer-2); }

h5,
.is-h5 {
  margin-bottom: var(--spacer-2); }

h6,
.is-h6 {
  margin-bottom: var(--spacer-1); }

.has-font-size-small {
  font-size: var(--font-size-small); }

.listing-sub-title {
  font-size: 1.25rem; }

html {
  /*font-size: calc(var(--font-size-root) + 2px);

  @include min(600px) {
    font-size: font-size(root);
  }*/
  font-size: var(--font-size-root); }

body {
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-paragraph);
  color: var(--color-text-base);
  font-weight: lighter; }

 .richtextblock p {
  text-align: left; }
.has-bg-primary {
  background-color: var(--color-primary-base);
  color: var(--color-primary-contrast); }

.has-bg-primary-light {
  background-color: var(--color-primary-light);
  color: var(--color-primary-contrast); }

.has-bg-secondary {
  background-color: var(--color-secondary-base);
  color: var(--color-secondary-contrast); }

.has-bg-secondary-light {
  background-color: var(--color-secondary-light);
  color: var(--color-secondary-contrast); }

.has-bg-text {
  background-color: var(--color-text-base);
  color: var(--color-text-contrast); }

.has-bg-text-light {
  background-color: var(--color-text-light);
  color: var(--color-text-contrast); }

.has-bg-white {
  background-color: var(--color-white-base);
  color: var(--color-white-contrast); }

.has-bg-white-light {
  background-color: var(--color-white-light);
  color: var(--color-white-contrast); }

.has-bg-loyalty {
  background-color: var(--color-loyalty-base);
  color: var(--color-loyalty-contrast); }

.has-bg-loyalty-light {
  background-color: var(--color-loyalty-light);
  color: var(--color-loyalty-contrast); }

.has-bg-loyaltyblue {
  background-color: var(--color-loyaltyblue-base);
  color: var(--color-loyaltyblue-contrast); }

.has-bg-loyaltyblue-light {
  background-color: var(--color-loyaltyblue-light);
  color: var(--color-loyaltyblue-contrast); }

.has-bg-black {
  background-color: var(--color-black-base);
  color: var(--color-black-contrast); }

.has-bg-black-light {
  background-color: var(--color-black-light);
  color: var(--color-black-contrast); }

.has-bg-gold {
  background-color: var(--color-gold-base);
  color: var(--color-gold-contrast); }

.has-bg-gold-light {
  background-color: var(--color-gold-light);
  color: var(--color-gold-contrast); }

.has-bg-gray-0 {
  background-color: var(--color-gray-0); }

.has-bg-gray-10 {
  background-color: var(--color-gray-10); }

.has-bg-gray-20 {
  background-color: var(--color-gray-20); }

.has-bg-gray-30 {
  background-color: var(--color-gray-30); }

.has-bg-gray-40 {
  background-color: var(--color-gray-40); }

.has-bg-gray-50 {
  background-color: var(--color-gray-50); }

.has-bg-gray-60 {
  background-color: var(--color-gray-60); }

.has-bg-gray-70 {
  background-color: var(--color-gray-70); }

.has-bg-gray-80 {
  background-color: var(--color-gray-80); }

.has-bg-gray-90 {
  background-color: var(--color-gray-90); }

.has-bg-gray-100 {
  background-color: var(--color-gray-100); }

.has-bg-decorative-1 {
  background-color: var(--color-decorative-1); }

.has-bg-decorative-2 {
  background-color: var(--color-decorative-2); }

.has-bg-decorative-3 {
  background-color: var(--color-decorative-3); }

.has-bg-decorative-4 {
  background-color: var(--color-decorative-4); }

.has-bg-green {
  background-color: var(--color-campaign-green);
  color: var(--color-gray-0); }

.has-bg-dark-green {
  background-color: var(--color-campaign-dark-green);
  color: var(--color-gray-0); }

.has-bg-blue {
  background-color: var(--color-campaign-blue);
  color: var(--color-gray-0); }

.has-bg-blue-grey {
  background-color: var(--color-campaign-blue-grey);
  color: var(--color-gray-0); }

.has-bg-late-night-shopping {
  background-color: var(--color-campaign-late-night-shopping);
  color: var(--color-gray-0); }

.has-bg-sale {
  background-color: var(--color-campaign-sale);
  color: var(--color-gray-0); }

.has-bg-xmas {
  background-color: var(--color-campaign-xmas);
  color: var(--color-gray-0); }

.has-bg-bone {
  background-color: var(--color-campaign-bone);
  color: var(--color-gray-0); }

.has-bg-salomie {
  background-color: var(--color-campaign-salomie);
  color: var(--color-gray-0); }

.has-bg-greenmist {
  background-color: var(--color-campaign-greenmist);
  color: var(--color-gray-0); }

.has-bg-horizon {
  background-color: var(--color-campaign-horizon);
  color: var(--color-gray-0); }

.has-bg-regentstblue {
  background-color: var(--color-campaign-regentstblue);
  color: var(--color-gray-0); }

.has-bg-christmas {
  background-color: var(--color-campaign-christmas);
  color: var(--color-gray-0); }

.has-bg-cream {
  background-color: var(--color-campaign-cream);
  color: var(--color-gray-0); }

.has-bg-warm-stone {
  background-color: var(--color-campaign-warm-stone);
  color: var(--color-gray-0); }

.has-bg-olive-green {
  background-color: var(--color-campaign-olive-green);
  color: var(--color-gray-0); }

.has-bg-paris-blue {
  background-color: var(--color-campaign-paris-blue);
  color: var(--color-gray-0); }

.has-bg-paris-grey {
  background-color: var(--color-campaign-paris-grey);
  color: var(--color-gray-0); }

.has-bg-info-box {
  background-color: var(--color-campaign-info-box);
  color: var(--color-gray-0); }

.has-bg-black {
  background-color: var(--color-campaign-black);
  color: var(--color-gray-0); }

.has-bg-newyork-pink {
  background-color: var(--color-campaign-newyork-pink);
  color: var(--color-gray-0); }

.has-bg-tactical-teal {
  background-color: var(--color-campaign-tactical-teal);
  color: var(--color-gray-0); }

.has-bg-ss23-sky-blue {
  background-color: var(--color-campaign-ss23-sky-blue);
  color: var(--color-gray-0); }

.has-bg-ss23-mcarthurglen-blue {
  background-color: var(--color-campaign-ss23-mcarthurglen-blue);
  color: var(--color-gray-0); }

.has-bg-ss23-hot-pink {
  background-color: var(--color-campaign-ss23-hot-pink);
  color: var(--color-gray-0); }

.has-bg-ss23-dusty-pink {
  background-color: var(--color-campaign-ss23-dusty-pink);
  color: var(--color-gray-0); }

.has-bg-ss23-zesty-green {
  background-color: var(--color-campaign-ss23-zesty-green);
  color: var(--color-gray-0); }

.has-bg-ss23-sunset-orange {
  background-color: var(--color-campaign-ss23-sunset-orange);
  color: var(--color-gray-0); }

.has-bg-ss23-royal-purple {
  background-color: var(--color-campaign-ss23-royal-purple);
  color: var(--color-gray-0); }

.has-bg-ss23-tactical-teal {
  background-color: var(--color-campaign-ss23-tactical-teal);
  color: var(--color-gray-0); }

.has-bg-ss23-tactical-dark-teal {
  background-color: var(--color-campaign-ss23-tactical-dark-teal);
  color: var(--color-gray-0); }

.has-bg-ss23-cream {
  background-color: var(--color-campaign-ss23-cream);
  color: var(--color-gray-0); }

.has-bg-ss23-sale-yellow {
  background-color: var(--color-campaign-ss23-sale-yellow);
  color: var(--color-gray-0); }

.has-bg-ss24-spring-lilac {
  background-color: var(--color-campaign-ss24-spring-lilac) !important;
  color: var(--color-gray-0); }

.has-bg-ss24-citrus-orange {
  background-color: var(--color-campaign-ss24-citrus-orange) !important;
  color: var(--color-gray-0); }

.has-bg-ss24-sunshine-yellow {
  background-color: var(--color-campaign-ss24-sunshine-yellow) !important;
  color: var(--color-gray-0); }

.has-bg-ss24-summer-pink {
  background-color: var(--color-campaign-ss24-summer-pink) !important;
  color: var(--color-gray-0); }

.has-bg-ss24-citrus-green {
  background-color: var(--color-campaign-ss24-citrus-green) !important;
  color: var(--color-gray-0); }

.has-bg-mcarthurglen-blue {
  background-color: var(--color-campaign-mcarthurglen-blue);
  color: var(--color-gray-0); }

.has-bg-aw23-emerald-green {
  background-color: var(--color-campaign-aw23-emerald-green);
  color: var(--color-gray-0); }

.has-bg-aw23-pumpkin-orange {
  background-color: var(--color-campaign-aw23-pumpkin-orange);
  color: var(--color-gray-0); }

.has-bg-aw23-rich-purple {
  background-color: var(--color-campaign-aw23-rich-purple);
  color: var(--color-gray-0); }

.has-bg-aw23-arctic-blue {
  background-color: var(--color-campaign-aw23-arctic-blue);
  color: var(--color-gray-0); }

.has-bg-is-transparent {
  background-color: var(--color-campaign-is-transparent);
  color: var(--color-gray-0); }

.has-bg-sale-red {
  background-color: var(--color-campaign-sale-red);
  color: var(--color-gray-0); }

.has-bg-red-light {
  background-color: var(--color-campaign-red-light);
  color: var(--color-gray-0); }

.has-bg-red-dark {
  background-color: var(--color-campaign-red-dark);
  color: var(--color-gray-0); }

.has-bg-grey-lighter {
  background-color: var(--color-campaign-grey-lighter);
  color: var(--color-gray-0); }

.has-bg-white {
  background-color: var(--color-campaign-white);
  color: var(--color-gray-0); }

.has-nav-theme-cream {
  background-color: var(--color-nav-cream-base); }
  .has-nav-theme-cream .nav ul li a, .has-nav-theme-cream .nav ul li button {
    color: var(--color-nav-cream-contrast);
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; }
    @media only screen and (min-width: 1200px) {
      .has-nav-theme-cream .nav ul li a:before, .has-nav-theme-cream .nav ul li button:before {
        background-color: var(--color-nav-cream-contrast); }
      .has-nav-theme-cream .nav ul li a:hover, .has-nav-theme-cream .nav ul li a:focus, .has-nav-theme-cream .nav ul li button:hover, .has-nav-theme-cream .nav ul li button:focus {
        color: var(--color-nav-cream-contrast); }
        .has-nav-theme-cream .nav ul li a:hover:before, .has-nav-theme-cream .nav ul li a:focus:before, .has-nav-theme-cream .nav ul li button:hover:before, .has-nav-theme-cream .nav ul li button:focus:before {
          background-color: var(--color-nav-cream-contrast); } }
  .has-nav-theme-cream .nav-mobile-icons li a {
    color: var(--color-nav-cream-contrast); }
  .has-nav-theme-cream .burger.nav-cta .burger-icon span, .has-nav-theme-cream .burger.nav-cta .burger-icon:before, .has-nav-theme-cream .burger.nav-cta .burger-icon:after {
    background-color: var(--color-nav-cream-contrast); }
  .has-nav-theme-cream .nav > ul > li.has-nav-panel .nav-panel {
    background-color: var(--color-nav-cream-base);
    color: var(--color-nav-cream-contrast); }

.has-nav-theme-warm-stone {
  background-color: var(--color-nav-warm-stone-base); }
  .has-nav-theme-warm-stone .nav ul li a, .has-nav-theme-warm-stone .nav ul li button {
    color: var(--color-nav-warm-stone-contrast);
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; }
    @media only screen and (min-width: 1200px) {
      .has-nav-theme-warm-stone .nav ul li a:before, .has-nav-theme-warm-stone .nav ul li button:before {
        background-color: var(--color-nav-warm-stone-contrast); }
      .has-nav-theme-warm-stone .nav ul li a:hover, .has-nav-theme-warm-stone .nav ul li a:focus, .has-nav-theme-warm-stone .nav ul li button:hover, .has-nav-theme-warm-stone .nav ul li button:focus {
        color: var(--color-nav-warm-stone-contrast); }
        .has-nav-theme-warm-stone .nav ul li a:hover:before, .has-nav-theme-warm-stone .nav ul li a:focus:before, .has-nav-theme-warm-stone .nav ul li button:hover:before, .has-nav-theme-warm-stone .nav ul li button:focus:before {
          background-color: var(--color-nav-warm-stone-contrast); } }
  .has-nav-theme-warm-stone .nav-mobile-icons li a {
    color: var(--color-nav-warm-stone-contrast); }
  .has-nav-theme-warm-stone .burger.nav-cta .burger-icon span, .has-nav-theme-warm-stone .burger.nav-cta .burger-icon:before, .has-nav-theme-warm-stone .burger.nav-cta .burger-icon:after {
    background-color: var(--color-nav-warm-stone-contrast); }
  .has-nav-theme-warm-stone .nav > ul > li.has-nav-panel .nav-panel {
    background-color: var(--color-nav-warm-stone-base);
    color: var(--color-nav-warm-stone-contrast); }

.has-nav-theme-olive-green {
  background-color: var(--color-nav-olive-green-base); }
  .has-nav-theme-olive-green .nav ul li a, .has-nav-theme-olive-green .nav ul li button {
    color: var(--color-nav-olive-green-contrast);
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; }
    @media only screen and (min-width: 1200px) {
      .has-nav-theme-olive-green .nav ul li a:before, .has-nav-theme-olive-green .nav ul li button:before {
        background-color: var(--color-nav-olive-green-contrast); }
      .has-nav-theme-olive-green .nav ul li a:hover, .has-nav-theme-olive-green .nav ul li a:focus, .has-nav-theme-olive-green .nav ul li button:hover, .has-nav-theme-olive-green .nav ul li button:focus {
        color: var(--color-nav-olive-green-contrast); }
        .has-nav-theme-olive-green .nav ul li a:hover:before, .has-nav-theme-olive-green .nav ul li a:focus:before, .has-nav-theme-olive-green .nav ul li button:hover:before, .has-nav-theme-olive-green .nav ul li button:focus:before {
          background-color: var(--color-nav-olive-green-contrast); } }
  .has-nav-theme-olive-green .nav-mobile-icons li a {
    color: var(--color-nav-olive-green-contrast); }
  .has-nav-theme-olive-green .burger.nav-cta .burger-icon span, .has-nav-theme-olive-green .burger.nav-cta .burger-icon:before, .has-nav-theme-olive-green .burger.nav-cta .burger-icon:after {
    background-color: var(--color-nav-olive-green-contrast); }
  .has-nav-theme-olive-green .nav > ul > li.has-nav-panel .nav-panel {
    background-color: var(--color-nav-olive-green-base);
    color: var(--color-nav-olive-green-contrast); }

.has-nav-theme-paris-blue {
  background-color: var(--color-nav-paris-blue-base); }
  .has-nav-theme-paris-blue .nav ul li a, .has-nav-theme-paris-blue .nav ul li button {
    color: var(--color-nav-paris-blue-contrast);
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; }
    @media only screen and (min-width: 1200px) {
      .has-nav-theme-paris-blue .nav ul li a:before, .has-nav-theme-paris-blue .nav ul li button:before {
        background-color: var(--color-nav-paris-blue-contrast); }
      .has-nav-theme-paris-blue .nav ul li a:hover, .has-nav-theme-paris-blue .nav ul li a:focus, .has-nav-theme-paris-blue .nav ul li button:hover, .has-nav-theme-paris-blue .nav ul li button:focus {
        color: var(--color-nav-paris-blue-contrast); }
        .has-nav-theme-paris-blue .nav ul li a:hover:before, .has-nav-theme-paris-blue .nav ul li a:focus:before, .has-nav-theme-paris-blue .nav ul li button:hover:before, .has-nav-theme-paris-blue .nav ul li button:focus:before {
          background-color: var(--color-nav-paris-blue-contrast); } }
  .has-nav-theme-paris-blue .nav-mobile-icons li a {
    color: var(--color-nav-paris-blue-contrast); }
  .has-nav-theme-paris-blue .burger.nav-cta .burger-icon span, .has-nav-theme-paris-blue .burger.nav-cta .burger-icon:before, .has-nav-theme-paris-blue .burger.nav-cta .burger-icon:after {
    background-color: var(--color-nav-paris-blue-contrast); }
  .has-nav-theme-paris-blue .nav > ul > li.has-nav-panel .nav-panel {
    background-color: var(--color-nav-paris-blue-base);
    color: var(--color-nav-paris-blue-contrast); }

.has-nav-theme-paris-grey {
  background-color: var(--color-nav-paris-grey-base); }
  .has-nav-theme-paris-grey .nav ul li a, .has-nav-theme-paris-grey .nav ul li button {
    color: var(--color-nav-paris-grey-contrast);
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; }
    @media only screen and (min-width: 1200px) {
      .has-nav-theme-paris-grey .nav ul li a:before, .has-nav-theme-paris-grey .nav ul li button:before {
        background-color: var(--color-nav-paris-grey-contrast); }
      .has-nav-theme-paris-grey .nav ul li a:hover, .has-nav-theme-paris-grey .nav ul li a:focus, .has-nav-theme-paris-grey .nav ul li button:hover, .has-nav-theme-paris-grey .nav ul li button:focus {
        color: var(--color-nav-paris-grey-contrast); }
        .has-nav-theme-paris-grey .nav ul li a:hover:before, .has-nav-theme-paris-grey .nav ul li a:focus:before, .has-nav-theme-paris-grey .nav ul li button:hover:before, .has-nav-theme-paris-grey .nav ul li button:focus:before {
          background-color: var(--color-nav-paris-grey-contrast); } }
  .has-nav-theme-paris-grey .nav-mobile-icons li a {
    color: var(--color-nav-paris-grey-contrast); }
  .has-nav-theme-paris-grey .burger.nav-cta .burger-icon span, .has-nav-theme-paris-grey .burger.nav-cta .burger-icon:before, .has-nav-theme-paris-grey .burger.nav-cta .burger-icon:after {
    background-color: var(--color-nav-paris-grey-contrast); }
  .has-nav-theme-paris-grey .nav > ul > li.has-nav-panel .nav-panel {
    background-color: var(--color-nav-paris-grey-base);
    color: var(--color-nav-paris-grey-contrast); }

.has-nav-theme-black {
  background-color: var(--color-nav-black-base); }
  .has-nav-theme-black .nav ul li a, .has-nav-theme-black .nav ul li button {
    color: var(--color-nav-black-contrast);
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; }
    @media only screen and (min-width: 1200px) {
      .has-nav-theme-black .nav ul li a:before, .has-nav-theme-black .nav ul li button:before {
        background-color: var(--color-nav-black-contrast); }
      .has-nav-theme-black .nav ul li a:hover, .has-nav-theme-black .nav ul li a:focus, .has-nav-theme-black .nav ul li button:hover, .has-nav-theme-black .nav ul li button:focus {
        color: var(--color-nav-black-contrast); }
        .has-nav-theme-black .nav ul li a:hover:before, .has-nav-theme-black .nav ul li a:focus:before, .has-nav-theme-black .nav ul li button:hover:before, .has-nav-theme-black .nav ul li button:focus:before {
          background-color: var(--color-nav-black-contrast); } }
  .has-nav-theme-black .nav-mobile-icons li a {
    color: var(--color-nav-black-contrast); }
  .has-nav-theme-black .burger.nav-cta .burger-icon span, .has-nav-theme-black .burger.nav-cta .burger-icon:before, .has-nav-theme-black .burger.nav-cta .burger-icon:after {
    background-color: var(--color-nav-black-contrast); }
  .has-nav-theme-black .nav > ul > li.has-nav-panel .nav-panel {
    background-color: var(--color-nav-black-base);
    color: var(--color-nav-black-contrast); }

.has-bg-gray-0 {
  color: var(--color-gray-100); }

.has-bg-gray-10 {
  color: var(--color-gray-100); }

.has-bg-gray-20 {
  color: var(--color-gray-100); }

.has-bg-gray-30 {
  color: var(--color-gray-100); }

.has-bg-gray-40 {
  color: var(--color-gray-100); }

.has-bg-gray-50 {
  color: var(--color-gray-100); }

.has-bg-gray-60 {
  color: var(--color-gray-0); }

.has-bg-gray-70 {
  color: var(--color-gray-0); }

.has-bg-gray-80 {
  color: var(--color-gray-0); }

.has-bg-gray-90 {
  color: var(--color-gray-0); }

.has-bg-gray-100 {
  color: var(--color-gray-0); }

.has-bg-loyalty-light {
  background-color: #858391; }

.has-bg-lightest {
  background-color: #fcfcfc; }

.has-b {
  border-top: 1px solid var(--color-gray-30); }


.has-bb,
.has-b {
  border-bottom: 1px solid var(--color-gray-30); }


.has-b {
  border-left: 1px solid var(--color-gray-30); }


.has-br,
.has-b {
  border-right: 1px solid var(--color-gray-30); }

.has-b-none {
  border: none; }

.has-b--dark {
  border: 1px solid var(--color-gray-100); }

@media only screen and (min-width: 600px) {
  
  .has-b-sm {
    border-top: 1px solid var(--color-gray-30); }
  
  .has-b-sm {
    border-bottom: 1px solid var(--color-gray-30); }
  
  .has-b-sm {
    border-left: 1px solid var(--color-gray-30); }
  
  .has-b-sm {
    border-right: 1px solid var(--color-gray-30); }
  
  .has-bb-sm-none {
    border-bottom: none; } }

@media only screen and (min-width: 900px) {
  
  .has-br-md {
    border-right: 1px solid var(--color-gray-30); }
  
  .has-b-md-none {
    border-top: none; }
  
  .has-bb-md-none,
  .has-b-md-none {
    border-bottom: none; }
  
  .has-b-md-none {
    border-left: none; }
  
  .has-br-md-none,
  .has-b-md-none {
    border-right: none; } }

.has-box-shadow {
  -webkit-box-shadow: -8px 16px 15px rgba(0, 0, 0, 0.13);
          box-shadow: -8px 16px 15px rgba(0, 0, 0, 0.13); }

.has-chevron::after {
  content: "\E907";
  font-family: magFont !important;
  width: auto;
  height: auto;
  margin-left: auto;
  vertical-align: 0;
  border: 0; }

.has-chevron-animated:after {
  content: "\E907";
  font-family: magFont !important;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease; }

@media only screen and (min-width: 1200px) {
  .has-chevron-animated.nav-panel-cta:after {
    content: ""; } }

.has-chevron-animated[aria-expanded="true"]:after {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg); }

.is-d-none {
  display: none; }

.is-d-block {
  display: block; }

.is-d-inline-block {
  display: inline-block; }

.is-d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.is-w-100 {
  width: 100%; }

.is-h-100 {
  height: 100%; }

.is-w-auto {
  width: auto; }

.has-max-xs-lg {
  max-width: 375px; }

.has-max-sm {
  max-width: 600px; }

.is-relative {
  position: relative; }

.has-z-1 {
  z-index: 1; }

@media only screen and (min-width: 375px) {
  .is-d-xs-lg-block {
    display: block; }
  .is-d-xs-lg-inline-block {
    display: inline-block; } }

@media only screen and (min-width: 600px) {
  .is-d-sm-none {
    display: none; }
  .is-d-sm-block {
    display: block; }
  .is-d-sm-inline {
    display: inline; }
  .is-d-sm-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media only screen and (min-width: 900px) {
  .is-d-md-none {
    display: none; }
  .is-d-md-block {
    display: block; }
  .is-d-md-inline-block {
    display: inline-block; }
  .is-d-md-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media only screen and (min-width: 1200px) {
  .is-d-lg-none {
    display: none; }
  .is-d-lg-block {
    display: block; }
  .is-d-lg-inline {
    display: inline; }
  .is-d-lg-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.is-rounded:not(.btn) {
  border-radius: 50%;
  overflow: hidden; }

.is-rounded--10:not(.btn) {
  border-radius: 10px; }

.has-section-spacer {
  margin-top: var(--spacer-3);
  margin-bottom: var(--spacer-3); }
  @media only screen and (min-width: 600px) {
    .has-section-spacer {
      margin-top: var(--spacer-6);
      margin-bottom: var(--spacer-6); } }
  .has-section-spacer.is-padding {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: var(--spacer-3);
    padding-bottom: var(--spacer-3); }
    @media only screen and (min-width: 600px) {
      .has-section-spacer.is-padding {
        padding-top: var(--spacer-6);
        padding-bottom: var(--spacer-6); } }
  .has-section-spacer > *:first-child {
    margin-top: 0;
    padding-top: 0; }
  .has-section-spacer > *:nth-last-child(-n + 1):not(.btn) {
    margin-bottom: 0;
    padding-bottom: 0; }

@media only screen and (min-width: 0) {
  .has-mx-na-neg-flush {
    margin-left: -15px;
    margin-right: -15px; } }

.has-mx-auto {
  margin-left: auto;
  margin-right: auto; }

.has-py-0,
.has-p-0 {
  padding-top: var(--spacer-0); }

.has-py-0,
.has-pb-0,
.has-p-0 {
  padding-bottom: var(--spacer-0); }

.has-px-0,
.has-pl-0,
.has-p-0 {
  padding-left: var(--spacer-0); }

.has-px-0,
.has-pr-0,
.has-p-0 {
  padding-right: var(--spacer-0); }


.has-mt-0,
.has-m-0 {
  margin-top: var(--spacer-0); }


.has-mb-0,
.has-m-0 {
  margin-bottom: var(--spacer-0); }

.has-mx-0,
.has-m-0 {
  margin-left: var(--spacer-0); }

.has-mx-0,
.has-m-0 {
  margin-right: var(--spacer-0); }

.has-py-1,
.has-pt-1 {
  padding-top: var(--spacer-1); }

.has-py-1,
.has-pb-1 {
  padding-bottom: var(--spacer-1); }

.has-px-1,
.has-pl-1 {
  padding-left: var(--spacer-1); }

.has-px-1,
.has-pr-1 {
  padding-right: var(--spacer-1); }

.has-my-1,
.has-mt-1 {
  margin-top: var(--spacer-1); }

.has-my-1,
.has-mb-1 {
  margin-bottom: var(--spacer-1); }

.has-mx-1,
.has-ml-1 {
  margin-left: var(--spacer-1); }

.has-mx-1,
.has-mr-1 {
  margin-right: var(--spacer-1); }

.has-py-2,
.has-pt-2,
.has-p-2 {
  padding-top: var(--spacer-2); }

.has-py-2,
.has-pb-2,
.has-p-2 {
  padding-bottom: var(--spacer-2); }

.has-px-2,
.has-pl-2,
.has-p-2 {
  padding-left: var(--spacer-2); }

.has-px-2,
.has-pr-2,
.has-p-2 {
  padding-right: var(--spacer-2); }

.has-my-2,
.has-mt-2,
.has-m-2 {
  margin-top: var(--spacer-2); }

.has-my-2,
.has-mb-2,
.has-m-2 {
  margin-bottom: var(--spacer-2); }

.has-mx-2,
.has-ml-2,
.has-m-2 {
  margin-left: var(--spacer-2); }

.has-mx-2,
.has-mr-2,
.has-m-2 {
  margin-right: var(--spacer-2); }


.has-mt-neg-2 {
  margin-top: calc(-1 * var(--spacer-2)); }

.has-py-3,
.has-pt-3,
.has-p-3 {
  padding-top: var(--spacer-3); }

.has-py-3,
.has-pb-3,
.has-p-3 {
  padding-bottom: var(--spacer-3); }

.has-px-3,
.has-pl-3,
.has-p-3 {
  padding-left: var(--spacer-3); }

.has-px-3,
.has-pr-3,
.has-p-3 {
  padding-right: var(--spacer-3); }

.has-my-3,
.has-mt-3 {
  margin-top: var(--spacer-3); }

.has-my-3,
.has-mb-3 {
  margin-bottom: var(--spacer-3); }

.has-mx-3,
.has-ml-3 {
  margin-left: var(--spacer-3); }

.has-mx-3,
.has-mr-3 {
  margin-right: var(--spacer-3); }


.has-mt-neg-3 {
  margin-top: calc(-1 * var(--spacer-3)); }


.has-mb-neg-3 {
  margin-bottom: calc(-1 * var(--spacer-3)); }

.has-py-4,
.has-pt-4 {
  padding-top: var(--spacer-4); }

.has-py-4,
.has-pb-4 {
  padding-bottom: var(--spacer-4); }

.has-px-4 {
  padding-left: var(--spacer-4); }

.has-px-4,
.has-pr-4 {
  padding-right: var(--spacer-4); }

.has-my-4,
.has-mt-4 {
  margin-top: var(--spacer-4); }

.has-my-4,
.has-mb-4 {
  margin-bottom: var(--spacer-4); }

.has-mx-4 {
  margin-left: var(--spacer-4); }

.has-mx-4,
.has-mr-4 {
  margin-right: var(--spacer-4); }

.has-py-5,
.has-pt-5,
.has-p-5 {
  padding-top: var(--spacer-5); }

.has-py-5,
.has-pb-5,
.has-p-5 {
  padding-bottom: var(--spacer-5); }

.has-px-5,
.has-p-5 {
  padding-left: var(--spacer-5); }

.has-px-5,
.has-p-5 {
  padding-right: var(--spacer-5); }

.has-my-5,
.has-mt-5,
.has-m-5 {
  margin-top: var(--spacer-5); }

.has-my-5,
.has-mb-5,
.has-m-5 {
  margin-bottom: var(--spacer-5); }


.has-ml-5,
.has-m-5 {
  margin-left: var(--spacer-5); }


.has-m-5 {
  margin-right: var(--spacer-5); }

.has-py-6,
.has-pt-6,
.has-p-6 {
  padding-top: var(--spacer-6); }

.has-py-6,
.has-pb-6,
.has-p-6 {
  padding-bottom: var(--spacer-6); }

.has-px-6,
.has-pl-6,
.has-p-6 {
  padding-left: var(--spacer-6); }

.has-px-6,
.has-pr-6,
.has-p-6 {
  padding-right: var(--spacer-6); }

.has-my-6,
.has-mt-6 {
  margin-top: var(--spacer-6); }

.has-my-6,
.has-mb-6 {
  margin-bottom: var(--spacer-6); }


.has-ml-6 {
  margin-left: var(--spacer-6); }


.has-mr-6 {
  margin-right: var(--spacer-6); }


.has-mt-neg-6 {
  margin-top: calc(-1 * var(--spacer-6)); }


.has-mb-neg-6 {
  margin-bottom: calc(-1 * var(--spacer-6)); }


.has-pb-7 {
  padding-bottom: var(--spacer-7); }

.has-px-7 {
  padding-left: var(--spacer-7); }

.has-px-7 {
  padding-right: var(--spacer-7); }


.has-mb-7 {
  margin-bottom: var(--spacer-7); }


.has-mt-8 {
  margin-top: var(--spacer-8); }


.has-mt-neg-8 {
  margin-top: calc(-1 * var(--spacer-8)); }

.has-py-10,
.has-pt-10,
.has-p-10 {
  padding-top: var(--spacer-10); }

.has-py-10,
.has-pb-10,
.has-p-10 {
  padding-bottom: var(--spacer-10); }

.has-px-10,
.has-pl-10,
.has-p-10 {
  padding-left: var(--spacer-10); }

.has-px-10,
.has-pr-10,
.has-p-10 {
  padding-right: var(--spacer-10); }

.has-my-10,
.has-mt-10 {
  margin-top: var(--spacer-10); }

.has-my-10,
.has-mb-10 {
  margin-bottom: var(--spacer-10); }


.has-mr-10 {
  margin-right: var(--spacer-10); }


.has-pt-11 {
  padding-top: var(--spacer-11); }


.has-mt-11 {
  margin-top: var(--spacer-11); }


.has-mb-11 {
  margin-bottom: var(--spacer-11); }


.has-mr-11 {
  margin-right: var(--spacer-11); }


.has-mt-12 {
  margin-top: var(--spacer-12); }

.has-py-13,
.has-pt-13 {
  padding-top: var(--spacer-13); }

.has-py-13,
.has-pb-13 {
  padding-bottom: var(--spacer-13); }


.has-pb-14 {
  padding-bottom: var(--spacer-14); }

.has-px-14 {
  padding-left: var(--spacer-14); }

.has-px-14 {
  padding-right: var(--spacer-14); }

@media only screen and (min-width: 375px) {
  .has-px-xs-lg-1 {
    padding-left: var(--spacer-1); }
  .has-px-xs-lg-1 {
    padding-right: var(--spacer-1); } }

@media only screen and (min-width: 375px) {
  .has-px-xs-lg-3 {
    padding-left: var(--spacer-3); }
  .has-px-xs-lg-3,
  .has-pr-xs-lg-3 {
    padding-right: var(--spacer-3); }
  .has-mx-xs-lg-3 {
    margin-left: var(--spacer-3); }
  .has-mx-xs-lg-3 {
    margin-right: var(--spacer-3); } }

@media only screen and (min-width: 375px) {
  .has-px-xs-lg-4 {
    padding-left: var(--spacer-4); }
  .has-px-xs-lg-4 {
    padding-right: var(--spacer-4); }
  
  .has-mr-xs-lg-4 {
    margin-right: var(--spacer-4); } }

@media only screen and (min-width: 375px) {
  .has-px-xs-lg-5 {
    padding-left: var(--spacer-5); }
  .has-px-xs-lg-5 {
    padding-right: var(--spacer-5); } }

@media only screen and (min-width: 375px) {
  .has-px-xs-lg-6 {
    padding-left: var(--spacer-6); }
  .has-px-xs-lg-6 {
    padding-right: var(--spacer-6); } }

@media only screen and (min-width: 375px) {
  
  .has-ml-xs-lg-10 {
    margin-left: var(--spacer-10); } }

@media only screen and (min-width: 375px) {
  
  .has-pl-xs-lg-12 {
    padding-left: var(--spacer-12); } }

@media only screen and (min-width: 600px) {
  
  .has-pt-sm-0 {
    padding-top: var(--spacer-0); }
  
  .has-pb-sm-0 {
    padding-bottom: var(--spacer-0); }
  .has-px-sm-0 {
    padding-left: var(--spacer-0); }
  .has-px-sm-0 {
    padding-right: var(--spacer-0); }
  .has-my-sm-0,
  .has-mt-sm-0 {
    margin-top: var(--spacer-0); }
  .has-my-sm-0,
  .has-mb-sm-0 {
    margin-bottom: var(--spacer-0); }
  .has-mx-sm-0 {
    margin-left: var(--spacer-0); }
  .has-mx-sm-0 {
    margin-right: var(--spacer-0); } }

@media only screen and (min-width: 600px) {
  
  .has-pt-sm-2 {
    padding-top: var(--spacer-2); }
  .has-px-sm-2 {
    padding-left: var(--spacer-2); }
  .has-px-sm-2 {
    padding-right: var(--spacer-2); }
  
  .has-mb-sm-2 {
    margin-bottom: var(--spacer-2); }
  .has-mx-sm-2 {
    margin-left: var(--spacer-2); }
  .has-mx-sm-2 {
    margin-right: var(--spacer-2); } }

@media only screen and (min-width: 600px) {
  .has-py-sm-3,
  .has-pt-sm-3 {
    padding-top: var(--spacer-3); }
  .has-py-sm-3,
  .has-pb-sm-3 {
    padding-bottom: var(--spacer-3); }
  .has-px-sm-3,
  .has-pl-sm-3 {
    padding-left: var(--spacer-3); }
  .has-px-sm-3 {
    padding-right: var(--spacer-3); }
  
  .has-mt-sm-3 {
    margin-top: var(--spacer-3); }
  
  .has-mb-sm-3 {
    margin-bottom: var(--spacer-3); }
  
  .has-mr-sm-3 {
    margin-right: var(--spacer-3); } }

@media only screen and (min-width: 600px) {
  .has-py-sm-4,
  .has-p-sm-4 {
    padding-top: var(--spacer-4); }
  .has-py-sm-4,
  .has-pb-sm-4,
  .has-p-sm-4 {
    padding-bottom: var(--spacer-4); }
  .has-px-sm-4,
  .has-p-sm-4 {
    padding-left: var(--spacer-4); }
  .has-px-sm-4,
  .has-p-sm-4 {
    padding-right: var(--spacer-4); }
  
  .has-mb-sm-4 {
    margin-bottom: var(--spacer-4); }
  .has-mx-sm-4 {
    margin-left: var(--spacer-4); }
  .has-mx-sm-4 {
    margin-right: var(--spacer-4); } }

@media only screen and (min-width: 600px) {
  
  .has-pb-sm-5 {
    padding-bottom: var(--spacer-5); }
  .has-px-sm-5 {
    padding-left: var(--spacer-5); }
  .has-px-sm-5 {
    padding-right: var(--spacer-5); }
  .has-my-sm-5 {
    margin-top: var(--spacer-5); }
  .has-my-sm-5,
  .has-mb-sm-5 {
    margin-bottom: var(--spacer-5); } }

@media only screen and (min-width: 600px) {
  .has-py-sm-6,
  .has-pt-sm-6 {
    padding-top: var(--spacer-6); }
  .has-py-sm-6,
  .has-pb-sm-6 {
    padding-bottom: var(--spacer-6); }
  .has-px-sm-6 {
    padding-left: var(--spacer-6); }
  .has-px-sm-6 {
    padding-right: var(--spacer-6); }
  .has-my-sm-6,
  .has-mt-sm-6 {
    margin-top: var(--spacer-6); }
  .has-my-sm-6 {
    margin-bottom: var(--spacer-6); }
  
  .has-ml-sm-6 {
    margin-left: var(--spacer-6); } }

@media only screen and (min-width: 600px) {
  
  .has-mb-sm-7 {
    margin-bottom: var(--spacer-7); }
  
  .has-mb-sm-neg-7 {
    margin-bottom: calc(-1 * var(--spacer-7)); } }

@media only screen and (min-width: 600px) {
  
  .has-pt-sm-9 {
    padding-top: var(--spacer-9); } }

@media only screen and (min-width: 600px) {
  
  .has-pb-sm-10 {
    padding-bottom: var(--spacer-10); }
  .has-px-sm-10 {
    padding-left: var(--spacer-10); }
  .has-px-sm-10 {
    padding-right: var(--spacer-10); }
  
  .has-mb-sm-10 {
    margin-bottom: var(--spacer-10); } }

@media only screen and (min-width: 600px) {
  
  .has-pt-sm-11 {
    padding-top: var(--spacer-11); }
  
  .has-pb-sm-11 {
    padding-bottom: var(--spacer-11); } }

@media only screen and (min-width: 600px) {
  
  .has-pt-sm-14 {
    padding-top: var(--spacer-14); }
  
  .has-mt-sm-14 {
    margin-top: var(--spacer-14); } }

@media only screen and (min-width: 900px) {
  .has-py-md-0,
  .has-pt-md-0 {
    padding-top: var(--spacer-0); }
  .has-py-md-0,
  .has-pb-md-0 {
    padding-bottom: var(--spacer-0); }
  
  .has-pl-md-0 {
    padding-left: var(--spacer-0); }
  
  .has-pr-md-0 {
    padding-right: var(--spacer-0); }
  
  .has-mt-md-0 {
    margin-top: var(--spacer-0); }
  
  .has-mb-md-0 {
    margin-bottom: var(--spacer-0); }
  .has-mx-md-0 {
    margin-left: var(--spacer-0); }
  .has-mx-md-0,
  .has-mr-md-0 {
    margin-right: var(--spacer-0); } }

@media only screen and (min-width: 900px) {
  .has-px-md-1 {
    padding-left: var(--spacer-1); }
  .has-px-md-1 {
    padding-right: var(--spacer-1); } }

@media only screen and (min-width: 900px) {
  .has-py-md-2,
  .has-pt-md-2 {
    padding-top: var(--spacer-2); }
  .has-py-md-2,
  .has-pb-md-2 {
    padding-bottom: var(--spacer-2); }
  
  .has-mb-md-2 {
    margin-bottom: var(--spacer-2); } }

@media only screen and (min-width: 900px) {
  .has-py-md-3,
  .has-pt-md-3 {
    padding-top: var(--spacer-3); }
  .has-py-md-3,
  .has-pb-md-3 {
    padding-bottom: var(--spacer-3); }
  .has-px-md-3,
  .has-pl-md-3 {
    padding-left: var(--spacer-3); }
  .has-px-md-3,
  .has-pr-md-3 {
    padding-right: var(--spacer-3); }
  .has-my-md-3,
  .has-mt-md-3,
  .has-m-md-3 {
    margin-top: var(--spacer-3); }
  .has-my-md-3,
  .has-mb-md-3,
  .has-m-md-3 {
    margin-bottom: var(--spacer-3); }
  .has-mx-md-3,
  .has-m-md-3 {
    margin-left: var(--spacer-3); }
  .has-mx-md-3,
  .has-m-md-3 {
    margin-right: var(--spacer-3); } }

@media only screen and (min-width: 900px) {
  
  .has-pt-md-4 {
    padding-top: var(--spacer-4); }
  .has-px-md-4 {
    padding-left: var(--spacer-4); }
  .has-px-md-4 {
    padding-right: var(--spacer-4); }
  
  .has-mb-md-4 {
    margin-bottom: var(--spacer-4); }
  .has-mx-md-4,
  .has-ml-md-4 {
    margin-left: var(--spacer-4); }
  .has-mx-md-4 {
    margin-right: var(--spacer-4); } }

@media only screen and (min-width: 900px) {
  .has-py-md-5,
  .has-pt-md-5,
  .has-p-md-5 {
    padding-top: var(--spacer-5); }
  .has-py-md-5,
  .has-pb-md-5,
  .has-p-md-5 {
    padding-bottom: var(--spacer-5); }
  .has-px-md-5,
  .has-pl-md-5,
  .has-p-md-5 {
    padding-left: var(--spacer-5); }
  .has-px-md-5,
  .has-pr-md-5,
  .has-p-md-5 {
    padding-right: var(--spacer-5); }
  .has-my-md-5 {
    margin-top: var(--spacer-5); }
  .has-my-md-5,
  .has-mb-md-5 {
    margin-bottom: var(--spacer-5); }
  .has-mx-md-5,
  .has-ml-md-5 {
    margin-left: var(--spacer-5); }
  .has-mx-md-5 {
    margin-right: var(--spacer-5); }
  
  .has-mt-md-neg-5 {
    margin-top: calc(-1 * var(--spacer-5)); } }

@media only screen and (min-width: 900px) {
  
  .has-pt-md-6,
  .has-p-md-6 {
    padding-top: var(--spacer-6); }
  
  .has-pb-md-6,
  .has-p-md-6 {
    padding-bottom: var(--spacer-6); }
  .has-px-md-6,
  .has-p-md-6 {
    padding-left: var(--spacer-6); }
  .has-px-md-6,
  .has-p-md-6 {
    padding-right: var(--spacer-6); }
  .has-my-md-6,
  .has-mt-md-6 {
    margin-top: var(--spacer-6); }
  .has-my-md-6,
  .has-mb-md-6 {
    margin-bottom: var(--spacer-6); }
  
  .has-mt-md-neg-6 {
    margin-top: calc(-1 * var(--spacer-6)); } }

@media only screen and (min-width: 900px) {
  .has-px-md-7 {
    padding-left: var(--spacer-7); }
  .has-px-md-7,
  .has-pr-md-7 {
    padding-right: var(--spacer-7); }
  
  .has-mb-md-7 {
    margin-bottom: var(--spacer-7); }
  
  .has-mt-md-neg-7 {
    margin-top: calc(-1 * var(--spacer-7)); }
  
  .has-mb-md-neg-7 {
    margin-bottom: calc(-1 * var(--spacer-7)); }
  
  .has-ml-md-neg-7 {
    margin-left: calc(-1 * var(--spacer-7)); } }

@media only screen and (min-width: 900px) {
  
  .has-p-md-10 {
    padding-top: var(--spacer-10); }
  
  .has-pb-md-10,
  .has-p-md-10 {
    padding-bottom: var(--spacer-10); }
  
  .has-pl-md-10,
  .has-p-md-10 {
    padding-left: var(--spacer-10); }
  
  .has-pr-md-10,
  .has-p-md-10 {
    padding-right: var(--spacer-10); }
  .has-my-md-10,
  .has-mt-md-10 {
    margin-top: var(--spacer-10); }
  .has-my-md-10,
  .has-mb-md-10 {
    margin-bottom: var(--spacer-10); }
  
  .has-mr-md-10 {
    margin-right: var(--spacer-10); } }

@media only screen and (min-width: 900px) {
  
  .has-pt-md-11 {
    padding-top: var(--spacer-11); }
  .has-mx-md-11 {
    margin-left: var(--spacer-11); }
  .has-mx-md-11 {
    margin-right: var(--spacer-11); } }

@media only screen and (min-width: 900px) {
  
  .has-pt-md-13 {
    padding-top: var(--spacer-13); }
  
  .has-mt-md-13 {
    margin-top: var(--spacer-13); } }

@media only screen and (min-width: 900px) {
  .has-px-md-14,
  .has-pl-md-14 {
    padding-left: var(--spacer-14); }
  .has-px-md-14 {
    padding-right: var(--spacer-14); }
  .has-my-md-14 {
    margin-top: var(--spacer-14); }
  .has-my-md-14 {
    margin-bottom: var(--spacer-14); }
  
  .has-mt-md-neg-14 {
    margin-top: calc(-1 * var(--spacer-14)); } }

@media only screen and (min-width: 1200px) {
  
  .has-p-lg-0 {
    padding-top: var(--spacer-0); }
  
  .has-p-lg-0 {
    padding-bottom: var(--spacer-0); }
  .has-px-lg-0,
  .has-pl-lg-0,
  .has-p-lg-0 {
    padding-left: var(--spacer-0); }
  .has-px-lg-0,
  .has-p-lg-0 {
    padding-right: var(--spacer-0); }
  .has-my-lg-0,
  .has-mt-lg-0 {
    margin-top: var(--spacer-0); }
  .has-my-lg-0 {
    margin-bottom: var(--spacer-0); } }

@media only screen and (min-width: 1200px) {
  
  .has-pt-lg-1 {
    padding-top: var(--spacer-1); } }

@media only screen and (min-width: 1200px) {
  
  .has-pl-lg-2 {
    padding-left: var(--spacer-2); } }

@media only screen and (min-width: 1200px) {
  
  .has-p-lg-3 {
    padding-top: var(--spacer-3); }
  
  .has-p-lg-3 {
    padding-bottom: var(--spacer-3); }
  .has-px-lg-3,
  .has-p-lg-3 {
    padding-left: var(--spacer-3); }
  .has-px-lg-3,
  .has-p-lg-3 {
    padding-right: var(--spacer-3); }
  
  .has-mt-lg-3 {
    margin-top: var(--spacer-3); } }

@media only screen and (min-width: 1200px) {
  .has-px-lg-5 {
    padding-left: var(--spacer-5); }
  .has-px-lg-5 {
    padding-right: var(--spacer-5); }
  
  .has-mt-lg-5 {
    margin-top: var(--spacer-5); }
  
  .has-mb-lg-5 {
    margin-bottom: var(--spacer-5); } }

@media only screen and (min-width: 1200px) {
  
  .has-pr-lg-6 {
    padding-right: var(--spacer-6); }
  
  .has-mt-lg-6 {
    margin-top: var(--spacer-6); } }

@media only screen and (min-width: 1200px) {
  
  .has-pb-lg-7 {
    padding-bottom: var(--spacer-7); }
  .has-px-lg-7 {
    padding-left: var(--spacer-7); }
  .has-px-lg-7 {
    padding-right: var(--spacer-7); }
  
  .has-mt-lg-7 {
    margin-top: var(--spacer-7); } }

.has-m-auto {
  margin: auto; }
.has-font-family-paragraph {
  font-family: var(--font-family-paragraph) !important; }

.has-font-family-title {
  font-family: var(--font-family-title) !important; }

.has-font-family-highlight {
  font-family: var(--font-family-highlight) !important; }

.has-font-family-icon {
  font-family: var(--font-family-icon) !important; }

.has-font-family-paragraph-greek {
  font-family: var(--font-family-paragraph-greek) !important; }
.has-text-center,
.has-text-center * {
  text-align: center; }

.has-text-left,
.has-text-left * {
  text-align: left; }

.has-text-right,
.has-text-right * {
  text-align: right; }

@media only screen and (min-width: 600px) {
  .has-text-sm-center,
  .has-text-sm-center * {
    text-align: center; } }

@media only screen and (min-width: 900px) {
  .has-text-md-center,
  .has-text-md-center * {
    text-align: center; } }

@media only screen and (min-width: 900px) {
  .has-text-md-left,
  .has-text-md-left * {
    text-align: left; } }

.has-font-weight-bold,
.has-font-weight-bold * {
  font-weight: bold; }

.has-font-weight-semi-bold,
.has-font-weight-semi-bold * {
  font-weight: 600; }

.has-font-weight-normal,
.has-font-weight-normal * {
  font-weight: normal; }

.has-font-weight-light,
.has-font-weight-light * {
  font-weight: lighter; }

.has-text-italic,
.has-text-italic * {
  font-style: italic; }

.has-text-uppercase,
.has-text-uppercase * {
  text-transform: uppercase; }

.has-text-lowercase,
.has-text-lowercase * {
  text-transform: lowercase; }

.has-text-capitalize,
.has-text-capitalize * {
  text-transform: capitalize; }

.has-text-transform-none {
  text-transform: none; }

.has-text-underline {
  text-decoration: underline; }

.has-word-break {
  word-break: break-all; }

.has-text-height-1 {
  line-height: 1; }

.has-text-height-1-1 {
  line-height: 1.1; }

.has-link-underlined a {
  text-decoration: underline; }

@media only screen and (min-width: 900px) {
  .has-text-underline-md-none {
    text-decoration: none; } }

.is-no-scroll {
  overflow-y: hidden; }
  .is-no-scroll.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

.is-justify-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important; }

.is-justify-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important; }

.is-justify-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important; }

.is-justify-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important; }

.is-justify-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important; }

.is-align-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important; }

.is-align-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important; }

.is-flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important; }

.has-flex-none {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none; }
.is-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.is-flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.is-flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

@media only screen and (min-width: 600px) {
  .is-justify-sm-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .is-justify-sm-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }
  .is-justify-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .is-align-sm-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; } }

@media only screen and (min-width: 900px) {
  .is-justify-md-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .is-justify-md-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .is-align-md-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .is-align-md-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; } }

@media only screen and (min-width: 1200px) {
  .is-justify-lg-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .is-justify-lg-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; } }

.has-text-primary,
.has-text-primary * {
  color: var(--color-primary-base); }

.has-text-primary-light,
.has-text-primary-light * {
  color: var(--color-primary-light); }

.has-text-secondary,
.has-text-secondary * {
  color: var(--color-secondary-base); }

.has-text-text,
.has-text-text * {
  color: var(--color-text-base); }

.has-text-loyaltyblue,
.has-text-loyaltyblue * {
  color: var(--color-loyaltyblue-base); }

.has-text-gray-0,
.has-text-gray-0 * {
  color: var(--color-gray-0); }

.has-text-gray-30,
.has-text-gray-30 * {
  color: var(--color-gray-30); }

.has-text-gray-40,
.has-text-gray-40 * {
  color: var(--color-gray-40); }

.has-text-gray-60,
.has-text-gray-60 * {
  color: var(--color-gray-60); }

.has-text-gray-70,
.has-text-gray-70 * {
  color: var(--color-gray-70); }

.has-text-gray-90,
.has-text-gray-90 * {
  color: var(--color-gray-90); }

.has-text-gray-100,
.has-text-gray-100 * {
  color: var(--color-gray-100); }
.has-text-green {
  color: var(--color-campaign-green); }

.has-text-dark-green {
  color: var(--color-campaign-dark-green); }

.has-text-blue {
  color: var(--color-campaign-blue); }

.has-text-blue-grey {
  color: var(--color-campaign-blue-grey); }

.has-text-late-night-shopping {
  color: var(--color-campaign-late-night-shopping); }

.has-text-sale {
  color: var(--color-campaign-sale); }

.has-text-xmas {
  color: var(--color-campaign-xmas); }

.has-text-bone {
  color: var(--color-campaign-bone); }

.has-text-salomie {
  color: var(--color-campaign-salomie); }

.has-text-greenmist {
  color: var(--color-campaign-greenmist); }

.has-text-horizon {
  color: var(--color-campaign-horizon); }

.has-text-regentstblue {
  color: var(--color-campaign-regentstblue); }

.has-text-christmas {
  color: var(--color-campaign-christmas); }

.has-text-cream {
  color: var(--color-campaign-cream); }

.has-text-warm-stone {
  color: var(--color-campaign-warm-stone); }

.has-text-olive-green {
  color: var(--color-campaign-olive-green); }

.has-text-paris-blue {
  color: var(--color-campaign-paris-blue); }

.has-text-paris-grey {
  color: var(--color-campaign-paris-grey); }

.has-text-info-box {
  color: var(--color-campaign-info-box); }

.has-text-black {
  color: var(--color-campaign-black); }

.has-text-newyork-pink {
  color: var(--color-campaign-newyork-pink); }

.has-text-tactical-teal {
  color: var(--color-campaign-tactical-teal); }

.has-text-ss23-sky-blue {
  color: var(--color-campaign-ss23-sky-blue); }

.has-text-ss23-mcarthurglen-blue {
  color: var(--color-campaign-ss23-mcarthurglen-blue); }

.has-text-ss23-hot-pink {
  color: var(--color-campaign-ss23-hot-pink); }

.has-text-ss23-dusty-pink {
  color: var(--color-campaign-ss23-dusty-pink); }

.has-text-ss23-zesty-green {
  color: var(--color-campaign-ss23-zesty-green); }

.has-text-ss23-sunset-orange {
  color: var(--color-campaign-ss23-sunset-orange); }

.has-text-ss23-royal-purple {
  color: var(--color-campaign-ss23-royal-purple); }

.has-text-ss23-tactical-teal {
  color: var(--color-campaign-ss23-tactical-teal); }

.has-text-ss23-tactical-dark-teal {
  color: var(--color-campaign-ss23-tactical-dark-teal); }

.has-text-ss23-cream {
  color: var(--color-campaign-ss23-cream); }

.has-text-ss23-sale-yellow {
  color: var(--color-campaign-ss23-sale-yellow); }

.has-text-ss24-spring-lilac {
  color: var(--color-campaign-ss24-spring-lilac); }

.has-text-ss24-citrus-orange {
  color: var(--color-campaign-ss24-citrus-orange); }

.has-text-ss24-sunshine-yellow {
  color: var(--color-campaign-ss24-sunshine-yellow); }

.has-text-ss24-summer-pink {
  color: var(--color-campaign-ss24-summer-pink); }

.has-text-ss24-citrus-green {
  color: var(--color-campaign-ss24-citrus-green); }

.has-text-mcarthurglen-blue {
  color: var(--color-campaign-mcarthurglen-blue); }

.has-text-aw23-emerald-green {
  color: var(--color-campaign-aw23-emerald-green); }

.has-text-aw23-pumpkin-orange {
  color: var(--color-campaign-aw23-pumpkin-orange); }

.has-text-aw23-rich-purple {
  color: var(--color-campaign-aw23-rich-purple); }

.has-text-aw23-arctic-blue {
  color: var(--color-campaign-aw23-arctic-blue); }

.has-text-is-transparent {
  color: var(--color-campaign-is-transparent); }

.has-text-sale-red {
  color: var(--color-campaign-sale-red); }

.has-text-red-light {
  color: var(--color-campaign-red-light); }

.has-text-red-dark {
  color: var(--color-campaign-red-dark); }

.has-text-grey-lighter {
  color: var(--color-campaign-grey-lighter); }

.has-text-white {
  color: var(--color-campaign-white); }

.no-gutter-right-mobile {
  padding-right: 0 !important; }
  @media only screen and (min-width: 600px) {
    .no-gutter-right-mobile {
      padding-right: 15px !important; } }

.row > [class*="col-"].is-full-mobile-col {
  padding-right: 0;
  padding-left: 0; }
  @media only screen and (min-width: 600px) {
    .row > [class*="col-"].is-full-mobile-col {
      padding-left: 15px;
      padding-right: 15px; } }

.has-siema-controls .controls-wrapper {
  position: absolute;
  text-align: right;
  bottom: 1rem;
  right: 1rem; }
  .has-siema-controls .controls-wrapper .controls {
    display: inline-block; }
    .has-siema-controls .controls-wrapper .controls #audio-control {
      margin-left: 0.75rem; }
      .has-siema-controls .controls-wrapper .controls #audio-control .audio-icon {
        width: 23px;
        max-width: 100%;
        height: auto; }
    .has-siema-controls .controls-wrapper .controls.has-dark-controls .btn-play {
      border-color: transparent transparent transparent var(--color-gray-100); }
      .has-siema-controls .controls-wrapper .controls.has-dark-controls .btn-play:focus {
        border-color: transparent transparent transparent var(--color-gray-100); }
      .has-siema-controls .controls-wrapper .controls.has-dark-controls .btn-play.is-playing:focus {
        border-color: transparent transparent transparent var(--color-gray-100); }
    .has-siema-controls .controls-wrapper .controls.has-dark-controls .siema-pagination button {
      border-color: var(--color-gray-100);
      background-color: var(--color-gray-0); }
      .has-siema-controls .controls-wrapper .controls.has-dark-controls .siema-pagination button.is-active {
        background-color: var(--color-gray-100); }
    .has-siema-controls .controls-wrapper .controls.has-dark-controls .siema-arrows button {
      color: var(--color-gray-100); }

.has-siema-controls .btn-play {
  display: none;
  vertical-align: middle;
  margin-left: 0.75rem;
  -webkit-transition: border-color 0.8s 0.3s ease;
  transition: border-color 0.8s 0.3s ease; }
  @media only screen and (min-width: 900px) {
    .has-siema-controls .btn-play {
      display: inline-block;
      /*border-color: transparent transparent transparent color-gray(100);*/
      border-color: transparent transparent transparent var(--color-gray-0); } }
  .has-siema-controls .btn-play:focus {
    border-color: transparent transparent transparent var(--color-gray-0);
    /*@include min(bp(md)) {
                border-color: transparent transparent transparent color-gray(100);
            }*/ }
  .has-siema-controls .btn-play.is-playing:focus {
    border-color: transparent transparent transparent var(--color-gray-0);
    /*@include min(bp(md)) {
                border-color: transparent transparent transparent color-gray(100);
            }*/ }

.has-siema-controls.has-dots .controls-wrapper .siema-pagination {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  width: auto;
  vertical-align: middle;
  bottom: auto;
  left: auto;
  -webkit-transform: none;
          transform: none; }
  .has-siema-controls.has-dots .controls-wrapper .siema-pagination button {
    -webkit-transition: all 0.8s 0.3s ease;
    transition: all 0.8s 0.3s ease;
    background-color: transparent; }
    .has-siema-controls.has-dots .controls-wrapper .siema-pagination button.is-active {
      background-color: var(--color-gray-0);
      /*@include min(bp(md)) {
                            background-color: color-gray(100);
                        }*/
      -webkit-transition: all 0.8s 0.3s ease;
      transition: all 0.8s 0.3s ease; }

.has-siema-controls .siema-arrows {
  display: none; }
  @media only screen and (min-width: 900px) {
    .has-siema-controls .siema-arrows {
      display: inline-block; } }
  .has-siema-controls .siema-arrows button {
    -webkit-transition: all 0.8s 0.3s ease;
    transition: all 0.8s 0.3s ease; }

.is-no-overflow {
  overflow: hidden; }

.has-overflow-x-auto {
  overflow-x: auto; }

.loyalty .has-bg-primary {
  background-color: #4d4c52; }

.loyalty .site-footer {
  background-color: #4d4c52; }

.loyalty a.has-text-primary {
  color: #4d4c52; }
  .loyalty a.has-text-primary:hover, .loyalty a.has-text-primary:focus {
    color: #858391; }
  .loyalty a.has-text-primary.has-text-underline:hover, .loyalty a.has-text-primary.has-text-underline:focus {
    text-decoration: underline; }

.loyalty .nav-container {
  -webkit-box-shadow: none;
          box-shadow: none; }

.loyalty .btn.is-primary.is-outlined:not(.is-contrast) {
  border-color: #4d4c52;
  color: #4d4c52; }
  .loyalty .btn.is-primary.is-outlined:not(.is-contrast):hover:not([disabled]), .loyalty .btn.is-primary.is-outlined:not(.is-contrast):focus:not([disabled]) {
    border-color: #858391;
    background-color: #858391; }

.loyalty .btn.is-primary.is-outlined.is-contrast:hover:not([disabled]), .loyalty .btn.is-primary.is-outlined.is-contrast:focus:not([disabled]) {
  color: var(--color-gray-0);
  background-color: #858391; }

.loyalty .btn.is-primary:not(.is-outlined) {
  border-color: #4d4c52;
  color: var(--color-gray-0);
  background-color: #4d4c52; }
  .loyalty .btn.is-primary:not(.is-outlined):hover, .loyalty .btn.is-primary:not(.is-outlined):focus {
    border-color: #858391;
    background-color: #858391; }

.loyalty .btn.submit-filter.is-primary {
  background-color: #4d4c52; }
  .loyalty .btn.submit-filter.is-primary:hover, .loyalty .btn.submit-filter.is-primary:focus {
    background-color: #858391; }

.loyalty .filters-section {
  margin-top: -2rem; }
  @media only screen and (min-width: 600px) {
    .loyalty .filters-section {
      margin-top: -4rem; } }
  .loyalty .filters-section.has-mt-0 {
    margin-top: 0; }
    @media only screen and (min-width: 600px) {
      .loyalty .filters-section.has-mt-0 {
        margin-top: 0; } }

.loyalty .filters-container .filters {
  background-color: var(--color-loyaltyblue-base); }
  .loyalty .filters-container .filters .filters-desktop {
    -webkit-transform: translateY(12px);
            transform: translateY(12px); }
  .loyalty .filters-container .filters .btn.is-primary.is-outlined.is-contrast {
    border-color: var(--color-gray-0); }
    .loyalty .filters-container .filters .btn.is-primary.is-outlined.is-contrast:hover, .loyalty .filters-container .filters .btn.is-primary.is-outlined.is-contrast:focus {
      border-color: var(--color-gray-0);
      background-color: #858391;
      color: var(--color-gray-0); }
    .loyalty .filters-container .filters .btn.is-primary.is-outlined.is-contrast .mag-font {
      color: var(--color-gray-0); }
  .loyalty .filters-container .filters .form-group input.form-control {
    border-bottom: 1px solid var(--color-gray-0) !important; }
  .loyalty .filters-container .filters .dropdown-cta {
    border-bottom: 1px solid var(--color-gray-0); }
    .loyalty .filters-container .filters .dropdown-cta:after {
      color: var(--color-gray-0); }
  .loyalty .filters-container .filters .mag-font_search2 {
    color: var(--color-gray-0); }
  .loyalty .filters-container .filters.has-bg-white {
    background: var(--color-gray-0); }
    .loyalty .filters-container .filters.has-bg-white input[type="text"]::-webkit-input-placeholder {
      color: var(--color-gray-100); }
    .loyalty .filters-container .filters.has-bg-white input[type="text"]::-moz-placeholder {
      color: var(--color-gray-100); }
    .loyalty .filters-container .filters.has-bg-white input[type="text"]:-ms-input-placeholder {
      color: var(--color-gray-100); }
    .loyalty .filters-container .filters.has-bg-white input[type="text"]::-ms-input-placeholder {
      color: var(--color-gray-100); }
    .loyalty .filters-container .filters.has-bg-white .mag-font,
    .loyalty .filters-container .filters.has-bg-white .mag-font_search2,
    .loyalty .filters-container .filters.has-bg-white input.form-control,
    .loyalty .filters-container .filters.has-bg-white input[type="text"],
    .loyalty .filters-container .filters.has-bg-white input[type="text"]::placeholder,
    .loyalty .filters-container .filters.has-bg-white .dropdown-cta,
    .loyalty .filters-container .filters.has-bg-white .dropdown-cta::after {
      color: var(--color-gray-100); }
    .loyalty .filters-container .filters.has-bg-white .dropdown-cta {
      border-bottom: 1px solid var(--color-gray-100) !important; }
    .loyalty .filters-container .filters.has-bg-white .form-group input.form-control {
      border-bottom: 1px solid var(--color-gray-100) !important; }

@media only screen and (min-width: 1200px) {
  .loyalty .filters-container .filter-alphabetical ul li {
    margin-right: var(--spacer-3); } }

.loyalty.dialog-open .btn.is-primary.is-outlined {
  border-color: #4d4c52;
  color: #4d4c52; }
  .loyalty.dialog-open .btn.is-primary.is-outlined:hover, .loyalty.dialog-open .btn.is-primary.is-outlined:focus {
    background-color: #858391; }

.loyalty.dialog-open .btn.submit-filter.is-primary {
  background-color: #4d4c52; }
  .loyalty.dialog-open .btn.submit-filter.is-primary:hover, .loyalty.dialog-open .btn.submit-filter.is-primary:focus {
    background-color: #858391; }

.loyalty.dialog-open input[type=text]:hover, .loyalty.dialog-open input[type=text]:focus {
  border-color: #4d4c52; }

.loyalty .filter-alphabetical ul li.disabled a {
  color: #bfbcbc; }

.loyalty .store-card-wrapper .store-card {
  pointer-events: none; }
  .loyalty .store-card-wrapper .store-card .card-content:before {
    background-color: #858391; }

.loyalty .accordion-block button:not([disabled]):focus {
  border-color: #858391; }

.loyalty .accordion-block .menu-heading {
  background-color: #4d4c52;
  color: var(--color-gray-0);
  padding: var(--spacer-4) 4rem var(--spacer-3) var(--spacer-5); }
  .loyalty .accordion-block .menu-heading .mag-font {
    font-size: 2.25rem;
    margin-right: var(--spacer-3); }
  .loyalty .accordion-block .menu-heading:after {
    border-bottom: 2px solid var(--color-gray-0);
    border-left: 2px solid var(--color-gray-0); }
  .loyalty .accordion-block .menu-heading:hover, .loyalty .accordion-block .menu-heading:focus, .loyalty .accordion-block .menu-heading.is-open {
    background-color: #858391; }

.loyalty .accordion-block .panel {
  border-left: 2px solid #858391;
  border-right: 2px solid #858391; }

.loyalty .accordion-block.is-centres .menu-heading {
  background-color: var(--color-gray-20);
  color: var(--color-text-base);
  border: none; }
  .loyalty .accordion-block.is-centres .menu-heading:after {
    border-color: var(--color-text-base); }
  .loyalty .accordion-block.is-centres .menu-heading.your-offers {
    background-color: #4d4c52;
    color: var(--color-gray-0); }
    .loyalty .accordion-block.is-centres .menu-heading.your-offers:after {
      border-color: var(--color-gray-0); }

.loyalty .accordion-block.is-centres .panel {
  border: none;
  padding: 0; }

.loyalty .offer-card-wrapper .offer-caption {
  text-align: center; }
  .loyalty .offer-card-wrapper .offer-caption p {
    position: absolute;
    bottom: 0;
    width: 100%; }

.loyalty .offer-card-wrapper .offer-card-details .offer-card-brand {
  color: var(--color-gray-50); }
  .loyalty .offer-card-wrapper .offer-card-details .offer-card-brand :hover {
    color: var(--color-gray-100); }
  .loyalty .offer-card-wrapper .offer-card-details .offer-card-brand :focus {
    color: var(--color-gray-100); }

.loyalty section.has-bg-primary .offer-card-wrapper .offer-card-details .offer-card-brand {
  color: #c0c0c0; }

.loyalty .save-offer-wrapper .save-offer-button.is-saved i.mag-font_heart-full {
  color: #858391; }

.loyalty .loyalty-navigation {
  -webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.1); }
  .loyalty .loyalty-navigation .has-horizontal-scroll > li > a::after {
    background-color: var(--color-text-base); }
  .loyalty .loyalty-navigation .has-horizontal-scroll > li > a:focus, .loyalty .loyalty-navigation .has-horizontal-scroll > li > a.active-scroll {
    color: var(--color-text-base); }

.loyalty .loyalty-header-block .has-filters .custom-input {
  color: black !important;
  text-align: left !important; }

.loyalty .loyalty-header-block h3 {
  letter-spacing: 0.3125rem; }

.loyalty .loyalty-header-block .dropdown-wrapper {
  margin: 0 auto; }
  @media only screen and (min-width: 600px) {
    .loyalty .loyalty-header-block .dropdown-wrapper {
      max-width: 75%; } }
  @media only screen and (min-width: 900px) {
    .loyalty .loyalty-header-block .dropdown-wrapper {
      max-width: 85%; } }
  @media only screen and (min-width: 1200px) {
    .loyalty .loyalty-header-block .dropdown-wrapper {
      max-width: 60%; } }
  @media only screen and (min-width: 1800px) {
    .loyalty .loyalty-header-block .dropdown-wrapper {
      max-width: 50%; } }

.loyalty .loyalty-header-block .dropdown {
  z-index: 11; }
  .loyalty .loyalty-header-block .dropdown .dropdown-panel {
    max-height: none;
    max-width: none; }
    .loyalty .loyalty-header-block .dropdown .dropdown-panel .mag-font_down_chevron:before {
      right: var(--spacer-10); }

.loyalty .loyalty-header-block.is-centres {
  z-index: 11; }

.loyalty .loyalty-rewards-block .reward-container {
  max-width: 260px;
  margin-left: auto;
  margin-right: auto; }

.loyalty .loyalty-rewards-block .reward {
  position: relative;
  background-color: var(--color-gray-0);
  color: var(--color-gray-100);
  border: 1px solid var(--color-gray-60);
  min-height: 294px; }
  @media only screen and (min-width: 900px) {
    .loyalty .loyalty-rewards-block .reward {
      min-height: 290px; } }
  .loyalty .loyalty-rewards-block .reward.reward-locked {
    border: none;
    background-color: var(--color-gray-30);
    color: var(--color-gray-50); }
    .loyalty .loyalty-rewards-block .reward.reward-locked .reward-icon i {
      background-color: var(--color-gray-30); }
  .loyalty .loyalty-rewards-block .reward i.mag-font-locked {
    position: absolute;
    top: 16px;
    right: 8px;
    color: var(--color-gray-0);
    background-color: var(--color-primary-base);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 30px;
    height: 30px;
    font-size: var(--font-size-5); }
  .loyalty .loyalty-rewards-block .reward .reward-icon {
    position: relative;
    top: -46px;
    margin-bottom: -20px; }
    .loyalty .loyalty-rewards-block .reward .reward-icon i {
      border-radius: 50%;
      -webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.18);
              box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.18);
      padding: 0.625rem;
      font-size: 42px;
      background-color: var(--color-gray-0); }

.loyalty .loyalty-rewards-block .loyalty-progress-container {
  background-color: var(--color-gray-0);
  border-radius: 1rem;
  height: 0.5rem;
  width: 85%;
  overflow-x: hidden;
  max-width: 525px;
  margin: auto;
  margin-bottom: var(--spacer-3);
  margin-top: var(--spacer-3); }
  .loyalty .loyalty-rewards-block .loyalty-progress-container .loyalty-bar {
    background-color: #ac0702;
    border-radius: 1rem;
    height: 0.5rem; }

.loyalty .loyalty-reward-page .loyalty-progress-container {
  background-color: var(--color-gray-0);
  border-radius: 1rem;
  height: 0.5rem;
  width: 85%;
  overflow-x: hidden;
  max-width: 525px;
  margin: auto;
  margin-bottom: var(--spacer-3);
  margin-top: var(--spacer-3); }
  .loyalty .loyalty-reward-page .loyalty-progress-container .loyalty-bar {
    background-color: #ac0702;
    border-radius: 1rem;
    height: 0.5rem; }

.loyalty .loyalty-reward-page .qr-dialog dialog button {
  color: var(--color-gray-80);
  background-color: var(--color-gray-0);
  border: 2px solid white; }

.loyalty .loyalty-reward-page .qr-dialog dialog button:hover {
  color: var(--color-gray-0);
  border: 2px solid white;
  background-color: var(--color-gray-80); }

.loyalty-rewards-block .reward .loyalty.reward-locked {
  border: none;
  background-color: var(--color-gray-30); }

.loyalty .loyalty-rewards-block .panel {
  border: none;
  padding: 0;
  margin-top: 10px; }

.loyalty .restaurant-card-wrapper .restaurant-card {
  margin-bottom: var(--spacer-10); }
  .loyalty .restaurant-card-wrapper .restaurant-card .restaurant-card-logo {
    width: 65%; }

.loyalty .restaurant-card-wrapper.has-privilege .restaurant-card .aspect-ratio-content .privilege-banner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: var(--spacer-2);
  text-align: center;
  background-color: #ac0702;
  color: var(--color-gray-0);
  z-index: 10; }

.loyalty .custom-radio .control-indicator:after {
  background: var(--color-loyalty-base); }

.loyalty .form-group.radios .form-check-label input[type="checkbox"]:checked ~ span {
  background: var(--color-loyalty-base); }

.loyalty .datalayer-product-click * {
  pointer-events: none; }

.loyalty-word-break a {
  word-break: break-all; }

.loyalty-ol-padding ol {
  padding-left: 14px; }

/*MAGC-1172*/
.restaurant-card-wrapper .restaurant-card .restaurant-img .aspect-ratio-content:hover .media-cover, .restaurant-card-wrapper .restaurant-card .restaurant-img .aspect-ratio-content:focus .media-cover, .restaurant-card-wrapper .restaurant-card .restaurant-img .aspect-ratio-content:active .media-cover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  overflow: hidden; }

.restaurant-card-wrapper .restaurant-card .restaurant-img .aspect-ratio-content:hover::after, .restaurant-card-wrapper .restaurant-card .restaurant-img .aspect-ratio-content:focus::after, .restaurant-card-wrapper .restaurant-card .restaurant-img .aspect-ratio-content:active::after {
  background-color: rgba(255, 255, 255, 0.3);
  overflow: hidden; }

.restaurant-card-wrapper .restaurant-card .restaurant-img .aspect-ratio-content::after {
  content: "";
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out; }

.restaurant-card-wrapper .restaurant-card .restaurant-card-logo {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--color-grey-0);
  width: 60%;
  height: 25%;
  position: absolute;
  /* identical to box height, or 140% */
  /* dark grey */ }

.restaurant-card-wrapper .restaurant-card .restaurant-card-logo .img-fluid {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #363636;
  padding: 8%;
  word-wrap: break-word;
  max-width: 25ch; }

.aspect-ratio-container .is-4x3 {
  overflow: hidden; }

.bgprimary {
  background-color: #F3F3F3;
  padding-top: 5%;
  padding-bottom: 5%; }

/*MAGC-1172*/
.has-letter-spacing-x1 {
  letter-spacing: 1px; }

.has-letter-spacing-x2 {
  letter-spacing: 2px; }

.has-letter-spacing-x4 {
  letter-spacing: 4px; }

.has-banner-gradient:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.85)), color-stop(70%, transparent));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, transparent 70%); }

.row .has-sticky-col {
  position: sticky;
  top: calc(75px + 3rem);
  -ms-flex-item-align: start;
      align-self: flex-start; }

.row.has-thin-gutters {
  margin-left: calc(-1 * var(--spacer-1));
  margin-right: calc(-1 * var(--spacer-1)); }
  .row.has-thin-gutters [class^="col-"] {
    padding-left: var(--spacer-1);
    padding-right: var(--spacer-1); }
  .row.has-thin-gutters.x2 {
    margin-left: calc(-1 * var(--spacer-2));
    margin-right: calc(-1 * var(--spacer-2)); }
    .row.has-thin-gutters.x2 [class^="col-"] {
      padding-left: var(--spacer-2);
      padding-right: var(--spacer-2); }
.has-card-copy-overlay {
  overflow: hidden; }
  .has-card-copy-overlay .card-copy {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.7);
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out; }
  .has-card-copy-overlay.is-dark .card-copy {
    background-color: rgba(0, 0, 0, 0.7);
    color: var(--color-gray-0); }
    .has-card-copy-overlay.is-dark .card-copy h3, .has-card-copy-overlay.is-dark .card-copy .btn {
      color: var(--color-gray-0); }
    .has-card-copy-overlay.is-dark .card-copy .btn {
      font-weight: lighter; }
      .has-card-copy-overlay.is-dark .card-copy .btn:hover, .has-card-copy-overlay.is-dark .card-copy .btn:focus, .has-card-copy-overlay.is-dark .card-copy .btn:hover {
        color: var(--color-gray-40); }
  .has-card-copy-overlay:hover .card-copy, .has-card-copy-overlay:focus .card-copy, .has-card-copy-overlay:active .card-copy {
    opacity: 1; }
.has-divider-bottom:after {
  content: "";
  position: absolute;
  bottom: var(--spacer-2);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  height: 1px;
  width: 75%;
  background-color: var(--color-gray-0); }

.z-index-fix {
  position: relative;
  z-index: 10; }

.has-mw-780 {
  max-width: 780px; }
.has-text-mgblue {
  color: var(--color-campaign-ss23-mcarthurglen-blue) !important; }

.has-text-mgblue * {
  color: var(--color-campaign-ss23-mcarthurglen-blue) !important; }

.has-text-mgblue li a:hover {
  color: var(--color-gray-40);
  text-decoration: none; }

.has-text-mgblue .today {
  color: var(--color-campaign-ss23-mcarthurglen-blue) !important; }

.has-border-top-color-mgblue {
  border-top-color: var(--color-campaign-ss23-mcarthurglen-blue) !important; }

.has-border-color-mgblue {
  color: var(--color-campaign-ss23-mcarthurglen-blue) !important;
  border-color: var(--color-campaign-ss23-mcarthurglen-blue) !important; }
.btn-group .btn {
  width: 100%; }

.btn-group-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto; }
  @media only screen and (min-width: 900px) {
    .btn-group-inline {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      overflow: unset; } }
  .btn-group-inline.is-category-list > li {
    margin-right: var(--spacer-2);
    padding-right: var(--spacer-2);
    border-right: 1px solid var(--color-gray-30); }
    .btn-group-inline.is-category-list > li:nth-last-child(-n + 1) {
      margin-right: 0;
      padding-right: 0;
      border-right: none; }
    @media only screen and (min-width: 600px) {
      .btn-group-inline.is-category-list > li {
        margin-right: var(--spacer-3);
        padding-right: var(--spacer-3); } }

.icontext {
  font-family: Figtree;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  text-transform: uppercase; }

.icon {
  text-align: center;
  top: 30%;
  position: relative;
  font-size: 27px;
  font-weight: 400; }

.dotwhite {
  height: 72px;
  width: 72px;
  background-color: white;
  border-radius: 72px;
  display: inline-block; }

.dotblue {
  height: 72px;
  width: 72px;
  background-color: #001E62;
  border-radius: 72px;
  display: inline-block; }

.outerwhite {
  background-color: white;
  text-align: center; }

.outerblue {
  background-color: #001E62;
  text-align: center; }

.innerblue {
  display: inline-block;
  color: #001E62;
  margin-left: 7%;
  margin-right: 7%; }

.innerwhite {
  display: inline-block;
  color: white;
  margin-left: 7%;
  margin-right: 7%; }

.over {
  position: relative;
  top: -38px;
  z-index: 10; }

.shade {
  border-radius: 72px;
  /* highshadow */
  -webkit-box-shadow: 0px -8px 5px 2px rgba(69, 69, 69, 0.44);
          box-shadow: 0px -8px 5px 2px rgba(69, 69, 69, 0.44);
  position: relative;
  top: -38px;
  z-index: 10; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .badger-accordion__panel {
    max-height: 10000px !important; } }

.accordion button {
  color: var(--color-link-base); }
  .accordion button.has-icon-chevron:after {
    font-family: var(--font-family-icon);
    content: "\E907";
    color: var(--color-link-base);
    padding-left: var(--spacer-2); }

.accordion .js-badger-accordion-panel-inner {
  padding-top: var(--spacer-3);
  padding-bottom: var(--spacer-3); }

.form-group {
  margin-bottom: var(--spacer-4); }
  .form-group .input-group .input-label {
    margin-right: var(--spacer-3); }
    .form-group .input-group .input-label:last-child {
      margin-right: 0; }

.back-to-top {
  position: fixed;
  right: 10px;
  bottom: 30px;
  width: 0;
  height: 0;
  padding: 0;
  background: rgba(235, 235, 235, 0.8);
  color: var(--color-gray-100);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  z-index: 11; }
  .back-to-top i {
    position: absolute;
    opacity: 0;
    font-size: 1.5rem;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    color: var(--color-gray-100); }
  .back-to-top.is-active {
    width: 50px;
    height: 50px; }
    .back-to-top.is-active i {
      opacity: 1; }
    .back-to-top.is-active:hover {
      background-color: var(--color-gray-0);
      -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
              box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); }
      .back-to-top.is-active:hover i {
        -webkit-transform: translate3d(-50%, -60%, 0);
                transform: translate3d(-50%, -60%, 0); }

.dropdown {
  position: relative;
  z-index: 1; }
  .dropdown .dropdown-panel {
    display: none;
    position: absolute;
    -webkit-transform: translatey(100%);
            transform: translatey(100%);
    bottom: 0;
    left: 0;
    background-color: var(--color-gray-0);
    -webkit-box-shadow: 5px 6px 11px rgba(0, 0, 0, 0.2);
            box-shadow: 5px 6px 11px rgba(0, 0, 0, 0.2);
    width: 100%;
    min-width: 250px;
    max-width: 250px;
    max-height: 250px;
    overflow-y: auto;
    padding: var(--spacer-1) 0;
    border: 1px solid var(--color-gray-30); }
    .dropdown .dropdown-panel.is-right {
      left: auto;
      right: 0; }
    .dropdown .dropdown-panel.is-open {
      display: block; }
    @media only screen and (min-width: 600px) {
      .dropdown .dropdown-panel.is-full {
        min-width: 0;
        max-width: none; } }
  .dropdown.is-country-picker img {
    width: 26px;
    margin-right: 5px; }
  .dropdown.is-country-picker .dropdown-panel > ul {
    margin: 0;
    padding: 0; }
    .dropdown.is-country-picker .dropdown-panel > ul > li {
      margin: 0;
      padding: 0; }
      .dropdown.is-country-picker .dropdown-panel > ul > li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: var(--spacer-2) var(--spacer-1);
        color: var(--color-gray-40);
        text-decoration: none; }
        .dropdown.is-country-picker .dropdown-panel > ul > li a:hover, .dropdown.is-country-picker .dropdown-panel > ul > li a:focus {
          background-color: var(--color-gray-10);
          text-decoration: none; }
        .dropdown.is-country-picker .dropdown-panel > ul > li a p {
          margin: 0;
          padding: 0; }
  @media only screen and (min-width: 1200px) {
    .dropdown.is-country-picker.has-country-large button {
      padding-top: var(--spacer-1);
      padding-bottom: var(--spacer-1); } }
  @media only screen and (min-width: 1200px) {
    .dropdown.is-country-picker.has-country-large button::before {
      content: none; } }
  .dropdown.is-country-picker.has-country-large img {
    width: 24px;
    margin-right: var(--spacer-1); }
    @media only screen and (min-width: 1200px) {
      .dropdown.is-country-picker.has-country-large img {
        width: 34px; } }
  .dropdown.is-outlined {
    width: 100%;
    border: 1px solid var(--color-gray-30); }
    .dropdown.is-outlined button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%; }
    .dropdown.is-outlined .dropdown-panel {
      max-width: 100%; }

figure {
  margin: 0; }
  figure figcaption.has-absolute-figcaption {
    position: absolute;
    bottom: 0;
    width: 60%; }
  figure figcaption.has-collapsed-figcaption .figcaption-content {
    overflow: hidden;
    max-height: 0px;
    -webkit-transition: max-height 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out; }
  figure figcaption.has-collapsed-figcaption.is-expanded .figcaption-content {
    max-height: 100px; }
  figure figcaption.has-collapsed-figcaption.is-expanded .figcaption-btn:after {
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg); }
  figure figcaption.has-collapsed-figcaption .figcaption-btn {
    width: 100%;
    position: relative;
    padding-right: var(--spacer-5); }
    figure figcaption.has-collapsed-figcaption .figcaption-btn .is-h6 {
      font-size: 0.8rem; }
      @media only screen and (min-width: 600px) {
        figure figcaption.has-collapsed-figcaption .figcaption-btn .is-h6 {
          font-size: 1rem; } }
    figure figcaption.has-collapsed-figcaption .figcaption-btn:after {
      content: "\E96A";
      font-family: var(--font-family-icon);
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%) rotate(0);
              transform: translateY(-50%) rotate(0);
      -webkit-transition: -webkit-transform 0.3s ease-in-out;
      transition: -webkit-transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
      width: 1.5rem;
      height: 1.5rem;
      font-size: 1rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }

.filter-count-wrapper {
  height: 20px;
  width: 20px;
  background-color: var(--color-gray-100);
  border-radius: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: var(--spacer-2);
  color: var(--color-gray-0);
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  /*&:focus, &:active {
        color: color-gray(0);
    }*/ }
  .filter-count-wrapper .filter-count-text {
    font-size: 0.625rem; }

.has-counter:focus .filter-count-wrapper, .has-counter:active .filter-count-wrapper {
  background-color: var(--color-primary-base); }

.header-hr-below .is-h1 {
  font-size: 1.5rem;
  letter-spacing: 0.3rem; }
  @media only screen and (min-width: 900px) {
    .header-hr-below .is-h1 {
      font-size: 2.625rem;
      letter-spacing: 0.8rem; } }

.is-intro {
  text-align: center;
  font-size: var(--font-size-5);
  padding-top: var(--spacer-3); }
  @media only screen and (min-width: 900px) {
    .is-intro {
      font-size: 1.375rem;
      margin-bottom: 2rem;
      padding-top: 0;
      margin-top: -1rem; } }

.nav {
  display: none; }
  .nav.is-open {
    display: block;
    height: 85vh;
    width: 100%;
    padding-bottom: var(--spacer-8);
    overflow-y: auto; }
    @media only screen and (min-width: 1200px) {
      .nav.is-open {
        height: auto;
        padding-bottom: var(--spacer-6); } }
  @media only screen and (min-width: 1200px) {
    .nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  @media only screen and (min-width: 1200px) {
    .nav > ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .nav > ul > li {
        margin-right: var(--spacer-3); }
        .nav > ul > li:nth-last-child(-n + 1) {
          margin-right: 0; }
        .nav > ul > li.has-nav-panel .nav-panel {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          -webkit-transform: translateY(100%);
                  transform: translateY(100%); } }
  .nav > ul > li .search-button:hover {
    text-decoration: none;
    color: var(--color-text-base); }
    .nav > ul > li .search-button:hover:before {
      content: none; }
  .nav > ul > li .search-button .mag-font {
    font-size: 27px; }
  .nav > ul > li > a, .nav > ul > li button {
    cursor: pointer;
    font-weight: lighter;
    font-size: var(--font-size-paragraph);
    display: block;
    padding: var(--spacer-2) var(--spacer-3);
    position: relative; }
    @media only screen and (min-width: 1200px) {
      .nav > ul > li > a, .nav > ul > li button {
        text-decoration: none; }
        .nav > ul > li > a:before, .nav > ul > li button:before {
          content: "";
          height: 1px;
          width: 0;
          background-color: var(--color-gray-90);
          position: absolute;
          bottom: 0.5rem;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          -webkit-transition: width .2s ease-in-out;
          transition: width .2s ease-in-out; }
        .nav > ul > li > a:hover, .nav > ul > li > a:focus, .nav > ul > li button:hover, .nav > ul > li button:focus {
          color: var(--color-text-base); }
          .nav > ul > li > a:hover:before, .nav > ul > li > a:focus:before, .nav > ul > li button:hover:before, .nav > ul > li button:focus:before {
            width: 50%; } }
  .nav > ul > li.has-nav-panel .nav-panel-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative; }
  .nav > ul > li.has-nav-panel .nav-panel {
    display: none;
    background-color: var(--color-gray-0);
    padding: var(--spacer-5) 0;
    font-size: var(--font-size-paragraph); }
    .nav > ul > li.has-nav-panel .nav-panel.is-open {
      display: block; }
    .nav > ul > li.has-nav-panel .nav-panel .is-h3 {
      font-weight: normal;
      margin-bottom: var(--spacer-3); }
    .nav > ul > li.has-nav-panel .nav-panel li {
      margin-bottom: var(--spacer-3); }
    .nav > ul > li.has-nav-panel .nav-panel .aspect-ratio-container {
      max-width: 250px;
      margin: 0 auto; }
      .nav > ul > li.has-nav-panel .nav-panel .aspect-ratio-container img {
        width: 250px; }
  .nav > ul > li.has-nav-panel.is-locations .nav-panel {
    padding-bottom: 0; }
    .nav > ul > li.has-nav-panel.is-locations .nav-panel .container-fluid {
      max-width: 1920px; }
    .nav > ul > li.has-nav-panel.is-locations .nav-panel li {
      margin-bottom: 0; }

.restaurant-card-wrapper .restaurant-card {
  margin-bottom: 1rem; }
  .restaurant-card-wrapper .restaurant-card .restaurant-img {
    position: relative;
    overflow: hidden; }
    .restaurant-card-wrapper .restaurant-card .restaurant-img .aspect-ratio-content .media-cover {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transition: -webkit-transform .3s ease-in-out;
      transition: -webkit-transform .3s ease-in-out;
      transition: transform .3s ease-in-out;
      transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }
    .restaurant-card-wrapper .restaurant-card .restaurant-img .aspect-ratio-content:hover .media-cover, .restaurant-card-wrapper .restaurant-card .restaurant-img .aspect-ratio-content:focus .media-cover, .restaurant-card-wrapper .restaurant-card .restaurant-img .aspect-ratio-content:active .media-cover {
      -webkit-transform: scale(1.05);
              transform: scale(1.05); }
    .restaurant-card-wrapper .restaurant-card .restaurant-img .aspect-ratio-content:hover::after, .restaurant-card-wrapper .restaurant-card .restaurant-img .aspect-ratio-content:focus::after, .restaurant-card-wrapper .restaurant-card .restaurant-img .aspect-ratio-content:active::after {
      background-color: rgba(255, 255, 255, 0.3); }
    .restaurant-card-wrapper .restaurant-card .restaurant-img .aspect-ratio-content::after {
      content: "";
      background-color: transparent;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      -webkit-transition: background-color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out; }
  .restaurant-card-wrapper .restaurant-card .restaurant-card-logo {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--color-gray-0);
    width: 60%; }
    .restaurant-card-wrapper .restaurant-card .restaurant-card-logo img {
      height: 70px;
      width: auto; }
  .restaurant-card-wrapper .restaurant-card .restaurant-card-details p {
    font-size: var(--font-size-paragraph); }
    .restaurant-card-wrapper .restaurant-card .restaurant-card-details p.contact {
      font-size: calc(var(--font-size-paragraph) - 2px); }
      @media only screen and (min-width: 900px) {
        .restaurant-card-wrapper .restaurant-card .restaurant-card-details p.contact {
          font-size: var(--font-size-paragraph); } }

#skip-navigation a {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999; }
  #skip-navigation a:focus, #skip-navigation a:active {
    color: var(--color-gray-100);
    background-color: var(--color-gray-0);
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    overflow: auto;
    padding: var(--spacer-3) var(--spacer-5);
    border: 2px solid var(--color-gray-20);
    text-align: center;
    font-size: var(--font-size-4);
    z-index: 40; }

.header-logo-text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-top: -5rem; }
  @media only screen and (min-width: 900px) {
    .header-logo-text {
      min-width: 300px;
      width: auto;
      margin-top: 0;
      position: absolute;
      bottom: 0; } }

.header-details p {
  margin-top: var(--spacer-2);
  margin-bottom: 0;
  color: var(--color-gray-100);
  font-size: var(--font-size-paragraph); }
  .header-details p.title-contact-number {
    color: var(--color-secondary-base);
    font-weight: normal; }
    @media only screen and (min-width: 900px) {
      .header-details p.title-contact-number {
        color: var(--color-gray-100);
        font-weight: lighter; } }

.header-details--full {
  width: 100vw;
  margin-right: -15px;
  margin-left: -15px; }
  @media only screen and (min-width: 375px) {
    .header-details--full {
      margin-right: calc(((100vw - var(--container-size-xs-lg)) / -2) - 15px);
      margin-left: calc(((100vw - var(--container-size-xs-lg)) / -2) - 15px); } }
  @media only screen and (min-width: 600px) {
    .header-details--full {
      margin-right: calc(((100vw - var(--container-size-sm)) / -2) - 15px);
      margin-left: calc(((100vw - var(--container-size-sm)) / -2) - 15px); } }
  @media only screen and (min-width: 900px) {
    .header-details--full {
      width: 100%;
      margin-right: 0;
      margin-left: 0; } }

.social-icons {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0; }
  @media only screen and (min-width: 900px) {
    .social-icons {
      margin-bottom: var(--spacer-5); } }
  .social-icons li {
    margin-left: var(--spacer-2);
    margin-right: var(--spacer-2); }
    .social-icons li a {
      color: var(--color-gray-100);
      height: 48px;
      width: 48px;
      padding: var(--spacer-2);
      background-color: var(--color-gray-0);
      border-radius: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-transition: background-color 0.6s ease-in-out;
      transition: background-color 0.6s ease-in-out; }
      @media only screen and (min-width: 600px) {
        .social-icons li a {
          height: 28px;
          width: 28px;
          padding: 0; } }
      .social-icons li a:hover, .social-icons li a:focus {
        text-decoration: none;
        background-color: var(--color-gray-40); }
        .social-icons li a:hover .mag-font, .social-icons li a:focus .mag-font {
          color: var(--color-gray-0); }
    .social-icons li .mag-font {
      font-size: 1.25rem;
      color: var(--color-gray-100);
      pointer-events: none;
      -webkit-transition: color 0.6s ease-in-out;
      transition: color 0.6s ease-in-out; }
      @media only screen and (min-width: 600px) {
        .social-icons li .mag-font {
          font-size: var(--font-size-paragraph); } }

.site-footer-nav {
  margin: var(--spacer-3) 0; }
  .site-footer-nav ul, .site-footer-nav li {
    margin: 0;
    list-style-type: none; }
  .site-footer-nav ul {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .site-footer-nav li {
    font-weight: lighter;
    margin: var(--spacer-2) var(--spacer-3); }
    @media only screen and (min-width: 600px) {
      .site-footer-nav li {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        margin: 0; } }
    .site-footer-nav li a {
      -webkit-transition: color 0.6s ease-in-out;
      transition: color 0.6s ease-in-out; }
      .site-footer-nav li a:hover, .site-footer-nav li a:focus {
        color: var(--color-gray-40);
        text-decoration: none; }

.share-ctas-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .share-ctas-wrapper li {
    color: var(--color-primary-base);
    margin-right: var(--spacer-1); }
    .share-ctas-wrapper li:nth-last-child(-n + 1) {
      margin-right: 0; }

.search-results__filter ul li a.is-active {
  font-weight: normal;
  color: var(--color-gray-100); }

.nav-mobile-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: var(--spacer-2) 0;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: absolute; }
  @media only screen and (min-width: 600px) {
    .nav-mobile-icons {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; } }
  .nav-mobile-icons.is-open {
    -webkit-transition: visibility 0.3s 0s, opacity 0.3s ease-in-out;
    transition: visibility 0.3s 0s, opacity 0.3s ease-in-out;
    position: static;
    visibility: visible;
    opacity: 1; }
    @media only screen and (min-width: 1200px) {
      .nav-mobile-icons.is-open {
        position: absolute;
        visibility: hidden;
        opacity: 0; } }
    .nav-mobile-icons.is-open span {
      font-size: 9px;
      text-transform: uppercase; }
      @media only screen and (min-width: 600px) {
        .nav-mobile-icons.is-open span {
          font-size: 15px; } }
  .nav-mobile-icons li {
    padding-right: var(--spacer-2);
    line-height: 0.3; }
    @media only screen and (min-width: 600px) {
      .nav-mobile-icons li {
        padding-right: var(--spacer-5);
        line-height: normal; } }
    .nav-mobile-icons li .mag-font {
      font-size: 33px; }
    .nav-mobile-icons li.mobile-search-icon .mag-font {
      font-size: 45px; }

.download-links li:not(:first-of-type) {
  margin-top: var(--spacer-4); }

.download-links li a {
  color: var(--color-gray-0); }
  .download-links li a:hover, .download-links li a:focus {
    color: var(--color-primary-light); }

.download-links li i {
  font-size: var(--font-size-4);
  margin: 0 var(--spacer-1);
  color: var(--color-primary-light); }

.store-card-wrapper {
  outline: 1px solid var(--color-gray-30);
  margin-top: 1px;
  margin-left: 1px; }
  .store-card-wrapper .store-card {
    position: relative;
    pointer-events: none; }
    .store-card-wrapper .store-card .card-logo {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background-color: var(--color-gray-0);
      opacity: 1;
      -webkit-transition: opacity 0.6s ease-in-out;
      transition: opacity 0.6s ease-in-out;
      z-index: 1; }
      .store-card-wrapper .store-card .card-logo img {
        max-width: 100%;
        height: auto;
        max-height: 90px;
        display: block; }
    .store-card-wrapper .store-card .card-content {
      position: relative;
      width: 100%;
      height: 100%;
      color: var(--color-gray-0);
      z-index: 0; }
      .store-card-wrapper .store-card .card-content:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: var(--color-primary-base);
        opacity: 0.6;
        z-index: 1; }
      .store-card-wrapper .store-card .card-content > div {
        z-index: 2; }
      .store-card-wrapper .store-card .card-content p {
        font-weight: normal;
        font-size: var(--font-size-5);
        margin: 0; }
  @media only screen and (min-width: 900px) {
    .store-card-wrapper:hover .card-logo {
      opacity: 0; } }

.alphabet-divider {
  width: 100%; }
.store-card-wrapper:hover .store-card.has-cr-enabled:after {
  background-color: var(--color-gray-0);
  color: var(--color-primary-base); }

.store-card-wrapper .store-card.has-cr-enabled:after {
  content: "\E97A";
  position: absolute;
  bottom: var(--spacer-2);
  left: var(--spacer-2);
  color: var(--color-gray-0);
  background-color: var(--color-primary-base);
  font-family: var(--font-family-icon);
  font-size: 1.25rem;
  text-align: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  z-index: 1; }
  @media only screen and (min-width: 375px) {
    .store-card-wrapper .store-card.has-cr-enabled:after {
      bottom: var(--spacer-3); } }
  @media only screen and (min-width: 900px) {
    .store-card-wrapper .store-card.has-cr-enabled:after {
      bottom: var(--spacer-10);
      left: var(--spacer-3);
      font-size: 1.75rem;
      width: 40px;
      height: 40px; } }
.whats-on-article-overview:hover, .whats-on-article-overview:focus {
  text-decoration: none;
  color: var(--color-text-base); }
  .whats-on-article-overview:hover .whats-on-cta, .whats-on-article-overview:focus .whats-on-cta {
    color: var(--color-gray-30); }

.whats-on-article-overview .whats-on-cta {
  -webkit-transition: color 0.6s ease-in-out;
  transition: color 0.6s ease-in-out;
  font-size: var(--font-size-paragraph); }

.whats-on-article-overview .whats-on-title {
  font-size: 1.125rem; }
  @media only screen and (min-width: 600px) {
    .whats-on-article-overview .whats-on-title {
      font-size: 1.25rem; } }

.whats-on-article-overview .whats-on-subtitle {
  font-size: 0.9375rem; }

.whats-on-article-overview-nolink {
  color: var(--color-text-base); }

.whats-on-feature-card .is-h4 {
  text-transform: none; }

.promo-round-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  background-color: var(--color-primary-base);
  width: 70px;
  height: 70px; }
  .promo-round-icon.is-spotlight {
    width: 60px;
    height: 60px; }
    @media only screen and (min-width: 600px) {
      .promo-round-icon.is-spotlight {
        width: 70px;
        height: 70px; } }
    .promo-round-icon.is-spotlight > span {
      font-size: 2.25rem; }
      @media only screen and (min-width: 600px) {
        .promo-round-icon.is-spotlight > span {
          font-size: 2.5rem; } }
    .promo-round-icon.is-spotlight .is-title {
      font-size: 1rem; }
      @media only screen and (min-width: 600px) {
        .promo-round-icon.is-spotlight .is-title {
          font-size: 1.125rem; } }
  .promo-round-icon i {
    color: var(--color-gray-0);
    font-size: 2rem; }

.filter-offers {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 30px; }
  @media only screen and (min-width: 600px) {
    .filter-offers {
      width: 500px;
      margin: 0 auto; } }
  .filter-offers .filter-col .filter-cta {
    font-size: var(--font-size-paragraph);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid black;
    padding-bottom: 5px;
    width: 100%; }
    .filter-offers .filter-col .filter-cta .mag-font_search2 {
      font-size: 0.8rem; }

.is-link-style {
  text-transform: capitalize;
  text-decoration: underline;
  font-size: var(--font-size-paragraph);
  padding: 0;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out; }
  .is-link-style:hover, .is-link-style:focus {
    color: #cd1232;
    text-decoration: underline; }

.search-brands {
  padding: 0;
  font-size: var(--font-size-paragraph);
  line-height: 1;
  background-color: white !important;
  margin-right: 0 !important;
  color: #000000; }

.filter-dropdown {
  position: relative; }
  .filter-dropdown .filter-dropdown-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    background-color: var(--color-gray-0);
    -webkit-box-shadow: -8px 16px 15px rgba(0, 0, 0, 0.13);
            box-shadow: -8px 16px 15px rgba(0, 0, 0, 0.13);
    display: none;
    z-index: 2; }
    .filter-dropdown .filter-dropdown-content.is-open {
      display: block; }
    .filter-dropdown .filter-dropdown-content .filter-dropdown-content-scroll {
      max-height: 300px;
      overflow-y: auto; }
    .filter-dropdown .filter-dropdown-content ul > li {
      border-bottom: 1px solid var(--color-gray-40);
      margin-bottom: var(--spacer-2);
      padding-bottom: var(--spacer-2); }
      .filter-dropdown .filter-dropdown-content ul > li .control {
        margin-bottom: 0;
        color: var(--color-gray-40); }
        .filter-dropdown .filter-dropdown-content ul > li .control .control__indicator {
          border-color: var(--color-gray-80); }
      .filter-dropdown .filter-dropdown-content ul > li:nth-last-child(-n + 1) {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0; }
    .filter-dropdown .filter-dropdown-content .btn {
      width: 100%; }

.custom-input.filter {
  display: block;
  position: relative;
  font-weight: lighter;
  font-size: var(--font-size-5);
  padding-left: var(--spacer-11);
  padding-top: 0.125rem; }
  .custom-input.filter input[type="checkbox"] {
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .custom-input.filter input[type="checkbox"]:checked ~ span {
      background: var(--color-loyalty-base); }
      .custom-input.filter input[type="checkbox"]:checked ~ span:after {
        display: block; }
  .custom-input.filter span {
    position: absolute;
    background: var(--color-gray-0);
    border: 1px solid var(--color-gray-30);
    top: 0;
    left: 0;
    height: 26px;
    width: 26px;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out; }
    .custom-input.filter span:after {
      content: "";
      position: absolute;
      top: 6px;
      left: 10px;
      width: 6px;
      height: 11px;
      border: solid var(--color-gray-0);
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
.save-offer-wrapper {
  position: absolute;
  top: 10px;
  right: 25px;
  z-index: 1; }
  .save-offer-wrapper .save-offer-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: white;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    padding: 6px; }
    .save-offer-wrapper .save-offer-button i {
      font-size: 17px;
      font-weight: bold; }
      .save-offer-wrapper .save-offer-button i.mag-font_heart-full {
        display: none; }
    .save-offer-wrapper .save-offer-button.is-saved i.mag-font_heart-full {
      display: block;
      color: var(--color-primary-base); }
    .save-offer-wrapper .save-offer-button.is-saved i.mag-font_heart-outline {
      display: none; }
.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0px;
  overflow-wrap: break-word;
  background-color: var(--color-gray-0);
  background-clip: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.125);
  -o-border-image: initial;
     border-image: initial;
  border-radius: 0; }
  .card:hover, .card:focus {
    text-decoration: none; }
  .card .card-body {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding: 1.25rem; }

.card.for-outlets {
  text-align: center;
  padding: var(--spacer-5); }
  .card.for-outlets:not(.is-not-styled) {
    background-color: var(--color-gray-0);
    border: 1px solid var(--color-gray-20); }
  @media only screen and (min-width: 600px) {
    .card.for-outlets {
      padding: var(--spacer-6); } }
  .card.for-outlets > *:first-child {
    margin-top: 0; }
  .card.for-outlets > *:nth-last-child(-n + 1) {
    margin-bottom: 0; }
  .card.for-outlets .card-banner {
    display: block;
    background-color: var(--color-gray-20);
    color: var(--color-gray-40);
    margin-right: calc(var(--spacer-5) * -1);
    margin-left: calc(var(--spacer-5) * -1);
    padding: var(--spacer-4) var(--spacer-2);
    font-size: var(--font-size-5);
    font-weight: normal; }
    @media only screen and (min-width: 600px) {
      .card.for-outlets .card-banner {
        margin-right: calc(var(--spacer-6) * -1);
        margin-left: calc(var(--spacer-6) * -1); } }
  .card.for-outlets.is-full-height {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

.loyalty-qr-code-card {
  background-color: var(--color-loyalty-base);
  max-width: 345px;
  border-radius: 25px;
  padding: var(--spacer-3);
  margin: auto;
  padding: var(--spacer-5) var(--spacer-3) var(--spacer-3);
  -webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.18);
          box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.18); }
  .loyalty-qr-code-card img {
    width: 100px;
    height: 100px; }
  .loyalty-qr-code-card .qr-code-info-p {
    font-size: var(--font-size-small); }

.loyalty-reward-progress {
  max-width: 345px;
  margin: var(--spacer-6) auto 0; }
  @media only screen and (min-width: 900px) {
    .loyalty-reward-progress {
      max-width: 100%;
      margin: auto; } }
  .loyalty-reward-progress .progress-marker-wrapper {
    -webkit-transform: translateY(28px);
            transform: translateY(28px); }
    .loyalty-reward-progress .progress-marker-wrapper .progress-marker {
      width: 46px;
      height: 46px;
      border-radius: 50%;
      font-weight: normal;
      -webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.18);
              box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.18);
      background-color: var(--color-gray-10);
      color: var(--color-gray-40); }
      .loyalty-reward-progress .progress-marker-wrapper .progress-marker.is-active {
        color: var(--color-gray-0);
        background-color: #ac0702; }
  .loyalty-reward-progress .progress-wrapper {
    width: 100%;
    background-color: var(--color-gray-10);
    border-radius: 1000px; }
  .loyalty-reward-progress .progress-bar {
    width: 0;
    height: 10px;
    background-color: #ac0702;
    border-radius: 1000px;
    -webkit-transition: width linear;
    transition: width linear; }

/*@keyframes progress {
    0% {
        color: color-gray(40);
        background-color: color-gray(10);
        transform: scale3d(1,1,1);
    }

    50% {
        transform: scale3d(1.15,1.15,1);
    }

    100% {
        color: color-gray(0);
        background-color: $dark-red;
        transform: scale3d(1,1,1);
    }
}*/
.odometer.odometer-auto-theme {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  line-height: 1.1; }
  .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s; }
  .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .odometer.odometer-auto-theme .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    position: relative; }
    .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer {
      display: inline-block;
      vertical-align: middle;
      visibility: hidden; }
    .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner {
      text-align: left;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow: hidden; }
    .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon {
      display: block; }
    .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner {
      display: block;
      -webkit-backface-visibility: hidden; }
    .odometer.odometer-auto-theme .odometer-digit .odometer-value {
      display: block;
      -webkit-transform: translateZ(0);
      width: 20px; }
    .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value {
      position: absolute; }
  .odometer.odometer-auto-theme .odometer-value {
    text-align: center; }

.styled-img.is-smaller-single {
  max-width: 700px;
  margin: 0 auto; }

.styled-img > .aspect-ratio-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .styled-img > .aspect-ratio-content > .aspect-ratio-container {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

.offers-mobile-header .header-content h1 {
  font-size: 1.25rem;
  font-family: var(--font-family-title);
  letter-spacing: 0.125rem;
  color: var(--color-gray-80);
  padding-left: 0; }

.offers-mobile-header .header-content .header-sub-title {
  letter-spacing: 0;
  font-size: var(--font-size-small); }

.offers-mobile-header .header-content hr {
  border-width: 2px; }

.brand-offer-card .top-text {
  position: absolute;
  top: 0;
  background-color: var(--color-gray-100);
  color: var(--color-gray-0);
  width: 100%;
  left: 0;
  text-align: center;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 2px;
  text-transform: uppercase;
  text-wrap: normal;
  z-index: 1; }

.brand-offer-card .offer-card {
  margin-bottom: 0; }
  .brand-offer-card .offer-card .card-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    z-index: 2; }
  .brand-offer-card .offer-card .more-ribbon {
    position: absolute;
    bottom: var(--spacer-1);
    left: var(--spacer-1);
    right: var(--spacer-1);
    padding: var(--spacer-2) var(--spacer-1) var(--spacer-1);
    text-align: center;
    color: var(--color-gray-100);
    font-weight: normal;
    font-size: 0.75rem;
    line-height: 1;
    background-color: rgba(255, 255, 255, 0.75); }
    @media only screen and (min-width: 900px) {
      .brand-offer-card .offer-card .more-ribbon {
        font-size: var(--font-size-5); } }
    .brand-offer-card .offer-card .more-ribbon.is-product-image {
      background-color: rgba(0, 0, 0, 0.05); }
  .brand-offer-card .offer-card.has-virtual-shopping:after {
    content: "\E97A";
    position: absolute;
    bottom: var(--spacer-2);
    left: var(--spacer-2);
    color: var(--color-gray-0);
    background-color: var(--color-primary-base);
    font-family: var(--font-family-icon);
    font-size: 1.25rem;
    text-align: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    z-index: 1; }
    @media only screen and (min-width: 375px) {
      .brand-offer-card .offer-card.has-virtual-shopping:after {
        bottom: var(--spacer-3); } }
    @media only screen and (min-width: 900px) {
      .brand-offer-card .offer-card.has-virtual-shopping:after {
        bottom: var(--spacer-10);
        left: var(--spacer-3);
        font-size: 1.75rem;
        width: 40px;
        height: 40px; } }

.brand-offer-card .offer-card-details {
  padding-top: var(--spacer-2); }
  .brand-offer-card .offer-card-details .offer-card-brand {
    font-weight: bold;
    font-size: var(--font-size-small); }
    @media only screen and (min-width: 900px) {
      .brand-offer-card .offer-card-details .offer-card-brand {
        font-weight: normal;
        font-size: var(--font-size-6); } }
  .brand-offer-card .offer-card-details .offer-card-promo {
    font-weight: bold;
    font-size: 0.8125rem; }
    @media only screen and (min-width: 900px) {
      .brand-offer-card .offer-card-details .offer-card-promo {
        font-weight: normal;
        font-size: var(--font-size-6); } }
    .brand-offer-card .offer-card-details .offer-card-promo[data-tooltip] {
      position: relative; }
      .brand-offer-card .offer-card-details .offer-card-promo[data-tooltip]:after {
        position: absolute;
        content: attr(data-tooltip);
        top: -2px;
        left: 0;
        visibility: hidden;
        opacity: 0;
        background-color: #fff;
        padding: 2px 0;
        -webkit-transition: visibility 350ms 0s, opacity 350ms ease-in-out;
        transition: visibility 350ms 0s, opacity 350ms ease-in-out; }
      .brand-offer-card .offer-card-details .offer-card-promo[data-tooltip]:hover:after, .brand-offer-card .offer-card-details .offer-card-promo[data-tooltip]:active:after {
        visibility: visible;
        opacity: 1; }

.brand-offer-card .favourite-btn-wrapper {
  position: absolute;
  top: 0.0625rem;
  right: var(--spacer-1);
  z-index: 1; }
  .brand-offer-card .favourite-btn-wrapper .favourite-button {
    background-color: transparent;
    padding: 0.375rem;
    font-weight: normal; }

@keyframes offer-pulse {
  0% {
    background-color: transparent; }
  50% {
    background-color: #f8ecdd; }
  100% {
    background-color: transparent; } }

.brand-offer-card--black-friday {
  padding: 4px; }
  .offer-card-col.pulse .brand-offer-card--black-friday {
    -webkit-animation: offer-pulse 1s ease-out 2;
            animation: offer-pulse 1s ease-out 2; }

.reveal-wrapper button span.mag-font {
  top: -2px;
  font-size: var(--font-size-small); }
  @media only screen and (min-width: 900px) {
    .reveal-wrapper button span.mag-font {
      top: -1px;
      font-size: var(--font-size-5); } }

.reveal-wrapper button[aria-expanded="true"] span.mag-font {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.header-nav-button {
  position: absolute;
  top: var(--spacer-3);
  left: var(--spacer-3);
  z-index: 1; }
  @media only screen and (min-width: 900px) {
    .header-nav-button {
      top: var(--spacer-5);
      left: var(--spacer-6); } }
  .header-nav-button a {
    font-size: var(--font-size-6);
    color: var(--color-gray-0); }
    .header-nav-button a:hover, .header-nav-button a:focus {
      color: var(--color-gray-30); }
    .header-nav-button a i {
      position: relative;
      font-size: 0.75rem;
      top: -3px;
      margin-right: var(--spacer-2); }
  .header-nav-button.is-icon {
    top: var(--spacer-2);
    left: auto; }
    @media only screen and (min-width: 900px) {
      .header-nav-button.is-icon {
        top: var(--spacer-3); } }
    .header-nav-button.is-icon a {
      background-color: var(--color-primary-base);
      border-radius: 50%;
      height: 38px;
      width: 38px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .header-nav-button.is-icon a i {
        top: auto;
        left: -2px;
        margin-right: 0;
        font-size: 1.25rem; }

.multi-cta-block li a {
  display: block;
  font-weight: bold;
  font-size: 0.875rem;
  border-color: var(--color-gray-10); }
  @media only screen and (min-width: 600px) {
    .multi-cta-block li a {
      display: inline-block; } }

@media only screen and (min-width: 600px) {
  .multi-cta-block li:not(:first-of-type) a {
    border-left: none; } }

.tooltip {
  display: none;
  position: absolute;
  z-index: 11; }
  .tooltip:before {
    content: "";
    display: block;
    position: absolute;
    left: 50px;
    width: 20px;
    height: 20px;
    background-color: var(--color-loyalty-base);
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    z-index: -1; }
  .tooltip.is-active {
    display: block; }
  @media only screen and (min-width: 1200px) {
    .tooltip.is-below {
      margin-top: 0.75rem; } }
  .tooltip.is-below:before {
    top: 5px; }

.circle-tick-wrapper .circle-tick {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 112px;
  height: 112px; }
  @media only screen and (min-width: 900px) {
    .circle-tick-wrapper .circle-tick {
      width: 160px;
      height: 160px; } }

.circle-tick-wrapper .circ {
  opacity: 0;
  stroke-dasharray: 565;
  stroke-dashoffset: 565;
  -webkit-transition: all 1s 0.5s ease-in-out;
  transition: all 1s 0.5s ease-in-out; }

.circle-tick-wrapper .tick {
  opacity: 0;
  stroke-dasharray: 81;
  stroke-dashoffset: 81;
  -webkit-transition: all 0.65s 1.5s ease-in;
  transition: all 0.65s 1.5s ease-in; }

.circle-tick-wrapper .circ, .circle-tick-wrapper .tick {
  stroke: var(--color-loyaltyblue-base); }

.circle-tick-wrapper.is-active .circ,
.circle-tick-wrapper.is-active .tick {
  opacity: 1;
  stroke-dashoffset: 0; }

.toast {
  position: fixed;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  visibility: hidden;
  min-width: 250px;
  background-color: var(--color-loyalty-light);
  color: var(--color-gray-0);
  text-align: center;
  border-radius: 1000px;
  padding: 0.75rem;
  font-size: var(--font-size-5);
  z-index: 11; }
  .toast.is-active {
    visibility: visible;
    -webkit-animation: fadein 0.5s forwards, fadeout 0.5s 4.5s forwards;
            animation: fadein 0.5s forwards, fadeout 0.5s 4.5s forwards; }

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0; }
  to {
    bottom: 4rem;
    opacity: 1; } }

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0; }
  to {
    bottom: 4rem;
    opacity: 1; } }

@-webkit-keyframes fadeout {
  from {
    bottom: 4rem;
    opacity: 1; }
  to {
    bottom: 0;
    opacity: 0; } }

@keyframes fadeout {
  from {
    bottom: 4rem;
    opacity: 1; }
  to {
    bottom: 0;
    opacity: 0; } }

.centres-region-block li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .centres-region-block li:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
    display: block;
    width: 35%;
    height: 2px;
    background-color: var(--color-gray-0); }

.centre-listing-card .centre-img {
  position: relative;
  overflow: hidden; }
  .centre-listing-card .centre-img .aspect-ratio-content .media-cover {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; }
  .centre-listing-card .centre-img .aspect-ratio-content:hover .media-cover, .centre-listing-card .centre-img .aspect-ratio-content:focus .media-cover, .centre-listing-card .centre-img .aspect-ratio-content:active .media-cover {
    -webkit-transform: scale3d(1.04, 1.04, 1);
            transform: scale3d(1.04, 1.04, 1); }
  .centre-listing-card .centre-img .aspect-ratio-content:hover:after, .centre-listing-card .centre-img .aspect-ratio-content:focus:after, .centre-listing-card .centre-img .aspect-ratio-content:active:after {
    opacity: 0.3; }
  .centre-listing-card .centre-img .aspect-ratio-content:after {
    content: "";
    background-color: var(--color-gray-0);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out; }
  .centre-listing-card .centre-img .centre-card-text {
    position: absolute;
    bottom: var(--spacer-3);
    left: 0;
    background-color: var(--color-gray-0);
    width: 96%; }
    @media only screen and (min-width: 600px) {
      .centre-listing-card .centre-img .centre-card-text {
        bottom: 0;
        width: 92%; } }
    .centre-listing-card .centre-img .centre-card-text p {
      -webkit-transition: color 0.4s ease-in-out;
      transition: color 0.4s ease-in-out; }
    .centre-listing-card .centre-img .centre-card-text .city-near-text {
      font-size: var(--font-size-6); }
      @media only screen and (min-width: 1200px) {
        .centre-listing-card .centre-img .centre-card-text .city-near-text {
          font-size: var(--font-size-5); } }

.centre-listing-card:hover .centre-card-text p, .centre-listing-card:focus .centre-card-text p {
  color: var(--color-gray-30); }

.nav-grid-card .nav-card-img {
  position: relative;
  overflow: hidden;
  /* Modifiers */ }
  .nav-grid-card .nav-card-img .aspect-ratio-content .media-cover {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; }
  .nav-grid-card .nav-card-img .aspect-ratio-content:hover .media-cover, .nav-grid-card .nav-card-img .aspect-ratio-content:focus .media-cover, .nav-grid-card .nav-card-img .aspect-ratio-content:active .media-cover {
    -webkit-transform: scale3d(1.04, 1.04, 1);
            transform: scale3d(1.04, 1.04, 1); }
  .nav-grid-card .nav-card-img .aspect-ratio-content:hover:after, .nav-grid-card .nav-card-img .aspect-ratio-content:focus:after, .nav-grid-card .nav-card-img .aspect-ratio-content:active:after {
    opacity: 0.3; }
  .nav-grid-card .nav-card-img .aspect-ratio-content:after {
    content: "";
    background-color: var(--color-gray-0);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out; }
  .nav-grid-card .nav-card-img .nav-card-text {
    position: absolute;
    bottom: var(--spacer-3);
    left: 0;
    background-color: var(--color-gray-0);
    width: 80%;
    min-height: 4rem; }
    @media only screen and (min-width: 600px) {
      .nav-grid-card .nav-card-img .nav-card-text {
        width: 70%; } }
    @media only screen and (min-width: 900px) {
      .nav-grid-card .nav-card-img .nav-card-text {
        min-height: 5rem; } }
    @media only screen and (min-width: 1200px) {
      .nav-grid-card .nav-card-img .nav-card-text {
        min-height: 4rem; } }
    .nav-grid-card .nav-card-img .nav-card-text p {
      max-height: 3.25rem;
      overflow: hidden;
      -webkit-transition: color 0.4s ease-in-out;
      transition: color 0.4s ease-in-out; }
  .nav-grid-card .nav-card-img--booking .nav-card-text {
    width: 50%;
    right: 3rem;
    left: auto;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media only screen and (min-width: 1200px) {
      .nav-grid-card .nav-card-img--booking .nav-card-text {
        padding-top: 4rem;
        padding-bottom: 4rem; } }
    @media only screen and (max-width: 900px) {
      .nav-grid-card .nav-card-img--booking .nav-card-text {
        right: .5rem; }
        .nav-grid-card .nav-card-img--booking .nav-card-text .has-font-size-3 {
          font-size: 1.125rem; }
        .nav-grid-card .nav-card-img--booking .nav-card-text .has-font-size-6 {
          font-size: .875rem; }
        .nav-grid-card .nav-card-img--booking .nav-card-text p:nth-child(3) {
          margin-bottom: 0; }
        .nav-grid-card .nav-card-img--booking .nav-card-text p:nth-child(3),
        .nav-grid-card .nav-card-img--booking .nav-card-text p:nth-child(4) {
          width: 100%;
          padding-right: .5rem;
          padding-left: .5rem; } }

.nav-grid-card:hover .nav-card-text p, .nav-grid-card:focus .nav-card-text p {
  color: var(--color-gray-30); }

.mosaic-grid {
  display: -ms-grid;
  display: grid;
  max-width: 958px;
  margin: 0 auto;
  padding: 0.625rem; }
  .mosaic-grid.layout-1 {
    -ms-grid-columns: 1fr var(--spacer-3) 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr var(--spacer-3) 1fr;
    grid-template-rows: 1fr 1fr;
    gap: var(--spacer-3) var(--spacer-3);
        grid-template-areas: "a b" "c d"; }
    @media only screen and (min-width: 900px) {
      .mosaic-grid.layout-1 {
        -ms-grid-columns: 1fr var(--spacer-3) 1fr var(--spacer-3) 1.1777fr var(--spacer-3) 1.1777fr;
        grid-template-columns: 1fr 1fr 1.1777fr 1.1777fr;
        -ms-grid-rows: 1fr var(--spacer-3) 1fr;
        grid-template-rows: 1fr 1fr;
        gap: var(--spacer-3) var(--spacer-3);
            grid-template-areas: "a b c d" "e f c d"; } }
    @media only screen and (min-width: 1200px) {
      .mosaic-grid.layout-1 {
        -ms-grid-columns: 1fr var(--spacer-3) 1fr var(--spacer-3) 1.1699fr var(--spacer-3) 1.1699fr;
        grid-template-columns: 1fr 1fr 1.1699fr 1.1699fr;
        -ms-grid-rows: 1fr var(--spacer-3) 1fr;
        grid-template-rows: 1fr 1fr;
        gap: var(--spacer-3) var(--spacer-3);
            grid-template-areas: "a b c d" "e f c d"; } }
    .mosaic-grid.layout-1 .grid-item-1 {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: a; }
    .mosaic-grid.layout-1 .grid-item-2 {
      -ms-grid-row: 1;
      -ms-grid-column: 3;
      grid-area: b; }
    .mosaic-grid.layout-1 .grid-item-3 {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      grid-area: c; }
    .mosaic-grid.layout-1 .grid-item-4 {
      -ms-grid-row: 3;
      -ms-grid-column: 3;
      grid-area: d; }
    .mosaic-grid.layout-1 .grid-item-5 {
      grid-area: e; }
    .mosaic-grid.layout-1 .grid-item-6 {
      grid-area: f; }
    @media only screen and (min-width: 900px){
      .mosaic-grid.layout-1 .grid-item-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
      .mosaic-grid.layout-1 .grid-item-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
      .mosaic-grid.layout-1 .grid-item-3 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 5; }
      .mosaic-grid.layout-1 .grid-item-4 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 7; }
      .mosaic-grid.layout-1 .grid-item-5 {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
      .mosaic-grid.layout-1 .grid-item-6 {
    -ms-grid-row: 3;
    -ms-grid-column: 3; } }
    @media only screen and (min-width: 1200px){
      .mosaic-grid.layout-1 .grid-item-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
      .mosaic-grid.layout-1 .grid-item-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
      .mosaic-grid.layout-1 .grid-item-3 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 5; }
      .mosaic-grid.layout-1 .grid-item-4 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 7; }
      .mosaic-grid.layout-1 .grid-item-5 {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
      .mosaic-grid.layout-1 .grid-item-6 {
    -ms-grid-row: 3;
    -ms-grid-column: 3; } }
  .mosaic-grid.layout-2 {
    -ms-grid-columns: 1.2fr var(--spacer-3) 1fr;
    grid-template-columns: 1.2fr 1fr;
    -ms-grid-rows: 1fr var(--spacer-3) 1fr;
    grid-template-rows: 1fr 1fr;
    gap: var(--spacer-3) var(--spacer-3);
        grid-template-areas: "g h" "g i"; }
    @media only screen and (min-width: 375px) {
      .mosaic-grid.layout-2 {
        -ms-grid-columns: 1.1777fr var(--spacer-3) 1fr;
        grid-template-columns: 1.1777fr 1fr;
        -ms-grid-rows: 1fr var(--spacer-3) 1fr;
        grid-template-rows: 1fr 1fr;
        gap: var(--spacer-3) var(--spacer-3);
            grid-template-areas: "g h" "g i"; } }
    @media only screen and (min-width: 600px) {
      .mosaic-grid.layout-2 {
        -ms-grid-columns: 1.162fr var(--spacer-3) 1fr;
        grid-template-columns: 1.162fr 1fr;
        -ms-grid-rows: 1fr var(--spacer-3) 1fr;
        grid-template-rows: 1fr 1fr;
        gap: var(--spacer-3) var(--spacer-3);
            grid-template-areas: "g h" "g i"; } }
    @media only screen and (min-width: 900px) {
      .mosaic-grid.layout-2 {
        -ms-grid-columns: 1.1777fr var(--spacer-3) 1fr var(--spacer-3) 1.1777fr var(--spacer-3) 1fr;
        grid-template-columns: 1.1777fr 1fr 1.1777fr 1fr;
        -ms-grid-rows: 1fr var(--spacer-3) 1fr;
        grid-template-rows: 1fr 1fr;
        gap: var(--spacer-3) var(--spacer-3);
            grid-template-areas: "g h i j" "g k i l"; } }
    @media only screen and (min-width: 1200px) {
      .mosaic-grid.layout-2 {
        -ms-grid-columns: 1.1699fr var(--spacer-3) 1fr var(--spacer-3) 1.1699fr var(--spacer-3) 1fr;
        grid-template-columns: 1.1699fr 1fr 1.1699fr 1fr;
        -ms-grid-rows: 1fr var(--spacer-3) 1fr;
        grid-template-rows: 1fr 1fr;
        gap: var(--spacer-3) var(--spacer-3);
            grid-template-areas: "g h i j" "g k i l"; } }
    .mosaic-grid.layout-2 .grid-item-1 {
      -ms-grid-row: 1;
      -ms-grid-row-span: 3;
      -ms-grid-column: 1;
      grid-area: g; }
    .mosaic-grid.layout-2 .grid-item-2 {
      -ms-grid-row: 1;
      -ms-grid-column: 3;
      grid-area: h; }
    .mosaic-grid.layout-2 .grid-item-3 {
      -ms-grid-row: 3;
      -ms-grid-column: 3;
      grid-area: i; }
    .mosaic-grid.layout-2 .grid-item-4 {
      grid-area: j; }
    .mosaic-grid.layout-2 .grid-item-5 {
      grid-area: k; }
    .mosaic-grid.layout-2 .grid-item-6 {
      grid-area: l; }
    @media only screen and (min-width: 375px){
      .mosaic-grid.layout-2 .grid-item-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1; }
      .mosaic-grid.layout-2 .grid-item-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
      .mosaic-grid.layout-2 .grid-item-3 {
    -ms-grid-row: 3;
    -ms-grid-column: 3; } }
    @media only screen and (min-width: 600px){
      .mosaic-grid.layout-2 .grid-item-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1; }
      .mosaic-grid.layout-2 .grid-item-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
      .mosaic-grid.layout-2 .grid-item-3 {
    -ms-grid-row: 3;
    -ms-grid-column: 3; } }
    @media only screen and (min-width: 900px){
      .mosaic-grid.layout-2 .grid-item-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1; }
      .mosaic-grid.layout-2 .grid-item-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
      .mosaic-grid.layout-2 .grid-item-3 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 5; }
      .mosaic-grid.layout-2 .grid-item-4 {
    -ms-grid-row: 1;
    -ms-grid-column: 7; }
      .mosaic-grid.layout-2 .grid-item-5 {
    -ms-grid-row: 3;
    -ms-grid-column: 3; }
      .mosaic-grid.layout-2 .grid-item-6 {
    -ms-grid-row: 3;
    -ms-grid-column: 7; } }
    @media only screen and (min-width: 1200px){
      .mosaic-grid.layout-2 .grid-item-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1; }
      .mosaic-grid.layout-2 .grid-item-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
      .mosaic-grid.layout-2 .grid-item-3 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 5; }
      .mosaic-grid.layout-2 .grid-item-4 {
    -ms-grid-row: 1;
    -ms-grid-column: 7; }
      .mosaic-grid.layout-2 .grid-item-5 {
    -ms-grid-row: 3;
    -ms-grid-column: 3; }
      .mosaic-grid.layout-2 .grid-item-6 {
    -ms-grid-row: 3;
    -ms-grid-column: 7; } }
  .mosaic-grid img {
    display: block; }

.event-calendar {
  margin: 0 auto;
  max-width: 283px; }
  @media only screen and (min-width: 375px) {
    .event-calendar {
      max-width: 320px; } }
  .event-calendar .weekday-grid,
  .event-calendar .day-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0; }
    .event-calendar .weekday-grid li,
    .event-calendar .day-grid li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      list-style: none;
      margin-left: 0; }
  .event-calendar .weekday-grid {
    margin-bottom: var(--spacer-1); }
    .event-calendar .weekday-grid li {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0%;
              flex: 1 1 0%; }
      .event-calendar .weekday-grid li abbr {
        text-transform: uppercase;
        border: none;
        font-weight: 300;
        font-size: 1rem;
        text-decoration: none;
        font-variant: normal; }
        @media only screen and (min-width: 375px) {
          .event-calendar .weekday-grid li abbr {
            font-size: 1.125rem; } }
  .event-calendar .day-grid li {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 14.2857%;
            flex: 1 0 14.2857%;
    height: 2.3125rem; }
    @media only screen and (min-width: 375px) {
      .event-calendar .day-grid li {
        height: 2.375rem; } }
    .event-calendar .day-grid li button {
      font-family: var(--font-family-paragraph);
      font-weight: lighter;
      border: none;
      border-radius: 50%;
      font-weight: 500;
      padding: 0;
      width: 32px;
      height: 32px; }
      @media only screen and (min-width: 375px) {
        .event-calendar .day-grid li button {
          font-size: 18px;
          width: 34px;
          height: 34px; } }
    .event-calendar .day-grid li.month-prev {
      font-weight: 300;
      color: #969696; }
      .event-calendar .day-grid li.month-prev button {
        font-weight: 300;
        color: #969696; }

.mag-club-thanks-anim {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .mag-club-thanks-anim p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    overflow: hidden;
    text-align: center;
    opacity: 0;
    text-transform: none; }
  .mag-club-thanks-anim p > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .mag-club-thanks-anim p > span {
    padding: .25rem; }
  .mag-club-thanks-anim p > span > span {
    display: inline-block;
    -webkit-perspective: 1000px;
            perspective: 1000px;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
  .mag-club-thanks-anim p > span > span > span {
    display: inline-block;
    opacity: 0;
    -webkit-animation: MagcOpeningSequence 3.2s ease-in-out forwards;
            animation: MagcOpeningSequence 3.2s ease-in-out forwards; }
  .mag-club-thanks-anim p:nth-child(2) > span > span > span {
    -webkit-animation-duration: 2.2s;
            animation-duration: 2.2s;
    -webkit-animation-delay: 1s;
            animation-delay: 1s; }
  .mag-club-thanks-anim__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1rem;
    border: 1px solid #696969;
    margin: 1rem 0 2rem;
    height: 60vh; }
  .mag-club-thanks-anim__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .mag-club-thanks-anim__wrapper {
    opacity: 1;
    overflow: hidden;
    position: relative;
    background: var(--color-gray-0);
    max-height: 100vh; }
  .mag-club-thanks-anim__hidden {
    -webkit-animation: MagcFadeOut .5s linear forwards;
            animation: MagcFadeOut .5s linear forwards; }
  .mag-club-thanks-anim__img {
    -webkit-animation: MagcFadeIn 3.2s ease-in-out forwards;
            animation: MagcFadeIn 3.2s ease-in-out forwards; }

@keyframes MagcOpeningSequence {
  0% {
    letter-spacing: 80px;
    opacity: 0.2;
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
    text-shadow: 0 0 20px var(--color-gray-100);
    color: rgba(0, 0, 0, 0); }
  95% {
    color: rgba(0, 0, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    pointer-events: none;
    text-shadow: 0 0 0 var(--color-gray-100);
    color: black; } }

@keyframes MagcFadeOut {
  0% {
    opacity: 1;
    max-height: 100vh; }
  100% {
    opacity: 0;
    max-height: 0; } }

@keyframes MagcFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@media only screen and (min-width: 1200px) {
  .container.data-explanation {
    margin-right: 1rem;
    margin-left: 1rem; } }

.container.data-explanation p {
  max-width: 30.77778em;
  margin-right: auto;
  margin-left: auto; }

.outlet-country-title {
  font-size: 2em;
  line-height: 1.3; }

.outlet-title {
  font-size: 1.5em;
  line-height: 1.3; }

.outlet-listing-message {
  line-height: 1; }

.notif-btn {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0.75em;
  right: 0.75em;
  border: 1px solid var(--color-gray-40);
  border-radius: 50%;
  width: 2em;
  height: 2em;
  background-color: var(--color-gray-0);
  color: var(--color-gray-40);
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  z-index: 0; }
  .notif-btn:hover, .notif-btn:focus {
    background-color: var(--color-primary-light);
    color: var(--color-gray-0); }
  .notif-btn--checked {
    background-color: var(--color-primary-base);
    color: var(--color-gray-0);
    -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1); }
  .notif-btn .mag-font {
    font-size: 1rem; }

.notification-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #4D4C52;
  -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.13);
          box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.13);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s 0s;
  transition: opacity 0.4s ease-in-out, visibility 0.4s 0s;
  z-index: 60; }
  .notification-banner.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
  .notification-banner .notification-text {
    color: #ffffff;
    font-size: 0.8889rem; }
    .notification-banner .notification-text a, .notification-banner .notification-text button {
      color: #ffffff;
      font-weight: bold;
      text-decoration: none;
      -webkit-transition: color 0.6s ease-in-out;
      transition: color 0.6s ease-in-out; }
      .notification-banner .notification-text a:hover, .notification-banner .notification-text a:focus, .notification-banner .notification-text button:hover, .notification-banner .notification-text button:focus {
        color: #d9d9d9; }
  .notification-banner .redirect {
    color: #D4BC87;
    font-size: 1rem;
    font-weight: 600; }
  .notification-banner .btn .is-primary .is-outlined .is-contrast {
    font-size: 0.8889rem;
    line-height: 0.8889rem;
    position: relative;
    top: 2px;
    color: var(--color-primary-contrast);
    border-color: var(--color-primary-contrast); }

@media only screen and (min-width: 1200px) {
  .container.profile-picture {
    margin-right: 1rem;
    margin-left: 1rem; } }

.container.profile-picture p {
  max-width: 32.22222em;
  margin-right: auto;
  margin-left: auto; }

.mag-upload-photo-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #4D4C52;
  -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.13);
          box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.13);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s 0s;
  transition: opacity 0.4s ease-in-out, visibility 0.4s 0s;
  z-index: 60;
  -webkit-animation: seconds 1.0s forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 3s;
  animation: seconds 1.0s forwards;
  animation-iteration-count: 1;
  animation-delay: 3s; }
  .mag-upload-photo-banner.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
  .mag-upload-photo-banner .notification-text {
    color: #ffffff;
    font-size: 0.8889rem; }
    .mag-upload-photo-banner .notification-text a, .mag-upload-photo-banner .notification-text button {
      color: #ffffff;
      font-weight: bold;
      text-decoration: none;
      -webkit-transition: color 0.6s ease-in-out;
      transition: color 0.6s ease-in-out; }
      .mag-upload-photo-banner .notification-text a:hover, .mag-upload-photo-banner .notification-text a:focus, .mag-upload-photo-banner .notification-text button:hover, .mag-upload-photo-banner .notification-text button:focus {
        color: #d9d9d9; }
  .mag-upload-photo-banner .redirect {
    color: #D4BC87;
    font-size: 1rem;
    font-weight: 600; }
  .mag-upload-photo-banner .btn .is-primary .is-outlined .is-contrast {
    font-size: 0.8889rem;
    line-height: 0.8889rem;
    position: relative;
    top: 2px;
    color: var(--color-primary-contrast);
    border-color: var(--color-primary-contrast); }

@keyframes seconds {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    right: 100vw;
    left: -9999px; } }

.qr-scanner {
  text-align: right; }

.qr-scanner__close {
  margin-bottom: var(--spacer-3); }

.qr-scanner__canvas {
  width: 100%;
  height: auto; }

.jump-links {
  background: #f3f3f3; }
  .jump-links ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    max-width: 100%;
    overflow: scroll; }
    .jump-links ul::-webkit-scrollbar {
      width: 0px;
      height: 0px;
      background: transparent;
      /* make scrollbar transparent */ }
    .jump-links ul li a {
      font-weight: 600;
      color: #001E62;
      font-size: 16px; }
      @media only screen and (max-width: 600px) {
        .jump-links ul li a {
          white-space: nowrap; } }
.carouselbannerblock {
  padding: 0; }

.siema.carousel-header-block.has-dots,
.imagebannerblock.has-dots {
  margin-bottom: 0; }
  .siema.carousel-header-block.has-dots .siema-pagination button,
  .imagebannerblock.has-dots .siema-pagination button {
    height: 8px;
    width: 8px; }

.siema.carousel-header-block .siema-arrows button,
.imagebannerblock .siema-arrows button {
  padding: 0 var(--spacer-1);
  color: var(--color-gray-0); }
  .siema.carousel-header-block .siema-arrows button span,
  .imagebannerblock .siema-arrows button span {
    font-size: 1.25rem; }

.siema.carousel-header-block .slide, .siema.carousel-header-block .slide:after,
.imagebannerblock .slide,
.imagebannerblock .slide:after {
  height: 85vh;
  height: var(--bannerHeight);
  width: 100%; }

.siema.carousel-header-block .slide,
.imagebannerblock .slide {
  position: relative; }
  .siema.carousel-header-block .slide:after,
  .imagebannerblock .slide:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(70%, rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 70%); }
  .siema.carousel-header-block .slide.light-gradient:after,
  .imagebannerblock .slide.light-gradient:after {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0) 100%); }
  .siema.carousel-header-block .slide.no-gradient:after,
  .imagebannerblock .slide.no-gradient:after {
    background-image: none; }
  .siema.carousel-header-block .slide video,
  .imagebannerblock .slide video {
    width: 100%;
    height: 100%; }
  .siema.carousel-header-block .slide .content,
  .imagebannerblock .slide .content {
    position: absolute;
    bottom: 5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1; }
    .siema.carousel-header-block .slide .content .is-h1, .siema.carousel-header-block .slide .content h1,
    .imagebannerblock .slide .content .is-h1,
    .imagebannerblock .slide .content h1 {
      font-size: var(--font-size-2);
      letter-spacing: 3px;
      margin-bottom: var(--spacer-3);
      line-height: 1; }
    @media only screen and (min-width: 600px) {
      .siema.carousel-header-block .slide .content hr,
      .imagebannerblock .slide .content hr {
        max-width: 56%; } }
    .siema.carousel-header-block .slide .content a:not(.btn):hover, .siema.carousel-header-block .slide .content a:not(.btn):focus,
    .imagebannerblock .slide .content a:not(.btn):hover,
    .imagebannerblock .slide .content a:not(.btn):focus {
      color: var(--color-gray-40); }
.carousel-with-thumbnails-block {
  width: 100%;
  padding-bottom: 20px;
  margin: auto;
  max-width: 532px; }
  .carousel-with-thumbnails-block .thumbnail-overlay {
    opacity: 0.7;
    -webkit-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out; }
  .carousel-with-thumbnails-block .thumbnail-overlay:hover {
    opacity: 1; }
  .carousel-with-thumbnails-block .siema-pagination button {
    display: none; }
  .carousel-with-thumbnails-block .siema.has-arrow-top .siema-arrows {
    position: static;
    -webkit-transform: none;
            transform: none;
    text-align: right; }

.siema {
  position: relative; }
  .siema .siema-slides-wrapper .slide .aspect-ratio-container {
    pointer-events: none; }
  .siema .siema-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    bottom: var(--spacer-1);
    width: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%); }
    .siema .siema-pagination button {
      margin-right: var(--spacer-2); }
      .siema .siema-pagination button:nth-last-child(-n + 1) {
        margin-right: 0; }
      .siema .siema-pagination button.is-active {
        color: var(--color-primary-base); }
  .siema.has-no-pagination .siema-pagination {
    display: none; }
  .siema.has-dots {
    margin-bottom: var(--spacer-6); }
    .siema.has-dots .siema-pagination button {
      display: block;
      padding: 0;
      font-size: 0;
      height: 10px;
      width: 10px;
      border-radius: 50%;
      background-color: transparent;
      -webkit-transition: background-color 0.5s ease-in-out;
      transition: background-color 0.5s ease-in-out;
      border: 1px solid var(--color-gray-0); }
      .siema.has-dots .siema-pagination button.is-active {
        background-color: var(--color-gray-0); }
  .siema.has-arrow-sides .siema-arrows button {
    position: absolute;
    top: 50%;
    left: -6px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0; }
    .siema.has-arrow-sides .siema-arrows button:last-of-type {
      left: auto;
      right: -6px; }
    .siema.has-arrow-sides .siema-arrows button span {
      font-size: var(--font-size-3); }
    .siema.has-arrow-sides .siema-arrows button.is-hidden {
      display: none; }
  .siema.has-arrow-top {
    position: relative; }
    .siema.has-arrow-top .siema-arrows {
      position: absolute;
      top: 0;
      right: var(--spacer-3);
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%);
      padding-bottom: var(--spacer-2); }
      .siema.has-arrow-top .siema-arrows button {
        color: var(--color-gray-30);
        -webkit-transition: color 0.6s ease-in-out;
        transition: color 0.6s ease-in-out; }
        .siema.has-arrow-top .siema-arrows button.is-showing {
          color: inherit; }
  .siema.is-three-slide-carousel-offset .siema-slides-wrapper .slide .card-overlay {
    position: relative;
    overflow: hidden;
    pointer-events: none; }
    .siema.is-three-slide-carousel-offset .siema-slides-wrapper .slide .card-overlay .aspect-ratio-container {
      z-index: 0; }
      .siema.is-three-slide-carousel-offset .siema-slides-wrapper .slide .card-overlay .aspect-ratio-container .aspect-ratio-content {
        background-color: var(--color-gray-0);
        z-index: 0; }
        .siema.is-three-slide-carousel-offset .siema-slides-wrapper .slide .card-overlay .aspect-ratio-container .aspect-ratio-content img, .siema.is-three-slide-carousel-offset .siema-slides-wrapper .slide .card-overlay .aspect-ratio-container .aspect-ratio-content video {
          opacity: 0.6;
          -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out; }
    .siema.is-three-slide-carousel-offset .siema-slides-wrapper .slide .card-overlay .carousel-logo-text {
      z-index: 1;
      opacity: 0;
      position: absolute;
      bottom: 0;
      width: 85%;
      -webkit-transition: opacity .3s ease-in-out;
      transition: opacity .3s ease-in-out; }
      .siema.is-three-slide-carousel-offset .siema-slides-wrapper .slide .card-overlay .carousel-logo-text .is-cta {
        font-size: 0.9375rem; }
  .siema.is-three-slide-carousel-offset .siema-slides-wrapper .slide.has-active-slide .aspect-ratio-container .aspect-ratio-content img {
    opacity: 1; }
  .siema.is-three-slide-carousel-offset .siema-slides-wrapper .slide.has-active-slide .aspect-ratio-container .aspect-ratio-content .carousel-logo-text {
    opacity: 1; }
  .siema.is-three-slide-carousel-offset .siema-arrows {
    top: 0;
    right: -10px;
    -webkit-transform: none;
            transform: none; }
    .siema.is-three-slide-carousel-offset .siema-arrows button {
      color: var(--color-gray-0); }
  .siema.is-four-slide-carousel-offset .siema-slides-wrapper {
    padding-bottom: 1px; }
    @media only screen and (min-width: 900px) {
      .siema.is-four-slide-carousel-offset .siema-slides-wrapper.carousel-item-has-border-r {
        border-right: 1px solid var(--color-gray-30); } }
    .siema.is-four-slide-carousel-offset .siema-slides-wrapper .slide .aspect-ratio-container .aspect-ratio-content img {
      -webkit-transition: opacity .25s ease-in-out;
      transition: opacity .25s ease-in-out;
      opacity: 0.6; }
    .siema.is-four-slide-carousel-offset .siema-slides-wrapper .slide .aspect-ratio-container .aspect-ratio-content .header-logo-text {
      -webkit-transition: opacity .25s ease-in-out;
      transition: opacity .25s ease-in-out;
      opacity: 0; }
    .siema.is-four-slide-carousel-offset .siema-slides-wrapper .slide.has-active-slide .aspect-ratio-container .aspect-ratio-content img {
      -webkit-transition: opacity .25s ease-in-out;
      transition: opacity .25s ease-in-out;
      opacity: 1; }
    .siema.is-four-slide-carousel-offset .siema-slides-wrapper .slide.has-active-slide .aspect-ratio-container .aspect-ratio-content .header-logo-text {
      -webkit-transition: opacity .25s ease-in-out;
      transition: opacity .25s ease-in-out;
      opacity: 1; }
    .siema.is-four-slide-carousel-offset .siema-slides-wrapper .slide .store-card {
      pointer-events: none; }
  .siema.is-four-slide-carousel-offset .siema-arrows {
    right: -10px;
    -webkit-transform: none;
            transform: none; }
  .siema.is-dynamic-carousel.is-desktop {
    display: none; }
    @media only screen and (min-width: 900px) {
      .siema.is-dynamic-carousel.is-desktop {
        display: block; } }
  .siema.is-dynamic-carousel.is-mobile {
    display: block; }
    @media only screen and (min-width: 900px) {
      .siema.is-dynamic-carousel.is-mobile {
        display: none; } }
.siema-carousel.is-videos-carousel {
  position: relative; }
  @media only screen and (min-width: 900px) {
    .siema-carousel.is-videos-carousel {
      padding: 0 132px; } }
  .siema-carousel.is-videos-carousel .siema-arrows {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    pointer-events: none; }
    .siema-carousel.is-videos-carousel .siema-arrows:before {
      float: left;
      content: "";
      padding-bottom: 70.83333%;
      margin-bottom: 0px; }
    @media only screen and (min-width: 900px) {
      .siema-carousel.is-videos-carousel .siema-arrows {
        position: static; }
        .siema-carousel.is-videos-carousel .siema-arrows:before {
          display: none; } }
    .siema-carousel.is-videos-carousel .siema-arrows > button {
      position: absolute;
      top: 50%;
      width: 27px;
      height: 27px;
      padding: 0;
      color: var(--color-gray-0);
      background: transparent;
      -webkit-box-shadow: none;
              box-shadow: none;
      pointer-events: auto;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media only screen and (min-width: 900px) {
        .siema-carousel.is-videos-carousel .siema-arrows > button {
          width: 36px;
          height: 36px; } }
      .siema-carousel.is-videos-carousel .siema-arrows > button:first-child {
        left: 0; }
      .siema-carousel.is-videos-carousel .siema-arrows > button:nth-last-child(-n+1) {
        right: 0; }
  .siema-carousel.is-videos-carousel .slides > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .siema-carousel.is-videos-carousel .slides > * > * {
      overflow: hidden;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      float: none !important;
      background: var(--color-gray-100); }
      .siema-carousel.is-videos-carousel .slides > * > *:before {
        float: left;
        content: "";
        padding-bottom: 56.25%;
        margin-bottom: 0px; }
      .siema-carousel.is-videos-carousel .slides > * > * iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
@media only screen and (min-width: 900px) {
  .siema-carousel.is-profiles-carousel {
    position: relative;
    padding: 0 132px; } }

.siema-carousel.is-profiles-carousel .siema-arrows {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  pointer-events: none; }
  .siema-carousel.is-profiles-carousel .siema-arrows:before {
    float: left;
    content: "";
    padding-bottom: 70.83333%;
    margin-bottom: 0px; }
  @media only screen and (min-width: 900px) {
    .siema-carousel.is-profiles-carousel .siema-arrows {
      position: static; }
      .siema-carousel.is-profiles-carousel .siema-arrows:before {
        display: none; } }
  .siema-carousel.is-profiles-carousel .siema-arrows > button {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 27px;
    padding: 0;
    color: var(--color-gray-0);
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    pointer-events: auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
    @media only screen and (min-width: 900px) {
      .siema-carousel.is-profiles-carousel .siema-arrows > button {
        width: 36px;
        height: 36px; } }
    .siema-carousel.is-profiles-carousel .siema-arrows > button:first-child {
      left: 0; }
    .siema-carousel.is-profiles-carousel .siema-arrows > button:nth-last-child(-n+1) {
      right: 0; }

.siema-carousel.is-profiles-carousel .slides > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .siema-carousel.is-profiles-carousel .slides > * > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none !important; }

.non-carousel-logo-text {
  z-index: 1;
  opacity: 1;
  position: absolute;
  bottom: 0;
  width: 85%;
  -webkit-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out; }
  .non-carousel-logo-text .is-cta {
    font-size: 0.9375rem; }

.collapse-control .show {
  display: none; }

.collapse-control .hide {
  display: block; }

.collapse-control.collapsed .show {
  display: block; }

.collapse-control.collapsed .hide {
  display: none; }

.dialog-open {
  overflow: hidden; }

dialog {
  display: none;
  border: none;
  position: relative;
  width: 100%; }
  dialog[open] {
    display: block;
    -webkit-transform: scale(1);
            transform: scale(1);
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateX(-0.5px) translateY(-50%) translateY(-0.5px);
            transform: translateX(-50%) translateX(-0.5px) translateY(-50%) translateY(-0.5px);
    z-index: 50;
    margin: 0;
    max-width: 90vw;
    max-height: 95vh;
    overflow-y: auto;
    background-color: var(--color-gray-0);
    padding: var(--spacer-3); }
    @media only screen and (min-width: 600px) {
      dialog[open] {
        max-width: 80vw; } }
    @media only screen and (min-width: 900px) {
      dialog[open] {
        max-width: 900px; } }
    @media only screen and (min-width: 600px) {
      dialog[open].dialog-content--narrow {
        max-width: 40vw; } }
  dialog .dialog-header {
    padding-left: var(--spacer-5);
    padding-right: var(--spacer-5);
    position: sticky;
    top: 0;
    z-index: 1; }
    dialog .dialog-header .dialog-close-cta {
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }

.dialog-overlay {
  display: none;
  z-index: 50;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.dialog[aria-hidden="true"] > .dialog-overlay {
  display: none; }

.dialog[aria-hidden="false"] > .dialog-overlay {
  display: block; }

dialog::-webkit-backdrop {
  display: none; }

dialog::backdrop {
  display: none; }

.dialog[aria-hidden="false"] > .dialog-overlay {
  -webkit-animation: fade-in 400ms 1 both;
          animation: fade-in 400ms 1 both; }

.dialog[aria-hidden='false'] > .dialog-content {
  -webkit-animation: appear 300ms 100ms 1 both;
          animation: appear 300ms 100ms 1 both; }
  .dialog[aria-hidden='false'] > .dialog-content.no-transform {
    -webkit-animation: fade-in 300ms 100ms 1 both;
            animation: fade-in 300ms 100ms 1 both; }

.dialog[aria-hidden='false'].is-hiding > .dialog-overlay {
  -webkit-animation: fade-out 400ms 1 both;
          animation: fade-out 400ms 1 both; }

.dialog[aria-hidden='false'].is-hiding > .dialog-content {
  -webkit-animation: disappear 300ms 1 both;
          animation: disappear 300ms 1 both; }
  .dialog[aria-hidden='false'].is-hiding > .dialog-content.no-transform {
    -webkit-animation: fade-out 300ms 1 both;
            animation: fade-out 300ms 1 both; }

.dialog.is-slider .dialog-content {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%; }

.dialog.is-rounded dialog {
  border-radius: .75rem;
  padding: 1.5rem; }

@-webkit-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes appear {
  from {
    -webkit-transform: translateX(-50%) translateX(-0.5px) translateY(-30%) translateY(-0.5px);
            transform: translateX(-50%) translateX(-0.5px) translateY(-30%) translateY(-0.5px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(-50%) translateX(-0.5px) translateY(-50%) translateY(-0.5px);
            transform: translateX(-50%) translateX(-0.5px) translateY(-50%) translateY(-0.5px);
    opacity: 1; } }

@keyframes appear {
  from {
    -webkit-transform: translateX(-50%) translateX(-0.5px) translateY(-30%) translateY(-0.5px);
            transform: translateX(-50%) translateX(-0.5px) translateY(-30%) translateY(-0.5px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(-50%) translateX(-0.5px) translateY(-50%) translateY(-0.5px);
            transform: translateX(-50%) translateX(-0.5px) translateY(-50%) translateY(-0.5px);
    opacity: 1; } }

@-webkit-keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes disappear {
  from {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: 1; }
  to {
    -webkit-transform: translate(-50%, -40%);
            transform: translate(-50%, -40%);
    opacity: 0; } }

@keyframes disappear {
  from {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: 1; }
  to {
    -webkit-transform: translate(-50%, -40%);
            transform: translate(-50%, -40%);
    opacity: 0; } }

.disaster-message-container {
  margin: 0.5rem 0.5rem;
  border: solid #ce1231 1px;
  padding: 1rem; }
  @media only screen and (min-width: 900px) {
    .disaster-message-container {
      padding: 4rem; } }

.closeBtn {
  position: absolute;
  right: 0; }

.dynamic-image-gallery-block .featured-product-one .product {
  opacity: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity .35s ease-in-out;
  transition: opacity .35s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.dynamic-image-gallery-block .featured-product-one:hover .product {
  opacity: 1; }

.dynamic-image-gallery-block .featured-product-two .product {
  opacity: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity .35s ease-in-out;
  transition: opacity .35s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.dynamic-image-gallery-block .featured-product-two:hover .product {
  opacity: 1; }

.expected-visits-module .expected-visits-module-ctas .btn {
  width: 100%;
  margin: 0; }
  .expected-visits-module .expected-visits-module-ctas .btn::after {
    margin-left: var(--spacer-2); }

.expected-visits-module .expected-visits-module-ctas .dropdown-panel ul {
  margin: 0; }
  .expected-visits-module .expected-visits-module-ctas .dropdown-panel ul button {
    width: 100%;
    padding: var(--spacer-1) var(--spacer-2);
    text-align: left;
    white-space: normal; }
    .expected-visits-module .expected-visits-module-ctas .dropdown-panel ul button:hover, .expected-visits-module .expected-visits-module-ctas .dropdown-panel ul button:focus {
      background-color: var(--color-gray-10); }
    .expected-visits-module .expected-visits-module-ctas .dropdown-panel ul button.is-selected {
      font-weight: bold; }

.opening-times-block .expected-visits-module-ctas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .opening-times-block .expected-visits-module-ctas > .col-6 {
    padding: 0;
    margin-bottom: var(--spacer-3);
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
    .opening-times-block .expected-visits-module-ctas > .col-6 > button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }

.opening-times-block p {
  font-size: var(--font-size-paragraph); }

.expected-visits-module .expected-visits-module-ctas .btn {
  width: 100%;
  margin: 0; }
  .expected-visits-module .expected-visits-module-ctas .btn::after {
    margin-left: var(--spacer-2); }

.expected-visits-module .expected-visits-module-ctas .dropdown-panel ul {
  margin: 0; }
  .expected-visits-module .expected-visits-module-ctas .dropdown-panel ul button {
    width: 100%;
    padding: var(--spacer-1) var(--spacer-2);
    text-align: left;
    white-space: normal; }
    .expected-visits-module .expected-visits-module-ctas .dropdown-panel ul button:hover, .expected-visits-module .expected-visits-module-ctas .dropdown-panel ul button:focus {
      background-color: var(--color-gray-10); }
    .expected-visits-module .expected-visits-module-ctas .dropdown-panel ul button.is-selected {
      font-weight: bold; }

.opening-times-block .expected-visits-module-ctas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .opening-times-block .expected-visits-module-ctas > .col-6 {
    padding: 0;
    margin-bottom: var(--spacer-3);
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
    .opening-times-block .expected-visits-module-ctas > .col-6 > button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }

.opening-times-block p {
  font-size: var(--font-size-paragraph); }

.filters-section {
  position: relative;
  margin-top: -4rem;
  z-index: 11; }
  @media only screen and (min-width: 900px) {
    .filters-section {
      margin-top: -5.125rem; } }
  .filters-section .filters-wrapper {
    z-index: 1;
    position: relative; }

.filters-container {
  z-index: 2;
  width: 100%; }
  .filters-container .filters {
    background-color: var(--color-primary-base);
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
    @media only screen and (min-width: 900px) {
      .filters-container .filters {
        -webkit-transform: translateY(2px);
                transform: translateY(2px); } }
    .filters-container .filters .filters-mobile .btn {
      border-color: var(--color-primary-light); }
    .filters-container .filters .filters-mobile .mag-font {
      color: var(--color-primary-light);
      margin-right: var(--spacer-2); }
    .filters-container .filters .filters-desktop {
      -webkit-transform: translateY(20px);
              transform: translateY(20px); }
    .filters-container .filters .dropdown-cta, .filters-container .filters .form-group input[type="text"] {
      color: var(--color-primary-contrast);
      font-weight: lighter;
      text-align: left;
      border: none;
      border-bottom: 2px solid var(--color-primary-light); }
    .filters-container .filters .dropdown-cta {
      width: 100%;
      display: block;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0; }
      .filters-container .filters .dropdown-cta:after {
        color: var(--color-primary-light);
        font-size: var(--font-size-4); }
      .filters-container .filters .dropdown-cta.has-bold-icon::after {
        font-weight: bold; }
    .filters-container .filters .dropdown-panel {
      max-height: none;
      overflow-y: auto; }
    .filters-container .filters .dropdown-panel-ctas {
      padding-right: var(--spacer-2);
      padding-left: var(--spacer-2); }
      .filters-container .filters .dropdown-panel-ctas .btn {
        width: 100%; }
        .filters-container .filters .dropdown-panel-ctas .btn.filter-group-clear {
          padding-left: var(--spacer-3);
          padding-right: var(--spacer-3); }
    .filters-container .filters .dropdown-panel-content {
      padding: var(--spacer-2);
      max-height: 250px;
      overflow-y: auto; }
      .filters-container .filters .dropdown-panel-content > ul > li {
        padding-bottom: var(--spacer-2);
        border-bottom: 1px solid var(--color-gray-30);
        margin-bottom: var(--spacer-2); }
        .filters-container .filters .dropdown-panel-content > ul > li:nth-last-child(-n + 1) {
          padding-bottom: 0;
          border-bottom: none;
          margin-bottom: 0; }
        .filters-container .filters .dropdown-panel-content > ul > li label {
          margin-bottom: 0; }
    .filters-container .filters .form-group {
      margin: 0;
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative; }
      .filters-container .filters .form-group input[type="text"] {
        background-color: transparent;
        color: var(--color-primary-contrast);
        padding-right: var(--spacer-10);
        height: 42px;
        font-size: var(--font-size-paragraph); }
        .filters-container .filters .form-group input[type="text"]::-webkit-input-placeholder {
          color: var(--color-primary-contrast); }
        .filters-container .filters .form-group input[type="text"]::-moz-placeholder {
          color: var(--color-primary-contrast); }
        .filters-container .filters .form-group input[type="text"]:-ms-input-placeholder {
          color: var(--color-primary-contrast); }
        .filters-container .filters .form-group input[type="text"]::-ms-input-placeholder {
          color: var(--color-primary-contrast); }
        .filters-container .filters .form-group input[type="text"]::placeholder {
          color: var(--color-primary-contrast); }
      .filters-container .filters .form-group button {
        position: absolute;
        right: 0;
        bottom: 6px;
        color: var(--color-primary-light);
        font-size: var(--font-size-5); }
  .filters-container.has-bg-gray-0 .filters {
    background-color: var(--color-gray-0); }
  .filters-container.has-text-gray-100 .filters .dropdown-cta,
  .filters-container.has-text-gray-100 .filters .form-group input {
    color: var(--color-gray-100); }
  .filters-container.has-text-gray-100 .filters .form-group input::-webkit-input-placeholder {
    color: var(--color-gray-100); }
  .filters-container.has-text-gray-100 .filters .form-group input::-moz-placeholder {
    color: var(--color-gray-100); }
  .filters-container.has-text-gray-100 .filters .form-group input:-ms-input-placeholder {
    color: var(--color-gray-100); }
  .filters-container.has-text-gray-100 .filters .form-group input::-ms-input-placeholder {
    color: var(--color-gray-100); }
  .filters-container.has-text-gray-100 .filters .form-group input::placeholder {
    color: var(--color-gray-100); }
  .filters-container.has-text-gray-100 .filters .form-group button i::before {
    color: var(--color-primary-base); }

.filter-alphabetical ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .filter-alphabetical ul li {
    margin-right: var(--spacer-2); }
    .filter-alphabetical ul li.disabled a {
      color: var(--color-primary-light); }
    .filter-alphabetical ul li:nth-last-child(-n + 1) {
      margin-right: 0; }
    .filter-alphabetical ul li a {
      color: var(--color-primary-contrast); }

.filter-alphabetical.has-text-gray-100 ul li a {
  color: var(--color-gray-100); }

.filter-alphabetical.has-text-gray-100 ul li.disabled a {
  color: var(--color-gray-20); }

.offers-filtering-block {
  --scrollbarBG: #0a433a;
  --thumbBG: #c1c1c1;
  position: relative;
  z-index: 11; }
  @media only screen and (min-width: 900px) {
    .offers-filtering-block {
      margin-top: -5.125rem; } }
  .offers-filtering-block .filters-container {
    z-index: 2;
    width: 100%; }
    .offers-filtering-block .filters-container .filters-mobile .btn {
      border-color: var(--color-gray-90);
      color: var(--color-gray-90);
      -webkit-box-flex: 1;
          -ms-flex: 1 1 40%;
              flex: 1 1 40%;
      margin-right: var(--spacer-3);
      padding: 0.75rem;
      font-size: 0.9375rem;
      line-height: 1; }
      .offers-filtering-block .filters-container .filters-mobile .btn.sortby {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 45%;
                flex: 1 0 45%; }
      .offers-filtering-block .filters-container .filters-mobile .btn.search {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto;
        margin-right: 0;
        border: none;
        font-size: var(--font-size-5);
        padding: 0 var(--spacer-1); }
      .offers-filtering-block .filters-container .filters-mobile .btn .filter-count-wrapper {
        position: absolute;
        top: var(--spacer-2);
        right: var(--spacer-2);
        height: 22px;
        width: 22px;
        background-color: var(--color-gray-100);
        border-radius: 50%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin: 0;
        -webkit-transition: none;
        transition: none; }
        .offers-filtering-block .filters-container .filters-mobile .btn .filter-count-wrapper .filter-count-text {
          font-size: var(--font-size-small);
          position: relative;
          top: 2px;
          font-weight: lighter;
          color: var(--color-gray-0); }
    .offers-filtering-block .filters-container .filters-mobile .mag-font {
      color: var(--color-gray-90);
      font-weight: bold; }
      .offers-filtering-block .filters-container .filters-mobile .mag-font.mag-font_down_chevron {
        font-size: 0.75rem; }
    .offers-filtering-block .filters-container .filters {
      background-color: var(--color-primary-base);
      -webkit-transform: translateY(10px);
              transform: translateY(10px); }
      @media only screen and (min-width: 900px) {
        .offers-filtering-block .filters-container .filters {
          -webkit-transform: none;
                  transform: none; } }
      .offers-filtering-block .filters-container .filters .filters-desktop {
        -webkit-transform: none;
                transform: none;
        font-size: var(--font-size-5); }
        .offers-filtering-block .filters-container .filters .filters-desktop .filter-dropdown {
          position: static; }
          .offers-filtering-block .filters-container .filters .filters-desktop .filter-dropdown .filter-cta[aria-expanded="true"]:after {
            -webkit-transform: rotate(180deg);
                    transform: rotate(180deg); }
          .offers-filtering-block .filters-container .filters .filters-desktop .filter-dropdown .filter-dropdown-content {
            overflow: visible;
            max-width: none;
            background-color: var(--color-primary-base);
            color: var(--color-gray-0);
            -webkit-box-shadow: none;
                    box-shadow: none;
            border: none;
            min-height: 384px; }
            .offers-filtering-block .filters-container .filters .filters-desktop .filter-dropdown .filter-dropdown-content ul {
              max-height: 330px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
              -ms-flex-line-pack: start;
                  align-content: flex-start;
              scrollbar-width: thin;
              scrollbar-color: var(--thumbBG) var(--scrollbarBG); }
              .offers-filtering-block .filters-container .filters .filters-desktop .filter-dropdown .filter-dropdown-content ul::-webkit-scrollbar {
                width: 10px; }
              .offers-filtering-block .filters-container .filters .filters-desktop .filter-dropdown .filter-dropdown-content ul::-webkit-scrollbar-track {
                background: var(--scrollbarBG); }
              .offers-filtering-block .filters-container .filters .filters-desktop .filter-dropdown .filter-dropdown-content ul::-webkit-scrollbar-thumb {
                background-color: var(--thumbBG);
                border-radius: 6px;
                border: 1px solid var(--scrollbarBG); }
                .offers-filtering-block .filters-container .filters .filters-desktop .filter-dropdown .filter-dropdown-content ul::-webkit-scrollbar-thumb:hover {
                  cursor: pointer; }
              .offers-filtering-block .filters-container .filters .filters-desktop .filter-dropdown .filter-dropdown-content ul li {
                border: none;
                min-width: 260px;
                padding-bottom: var(--spacer-4);
                margin-right: var(--spacer-10);
                line-height: 1; }
            .offers-filtering-block .filters-container .filters .filters-desktop .filter-dropdown .filter-dropdown-content label {
              font-size: var(--font-size-paragraph); }
              .offers-filtering-block .filters-container .filters .filters-desktop .filter-dropdown .filter-dropdown-content label.custom-radio {
                margin-top: 0;
                font-weight: lighter; }
                .offers-filtering-block .filters-container .filters .filters-desktop .filter-dropdown .filter-dropdown-content label.custom-radio .control-indicator {
                  width: var(--spacer-3);
                  height: var(--spacer-3);
                  top: -2px; }
                  .offers-filtering-block .filters-container .filters .filters-desktop .filter-dropdown .filter-dropdown-content label.custom-radio .control-indicator:after {
                    width: var(--spacer-2);
                    height: var(--spacer-2);
                    top: 3px;
                    left: 3px; }
            .offers-filtering-block .filters-container .filters .filters-desktop .filter-dropdown .filter-dropdown-content .custom-input {
              padding-left: var(--spacer-10);
              line-height: 1; }
              .offers-filtering-block .filters-container .filters .filters-desktop .filter-dropdown .filter-dropdown-content .custom-input .custom-input-indicator {
                width: var(--spacer-3);
                height: var(--spacer-3); }
                .offers-filtering-block .filters-container .filters .filters-desktop .filter-dropdown .filter-dropdown-content .custom-input .custom-input-indicator:after {
                  top: 2px;
                  left: 5px;
                  width: 5px;
                  height: 9px; }
              .offers-filtering-block .filters-container .filters .filters-desktop .filter-dropdown .filter-dropdown-content .custom-input input[type="checkbox"]:checked ~ span {
                background: var(--color-primary-base); }
            .offers-filtering-block .filters-container .filters .filters-desktop .filter-dropdown .filter-dropdown-content .btn {
              width: auto;
              padding: 0.625rem 2.25rem; }
            .offers-filtering-block .filters-container .filters .filters-desktop .filter-dropdown .filter-dropdown-content .dropdown-panel-ctas {
              padding: 0; }
            .offers-filtering-block .filters-container .filters .filters-desktop .filter-dropdown .filter-dropdown-content.dropdown-scrollable ul {
              overflow-y: auto;
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
                  -ms-flex-direction: row;
                      flex-direction: row;
              -ms-flex-line-pack: normal;
                  align-content: normal;
              max-height: 276px; }
              .offers-filtering-block .filters-container .filters .filters-desktop .filter-dropdown .filter-dropdown-content.dropdown-scrollable ul li {
                min-width: 250px;
                margin-right: var(--spacer-3); }
                .offers-filtering-block .filters-container .filters .filters-desktop .filter-dropdown .filter-dropdown-content.dropdown-scrollable ul li:nth-child(3n) {
                  margin-right: 0; }
        .offers-filtering-block .filters-container .filters .filters-desktop .form-group .search-input {
          padding: 0;
          padding-right: var(--spacer-10);
          width: 150px;
          height: 2.25rem;
          font-size: var(--font-size-5);
          border-bottom: 1px solid var(--color-gray-0); }
          .offers-filtering-block .filters-container .filters .filters-desktop .form-group .search-input ~ button {
            color: var(--color-gray-0); }
      .offers-filtering-block .filters-container .filters .filter-cta, .offers-filtering-block .filters-container .filters .form-group input[type="text"] {
        color: var(--color-primary-contrast);
        font-weight: lighter;
        text-align: left;
        border: none; }
      .offers-filtering-block .filters-container .filters .filter-cta {
        width: 100%;
        display: block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin: 0; }
        .offers-filtering-block .filters-container .filters .filter-cta:after {
          color: var(--color-gray-0);
          font-size: var(--font-size-6);
          margin-left: 0.75rem; }
      .offers-filtering-block .filters-container .filters .search {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative; }
        .offers-filtering-block .filters-container .filters .search input[type="text"] {
          background-color: transparent;
          color: var(--color-primary-contrast);
          padding-right: var(--spacer-10);
          height: 42px;
          font-size: var(--font-size-paragraph); }
          .offers-filtering-block .filters-container .filters .search input[type="text"]::-webkit-input-placeholder {
            color: var(--color-primary-contrast); }
          .offers-filtering-block .filters-container .filters .search input[type="text"]::-moz-placeholder {
            color: var(--color-primary-contrast); }
          .offers-filtering-block .filters-container .filters .search input[type="text"]:-ms-input-placeholder {
            color: var(--color-primary-contrast); }
          .offers-filtering-block .filters-container .filters .search input[type="text"]::-ms-input-placeholder {
            color: var(--color-primary-contrast); }
          .offers-filtering-block .filters-container .filters .search input[type="text"]::placeholder {
            color: var(--color-primary-contrast); }
        .offers-filtering-block .filters-container .filters .search button {
          position: absolute;
          right: 0;
          bottom: 6px;
          color: var(--color-primary-light);
          font-size: var(--font-size-5); }
  @media only screen and (min-width: 900px) {
    .offers-filtering-block .filters-spacer {
      margin-top: -0.75rem; } }

.nav-upper {
  z-index: 31;
  position: relative; }
  .nav-upper .btn {
    padding: var(--spacer-2) var(--spacer-3); }
  .nav-upper > * {
    margin-right: var(--spacer-3);
    font-size: var(--font-size-6); }
    .nav-upper > *:nth-last-child(-n + 1) {
      margin-right: 0; }

.nav-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: sticky;
  top: 0;
  z-index: 30;
  -webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.1);
  padding-top: var(--spacer-2);
  padding-bottom: var(--spacer-2); }
  @media only screen and (min-width: 900px) {
    .nav-container {
      padding-top: 0;
      padding-bottom: 0; } }
  @media only screen and (min-width: 1200px) {
    .nav-container {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; } }
  #value-message-block ~ .page-wrap .nav-container {
    top: var(--value-message-height); }
  @media only screen and (min-width: 1200px) {
    .nav-container .nav-cta {
      display: none; } }
  .nav-container.menu-active {
    padding-top: 2px;
    padding-bottom: 2px; }
    @media only screen and (min-width: 600px) {
      .nav-container.menu-active {
        padding-bottom: 0;
        padding-top: 0; } }
    .nav-container.menu-active .brand {
      position: absolute;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: visibility 0.3s 0s, opacity 0.3s ease-in-out;
      transition: visibility 0.3s 0s, opacity 0.3s ease-in-out; }
      @media only screen and (min-width: 600px) {
        .nav-container.menu-active .brand {
          position: static;
          visibility: visible;
          opacity: 1; } }
@media only screen and (min-width: 900px) {
  .header-with-img-block {
    position: relative; } }

.header-with-img-block .header-image {
  min-height: 300px; }
  @media only screen and (min-width: 900px) {
    .header-with-img-block .header-image {
      min-height: 380px; } }

.header-with-img-block .video {
  max-height: 315px; }
  @media only screen and (min-width: 900px) {
    .header-with-img-block .video {
      max-height: 380px; } }

.header-with-img-block.is-whats-on-header .header-image {
  min-height: 315px; }
  @media only screen and (min-width: 900px) {
    .header-with-img-block.is-whats-on-header .header-image {
      min-height: 380px; } }

@media only screen and (min-width: 900px) {
  .header-with-img-block.is-whats-on-header .whats-on-header-prev-col {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; } }

.header-with-img-block.is-whats-on-header p {
  font-size: var(--font-size-paragraph); }

@media only screen and (min-width: 900px) {
  .header-with-img-block.vip-lounge h1 {
    font-size: var(--font-size-2);
    letter-spacing: .75rem; } }
.header-with-title-block .header-image {
  height: 1px;
  min-height: 245px;
  position: relative;
  z-index: 0; }
  .header-with-title-block .header-image.is-small {
    min-height: 185px; }
    @media only screen and (min-width: 900px) {
      .header-with-title-block .header-image.is-small {
        min-height: 355px; } }
  @media only screen and (min-width: 900px) {
    .header-with-title-block .header-image {
      min-height: 355px; } }
  .header-with-title-block .header-image:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--color-gray-100);
    opacity: 0.4;
    z-index: 1; }
  .header-with-title-block .header-image.has-banner-gradient:before {
    content: none; }
  .header-with-title-block .header-image .header-content {
    z-index: 2; }

.header-with-title-block--responsive {
  color: var(--color-white-base);
  text-align: center; }
  .header-with-title-block--responsive .header-image {
    min-height: 472px; }
    @media only screen and (min-width: 900px) {
      .header-with-title-block--responsive .header-image {
        min-height: 512px; } }
  .header-with-title-block--responsive .header-content {
    margin-bottom: 96px;
    text-transform: uppercase; }
    @media only screen and (min-width: 900px) {
      .header-with-title-block--responsive .header-content {
        margin-bottom: 112px; } }
  .header-with-title-block--responsive .header-with-title-block__title {
    margin-bottom: 2px;
    padding: 0;
    font-size: 2rem;
    line-height: 1.125;
    letter-spacing: normal; }
    @media only screen and (min-width: 900px) {
      .header-with-title-block--responsive .header-with-title-block__title {
        font-size: 2.5rem;
        line-height: 1.1; } }
  .header-with-title-block--responsive .header-with-title-block__subtitle-1 {
    margin-bottom: 8px;
    font-family: var(--font-family-title);
    font-size: 1.25rem;
    line-height: 1.4; }
    @media only screen and (min-width: 900px) {
      .header-with-title-block--responsive .header-with-title-block__subtitle-1 {
        margin-bottom: 0;
        font-size: 1.625rem;
        line-height: 1.38462; } }
  .header-with-title-block--responsive .header-with-title-block__subtitle-2 {
    margin-bottom: 16px;
    font-family: var(--font-family-title);
    font-size: 1rem;
    line-height: 1.375; }
    @media only screen and (min-width: 900px) {
      .header-with-title-block--responsive .header-with-title-block__subtitle-2 {
        font-size: 1.25rem;
        line-height: 1.4; } }
  .header-with-title-block--responsive .header-with-title-block__subtitle-3 {
    font-family: var(--font-family-title);
    font-size: 1.25rem;
    line-height: 1.1; }
    @media only screen and (min-width: 900px) {
      .header-with-title-block--responsive .header-with-title-block__subtitle-3 {
        font-size: 1.5rem;
        line-height: 1.08333; } }
  .header-with-title-block--responsive hr.is-in-header {
    margin-bottom: 16px; }
    @media only screen and (min-width: 900px) {
      .header-with-title-block--responsive hr.is-in-header {
        max-width: 274px; } }

@media only screen and (min-width: 900px) {
  .iconctaroundedblock {
    -webkit-transform: translateY(-30%);
            transform: translateY(-30%); } }

.icon-ctas-module-rounded {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0; }
  .icon-ctas-module-rounded > li {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    max-width: 150px;
    margin-right: var(--spacer-6); }
    .icon-ctas-module-rounded > li:nth-last-child(-n + 1) {
      margin-right: 0; }
    .icon-ctas-module-rounded > li .icon-cta > a .round-icon {
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .icon-ctas-module-rounded > li .icon-cta > a .round-icon .mag-font {
        font-size: var(--font-size-3);
        background-color: var(--color-primary-base);
        color: var(--color-primary-contrast);
        padding: var(--spacer-5);
        border-radius: 50%;
        -webkit-transition: background-color 0.3s ease-in-out;
        transition: background-color 0.3s ease-in-out; }
        .icon-ctas-module-rounded > li .icon-cta > a .round-icon .mag-font:hover, .icon-ctas-module-rounded > li .icon-cta > a .round-icon .mag-font:focus {
          background-color: var(--color-primary-light); }
    .icon-ctas-module-rounded > li .icon-cta > a p {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-weight: 400;
      text-transform: uppercase;
      padding-top: var(--spacer-3);
      text-align: center;
      margin: 0;
      font-size: var(--font-size-paragraph); }
      .icon-ctas-module-rounded > li .icon-cta > a p:hover, .icon-ctas-module-rounded > li .icon-cta > a p:focus {
        color: var(--color-text-base); }

.is-gift-card ul > li.is-active .gift-card-round-icon {
  background-color: var(--color-primary-base); }

.is-gift-card ul > li.is-active .gift-card-icon-label {
  color: var(--color-primary-base); }

.is-gift-card .gift-card-icon-wrapper {
  -webkit-transform: translateY(-35%);
          transform: translateY(-35%);
  width: 100px;
  margin-right: var(--spacer-1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .is-gift-card .gift-card-icon-wrapper:nth-last-child(-n + 1) {
    margin-right: 0; }
  @media only screen and (min-width: 375px) {
    .is-gift-card .gift-card-icon-wrapper {
      width: 120px; } }
  @media only screen and (min-width: 600px) {
    .is-gift-card .gift-card-icon-wrapper {
      width: 125px; } }
  .is-gift-card .gift-card-icon-wrapper .gift-card-round-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: var(--color-gray-30);
    color: var(--color-primary-contrast);
    border-radius: 50%;
    height: 60px;
    width: 60px;
    margin: auto; }
    @media only screen and (min-width: 900px) {
      .is-gift-card .gift-card-icon-wrapper .gift-card-round-icon {
        width: 100px;
        height: 100px; } }
    .is-gift-card .gift-card-icon-wrapper .gift-card-round-icon .mag-font {
      font-size: 2rem;
      font-weight: lighter; }
      @media only screen and (min-width: 900px) {
        .is-gift-card .gift-card-icon-wrapper .gift-card-round-icon .mag-font {
          font-size: 3.25rem; } }
  .is-gift-card .gift-card-icon-wrapper .gift-card-icon-label {
    font-size: 0.8125rem;
    margin-bottom: 0;
    padding-top: var(--spacer-1);
    font-weight: normal;
    color: var(--color-gray-30); }
    @media only screen and (min-width: 375px) {
      .is-gift-card .gift-card-icon-wrapper .gift-card-icon-label {
        font-size: 0.875rem; } }
    @media only screen and (min-width: 600px) {
      .is-gift-card .gift-card-icon-wrapper .gift-card-icon-label {
        font-size: 1rem;
        padding-top: var(--spacer-2); } }
    @media only screen and (min-width: 900px) {
      .is-gift-card .gift-card-icon-wrapper .gift-card-icon-label {
        font-size: 1rem;
        padding-top: var(--spacer-3); } }
@media only screen and (min-width: 900px) {
  .carouselbannerblock ~ .iconctablock {
    margin-bottom: var(--spacer-10); } }
.icon-ctas-module {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media only screen and (min-width: 900px) {
    .icon-ctas-module {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .icon-ctas-module > li {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
    @media only screen and (min-width: 900px) {
      .icon-ctas-module > li {
        -webkit-box-flex: 1;
            -ms-flex: auto;
                flex: auto;
        max-width: 105px;
        margin-right: 2rem; }
        .icon-ctas-module > li:nth-last-child(-n + 1) {
          margin-right: 0; } }
    .icon-ctas-module > li .icon-cta {
      height: 100%; }
      @media only screen and (min-width: 900px) {
        .icon-ctas-module > li .icon-cta {
          position: relative;
          height: auto; }
          .icon-ctas-module > li .icon-cta:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 100%; } }
      .icon-ctas-module > li .icon-cta > a {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: var(--spacer-3);
        text-transform: uppercase;
        text-align: center;
        -webkit-transition: -webkit-filter 0.3s ease-in-out;
        transition: -webkit-filter 0.3s ease-in-out;
        transition: filter 0.3s ease-in-out;
        transition: filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out; }
        .icon-ctas-module > li .icon-cta > a:not[class^="has-bg-"] {
          background-color: var(--color-primary-base);
          color: var(--color-primary-contrast); }
        @media only screen and (min-width: 900px) {
          .icon-ctas-module > li .icon-cta > a {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            height: auto;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between; } }
        .icon-ctas-module > li .icon-cta > a:hover, .icon-ctas-module > li .icon-cta > a:focus {
          -webkit-filter: brightness(150%);
                  filter: brightness(150%); }
        .icon-ctas-module > li .icon-cta > a p {
          width: 100%;
          margin: 0;
          font-size: calc(var(--font-size-paragraph) - 3px); }
          @media only screen and (min-width: 900px) {
            .icon-ctas-module > li .icon-cta > a p {
              font-size: calc(var(--font-size-paragraph) - 5px); } }
          .icon-ctas-module > li .icon-cta > a p .mag-font {
            font-size: var(--font-size-4);
            margin-right: var(--spacer-2); }
            @media only screen and (min-width: 900px) {
              .icon-ctas-module > li .icon-cta > a p .mag-font {
                font-size: var(--font-size-3);
                margin-right: 0;
                display: block; } }

.icon-promo-block .row .col-3 {
  max-width: 33%; }

.icon-promo-block .promo-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .icon-promo-block .promo-wrapper .promo-round-icon {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    max-width: 115px;
    width: 95px;
    height: 95px; }
    @media only screen and (min-width: 600px) {
      .icon-promo-block .promo-wrapper .promo-round-icon {
        width: 115px;
        height: 115px; } }
    .icon-promo-block .promo-wrapper .promo-round-icon i {
      font-size: 4.5rem; }
  .icon-promo-block .promo-wrapper p {
    font-size: 1rem;
    padding-top: 1rem; }
    @media only screen and (min-width: 600px) {
      .icon-promo-block .promo-wrapper p {
        font-size: var(--font-size-5);
        padding-top: 0; } }
  .icon-promo-block .promo-wrapper .promo-text {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    text-align: center; }

.instagram-view-block .is-text-break {
  word-break: break-all; }

.instagram-view-block .instagram-block .instagram-item {
  padding: var(--spacer-2); }
  .instagram-view-block .instagram-block .instagram-item .instagram-modal-cta {
    margin-bottom: var(--spacer-4);
    cursor: pointer;
    width: 100%;
    height: 100%; }
    .instagram-view-block .instagram-block .instagram-item .instagram-modal-cta img {
      width: 100%;
      height: 100%; }
    .instagram-view-block .instagram-block .instagram-item .instagram-modal-cta:hover .overlay, .instagram-view-block .instagram-block .instagram-item .instagram-modal-cta:focus .overlay {
      background-color: rgba(0, 0, 0, 0); }

dialog[open].instagram-modal {
  padding: 0;
  overflow: visible; }
  dialog[open].instagram-modal .close-cta-wrapper {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1; }
    @media only screen and (min-width: 600px) {
      dialog[open].instagram-modal .close-cta-wrapper {
        top: 16px; } }
    dialog[open].instagram-modal .close-cta-wrapper i {
      font-size: var(--font-size-4); }
      @media only screen and (min-width: 900px) {
        dialog[open].instagram-modal .close-cta-wrapper i {
          font-size: var(--font-size-3); } }
  dialog[open].instagram-modal .siema-arrows {
    position: absolute;
    top: -48px;
    right: -10px;
    text-align: right;
    display: block;
    width: 100%;
    padding: var(--spacer-2) 0; }
    dialog[open].instagram-modal .siema-arrows span {
      font-size: 1.75rem;
      color: var(--color-gray-30); }
  dialog[open].instagram-modal .slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: white; }
    @media only screen and (min-width: 900px) {
      dialog[open].instagram-modal .slide {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
    dialog[open].instagram-modal .slide .insta-img-area,
    dialog[open].instagram-modal .slide .insta-description {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      max-width: 100%; }
      @media only screen and (min-width: 900px) {
        dialog[open].instagram-modal .slide .insta-img-area,
        dialog[open].instagram-modal .slide .insta-description {
          max-width: 75%; } }
      @media only screen and (min-width: 900px) {
        dialog[open].instagram-modal .slide .insta-img-area,
        dialog[open].instagram-modal .slide .insta-description {
          max-width: 50%; } }
    dialog[open].instagram-modal .slide .insta-img-area .aspect-ratio-container {
      max-width: 210px;
      margin: 0 auto; }
      @media only screen and (min-width: 375px) {
        dialog[open].instagram-modal .slide .insta-img-area .aspect-ratio-container {
          max-width: none;
          margin: 0; } }
    dialog[open].instagram-modal .slide .insta-description .insta-img-description {
      max-height: 105px;
      overflow-y: auto;
      font-size: var(--font-size-6); }
      @media only screen and (min-width: 600px) {
        dialog[open].instagram-modal .slide .insta-description .insta-img-description {
          max-height: 145px;
          font-size: var(--font-size-5); } }
      @media only screen and (min-width: 900px) {
        dialog[open].instagram-modal .slide .insta-description .insta-img-description {
          max-height: 210px; } }

#instaModal {
  opacity: 0; }

.insta-overlay {
  opacity: 1; }

.site-footer {
  text-align: center;
  border-top: 1px solid var(--color-gray-40); }
  .site-footer * {
    color: var(--color-gray-0); }
  .site-footer p {
    font-size: var(--font-size-paragraph); }
  .site-footer .newsletter-icon-wrapper img {
    width: 90%;
    max-width: 150px; }

.site-footer__opening-times {
  border-top: 1px solid var(--color-gray-40);
  border-bottom: 1px solid var(--color-gray-40); }
  @media only screen and (min-width: 600px) {
    .site-footer__opening-times {
      border: none;
      border-left: 1px solid var(--color-gray-40);
      border-right: 1px solid var(--color-gray-40); } }
  .site-footer__opening-times h6 {
    margin: 0; }
  .site-footer__opening-times .today {
    color: var(--color-gray-0); }
  .site-footer__opening-times hr {
    width: 50%;
    margin-top: var(--spacer-3); }
  .site-footer__opening-times.has-holidays .show-site-footer__opening-days--standard--content {
    display: block; }
  .site-footer__opening-times.has-holidays .site-footer__opening-days--standard--content,
  .site-footer__opening-times.has-holidays .title-site-footer__opening-days--standard--content {
    display: none; }

.site-footer__opening-days p {
  color: var(--color-gray-30);
  text-align: left; }
  .site-footer__opening-days p:last-child {
    margin-bottom: 0; }

.site-footer__opening-hours p {
  color: var(--color-gray-30);
  text-align: right; }
  .site-footer__opening-hours p:last-child {
    margin-bottom: 0; }

.site-footer__logo {
  width: 190px; }

.site-footer-address-wrapper {
  border-bottom: 1px solid var(--color-gray-40); }
  @media only screen and (min-width: 600px) {
    .site-footer-address-wrapper {
      border: none; } }
  .site-footer-address-wrapper .site-footer__address {
    margin-top: var(--spacer-3); }
    @media only screen and (min-width: 600px) {
      .site-footer-address-wrapper .site-footer__address {
        margin-top: 0; } }

p.today {
  font-weight: normal; }

.sticky-sign-up {
  position: fixed;
  bottom: 20px;
  left: 5%;
  width: 90%;
  display: none; }
  @media only screen and (min-width: ) {
    .sticky-sign-up {
      left: 10px;
      bottom: 30px;
      width: 350px; } }
  .sticky-sign-up .button-holder {
    opacity: 0;
    background: var(--color-gray-0);
    padding: 1.75rem 1rem 0.75rem;
    width: 100%;
    text-align: center;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); }
    .sticky-sign-up .button-holder p {
      margin: 0 0.5rem 0.75rem;
      line-height: 1.4rem; }
    .sticky-sign-up .button-holder a {
      font-size: 1rem;
      text-transform: none;
      padding: 0.5rem 2rem 0.3125rem;
      display: inline-block;
      width: auto; }
    .sticky-sign-up .button-holder button {
      font-size: 1.125rem;
      text-transform: none;
      white-space: nowrap;
      color: var(--color-gray-100);
      position: absolute;
      right: 0;
      top: 0;
      padding: 0.5rem 0.5rem 0.5rem;
      display: inline-block; }
  .sticky-sign-up .close-sign-up {
    padding: 0;
    position: absolute;
    right: 10px;
    top: 16px;
    color: var(--color-gray-0);
    z-index: 100; }
  .sticky-sign-up.remove-sticky-sign-up {
    display: none; }

.how-to-find-us-block {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px; }
  @media only screen and (min-width: 600px) {
    .how-to-find-us-block {
      padding-left: 0;
      padding-right: 0; } }
  .how-to-find-us-block h1 {
    font-size: 24px; }
    @media only screen and (min-width: 900px) {
      .how-to-find-us-block h1 {
        font-size: var(--font-size-1); } }
  .how-to-find-us-block p {
    margin-bottom: var(--spacer-2); }
    @media only screen and (min-width: 900px) {
      .how-to-find-us-block p {
        margin-bottom: var(--spacer-3); } }
  .how-to-find-us-block .how-to-find-us-map {
    width: 100%;
    height: 230px;
    margin-bottom: var(--spacer-3); }
    @media only screen and (min-width: 600px) {
      .how-to-find-us-block .how-to-find-us-map {
        height: 450px;
        margin-bottom: var(--spacer-5); } }

.half-bleed-banner-card {
  background-color: #FFFFFF; }
  .half-bleed-banner-card ul {
    list-style-type: none;
    padding: 0; }
    .half-bleed-banner-card ul li {
      display: block;
      position: relative;
      padding-left: 50px; }
      .half-bleed-banner-card ul li:before {
        /*content: "\E941";
                    font-family: 'magFont' !important;
                    font-size: var(--icon-size);
                    margin-right: 10px;*/
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA4ElEQVR4nO3UsQ2CQBiG4e8XBnAER7gV3EAbMDQ6AgnXiz07aGXsiBM4gq7gBixAsFASI3cHp//ReF9HIDxvAjnAz8/P7y+WRWtk8V51azIKTnQAYaOKcBvQ4u2I7p+PkEN8AaLyjdqhOOXjBMhEAPUFwNSEAy4+gQXOH2CJ8wZ8gZsD0tXMNa4PkIlA2Fwho61LXB/Q1OXzhZQbI37E9QEULAFUrwt1BAOuDyiONyCYayOYcKDvIOpATQ6EZy68P0AZgYoLHxagjmDBgaEHUfefYMHtJxMBGafjw35+DvcAZEpnKF//z+MAAAAASUVORK5CYII=");
        background-position: 0 50%;
        background-repeat: no-repeat;
        width: 32px;
        height: 32px;
        height: 32px;
        display: inline-block;
        height: 100%; }
  .half-bleed-banner-card .half-bleed-banner-cta {
    background-color: #FFFFFF;
    border: 1px solid #001E62;
    color: #001E62;
    padding: 5px; }

.opening-times-block .is-expected-visits-header {
  font-size: var(--font-size-4); }

.opening-times-block .special-opening-times-no-pr {
  padding-right: 0; }

.opening-times-block .opening-times ul p {
  margin-bottom: var(--spacer-2); }

.loyalty-times__opening-days p {
  color: var(--color-gray-80);
  text-align: left; }
  .loyalty-times__opening-days p:last-child {
    margin-bottom: 0; }

.loyalty-times__opening-hours p {
  color: var(--color-gray-80);
  text-align: right; }
  .loyalty-times__opening-hours p:last-child {
    margin-bottom: 0; }

.product-collapse-carousel .product-collapse-carousel-header {
  width: 100%; }
  .product-collapse-carousel .product-collapse-carousel-header img {
    width: 100%; }

.product-collapse-carousel .siema.is-three-slide-carousel {
  -webkit-transition: margin-top 0.5s ease-in-out;
  transition: margin-top 0.5s ease-in-out;
  position: relative;
  padding-top: var(--spacer-4); }
  @media only screen and (min-width: 600px) {
    .product-collapse-carousel .siema.is-three-slide-carousel {
      margin-right: var(--spacer-5);
      margin-left: var(--spacer-5); } }
  .product-collapse-carousel .siema.is-three-slide-carousel .slide .aspect-ratio-container {
    opacity: 1;
    -webkit-transition: border-color 0.5s ease-in-out, opacity 0.3s ease-in-out;
    transition: border-color 0.5s ease-in-out, opacity 0.3s ease-in-out; }
    .product-collapse-carousel .siema.is-three-slide-carousel .slide .aspect-ratio-container::before {
      -webkit-transition: padding-top 0.5s ease-in-out;
      transition: padding-top 0.5s ease-in-out; }
  .product-collapse-carousel .siema.is-three-slide-carousel .siema-arrows {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .product-collapse-carousel .siema.is-three-slide-carousel .siema-arrows button {
      color: var(--color-primary-contrast);
      opacity: 0;
      -webkit-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out; }
      .product-collapse-carousel .siema.is-three-slide-carousel .siema-arrows button.is-showing {
        opacity: 1; }
      .product-collapse-carousel .siema.is-three-slide-carousel .siema-arrows button:first-child {
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
      .product-collapse-carousel .siema.is-three-slide-carousel .siema-arrows button:nth-last-child(-n + 1) {
        -webkit-transform: translateX(50%);
                transform: translateX(50%); }
  .product-collapse-carousel .siema.is-three-slide-carousel .siema-pagination {
    padding-top: var(--spacer-3);
    margin-top: var(--spacer-3);
    border-top: 1px solid var(--color-primary-contrast);
    opacity: 0.7; }

@media only screen and (min-width: 375px) {
  .restaurants-top-picks .row {
    margin: 0 calc(var(--spacer-1) * -1); } }

@media only screen and (min-width: 375px) {
  .restaurants-listing-block .row {
    margin: 0 calc(var(--spacer-1) * -1); } }

.scrollspy-navigation {
  position: sticky;
  top: 65px;
  z-index: 29;
  -webkit-transition: opacity .6s ease-in-out, visibility .6s 0s;
  transition: opacity .6s ease-in-out, visibility .6s 0s; }
  @media only screen and (min-width: 900px) {
    .scrollspy-navigation {
      opacity: 0;
      position: fixed;
      top: 73px;
      left: 0;
      right: 0;
      pointer-events: none;
      visibility: hidden; }
      .scrollspy-navigation.is-expanded {
        opacity: 1;
        pointer-events: auto;
        visibility: visible; } }
  .scrollspy-navigation .has-horizontal-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .scrollspy-navigation .has-horizontal-scroll::-webkit-scrollbar {
      display: none; }
    .scrollspy-navigation .has-horizontal-scroll > li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-right: var(--spacer-3);
      padding-right: var(--spacer-3); }
      .scrollspy-navigation .has-horizontal-scroll > li:nth-last-child(-n + 1) {
        margin-right: 0;
        padding-right: 0; }
      .scrollspy-navigation .has-horizontal-scroll > li > a {
        white-space: nowrap;
        position: relative;
        padding-top: var(--spacer-3);
        padding-bottom: var(--spacer-2); }
        .scrollspy-navigation .has-horizontal-scroll > li > a::after {
          content: '';
          width: 0;
          height: 3px;
          position: absolute;
          bottom: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          background-color: var(--color-gray-0);
          -webkit-transition: width .3s ease;
          transition: width .3s ease; }
        .scrollspy-navigation .has-horizontal-scroll > li > a:focus:after, .scrollspy-navigation .has-horizontal-scroll > li > a.active-scroll:after {
          width: 100%; }
        .scrollspy-navigation .has-horizontal-scroll > li > a:focus, .scrollspy-navigation .has-horizontal-scroll > li > a.active-scroll {
          color: var(--color-gray-30); }

.loyalty-navigation {
  position: sticky;
  top: 65px;
  z-index: 29;
  -webkit-transition: opacity .6s ease-in-out, visibility .6s 0s;
  transition: opacity .6s ease-in-out, visibility .6s 0s; }
  .loyalty-navigation .has-horizontal-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .loyalty-navigation .has-horizontal-scroll::-webkit-scrollbar {
      display: none; }
    .loyalty-navigation .has-horizontal-scroll > li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-right: var(--spacer-3);
      padding-right: var(--spacer-3); }
      .loyalty-navigation .has-horizontal-scroll > li:nth-last-child(-n + 1) {
        margin-right: 0;
        padding-right: 0; }
      .loyalty-navigation .has-horizontal-scroll > li > a {
        white-space: nowrap;
        position: relative;
        padding-top: var(--spacer-3);
        padding-bottom: var(--spacer-2);
        outline: 0; }
        .loyalty-navigation .has-horizontal-scroll > li > a::after {
          content: '';
          width: 0;
          height: 3px;
          position: absolute;
          bottom: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          background-color: var(--color-gray-0);
          -webkit-transition: width .3s ease;
          transition: width .3s ease; }
        .loyalty-navigation .has-horizontal-scroll > li > a:focus:after, .loyalty-navigation .has-horizontal-scroll > li > a.active-scroll:after {
          width: 100%; }
        .loyalty-navigation .has-horizontal-scroll > li > a:focus, .loyalty-navigation .has-horizontal-scroll > li > a.active-scroll {
          color: var(--color-gray-0);
          font-weight: 500; }

.privilege-container .loyalty-content .text-header-block .header-with-img-block {
  position: relative; }
  .privilege-container .loyalty-content .text-header-block .header-with-img-block .header-image {
    min-height: 550px; }
  .privilege-container .loyalty-content .text-header-block .header-with-img-block .banner-text {
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%, -23%);
            transform: translate(-50%, -23%); }
    .privilege-container .loyalty-content .text-header-block .header-with-img-block .banner-text h1 {
      letter-spacing: 5px; }
    .privilege-container .loyalty-content .text-header-block .header-with-img-block .banner-text h2 {
      font-size: 1.25rem; }
    .privilege-container .loyalty-content .text-header-block .header-with-img-block .banner-text hr {
      width: 90%; }
    @media only screen and (min-width: 600px) {
      .privilege-container .loyalty-content .text-header-block .header-with-img-block .banner-text {
        -webkit-transform: translate(-50%, 0%);
                transform: translate(-50%, 0%); }
        .privilege-container .loyalty-content .text-header-block .header-with-img-block .banner-text hr {
          width: 40%; } }

.privilege-container .loyalty-content a.btn {
  background-color: var(--color-gray-50);
  color: var(--color-gray-0);
  border-color: var(--color-gray-50);
  width: 70%;
  white-space: normal; }
  @media only screen and (min-width: 600px) {
    .privilege-container .loyalty-content a.btn {
      width: auto; } }
  .privilege-container .loyalty-content a.btn.is-outlined {
    background-color: var(--color-gray-0);
    color: var(--color-gray-100);
    border-color: var(--color-gray-100); }

.privilege-container .loyalty-content a.btn:hover {
  background-color: var(--color-gray-0);
  color: var(--color-gray-100);
  border-color: var(--color-gray-100); }

.privilege-container .loyalty-content a.btn.is-outlined:hover {
  background-color: var(--color-gray-50);
  color: var(--color-gray-0);
  border-color: var(--color-gray-50); }

.privilege-container .loyalty-content .store-card-wrapper .store-card {
  pointer-events: none; }
  .privilege-container .loyalty-content .store-card-wrapper .store-card .card-content:before {
    background-color: var(--color-gray-50); }

.privilege-container .loyalty-content .loyalty-rewards-block {
  padding-bottom: 48px; }
  .privilege-container .loyalty-content .loyalty-rewards-block .has-bg-primary {
    background-color: var(--color-gray-50);
    border: solid thin var(--color-gray-50); }
  .privilege-container .loyalty-content .loyalty-rewards-block .has-text-gray-0 {
    color: var(--color-gray-0); }
  .privilege-container .loyalty-content .loyalty-rewards-block .has-font-weight-normal {
    font-weight: lighter; }

.privilege-container .loyalty-content .loyalty-rich-text {
  font-size: 1rem; }
  @media only screen and (min-width: 600px) {
    .privilege-container .loyalty-content .loyalty-rich-text {
      font-size: 1.25rem; } }

.privilege-container .loyalty-content .promo-wrapper .promo-round-icon {
  background-color: var(--color-gray-50); }

.privilege-container .loyalty-content .promo-wrapper p {
  font-size: 0.9rem; }
  @media only screen and (min-width: 900px) {
    .privilege-container .loyalty-content .promo-wrapper p {
      font-size: var(--font-size-5); } }

.product-feature-block .siema {
  position: relative;
  max-width: 507px;
  margin: 0 auto; }

.product-feature-block img {
  max-width: 100%;
  height: auto;
  display: block; }

.product-feature-block .siema-pagination {
  display: none; }

.product-feature-block .siema-arrows {
  position: absolute;
  top: 0;
  right: 0; }
  .product-feature-block .siema-arrows button {
    padding: var(--spacer-2); }
    .product-feature-block .siema-arrows button span {
      font-size: 20px; }

.product-feature-block .product-details p {
  font-size: var(--font-size-paragraph); }

.product-feature-block iframe {
  display: block;
  background: #000;
  width: 100%;
  height: 100vh;
  border: none; }

.quote-block {
  text-align: center;
  color: black; }
  .quote-block .copy-background-lateNightShopping, .quote-block .copy-background-sale {
    color: var(--color-gray-0); }
    .quote-block .copy-background-lateNightShopping blockquote > p, .quote-block .copy-background-sale blockquote > p {
      color: var(--color-gray-0); }
    .quote-block .copy-background-lateNightShopping footer cite, .quote-block .copy-background-lateNightShopping footer p, .quote-block .copy-background-sale footer cite, .quote-block .copy-background-sale footer p {
      color: #f2f2f2; }
  .quote-block blockquote {
    padding: 0 1.8rem;
    margin: 0;
    position: relative;
    display: inline-block; }
    .quote-block blockquote h4 {
      padding: 0 1rem; }
    .quote-block blockquote:before, .quote-block blockquote:after {
      font-family: 'magFont' !important;
      speak: none;
      font-size: 1.3rem;
      font-variant: normal;
      text-transform: none;
      content: '\E943';
      position: absolute;
      left: 0.5rem;
      top: 0; }
      @media only screen and (min-width: 600px) {
        .quote-block blockquote:before, .quote-block blockquote:after {
          font-size: 1.6rem; } }
      @media only screen and (min-width: 900px) {
        .quote-block blockquote:before, .quote-block blockquote:after {
          font-size: 1.8rem; } }
      @media only screen and (min-width: ) {
        .quote-block blockquote:before, .quote-block blockquote:after {
          left: 0; } }
    .quote-block blockquote:after {
      content: '\E944';
      left: auto;
      right: 0.5rem;
      top: 30%; }
      @media only screen and (min-width: 900px) {
        .quote-block blockquote:after {
          right: 0; } }
    .quote-block blockquote > p {
      color: var(--color-gray-60);
      font-size: 1.3rem; }
      @media only screen and (min-width: 600px) {
        .quote-block blockquote > p {
          font-size: 1.6rem; } }
      @media only screen and (min-width: 900px) {
        .quote-block blockquote > p {
          font-size: 1.8rem; } }
    .quote-block blockquote footer {
      background-color: transparent;
      margin-top: 0.8rem; }
      .quote-block blockquote footer cite, .quote-block blockquote footer p {
        margin-bottom: 0;
        font-size: 1rem; }
      .quote-block blockquote footer cite {
        font-style: normal;
        font-weight: 600;
        color: black; }
      .quote-block blockquote footer p {
        padding-top: 0.6rem;
        font-size: 1rem; }
.transportation-block-wrapper .journey-block {
  padding-left: var(--spacer-3);
  padding-right: var(--spacer-3);
  padding-top: var(--spacer-4);
  padding-bottom: var(--spacer-4);
  margin-right: -1rem;
  margin-left: -1rem; }
  @media only screen and (min-width: 600px) {
    .transportation-block-wrapper .journey-block {
      margin-right: 0;
      margin-left: 0;
      padding-left: 0;
      padding-right: 0;
      padding-top: var(--spacer-5);
      padding-bottom: var(--spacer-5); } }
  @media only screen and (min-width: 900px) {
    .transportation-block-wrapper .journey-block header {
      position: relative; }
      .transportation-block-wrapper .journey-block header .mag-font {
        position: absolute;
        left: -4.75rem; } }
  .transportation-block-wrapper .journey-block header {
    margin-bottom: 0.75rem; }
    @media only screen and (min-width: 900px) {
      .transportation-block-wrapper .journey-block header {
        margin-top: var(--spacer-2); } }
  .transportation-block-wrapper .journey-block .transportation-links a {
    text-decoration: none;
    margin-bottom: var(--spacer-2);
    margin-left: var(--spacer-3); }
    @media only screen and (min-width: 900px) {
      .transportation-block-wrapper .journey-block .transportation-links a {
        margin-bottom: var(--spacer-3); } }
  .transportation-block-wrapper .journey-block .transportation-links p {
    margin-left: var(--spacer-3); }

.transportation-block-wrapper .transportoptionblock:nth-child(odd) .journey-block {
  background-color: #f4f6f6; }
.product-carousel .siema .siema-arrows {
  padding-bottom: 0.9375rem; }
  .product-carousel .siema .siema-arrows button {
    color: var(--color-gray-0); }

.product-carousel .siema.has-arrow-top.has-arrow-bottom-sm .siema-arrows {
  top: 3.25rem; }
  .product-carousel .siema.has-arrow-top.has-arrow-bottom-sm .siema-arrows > button {
    color: var(--color-gray-100); }

@media only screen and (min-width: 600px) {
  .product-carousel .siema.has-arrow-top.has-arrow-bottom-sm .siema-arrows {
    top: 0; }
    .product-carousel .siema.has-arrow-top.has-arrow-bottom-sm .siema-arrows > button {
      color: var(--color-gray-0); } }

.product-carousel .siema.has-arrow-top .siema-arrows {
  right: 0; }

.product-carousel .slide-description p {
  line-height: 1.1;
  font-size: var(--font-size-paragraph); }

.product-carousel .social-icons {
  margin: var(--spacer-3) 0 var(--spacer-2); }
  .product-carousel .social-icons li a {
    background-color: var(--color-primary-base);
    height: 2rem;
    width: 2rem; }
    .product-carousel .social-icons li a:hover, .product-carousel .social-icons li a:focus {
      background-color: var(--color-gray-40); }
    .product-carousel .social-icons li a .mag-font {
      color: var(--color-gray-0); }
.offers-listing-block .offer-listing-card {
  display: block;
  margin-bottom: 1rem; }
  .offers-listing-block .offer-listing-card .product-details p {
    font-size: var(--font-size-paragraph); }
    .offers-listing-block .offer-listing-card .product-details p:first-child {
      color: #fff; }
  .offers-listing-block .offer-listing-card .product-details .is-cta {
    -webkit-transition: color 0.6s ease-in-out;
    transition: color 0.6s ease-in-out; }
    .offers-listing-block .offer-listing-card .product-details .is-cta:hover, .offers-listing-block .offer-listing-card .product-details .is-cta:focus, .offers-listing-block .offer-listing-card .product-details .is-cta:active {
      color: var(--color-gray-40); }
  .offers-listing-block .offer-listing-card .offer-listing-overlay {
    position: relative;
    overflow: hidden; }
    .offers-listing-block .offer-listing-card .offer-listing-overlay .aspect-ratio-content .media-cover {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transition: -webkit-transform .3s ease-in-out;
      transition: -webkit-transform .3s ease-in-out;
      transition: transform .3s ease-in-out;
      transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }
    .offers-listing-block .offer-listing-card .offer-listing-overlay .aspect-ratio-content:hover .media-cover, .offers-listing-block .offer-listing-card .offer-listing-overlay .aspect-ratio-content:focus .media-cover, .offers-listing-block .offer-listing-card .offer-listing-overlay .aspect-ratio-content:active .media-cover {
      -webkit-transform: scale(1.05);
              transform: scale(1.05); }
    .offers-listing-block .offer-listing-card .offer-listing-overlay .aspect-ratio-content:hover::after, .offers-listing-block .offer-listing-card .offer-listing-overlay .aspect-ratio-content:focus::after, .offers-listing-block .offer-listing-card .offer-listing-overlay .aspect-ratio-content:active::after {
      background-color: rgba(255, 255, 255, 0.3); }
    .offers-listing-block .offer-listing-card .offer-listing-overlay .aspect-ratio-content::after {
      content: "";
      background-color: transparent;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      -webkit-transition: background-color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out; }

.offers-listing-block a.offer-listing-card * {
  pointer-events: none; }

.services-listing-block .services-list .services-item {
  margin-bottom: var(--spacer-10); }
  .services-listing-block .services-list .services-item p {
    margin: 0;
    font-size: var(--font-size-paragraph); }
  .services-listing-block .services-list .services-item i {
    font-size: var(--spacer-10);
    margin-right: var(--spacer-3);
    margin-bottom: 0.3125rem; }

.offer-grid-block .offer-card .offer-card-details .offer-card-brand {
  color: var(--color-primary-light); }

.offer-grid-block .offer-card .offer-card-details .offer-card-promo {
  color: var(--color-gray-0); }

.offer-grid-block .offer-card .offer-card-details .offer-card-cta {
  color: var(--color-gray-0);
  -webkit-transition: color 0.6s ease-in-out;
  transition: color 0.6s ease-in-out; }

.offer-grid-block .offer-card:hover .offer-card-details .offer-card-cta, .offer-grid-block .offer-card:focus .offer-card-details .offer-card-cta {
  color: var(--color-gray-40); }

.whats-on-listing-block a .card-overlay .aspect-ratio-container .aspect-ratio-content:after {
  content: "";
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out; }

.whats-on-listing-block a .card-overlay .aspect-ratio-container .aspect-ratio-content .media-cover {
  -webkit-transform: scale(1);
          transform: scale(1); }

.whats-on-listing-block a:hover .card-overlay .aspect-ratio-container .aspect-ratio-content .media-cover, .whats-on-listing-block a:focus .card-overlay .aspect-ratio-container .aspect-ratio-content .media-cover, .whats-on-listing-block a:active .card-overlay .aspect-ratio-container .aspect-ratio-content .media-cover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05); }

.whats-on-listing-block a:hover .card-overlay .aspect-ratio-container .aspect-ratio-content:after, .whats-on-listing-block a:focus .card-overlay .aspect-ratio-container .aspect-ratio-content:after, .whats-on-listing-block a:active .card-overlay .aspect-ratio-container .aspect-ratio-content:after {
  background-color: rgba(255, 255, 255, 0.3); }

.breadcrumb-bar ul {
  margin-bottom: 0;
  padding: var(--spacer-3) 0;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (min-width: 600px) {
    .breadcrumb-bar ul {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .breadcrumb-bar ul li {
    vertical-align: text-bottom;
    color: var(--color-gray-0);
    white-space: nowrap; }
    .breadcrumb-bar ul li:not(:last-of-type) {
      padding-right: var(--spacer-4); }
    .breadcrumb-bar ul li:not(:first-of-type):before {
      content: '>';
      padding: 0 var(--spacer-3) 0 0; }
    .breadcrumb-bar ul li a {
      color: var(--color-gray-0); }

@-webkit-keyframes bounceFinger {
  from, to {
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0); } }

@keyframes bounceFinger {
  from, 20%, 53%, 80%, to {
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0); }
  70% {
    -webkit-transform: translate3d(-50%, -55%, 0);
            transform: translate3d(-50%, -55%, 0); }
  90% {
    -webkit-transform: translate3d(-50%, -52%, 0);
            transform: translate3d(-50%, -52%, 0); } }

.nav-main .nav-main--header {
  display: none; }
  @media only screen and (min-width: 900px) {
    .nav-main .nav-main--header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

@media only screen and (min-width: 900px) {
  .store-guide-block {
    padding-top: 40px;
    padding-bottom: 40px; } }

.store-guide-block .container {
  max-width: 1800px;
  padding: 0; }

.store-guide-block .mappedin-wrapper {
  height: calc(100vh - (66px));
  position: relative; }
  .store-guide-block .mappedin-wrapper .mappedin-notification {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 1;
    background-color: var(--color-gray-100);
    opacity: 0.5;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: var(--spacer-3); }
    @media only screen and (min-width: 600px) {
      .store-guide-block .mappedin-wrapper .mappedin-notification {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 0; } }
    .store-guide-block .mappedin-wrapper .mappedin-notification .mappedin-notification__content {
      position: relative;
      background-color: var(--color-gray-0);
      max-width: 500px;
      padding: 1rem;
      -webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.1);
              box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.1); }
      @media only screen and (min-width: 600px) {
        .store-guide-block .mappedin-wrapper .mappedin-notification .mappedin-notification__content {
          padding: 3rem 2rem;
          padding-top: var(--spacer-3); } }
      .store-guide-block .mappedin-wrapper .mappedin-notification .mappedin-notification__content h2 {
        font-weight: normal;
        text-transform: none;
        position: relative;
        margin-bottom: var(--spacer-3); }
        @media only screen and (min-width: 600px) {
          .store-guide-block .mappedin-wrapper .mappedin-notification .mappedin-notification__content h2 {
            margin-bottom: 3rem; } }
        .store-guide-block .mappedin-wrapper .mappedin-notification .mappedin-notification__content h2:after {
          content: "";
          position: absolute;
          bottom: -0.5rem;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          width: 150px;
          height: 1px;
          background-color: var(--color-gray-100); }
          @media only screen and (min-width: 600px) {
            .store-guide-block .mappedin-wrapper .mappedin-notification .mappedin-notification__content h2:after {
              bottom: -1rem; } }
        .store-guide-block .mappedin-wrapper .mappedin-notification .mappedin-notification__content h2 i {
          color: var(--color-gray-60);
          font-size: var(--spacer-10);
          line-height: 1; }
          @media only screen and (min-width: 600px) {
            .store-guide-block .mappedin-wrapper .mappedin-notification .mappedin-notification__content h2 i {
              font-size: 4rem;
              line-height: 1.5; } }
      .store-guide-block .mappedin-wrapper .mappedin-notification .mappedin-notification__content .bottom-text {
        font-size: 1.3rem; }
        @media only screen and (min-width: 600px) {
          .store-guide-block .mappedin-wrapper .mappedin-notification .mappedin-notification__content .bottom-text {
            margin-top: var(--spacer-10); } }
      .store-guide-block .mappedin-wrapper .mappedin-notification .mappedin-notification__content .finger-icon {
        width: 3.5rem;
        height: 3.5rem;
        background-color: var(--color-secondary-base);
        border: 2px solid var(--color-gray-0);
        position: absolute;
        bottom: 0;
        border-radius: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, 50%) rotate(180deg);
                transform: translate(-50%, 50%) rotate(180deg); }
        @media only screen and (min-width: 600px) {
          .store-guide-block .mappedin-wrapper .mappedin-notification .mappedin-notification__content .finger-icon {
            width: 5.5rem;
            height: 5.5rem; } }
        @media only screen and (min-width: 900px) {
          .store-guide-block .mappedin-wrapper .mappedin-notification .mappedin-notification__content .finger-icon {
            display: none; } }
        .store-guide-block .mappedin-wrapper .mappedin-notification .mappedin-notification__content .finger-icon i {
          color: var(--color-gray-0);
          font-size: 2rem;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-animation: bounceFinger 3s infinite ease-in;
                  animation: bounceFinger 3s infinite ease-in;
          -webkit-transform-origin: center bottom;
                  transform-origin: center bottom; }
          @media only screen and (min-width: 600px) {
            .store-guide-block .mappedin-wrapper .mappedin-notification .mappedin-notification__content .finger-icon i {
              font-size: 3.5rem; } }
      .store-guide-block .mappedin-wrapper .mappedin-notification .mappedin-notification__content .mappedin-notification__close-cta {
        position: absolute;
        top: 1rem;
        right: 1rem;
        font-size: 1.5rem;
        color: var(--color-gray-60);
        z-index: 1; }
  @media only screen and (min-width: 900px) {
    .store-guide-block .mappedin-wrapper {
      height: calc(70vh); } }

.text-header-block .header-with-img-block .header-image {
  height: 1px;
  min-height: 200px; }
  @media only screen and (min-width: 600px) {
    .text-header-block .header-with-img-block .header-image {
      min-height: 300px; } }
  .text-header-block .header-with-img-block .header-image.is-large {
    min-height: 500px; }

.text-header-block .header-with-img-block .video {
  max-height: 315px; }
  @media only screen and (min-width: 900px) {
    .text-header-block .header-with-img-block .video {
      max-height: 380px; } }

.text-header-block .is-text-header-block-title {
  font-size: 1.125rem;
  letter-spacing: 0.125rem; }
  @media only screen and (min-width: 600px) {
    .text-header-block .is-text-header-block-title {
      font-size: 1.25rem;
      letter-spacing: 0.1875rem; } }

.text-header-block p {
  font-size: var(--font-size-paragraph); }
.newsletter-signup-form {
  margin: var(--spacer-10) 0; }
  .newsletter-signup-form .section-header h2 {
    font-size: var(--font-size-4);
    font-weight: normal;
    text-align: left; }
  .newsletter-signup-form .form-section-header,
  .newsletter-signup-form .form-section-under-header {
    display: none; }
  .newsletter-signup-form .form-group.radios {
    padding-top: var(--spacer-3); }
  .newsletter-signup-form .proceed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media only screen and (min-width: 600px) {
      .newsletter-signup-form .proceed {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }
    .newsletter-signup-form .proceed button {
      background-color: var(--color-primary-base);
      color: var(--color-gray-0);
      padding: 0.75rem var(--spacer-6); }
.side-by-side-modules .block {
  display: block;
  height: auto;
  width: auto;
  position: relative;
  vertical-align: middle; }
  @media only screen and (min-width: 600px) {
    .side-by-side-modules .block {
      display: inline-block;
      height: 150px;
      width: 50%; } }

.side-by-side-modules .block:first-of-type:after {
  content: "";
  position: absolute;
  top: 35%;
  right: 0;
  width: 0;
  height: 0;
  background: #2E4C57; }
  @media only screen and (min-width: 600px) {
    .side-by-side-modules .block:first-of-type:after {
      width: 1px;
      height: 45px; } }
.mappedinblock .aspect-ratio-container.is-golden:before {
  padding-top: 161.8%; }
  @media only screen and (min-width: 600px) {
    .mappedinblock .aspect-ratio-container.is-golden:before {
      padding-top: 61.80%; } }
.accordion-block li {
  margin-bottom: 12px; }
  .accordion-block li:last-child {
    margin-bottom: 0; }

.accordion-block .menu-heading {
  font-size: 1rem;
  line-height: 1.375;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color-gray-10);
  color: var(--color-gray-80);
  font-weight: normal;
  cursor: pointer;
  padding: 16px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  -webkit-transition: 0.4s;
  transition: 0.4s; }
  .accordion-block .menu-heading.has-icon-chevron:after {
    font-size: 1rem;
    line-height: 1;
    content: "\E907";
    margin-left: 10px;
    font-family: var(--font-family-icon);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
  .accordion-block .menu-heading.is-open:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.accordion-block.is-numbered .menu-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--spacer-3) 4rem var(--spacer-3) var(--spacer-3); }
  .accordion-block.is-numbered .menu-heading.is-open .rounded-number {
    color: var(--color-primary-base);
    background-color: var(--color-gray-0); }
  .accordion-block.is-numbered .menu-heading .rounded-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--color-gray-0);
    background-color: var(--color-primary-base);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    margin-right: var(--spacer-3);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }

.accordion-block .panel {
  font-size: 1rem;
  line-height: 1.75;
  display: block;
  margin: 0;
  color: var(--color-gray-50);
  background-color: var(--color-gray-0);
  max-height: 0;
  overflow: hidden;
  border-right: 1px solid var(--color-gray-10);
  border-bottom: 1px solid var(--color-gray-10);
  border-left: 1px solid var(--color-gray-10);
  padding: 0 24px;
  font-weight: 100;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.anchorlinkgallery .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1199px;
  margin: auto; }

.black-friday-gallery {
  width: auto;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .black-friday-gallery {
      padding: 100px;
      padding-bottom: 20px;
      padding-top: 20px; } }
  @media (max-width: 768px) {
    .black-friday-gallery {
      padding: 90px 60px 30px 60px; } }
  .black-friday-gallery .calendar-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 15px;
    -webkit-column-gap: 1.5px;
       -moz-column-gap: 1.5px;
            column-gap: 1.5px; }
    @media (max-width: 767px) {
      .black-friday-gallery .calendar-grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr; } }
  .black-friday-gallery .day-tile {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    -ms-grid-rows: auto 35px;
    grid-template-rows: auto 35px;
    row-gap: 10px; }
    .black-friday-gallery .day-tile img {
      width: 100%;
      height: auto;
      display: block;
      -o-object-fit: cover;
         object-fit: cover; }
  .black-friday-gallery .calendar-image-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .black-friday-gallery .cta {
    text-align: center;
    margin-top: 5px;
    color: black;
    padding: 12px 18px;
    border-radius: 0.8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Figtree;
    font-weight: 400;
    font-size: 12px;
    border: 0.8px solid black;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .black-friday-gallery .cta-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
.countdown-banner-block {
  padding: 0.875rem 0;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center; }
  .countdown-banner-block.is-red {
    background-color: var(--color-secondary-base); }
    .countdown-banner-block.is-red h5, .countdown-banner-block.is-red a, .countdown-banner-block.is-red p, .countdown-banner-block.is-red span {
      color: var(--color-gray-0); }
  .countdown-banner-block.is-black {
    background-color: var(--color-gray-100); }
    .countdown-banner-block.is-black h5, .countdown-banner-block.is-black a, .countdown-banner-block.is-black p, .countdown-banner-block.is-black span {
      color: var(--color-gray-0); }
  .countdown-banner-block.is-blue {
    background-color: #007aa1; }
    .countdown-banner-block.is-blue h5, .countdown-banner-block.is-blue a, .countdown-banner-block.is-blue p, .countdown-banner-block.is-blue span {
      color: var(--color-gray-0); }
  .countdown-banner-block.is-white {
    background: var(--color-gray-0); }
    .countdown-banner-block.is-white.has-bottom-border-black {
      border-bottom: 1px solid var(--color-gray-100); }
    .countdown-banner-block.is-white h5, .countdown-banner-block.is-white a, .countdown-banner-block.is-white p, .countdown-banner-block.is-white span {
      color: var(--color-gray-100); }
  .countdown-banner-block.is-ss23-sky-blue {
    background-color: #BCD4EE; }
    .countdown-banner-block.is-ss23-sky-blue h5, .countdown-banner-block.is-ss23-sky-blue a, .countdown-banner-block.is-ss23-sky-blue p, .countdown-banner-block.is-ss23-sky-blue span {
      color: var(--color-gray-0); }
  .countdown-banner-block.is-ss23-mcarthurglen-blue {
    background-color: #001E62; }
    .countdown-banner-block.is-ss23-mcarthurglen-blue h5, .countdown-banner-block.is-ss23-mcarthurglen-blue a, .countdown-banner-block.is-ss23-mcarthurglen-blue p, .countdown-banner-block.is-ss23-mcarthurglen-blue span {
      color: var(--color-gray-0); }
  .countdown-banner-block.is-sss23-hot-pink {
    background-color: #EC1A7F; }
    .countdown-banner-block.is-sss23-hot-pink h5, .countdown-banner-block.is-sss23-hot-pink a, .countdown-banner-block.is-sss23-hot-pink p, .countdown-banner-block.is-sss23-hot-pink span {
      color: var(--color-gray-0); }
  .countdown-banner-block.is-sss23-dusty-pink {
    background-color: #EEA8BC; }
    .countdown-banner-block.is-sss23-dusty-pink h5, .countdown-banner-block.is-sss23-dusty-pink a, .countdown-banner-block.is-sss23-dusty-pink p, .countdown-banner-block.is-sss23-dusty-pink span {
      color: var(--color-gray-0); }
  .countdown-banner-block.is-sss23-zesty-green {
    background-color: #C5D93F; }
    .countdown-banner-block.is-sss23-zesty-green h5, .countdown-banner-block.is-sss23-zesty-green a, .countdown-banner-block.is-sss23-zesty-green p, .countdown-banner-block.is-sss23-zesty-green span {
      color: var(--color-gray-0); }
  .countdown-banner-block.is-sss23-sunset-orange {
    background-color: #F37F52; }
    .countdown-banner-block.is-sss23-sunset-orange h5, .countdown-banner-block.is-sss23-sunset-orange a, .countdown-banner-block.is-sss23-sunset-orange p, .countdown-banner-block.is-sss23-sunset-orange span {
      color: var(--color-gray-0); }
  .countdown-banner-block.is-sss23-royal-purple {
    background-color: #824F9F; }
    .countdown-banner-block.is-sss23-royal-purple h5, .countdown-banner-block.is-sss23-royal-purple a, .countdown-banner-block.is-sss23-royal-purple p, .countdown-banner-block.is-sss23-royal-purple span {
      color: var(--color-gray-0); }
  .countdown-banner-block.is-sss23-tactical-teal {
    background-color: #00A19B; }
    .countdown-banner-block.is-sss23-tactical-teal h5, .countdown-banner-block.is-sss23-tactical-teal a, .countdown-banner-block.is-sss23-tactical-teal p, .countdown-banner-block.is-sss23-tactical-teal span {
      color: var(--color-gray-0); }
  .countdown-banner-block.is-sss23-tactical-dark-teal {
    background-color: #006B65; }
    .countdown-banner-block.is-sss23-tactical-dark-teal h5, .countdown-banner-block.is-sss23-tactical-dark-teal a, .countdown-banner-block.is-sss23-tactical-dark-teal p, .countdown-banner-block.is-sss23-tactical-dark-teal span {
      color: var(--color-gray-0); }
  .countdown-banner-block.is-sss23-cream {
    background-color: #F5F4ED; }
    .countdown-banner-block.is-sss23-cream h5, .countdown-banner-block.is-sss23-cream a, .countdown-banner-block.is-sss23-cream p, .countdown-banner-block.is-sss23-cream span {
      color: var(--color-gray-0); }
  .countdown-banner-block.is-sss23-sale-yellow {
    background-color: #FFE600; }
    .countdown-banner-block.is-sss23-sale-yellow h5, .countdown-banner-block.is-sss23-sale-yellow a, .countdown-banner-block.is-sss23-sale-yellow p, .countdown-banner-block.is-sss23-sale-yellow span {
      color: var(--color-gray-0); }
  .countdown-banner-block.is-aw23-emerald-green {
    background-color: #009251; }
    .countdown-banner-block.is-aw23-emerald-green h5, .countdown-banner-block.is-aw23-emerald-green a, .countdown-banner-block.is-aw23-emerald-green p, .countdown-banner-block.is-aw23-emerald-green span {
      color: var(--color-gray-0); }
  .countdown-banner-block.is-aw23-pumpkin-orange {
    background-color: #F15A23; }
    .countdown-banner-block.is-aw23-pumpkin-orange h5, .countdown-banner-block.is-aw23-pumpkin-orange a, .countdown-banner-block.is-aw23-pumpkin-orange p, .countdown-banner-block.is-aw23-pumpkin-orange span {
      color: var(--color-gray-0); }
  .countdown-banner-block.is-aw23-rich-purple {
    background-color: #8B1F7E; }
    .countdown-banner-block.is-aw23-rich-purple h5, .countdown-banner-block.is-aw23-rich-purple a, .countdown-banner-block.is-aw23-rich-purple p, .countdown-banner-block.is-aw23-rich-purple span {
      color: var(--color-gray-0); }
  .countdown-banner-block.is-aw23-arctic-blue {
    background-color: #71CFEB; }
    .countdown-banner-block.is-aw23-arctic-blue h5, .countdown-banner-block.is-aw23-arctic-blue a, .countdown-banner-block.is-aw23-arctic-blue p, .countdown-banner-block.is-aw23-arctic-blue span {
      color: var(--color-gray-0); }
  .countdown-banner-block .countdown-timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-align: center; }
    .countdown-banner-block .countdown-timer p {
      margin: 0; }
    .countdown-banner-block .countdown-timer span {
      text-transform: uppercase;
      font-size: 0.6875rem;
      font-weight: lighter;
      text-align: center;
      display: block; }
      @media only screen and (min-width: 600px) {
        .countdown-banner-block .countdown-timer span {
          font-size: 1rem; } }
      .countdown-banner-block .countdown-timer span:not(.number) {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 0%;
                flex: 1 1 0%;
        position: relative;
        display: block;
        text-align: center; }
        .countdown-banner-block .countdown-timer span:not(.number):after {
          content: ':';
          font-size: 2rem;
          position: absolute;
          right: 0;
          top: 0;
          line-height: 0.375; }
          @media only screen and (min-width: 600px) {
            .countdown-banner-block .countdown-timer span:not(.number):after {
              font-size: 4rem; } }
        .countdown-banner-block .countdown-timer span:not(.number):last-child:after {
          display: none; }
      .countdown-banner-block .countdown-timer span.number {
        display: block;
        font-size: 1.25rem;
        line-height: 1;
        margin-bottom: 0.375rem;
        text-align: center; }
        @media only screen and (min-width: 600px) {
          .countdown-banner-block .countdown-timer span.number {
            font-size: 2.75rem; } }
  .countdown-banner-block .deal-live-text {
    display: none; }
  .countdown-banner-block .content-heading h5 {
    font-weight: lighter;
    text-align: center;
    font-size: 1rem; }
  .countdown-banner-block.is-in-banner {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    z-index: 10; }
    @media only screen and (min-width: 900px) {
      .countdown-banner-block.is-in-banner {
        max-width: 426px; } }
    .countdown-banner-block.is-in-banner .countdown-timer span.number {
      margin-bottom: 0;
      font-size: 2rem; }
    .countdown-banner-block.is-in-banner .countdown-timer span:not(.number) {
      font-size: 0.75rem; }
      @media only screen and (min-width: 600px) {
        .countdown-banner-block.is-in-banner .countdown-timer span:not(.number) {
          font-size: 0.875rem; } }
      .countdown-banner-block.is-in-banner .countdown-timer span:not(.number):after {
        font-size: 2.5rem;
        line-height: 1;
        top: -10px;
        right: -4px; }
.buy-gift-card-form-one .top-right-edit {
  position: absolute;
  top: var(--spacer-10);
  right: 50px; }
  .buy-gift-card-form-one .top-right-edit a {
    position: relative;
    color: var(--color-primary-base);
    display: inline-block;
    font-weight: normal;
    font-size: var(--font-size-5); }
    .buy-gift-card-form-one .top-right-edit a.has-vertical-divider:after {
      content: '';
      position: absolute;
      top: -1px;
      right: 12px;
      display: block;
      width: 2px;
      height: 25px;
      background: var(--color-gray-30); }

.buy-gift-card-form-one .top-right-cancel {
  text-align: right;
  margin-bottom: var(--spacer-2); }
  @media only screen and (min-width: 600px) {
    .buy-gift-card-form-one .top-right-cancel {
      position: absolute;
      top: 0;
      right: var(--spacer-3); } }

.buy-gift-card-form-one .btn-add-gift-card,
.buy-gift-card-form-one .btn-cancel-gift-card.is-outlined {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }
  @media only screen and (min-width: 600px) {
    .buy-gift-card-form-one .btn-add-gift-card,
    .buy-gift-card-form-one .btn-cancel-gift-card.is-outlined {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      margin-right: var(--spacer-6); } }
  .buy-gift-card-form-one .btn-add-gift-card i,
  .buy-gift-card-form-one .btn-cancel-gift-card.is-outlined i {
    font-size: var(--font-size-4); }

.buy-gift-card-form-one .proceed-button,
.buy-gift-card-form-one .btn-update-gift-card {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }
  @media only screen and (min-width: 600px) {
    .buy-gift-card-form-one .proceed-button,
    .buy-gift-card-form-one .btn-update-gift-card {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto; } }

.buy-gift-card-form-one .form-group .dob-inline-group {
  border: 1px solid var(--color-gray-30);
  cursor: pointer; }
  .buy-gift-card-form-one .form-group .dob-inline-group.input-validation-error {
    border: 1px solid var(--color-secondary-base); }
  .buy-gift-card-form-one .form-group .dob-inline-group input {
    height: 39px;
    width: 53px;
    border: none; }
    .buy-gift-card-form-one .form-group .dob-inline-group input.year {
      width: 80px; }
  .buy-gift-card-form-one .form-group .dob-inline-group .dob-divider {
    top: 7px;
    cursor: pointer; }
  .buy-gift-card-form-one .form-group .dob-inline-group input[type=number]::-webkit-inner-spin-button,
  .buy-gift-card-form-one .form-group .dob-inline-group input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .buy-gift-card-form-one .form-group .dob-inline-group input[type=number] {
    -moz-appearance: textfield; }
  .buy-gift-card-form-one .form-group .dob-inline-group .dob-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-gray-0);
    padding: var(--spacer-2) var(--spacer-2) var(--spacer-2) var(--spacer-3);
    z-index: 1; }

@media only screen and (min-width: 900px) {
  .loyalty-promo-block .promo-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; } }

.loyalty-promo-block .promo-wrapper .promo-round-icon {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  max-width: 70px; }

.loyalty-promo-block .promo-wrapper .promo-text {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto; }
  @media only screen and (min-width: 900px) {
    .loyalty-promo-block .promo-wrapper .promo-text {
      text-align: center; } }
.loyalty-rewards-block .brand-with-line {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 3rem; }
  .loyalty-rewards-block .brand-with-line:before, .loyalty-rewards-block .brand-with-line:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    height: 3px;
    background-color: var(--color-gray-0);
    width: 1.5rem; }
  .loyalty-rewards-block .brand-with-line:before {
    left: -1.5rem; }
  .loyalty-rewards-block .brand-with-line:after {
    right: -1.5rem; }
  .loyalty-rewards-block .brand-with-line i {
    font-size: 2rem; }
.qr-code-icon {
  -webkit-transform: scale(1);
          transform: scale(1);
  outline: none;
  -webkit-transition: all 1s;
  transition: all 1s;
  outline: none !important;
  margin-bottom: 0; }
  @media only screen and (min-width: 900px) {
    .qr-code-icon {
      margin-bottom: 1rem;
      pointer-events: none; } }

.qr-animate {
  -webkit-transform: scale(2.1);
          transform: scale(2.1);
  margin-bottom: 5rem;
  margin-top: 4rem; }
  @media only screen and (min-width: 900px) {
    .qr-animate {
      margin-bottom: 1rem;
      -webkit-transform: scale(1);
              transform: scale(1);
      margin-top: 0; } }

.qr-dialog dialog {
  background-color: transparent; }
  .qr-dialog dialog #loyalty-offer-qr {
    width: 100%;
    height: auto;
    max-width: 310px;
    display: block;
    margin: 0 auto; }

@media only screen and (max-width: 600px) {
  .has-picturefill-default-bg {
    background-image: none !important;
    border-top: 1px solid var(--color-gray-70); } }

.has-picturefill-default-bg.picturefill-background {
  background-color: var(--color-gray-0); }

.has-picturefill-default-bg .offer-listing-landing-header h1 {
  font-size: 2rem;
  margin-bottom: 0.5rem; }
  @media only screen and (min-width: 600px) {
    .has-picturefill-default-bg .offer-listing-landing-header h1 {
      color: var(--color-gray-0); } }

.has-picturefill-default-bg .offer-listing-landing-header p {
  font-size: 14px;
  font-weight: 400; }
  @media only screen and (min-width: 600px) {
    .has-picturefill-default-bg .offer-listing-landing-header p {
      color: var(--color-gray-0); } }
.offer-card {
  margin-bottom: var(--spacer-5); }
  @media only screen and (min-width: 600px) {
    .offer-card {
      margin-bottom: var(--spacer-11); } }
  .offer-card .offer-card-details {
    padding-top: var(--spacer-1);
    padding-bottom: var(--spacer-2); }
    @media only screen and (min-width: 600px) {
      .offer-card .offer-card-details {
        text-align: center; } }
    .offer-card .offer-card-details p {
      font-size: var(--font-size-paragraph); }
  .offer-card.has-ribbon .aspect-ratio-container {
    position: relative; }
    .offer-card.has-ribbon .aspect-ratio-container .aspect-ratio-content:before {
      content: "Privilege Club";
      position: absolute;
      top: 25px;
      left: -117px;
      width: 110%;
      background-color: var(--color-gray-100);
      padding: 0.75rem;
      text-align: center;
      font-size: 0.875rem;
      font-weight: normal;
      color: var(--color-gray-0);
      -webkit-transform: perspective(1px) rotate(-45deg);
              transform: perspective(1px) rotate(-45deg);
      z-index: 1; }
      @media only screen and (min-width: 600px) {
        .offer-card.has-ribbon .aspect-ratio-container .aspect-ratio-content:before {
          top: 18px;
          left: -39px;
          width: 100%; } }
      @media only screen and (min-width: 900px) {
        .offer-card.has-ribbon .aspect-ratio-container .aspect-ratio-content:before {
          top: 25px;
          left: -84px;
          width: 100%; } }
      @media only screen and (min-width: 1200px) {
        .offer-card.has-ribbon .aspect-ratio-container .aspect-ratio-content:before {
          top: 29px;
          left: -125px;
          width: 100%; } }
      @media only screen and (min-width: 1800px) {
        .offer-card.has-ribbon .aspect-ratio-container .aspect-ratio-content:before {
          top: 36px;
          left: -147px;
          width: 100%; } }
  .offer-card.has-ribbon-small .aspect-ratio-container {
    position: relative; }
    .offer-card.has-ribbon-small .aspect-ratio-container .aspect-ratio-content:before {
      content: "Privilege Club";
      position: absolute;
      top: 19px;
      left: -47px;
      width: 110%;
      background-color: var(--color-gray-100);
      padding: 0.75rem;
      text-align: center;
      font-size: 0.875rem;
      font-weight: normal;
      color: var(--color-gray-0);
      -webkit-transform: perspective(1px) rotate(-45deg);
              transform: perspective(1px) rotate(-45deg);
      z-index: 1; }
      @media only screen and (min-width: 600px) {
        .offer-card.has-ribbon-small .aspect-ratio-container .aspect-ratio-content:before {
          top: 20px;
          left: -46px;
          width: 110%; } }
      @media only screen and (min-width: 900px) {
        .offer-card.has-ribbon-small .aspect-ratio-container .aspect-ratio-content:before {
          top: 19px;
          left: -56px;
          width: 100%; } }
      @media only screen and (min-width: 1200px) {
        .offer-card.has-ribbon-small .aspect-ratio-container .aspect-ratio-content:before {
          top: 23px;
          left: -88px;
          width: 100%; } }
      @media only screen and (min-width: 1800px) {
        .offer-card.has-ribbon-small .aspect-ratio-container .aspect-ratio-content:before {
          top: 23px;
          left: -111px;
          width: 100%; } }

a.offer-card * {
  pointer-events: none; }
.offer-landing-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media only screen and (min-width: 1200px) {
    .offer-landing-content {
      display: block;
      -webkit-box-orient: unset;
      -webkit-box-direction: unset;
          -ms-flex-direction: unset;
              flex-direction: unset; } }
  .offer-landing-content > div:first-child {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
    @media only screen and (min-width: 1200px) {
      .offer-landing-content > div:first-child {
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0; } }

.offer-landing-header-card .tc-summary {
  padding-right: var(--spacer-5); }

.offer-landing-header-card .offer-landing-header-card-content {
  margin-top: -2rem;
  position: relative; }
  @media only screen and (min-width: 1200px) {
    .offer-landing-header-card .offer-landing-header-card-content {
      margin-top: 0;
      border-left: none; } }
  .offer-landing-header-card .offer-landing-header-card-content p:not(.is-store-name) {
    margin-bottom: var(--spacer-2);
    font-size: var(--font-size-paragraph); }
    @media only screen and (min-width: 600px) {
      .offer-landing-header-card .offer-landing-header-card-content p:not(.is-store-name) {
        margin-bottom: var(--spacer-3); } }
  .offer-landing-header-card .offer-landing-header-card-content p.headline {
    font-size: var(--font-size-4); }
  .offer-landing-header-card .offer-landing-header-card-content .love-btn {
    position: absolute;
    top: var(--spacer-5);
    right: 0;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    height: 45px;
    width: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 50%; }
    @media only screen and (min-width: 1200px) {
      .offer-landing-header-card .offer-landing-header-card-content .love-btn {
        right: var(--spacer-3);
        top: 0; } }
    .offer-landing-header-card .offer-landing-header-card-content .love-btn .single-offer-save-button {
      font-size: 1.5rem; }
  .offer-landing-header-card .offer-landing-header-card-content .back-arrow {
    position: absolute;
    top: var(--spacer-2);
    left: var(--spacer-3); }

.how-it-works-block .icon-number-wrapper {
  display: inline-block;
  position: relative;
  width: 80px; }
  .how-it-works-block .icon-number-wrapper i {
    font-size: 5rem; }
  .how-it-works-block .icon-number-wrapper .rounded-number {
    position: absolute;
    top: -10px;
    right: 0;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.modal-login-form {
  max-width: 380px;
  margin: 0 auto; }

.loyalty-settings-block a {
  color: #4d4c52;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  font-size: var(--font-size-small); }
  @media only screen and (min-width: 600px) {
    .loyalty-settings-block a {
      font-size: var(--font-size-paragraph); } }
  .loyalty-settings-block a span.mag-font {
    font-size: var(--font-size-4); }
    @media only screen and (min-width: 600px) {
      .loyalty-settings-block a span.mag-font {
        font-size: var(--font-size-3); } }
  .loyalty-settings-block a:hover, .loyalty-settings-block a:focus {
    background-color: #4d4c52;
    color: var(--color-gray-0); }

.loyalty-language-block .siema.is-language-carousel {
  max-width: 480px;
  margin: 0 auto; }
  @media only screen and (min-width: 600px) {
    .loyalty-language-block .siema.is-language-carousel .siema-arrows > button {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      z-index: 1; }
      .loyalty-language-block .siema.is-language-carousel .siema-arrows > button:first-child {
        left: -1.5rem; }
      .loyalty-language-block .siema.is-language-carousel .siema-arrows > button:nth-last-child(-n+1) {
        right: -1.5rem; }
      .loyalty-language-block .siema.is-language-carousel .siema-arrows > button span {
        font-size: var(--font-size-4);
        opacity: 0.2; }
      .loyalty-language-block .siema.is-language-carousel .siema-arrows > button.is-showing span {
        opacity: 1; } }

.loyalty-language-block .language-modal-header h3 {
  letter-spacing: 0.3125rem;
  font-size: var(--font-size-4); }
  @media only screen and (min-width: 600px) {
    .loyalty-language-block .language-modal-header h3 {
      font-size: var(--font-size-3); } }

.loyalty-language-block .slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 160px; }
  @media only screen and (min-width: 600px) {
    .loyalty-language-block .slide {
      height: 200px; } }

.loyalty-language-block .lang-selector {
  position: relative;
  opacity: 0.5;
  font-size: var(--font-size-5);
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
  @media only screen and (min-width: 600px) {
    .loyalty-language-block .lang-selector {
      font-size: var(--font-size-4); } }
  .loyalty-language-block .lang-selector.is-active {
    opacity: 1; }
    .loyalty-language-block .lang-selector.is-active .image-wrapper {
      width: 90px;
      height: 90px; }
      @media only screen and (min-width: 600px) {
        .loyalty-language-block .lang-selector.is-active .image-wrapper {
          width: 140px;
          height: 140px; } }
  .loyalty-language-block .lang-selector .image-wrapper {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    border: 2px solid var(--color-gray-0);
    -webkit-box-shadow: 0px 8px 7px 4px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 8px 7px 4px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
    @media only screen and (min-width: 600px) {
      .loyalty-language-block .lang-selector .image-wrapper {
        width: 100px;
        height: 100px; } }

.loyalty-language-block input[type="radio"] {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.loyalty-preferred-centre-block form div[class^="col-"]:nth-child(even) .country-wrapper {
  padding-left: var(--spacer-3); }

.loyalty-preferred-centre-block .country-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--color-text-base);
  padding-right: var(--spacer-3); }
  .loyalty-preferred-centre-block .country-title:after {
    content: "";
    position: relative;
    width: 100%;
    background-color: var(--color-text-base);
    height: 1px;
    top: 0.9375rem;
    left: var(--spacer-3); }

.loyalty-preferred-centre-block label {
  position: relative; }
  .loyalty-preferred-centre-block label input[type="radio"] {
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .loyalty-preferred-centre-block label input[type="radio"]:checked ~ .control-indicator {
      border-color: var(--color-gray-40); }
      .loyalty-preferred-centre-block label input[type="radio"]:checked ~ .control-indicator:after {
        opacity: 1; }
  .loyalty-preferred-centre-block label .control-indicator {
    position: relative;
    height: 20px;
    width: 20px;
    background-color: var(--color-gray-0);
    border: 1px solid var(--color-gray-30);
    border-radius: 50%;
    background: var(--color-gray-0);
    -webkit-transition: border 0.5s ease-in-out;
    transition: border 0.5s ease-in-out; }
    .loyalty-preferred-centre-block label .control-indicator:after {
      opacity: 0;
      content: '';
      position: absolute;
      left: 4px;
      top: 4px;
      height: 10px;
      width: 10px;
      border-radius: 50%;
      background: var(--color-loyalty-base);
      -webkit-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out; }

.loyalty-preferred-centre-block .mobile .custom-input input[type="radio"] ~ .custom-input-indicator:after {
  right: 12px; }

.how-privilege-works-block .privilege-club-icon {
  border-radius: 50%;
  width: 100px;
  height: 100px; }
  .how-privilege-works-block .privilege-club-icon .mag-font {
    font-size: 4rem; }

.how-privilege-works-block .privilege-club-heading {
  letter-spacing: 4px; }
  @media only screen and (min-width: 900px) {
    .how-privilege-works-block .privilege-club-heading {
      text-align: left; } }

.how-privilege-works-block .privilege-club-text p {
  line-height: 1.3125rem; }
  @media only screen and (min-width: 900px) {
    .how-privilege-works-block .privilege-club-text p {
      text-align: left; } }
.row-card-with-img > .row > .styled-img-container {
  padding: var(--spacer-5); }
  @media only screen and (min-width: 900px) {
    .row-card-with-img > .row > .styled-img-container {
      padding: 0; } }

.row-card-with-img > .row > .styled-img-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media only screen and (min-width: 900px) {
    .row-card-with-img > .row > .styled-img-container {
      padding-right: var(--spacer-7); } }

.row-card-with-img > .row > .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: none; }
  .row-card-with-img > .row > .card > .btn {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }

@media only screen and (min-width: 900px) {
  .row-card-with-img.has-img-right > .row > .card {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; } }

@media only screen and (min-width: 900px) {
  .row-card-with-img.has-img-right > .row > .styled-img-container {
    padding-right: 0;
    padding-left: var(--spacer-7); } }
.offers-top-picks .offer-card {
  margin-left: var(--spacer-2);
  margin-right: var(--spacer-2);
  margin-bottom: 0; }

.offers-top-picks .offer-card-details {
  padding-top: var(--spacer-2);
  padding-bottom: 0;
  margin-left: var(--spacer-2); }

.offers-top-picks .favourite-btn-wrapper {
  position: absolute;
  top: 0.0625rem;
  right: var(--spacer-2);
  z-index: 1; }
  .offers-top-picks .favourite-btn-wrapper .favourite-button {
    background-color: transparent;
    color: var(--color-gray-0);
    padding: 0.375rem;
    font-weight: normal;
    font-size: 1rem; }

.offers-top-picks-carousel .title {
  line-height: 1;
  letter-spacing: 0.125rem; }

.offers-top-picks-carousel .siema-slides-wrapper {
  margin-left: 0.6875rem; }

.offers-top-picks-carousel .siema .siema-arrows {
  top: -1.5rem;
  right: var(--spacer-2);
  padding-bottom: 0; }
  .offers-top-picks-carousel .siema .siema-arrows button {
    font-size: var(--font-size-5);
    color: var(--color-gray-40); }

.offers-top-picks-carousel .offer-card {
  margin-bottom: 0; }

.offers-top-picks-carousel .offer-card-details {
  padding-top: var(--spacer-2); }
  .offers-top-picks-carousel .offer-card-details .offer-card-brand {
    font-size: var(--font-size-small); }
  .offers-top-picks-carousel .offer-card-details .offer-card-promo {
    font-size: 0.8125rem; }

.offers-top-picks-carousel .favourite-btn-wrapper {
  position: absolute;
  top: 0.0625rem;
  right: var(--spacer-1);
  z-index: 1; }
  .offers-top-picks-carousel .favourite-btn-wrapper .favourite-button {
    background-color: transparent;
    color: var(--color-gray-0);
    padding: 0.375rem;
    font-weight: normal;
    font-size: 0.9375rem; }
.dialog.offers-mobile.is-hiding dialog.modal-slide-up {
  -webkit-animation: modal-slide-down 300ms ease-out forwards;
          animation: modal-slide-down 300ms ease-out forwards; }

.dialog.offers-mobile.is-hiding dialog.modal-slide-left {
  -webkit-animation: modal-slide-right 250ms ease-out forwards;
          animation: modal-slide-right 250ms ease-out forwards; }

.dialog.offers-mobile dialog {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  position: fixed;
  -webkit-transform: none;
          transform: none;
  padding-top: var(--spacer-12);
  padding-bottom: var(--spacer-7);
  max-width: none;
  max-height: none;
  overflow-y: auto;
  background: var(--color-gray-0);
  z-index: 50; }
  .dialog.offers-mobile dialog.modal-slide-up {
    -webkit-animation: modal-slide-up 300ms ease-out backwards 10ms;
            animation: modal-slide-up 300ms ease-out backwards 10ms; }
  .dialog.offers-mobile dialog.modal-slide-left {
    -webkit-animation: modal-slide-left 250ms ease-out backwards 10ms;
            animation: modal-slide-left 250ms ease-out backwards 10ms; }
  .dialog.offers-mobile dialog .dialog-header {
    padding-left: var(--spacer-5);
    padding-right: var(--spacer-5);
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 51; }
    .dialog.offers-mobile dialog .dialog-header .dialog-close-cta {
      left: var(--spacer-3); }
    .dialog.offers-mobile dialog .dialog-header h2 {
      line-height: 1;
      padding-top: 5px; }
  .dialog.offers-mobile dialog .filter-type-list button:hover, .dialog.offers-mobile dialog .filter-type-list button:focus {
    background-color: var(--color-gray-0);
    border-color: var(--color-gray-0);
    color: inherit; }
  .dialog.offers-mobile dialog .filter-group .custom-input {
    display: inline-block;
    margin-bottom: var(--spacer-4);
    font-size: var(--font-size-paragraph); }
  .dialog.offers-mobile dialog .filter-group .custom-radio {
    font-weight: lighter;
    font-size: var(--font-size-paragraph);
    padding-left: var(--spacer-11);
    margin-top: 0;
    margin-bottom: var(--spacer-3); }
    .dialog.offers-mobile dialog .filter-group .custom-radio .control-indicator {
      top: 2px;
      height: 26px;
      width: 26px; }
      .dialog.offers-mobile dialog .filter-group .custom-radio .control-indicator:after {
        left: 8px;
        top: 8px;
        height: 8px;
        width: 8px; }
  .dialog.offers-mobile dialog .filter-group .btn-group {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 2px solid var(--color-gray-30); }
    .dialog.offers-mobile dialog .filter-group .btn-group .btn-wrapper {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0%;
              flex: 1 1 0%; }
    .dialog.offers-mobile dialog .filter-group .btn-group .btn {
      padding: 0.75rem 1rem;
      font-size: 0.9375rem; }
      .dialog.offers-mobile dialog .filter-group .btn-group .btn.half-width {
        width: 50%; }
  .dialog.offers-mobile dialog .mag-font {
    vertical-align: middle; }

@-webkit-keyframes modal-slide-up {
  from {
    -webkit-transform: translate3d(0, 30%, 0);
            transform: translate3d(0, 30%, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes modal-slide-up {
  from {
    -webkit-transform: translate3d(0, 30%, 0);
            transform: translate3d(0, 30%, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes modal-slide-down {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 30%, 0);
            transform: translate3d(0, 30%, 0);
    opacity: 0; } }

@keyframes modal-slide-down {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 30%, 0);
            transform: translate3d(0, 30%, 0);
    opacity: 0; } }

@-webkit-keyframes modal-slide-left {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes modal-slide-left {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes modal-slide-right {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    opacity: 0; } }

@keyframes modal-slide-right {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    opacity: 0; } }

.brand-offer-banner .header-image {
  min-height: 155px; }
  @media only screen and (min-width: 900px) {
    .brand-offer-banner .header-image {
      min-height: 380px; } }

.brand-offer-banner .header-logo-text {
  margin-top: -1rem; }
  @media only screen and (min-width: 900px) {
    .brand-offer-banner .header-logo-text {
      margin-top: -5rem; } }
  .brand-offer-banner .header-logo-text h1 {
    font-size: var(--font-size-5); }
    @media only screen and (min-width: 900px) {
      .brand-offer-banner .header-logo-text h1 {
        font-size: var(--font-size-4); } }
  @media only screen and (min-width: 900px) {
    .brand-offer-banner .header-logo-text .header-details {
      background-color: var(--color-gray-10); } }
  .brand-offer-banner .header-logo-text .header-details .title-opening-times {
    margin-bottom: var(--spacer-2); }
    @media only screen and (min-width: 900px) {
      .brand-offer-banner .header-logo-text .header-details .title-opening-times {
        margin-bottom: 0; } }
    .brand-offer-banner .header-logo-text .header-details .title-opening-times .mag-font {
      font-size: var(--font-size-5); }
      @media only screen and (min-width: 900px) {
        .brand-offer-banner .header-logo-text .header-details .title-opening-times .mag-font {
          font-size: var(--font-size-4); } }

.brand-offer-intro .back-button {
  -webkit-transform: translateY(100%);
          transform: translateY(100%); }

.brand-offer-intro .title {
  font-size: 1.25rem; }
  @media only screen and (min-width: 900px) {
    .brand-offer-intro .title {
      font-size: 1.375rem; } }

.brand-offer-intro .content {
  font-size: var(--font-size-6); }
  @media only screen and (min-width: 900px) {
    .brand-offer-intro .content {
      font-size: var(--font-size-5); } }

.brand-offer-intro .more-available-text {
  font-size: 0.8125rem; }
  @media only screen and (min-width: 900px) {
    .brand-offer-intro .more-available-text {
      font-size: var(--font-size-5); } }

@media only screen and (min-width: 600px) {
  .brand-offer-block .brand-offer-block-card .offer-text {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 60%;
            flex: 0 1 60%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

.brand-offer-block .brand-offer-block-card .offer-text h4 {
  font-size: 1.25rem;
  text-transform: none;
  line-height: 1.2; }
  @media only screen and (min-width: 900px) {
    .brand-offer-block .brand-offer-block-card .offer-text h4 {
      font-size: var(--font-size-4); } }

@media only screen and (min-width: 600px) {
  .brand-offer-block .brand-offer-block-card .aspect-ratio-container {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
            flex: 0 1 40%; } }

@media only screen and (min-width: 600px) {
  .brand-offer-block .brand-offer-block-card:nth-child(odd) .aspect-ratio-container {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; } }
.brand-ticker-tape-block {
  position: relative; }
  .brand-ticker-tape-block--padding {
    padding: 45px 0; }
    @media only screen and (min-width: 600px) {
      .brand-ticker-tape-block--padding {
        padding: 65px 0; } }
  @media only screen and (min-width: 600px) {
    .brand-ticker-tape-block .brand-ticker-title {
      margin-bottom: 30px; } }
  .brand-ticker-tape-block .brand-ticker-tape {
    overflow: hidden;
    position: relative; }
    .brand-ticker-tape-block .brand-ticker-tape .tape-container {
      overflow: hidden;
      margin: 0 auto;
      height: 80px;
      max-width: 1920px; }
      .brand-ticker-tape-block .brand-ticker-tape .tape-container:hover .tape {
        -webkit-animation-play-state: paused;
                animation-play-state: paused; }
      .brand-ticker-tape-block .brand-ticker-tape .tape-container .tape {
        width: calc(1920px * 2);
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-animation: slideLeft 42s linear infinite;
                animation: slideLeft 42s linear infinite; }
        .brand-ticker-tape-block .brand-ticker-tape .tape-container .tape a {
          float: left;
          text-align: center;
          height: 100%; }
          .brand-ticker-tape-block .brand-ticker-tape .tape-container .tape a img {
            width: 100px;
            height: auto; }
          .brand-ticker-tape-block .brand-ticker-tape .tape-container .tape a:hover {
            cursor: pointer; }

@-webkit-keyframes slideLeft {
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); } }

@keyframes slideLeft {
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); } }
.store-option-cta-block .store-option-cta {
  position: relative;
  height: 65px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  font-size: var(--font-size-small);
  max-width: 200px; }
  .store-option-cta-block .store-option-cta.is-mobile {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    font-size: 0.8125rem;
    max-width: none;
    border-bottom: 1px solid var(--color-gray-0); }
    .store-option-cta-block .store-option-cta.is-mobile.is-flagship {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 100%;
              flex: 1 0 100%; }
  .store-option-cta-block .store-option-cta .mag-font {
    font-size: 2.25rem; }
  .store-option-cta-block .store-option-cta.has-option-divider:not(:last-of-type):after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 70%;
    background-color: var(--color-gray-0); }

.store-option-cta-block .multioption-wrapper .store-option-cta {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%; }

.mag-club-login-modal dialog[open] {
  background-color: var(--color-gray-10);
  padding: 0 0 var(--spacer-3) 0;
  -webkit-transform: none;
          transform: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: calc(100% - 2rem); }
  @media only screen and (min-width: 600px) {
    .mag-club-login-modal dialog[open] {
      max-width: 600px; } }
  .mag-club-login-modal dialog[open] .text-header-block .is-text-header-block-title {
    font-size: var(--font-size-5); }
    @media only screen and (min-width: 375px) {
      .mag-club-login-modal dialog[open] .text-header-block .is-text-header-block-title {
        font-size: 1.375rem; } }
  .mag-club-login-modal dialog[open] .text-header-block .dialog-close-cta {
    position: absolute;
    top: 1px;
    right: 1px; }
  .mag-club-login-modal dialog[open] .modal-login-form {
    max-width: 412px; }
    .mag-club-login-modal dialog[open] .modal-login-form .form-group label {
      font-size: var(--font-size-5); }
    .mag-club-login-modal dialog[open] .modal-login-form .field-validation-error {
      width: 100%; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mag-club-login-modal dialog[open] {
    height: 400px; } }

.mag-club-profile-form {
  position: relative;
  z-index: 1; }
  .mag-club-profile-form .form-group .dob-inline-group {
    border: 1px solid var(--color-gray-30);
    cursor: pointer; }
    .mag-club-profile-form .form-group .dob-inline-group.input-validation-error {
      border: 1px solid var(--color-secondary-base); }
    .mag-club-profile-form .form-group .dob-inline-group input {
      height: 39px;
      width: 53px;
      border: none; }
      .mag-club-profile-form .form-group .dob-inline-group input.year {
        width: 80px; }
    .mag-club-profile-form .form-group .dob-inline-group .dob-divider {
      top: 7px;
      cursor: pointer; }
    .mag-club-profile-form .form-group .dob-inline-group input[type=number]::-webkit-inner-spin-button,
    .mag-club-profile-form .form-group .dob-inline-group input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .mag-club-profile-form .form-group .dob-inline-group input[type=number] {
      -moz-appearance: textfield; }
    .mag-club-profile-form .form-group .dob-inline-group .dob-placeholder {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: var(--color-gray-0);
      padding: var(--spacer-2) var(--spacer-2) var(--spacer-2) var(--spacer-3);
      z-index: 1; }
  .mag-club-profile-form .form-group .dob-error-wrapper {
    margin-top: 0.75rem; }
    @media only screen and (min-width: 900px) {
      .mag-club-profile-form .form-group .dob-error-wrapper {
        margin-top: 0; } }

.mag-club-profile-photo .mag-club-profile-photo > input {
  display: none; }

.mag-club-profile-photo .preview-pic {
  width: 200px;
  height: 200px; }

.mag-club-profile-photo .circle-align {
  padding: 0px; }

.mag-club-profile-photo .centre-circle {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.mag-club-profile-photo .small-circle-align {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 13px;
  margin-top: 15px;
  margin-left: 20px; }

.mag-club-profile-photo .selector {
  background: #002F5C;
  cursor: pointer; }

.mag-club-profile-photo .mag-club-profile-photo > input {
  display: none; }

.mag-club-profile-photo .preview-pic {
  width: 200px;
  height: 200px; }

.mag-club-profile-photo .circle-align {
  padding: 0px; }

.mag-club-profile-photo .centre-circle {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.mag-club-profile-photo .small-circle-align {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 13px;
  margin-top: 15px;
  margin-left: 20px; }

.mag-club-profile-photo .selector {
  background: #002F5C;
  cursor: pointer; }

.mag-club-registration-form {
  position: relative;
  z-index: 1; }
  .mag-club-registration-form .form-group.select-div .input-wrapper:after {
    top: 10px; }
  .mag-club-registration-form .form-group .input-wrapper {
    max-width: none;
    width: 100%; }
  .mag-club-registration-form .form-group input, .mag-club-registration-form .form-group select {
    height: 41px; }
  .mag-club-registration-form .form-group .field-validation-error {
    display: inline-block;
    width: auto; }
    @media only screen and (min-width: 900px) {
      .mag-club-registration-form .form-group .field-validation-error {
        width: 100%; }
        .mag-club-registration-form .form-group .field-validation-error.is-w-auto {
          width: auto; } }
  .mag-club-registration-form .form-group .custom-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 0; }
    .mag-club-registration-form .form-group .custom-checkbox input[type="checkbox"] {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .mag-club-registration-form .form-group .custom-checkbox input[type="checkbox"]:checked ~ .control-indicator {
      background: none; }
      .mag-club-registration-form .form-group .custom-checkbox input[type="checkbox"]:checked ~ .control-indicator:after {
        border-color: var(--color-gray-100); }
    .mag-club-registration-form .form-group .custom-checkbox .control-indicator {
      position: relative;
      top: auto;
      left: auto;
      width: 40px;
      min-width: 40px;
      height: 40px;
      border: 1px solid var(--color-gray-30); }
      .mag-club-registration-form .form-group .custom-checkbox .control-indicator:after {
        content: "";
        position: absolute;
        top: 9px;
        left: 15px;
        width: 9px;
        height: 17px;
        border: solid var(--color-gray-0);
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        -webkit-transition: border-color 0.3s ease-in-out;
        transition: border-color 0.3s ease-in-out; }
    .mag-club-registration-form .form-group .custom-checkbox span a {
      font-weight: normal; }
  .mag-club-registration-form .form-group .custom-radio--pill {
    position: relative;
    height: 44px;
    width: 135px;
    border-radius: 12px;
    line-height: 0.85;
    padding: var(--spacer-2);
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: var(--font-size-5); }
    .mag-club-registration-form .form-group .custom-radio--pill input[type="radio"] {
      position: absolute;
      z-index: -1;
      opacity: 0; }
      .mag-club-registration-form .form-group .custom-radio--pill input[type="radio"]:checked + .control-indicator {
        border-width: 2px;
        border-color: var(--color-gray-100); }
      .mag-club-registration-form .form-group .custom-radio--pill input[type="radio"]:checked ~ .pill-text {
        font-weight: normal; }
    .mag-club-registration-form .form-group .custom-radio--pill:not(:last-of-type) {
      margin-right: var(--spacer-2); }
    .mag-club-registration-form .form-group .custom-radio--pill .control-indicator {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 12px;
      border: 1px solid var(--color-gray-30); }
    .mag-club-registration-form .form-group .custom-radio--pill .pill-text {
      top: 2px; }
    .mag-club-registration-form .form-group .custom-radio--pill.title-pill {
      height: 34px; }
  .mag-club-registration-form .form-group.gender-pills-group .field-validation-error {
    margin-top: 0.75rem; }
  .mag-club-registration-form .form-group .dob-inline-group {
    border: 1px solid var(--color-gray-30);
    cursor: pointer; }
    .mag-club-registration-form .form-group .dob-inline-group.input-validation-error {
      border: 2px solid var(--color-secondary-base); }
    .mag-club-registration-form .form-group .dob-inline-group input {
      height: 39px;
      width: 53px;
      border: none; }
      .mag-club-registration-form .form-group .dob-inline-group input.year {
        width: 80px; }
    .mag-club-registration-form .form-group .dob-inline-group .dob-divider {
      top: 7px;
      cursor: pointer; }
    .mag-club-registration-form .form-group .dob-inline-group input[type=number]::-webkit-inner-spin-button,
    .mag-club-registration-form .form-group .dob-inline-group input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .mag-club-registration-form .form-group .dob-inline-group input[type=number] {
      -moz-appearance: textfield; }
    .mag-club-registration-form .form-group .dob-inline-group .dob-placeholder {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: var(--color-gray-0);
      padding: var(--spacer-2) var(--spacer-2) var(--spacer-2) var(--spacer-3);
      z-index: 1; }
  .mag-club-registration-form .form-group .dob-error-wrapper {
    margin-top: 0.75rem; }
    @media only screen and (min-width: 900px) {
      .mag-club-registration-form .form-group .dob-error-wrapper {
        margin-top: 0; } }

.is-loyalty-marketing-header .detail-bar p {
  font-size: var(--font-size-5);
  line-height: 1; }
  @media only screen and (min-width: 600px) {
    .is-loyalty-marketing-header .detail-bar p {
      line-height: 1.5; } }

@media only screen and (min-width: 600px) {
  .is-loyalty-marketing-header .header-with-img-block {
    margin-top: -6.6875rem; } }

.is-loyalty-marketing-header .header-with-img-block .header-image {
  min-height: 265px; }
  @media only screen and (min-width: 600px) {
    .is-loyalty-marketing-header .header-with-img-block .header-image {
      min-height: 390px; } }
.sticky-image-header.sticky {
  position: sticky;
  top: -137px;
  z-index: 2; }
  @media only screen and (min-width: 600px) {
    .sticky-image-header.sticky {
      top: -97px; } }
  @media only screen and (min-width: 900px) {
    .sticky-image-header.sticky {
      position: relative;
      top: auto;
      z-index: 1; } }

.sticky-image-header.is-active .header-with-img-block .header-image {
  min-height: 210px; }
  @media only screen and (min-width: 900px) {
    .sticky-image-header.is-active .header-with-img-block .header-image {
      min-height: 450px; } }

.sticky-image-header .header-with-img-block .header-image {
  background-color: var(--color-gray-0);
  min-height: 300px;
  -webkit-transition: min-height 1s ease-out;
  transition: min-height 1s ease-out; }
  @media only screen and (min-width: 900px) {
    .sticky-image-header .header-with-img-block .header-image {
      min-height: 450px; } }

@media only screen and (min-width: 1200px) {
  .wallet-pass-content {
    position: relative;
    width: 650px;
    left: 0;
    right: 0;
    text-align: center; } }

.mag-club-welcome-block .loyalty-welcome-pill {
  border-radius: 40px; }
  .mag-club-welcome-block .loyalty-welcome-pill .mag-club-logo {
    width: 273px; }

.mag-club-welcome-block .offer-container {
  padding-left: 0;
  padding-right: 0; }
  @media only screen and (min-width: 600px) {
    .mag-club-welcome-block .offer-container {
      padding-left: 15px;
      padding-right: 15px; } }
  .mag-club-welcome-block .offer-container .offer-image-container {
    min-height: 160px; }

.mag-club-how-to-intro {
  text-align: center;
  line-height: 1.5em;
  padding-bottom: 20px;
  padding-top: 20px;
  min-height: 30vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media only screen and (max-width: 800px) {
    .mag-club-how-to-intro {
      min-height: 20vh; } }
  .mag-club-how-to-intro h1 {
    letter-spacing: 0;
    line-height: 1em;
    line-height: 1em;
    margin: 0;
    padding: 0; }
  .mag-club-how-to-intro span {
    font-size: 18px; }
    @media only screen and (min-width: 320px) {
      .mag-club-how-to-intro span {
        font-size: 20px; } }
    @media only screen and (min-width: 375px) {
      .mag-club-how-to-intro span {
        font-size: 22px; } }
    @media only screen and (min-width: 600px) {
      .mag-club-how-to-intro span {
        font-size: 24px; } }
    @media only screen and (min-width: 1200px) {
      .mag-club-how-to-intro span {
        font-size: 26px; } }

.mag-club-how-to-block {
  height: 60vh;
  min-height: 340px;
  max-height: 800px;
  position: relative;
  margin-bottom: 50px; }
  .mag-club-how-to-block .mag-club-how-to-block_desktop_animations {
    display: none; }
  .mag-club-how-to-block_section {
    position: relative;
    height: 33.3333%; }
    .mag-club-how-to-block_section .bar {
      position: absolute;
      right: 0;
      top: 20%;
      width: 62%;
      padding: 0; }
      .mag-club-how-to-block_section .bar_background {
        position: absolute;
        height: 35px;
        width: 0;
        right: 0;
        border-radius: 5px 0 0 5px;
        background-color: var(--color-gray-20); }
      .mag-club-how-to-block_section .bar_title {
        line-height: 39px;
        -webkit-transform: scale(3.2);
                transform: scale(3.2);
        opacity: 0;
        font-size: 20px;
        font-weight: 400;
        color: var(--color-white-base);
        position: absolute;
        top: 0;
        left: 0;
        height: 35px;
        min-width: 38.709%;
        text-align: center;
        border-radius: 5px 0 0 5px;
        text-transform: uppercase;
        padding-left: 8px;
        padding-right: 8px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        background-color: var(--color-loyaltyblue-base);
        z-index: 27; }
      .mag-club-how-to-block_section .bar_info {
        opacity: 0;
        display: inline-block;
        -webkit-transform: scale(0);
                transform: scale(0);
        margin-top: 40px;
        font-size: 18px; }
  .mag-club-how-to-block .animation_container {
    height: 100%;
    position: relative;
    overflow: hidden;
    max-width: 30vw;
    max-height: 30vw;
    background-color: var(--color-white-base);
    opacity: 0; }
    .mag-club-how-to-block .animation_container_rounded {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      border-radius: 100%;
      outline: solid var(--color-white-base) 100px;
      -webkit-transform: scale(1.5);
              transform: scale(1.5); }
    .mag-club-how-to-block .animation_container_image_spacer {
      height: 100%;
      visibility: hidden; }
    .mag-club-how-to-block .animation_container_image {
      position: absolute;
      top: -100%;
      bottom: -100%;
      left: -100%;
      right: -100%;
      -webkit-transform: scale(0.3333);
              transform: scale(0.3333); }
      .mag-club-how-to-block .animation_container_image img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0; }
      .mag-club-how-to-block .animation_container_image_person {
        -webkit-transform: translate(-50%);
                transform: translate(-50%); }
      .mag-club-how-to-block .animation_container_image_scan_arm {
        -webkit-animation: scanAnimation infinite 1142.85714ms;
                animation: scanAnimation infinite 1142.85714ms; }
      .mag-club-how-to-block .animation_container_image_phone_arm {
        -webkit-transform-origin: 31% 42%;
                transform-origin: 31% 42%;
        -webkit-animation: showPhoneArmAnimation infinite 1142.85714ms;
                animation: showPhoneArmAnimation infinite 1142.85714ms; }
      .mag-club-how-to-block .animation_container_image_phone {
        -webkit-animation: showPhoneAnimation infinite 1142.85714ms;
                animation: showPhoneAnimation infinite 1142.85714ms; }
  @media only screen and (max-width: 800px) {
    .mag-club-how-to-block .mag-club-how-to-block_section:nth-child(even) .animation_container {
      margin-left: auto; }
    .mag-club-how-to-block .mag-club-how-to-block_section:nth-child(even) .bar {
      right: auto;
      left: 0;
      text-align: right; }
      .mag-club-how-to-block .mag-club-how-to-block_section:nth-child(even) .bar_background {
        right: auto;
        left: 0;
        border-radius: 0 5px 5px 0; }
      .mag-club-how-to-block .mag-club-how-to-block_section:nth-child(even) .bar_title {
        border-radius: 0 5px 5px 0;
        right: 0;
        left: auto; } }
  .mag-club-how-to-block_cover {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background-color: var(--color-white-base);
    z-index: 28; }
  @media only screen and (min-width: 800px) {
    .mag-club-how-to-block {
      max-width: 1300px;
      max-height: 500px;
      min-height: 250px;
      width: 95vw;
      margin: auto;
      height: auto;
      height: 50vh;
      margin-bottom: 40px;
      position: relative; }
      .mag-club-how-to-block .mag-club-how-to-block_desktop_animations {
        display: block;
        position: absolute;
        height: 100%;
        width: 50%;
        left: 5%;
        top: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        background-color: var(--color-white-base);
        overflow: hidden;
        border: solid 1px #d3cee1; }
        .mag-club-how-to-block .mag-club-how-to-block_desktop_animations .mag-club-how-to-block_cover {
          width: 100%; }
      .mag-club-how-to-block .animation_container {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 80%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      .mag-club-how-to-block_cover {
        padding: 0;
        width: 40%;
        right: 0;
        left: auto; }
      .mag-club-how-to-block_section {
        height: 15vh;
        min-height: 70px;
        max-height: 170px; }
        .mag-club-how-to-block_section .animation_container {
          display: none; }
        .mag-club-how-to-block_section .bar {
          width: 40%; }
          .mag-club-how-to-block_section .bar_background_gradient {
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            width: 50px;
            background: white;
            background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(49%, white), to(white));
            background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 49%, white 100%); }
          .mag-club-how-to-block_section .bar_title {
            min-width: 12vw; } }

@-webkit-keyframes slideInBar {
  from {
    width: 0; }
  to {
    width: 100%; } }

@keyframes slideInBar {
  from {
    width: 0; }
  to {
    width: 100%; } }

@keyframes titleShrink {
  0% {
    -webkit-transform: scale(3);
            transform: scale(3);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes showInfo {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes showInfo {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes showAnimation {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes roundEdges {
  from {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes roundEdges {
  from {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes showPerson {
  from {
    -webkit-transform: translate(-50%);
            transform: translate(-50%); }
  to {
    -webkit-transform: translate(0%);
            transform: translate(0%); } }

@keyframes showPerson {
  from {
    -webkit-transform: translate(-50%);
            transform: translate(-50%); }
  to {
    -webkit-transform: translate(0%);
            transform: translate(0%); } }

@-webkit-keyframes growShop {
  from {
    -webkit-transform: scale(0.3333);
            transform: scale(0.3333); }
  to {
    -webkit-transform: scale(1) translate(10%, 5%);
            transform: scale(1) translate(10%, 5%); } }

@keyframes growShop {
  from {
    -webkit-transform: scale(0.3333);
            transform: scale(0.3333); }
  to {
    -webkit-transform: scale(1) translate(10%, 5%);
            transform: scale(1) translate(10%, 5%); } }

@-webkit-keyframes growScan {
  from {
    -webkit-transform: scale(0.3333);
            transform: scale(0.3333); }
  to {
    -webkit-transform: scale(1) translate(12%, 10%);
            transform: scale(1) translate(12%, 10%); } }

@keyframes growScan {
  from {
    -webkit-transform: scale(0.3333);
            transform: scale(0.3333); }
  to {
    -webkit-transform: scale(1) translate(12%, 10%);
            transform: scale(1) translate(12%, 10%); } }

@keyframes scanAnimation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(-14deg);
            transform: rotate(-14deg); } }

@keyframes showPhoneArmAnimation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(11deg);
            transform: rotate(11deg); }
  75% {
    -webkit-transform: rotate(11deg);
            transform: rotate(11deg); } }

@keyframes showPhoneAnimation {
  0% {
    -webkit-transform: scale(1) translate(0);
            transform: scale(1) translate(0); }
  50% {
    -webkit-transform: scale(1.2) translate(1%, 4%);
            transform: scale(1.2) translate(1%, 4%); }
  75% {
    -webkit-transform: scale(1.2) translate(1%, 4%);
            transform: scale(1.2) translate(1%, 4%); } }

@-webkit-keyframes growShow {
  from {
    -webkit-transform: scale(0.3333);
            transform: scale(0.3333); }
  to {
    -webkit-transform: scale(1.2) translate(5%, 14%);
            transform: scale(1.2) translate(5%, 14%); } }

@keyframes growShow {
  from {
    -webkit-transform: scale(0.3333);
            transform: scale(0.3333); }
  to {
    -webkit-transform: scale(1.2) translate(5%, 14%);
            transform: scale(1.2) translate(5%, 14%); } }

@-webkit-keyframes nudgeRight {
  from {
    margin-left: 0; }
  to {
    margin-left: 3vw; } }

@keyframes nudgeRight {
  from {
    margin-left: 0; }
  to {
    margin-left: 3vw; } }

@-webkit-keyframes nudgeLeft {
  from {
    margin-right: 0; }
  to {
    margin-right: 3vw; } }

@keyframes nudgeLeft {
  from {
    margin-right: 0; }
  to {
    margin-right: 3vw; } }

@-webkit-keyframes howToCover {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes howToCover {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.run_how_to_animation .mag-club-how-to-block_section:nth-child(1) .bar_background {
  -webkit-animation: slideInBar forwards 285.71429ms cubic-bezier(0.22, 1, 0.36, 1);
          animation: slideInBar forwards 285.71429ms cubic-bezier(0.22, 1, 0.36, 1); }

.run_how_to_animation .mag-club-how-to-block_section:nth-child(1) .bar_title {
  -webkit-animation: titleShrink forwards 800ms cubic-bezier(0.68, -0.6, 0.32, 1.6);
          animation: titleShrink forwards 800ms cubic-bezier(0.68, -0.6, 0.32, 1.6); }

.run_how_to_animation .mag-club-how-to-block_section:nth-child(1) .bar_info {
  -webkit-animation: showInfo forwards 342.85714ms 571.42857ms cubic-bezier(0.68, -0.6, 0.32, 1.6);
          animation: showInfo forwards 342.85714ms 571.42857ms cubic-bezier(0.68, -0.6, 0.32, 1.6); }

.run_how_to_animation .mag-club-how-to-block_section:nth-child(1) .animation_container {
  -webkit-animation: showAnimation forwards 571.42857ms 685.71429ms, nudgeRight forwards 1714.28571ms;
          animation: showAnimation forwards 571.42857ms 685.71429ms, nudgeRight forwards 1714.28571ms; }
  .run_how_to_animation .mag-club-how-to-block_section:nth-child(1) .animation_container_image {
    -webkit-animation: growShop forwards 1428.57143ms 1142.85714ms;
            animation: growShop forwards 1428.57143ms 1142.85714ms; }
    .run_how_to_animation .mag-club-how-to-block_section:nth-child(1) .animation_container_image_person {
      -webkit-animation: showPerson forwards 571.42857ms 571.42857ms;
              animation: showPerson forwards 571.42857ms 571.42857ms; }
  .run_how_to_animation .mag-club-how-to-block_section:nth-child(1) .animation_container_rounded {
    -webkit-animation: roundEdges forwards 857.14286ms 714.28571ms cubic-bezier(0.68, -0.8, 0.32, 2);
            animation: roundEdges forwards 857.14286ms 714.28571ms cubic-bezier(0.68, -0.8, 0.32, 2); }

.run_how_to_animation .mag-club-how-to-block_section:nth-child(2) .bar_background {
  -webkit-animation: slideInBar forwards 285.71429ms 1857.14286ms cubic-bezier(0.22, 1, 0.36, 1);
          animation: slideInBar forwards 285.71429ms 1857.14286ms cubic-bezier(0.22, 1, 0.36, 1); }

.run_how_to_animation .mag-club-how-to-block_section:nth-child(2) .bar_title {
  -webkit-animation: titleShrink forwards 800ms 1857.14286ms cubic-bezier(0.68, -0.6, 0.32, 1.6);
          animation: titleShrink forwards 800ms 1857.14286ms cubic-bezier(0.68, -0.6, 0.32, 1.6); }

.run_how_to_animation .mag-club-how-to-block_section:nth-child(2) .bar_info {
  -webkit-animation: showInfo forwards 342.85714ms 2428.57143ms cubic-bezier(0.68, -0.6, 0.32, 1.6);
          animation: showInfo forwards 342.85714ms 2428.57143ms cubic-bezier(0.68, -0.6, 0.32, 1.6); }

.run_how_to_animation .mag-club-how-to-block_section:nth-child(2) .animation_container {
  -webkit-animation: showAnimation forwards 571.42857ms 2542.85714ms, nudgeLeft forwards 1714.28571ms 1857.14286ms;
          animation: showAnimation forwards 571.42857ms 2542.85714ms, nudgeLeft forwards 1714.28571ms 1857.14286ms; }
  .run_how_to_animation .mag-club-how-to-block_section:nth-child(2) .animation_container_image {
    -webkit-animation: growScan forwards 1428.57143ms 3000ms;
            animation: growScan forwards 1428.57143ms 3000ms; }
  .run_how_to_animation .mag-club-how-to-block_section:nth-child(2) .animation_container_rounded {
    -webkit-animation: roundEdges forwards 857.14286ms 2514.28571ms cubic-bezier(0.68, -0.8, 0.32, 2);
            animation: roundEdges forwards 857.14286ms 2514.28571ms cubic-bezier(0.68, -0.8, 0.32, 2); }

.run_how_to_animation .mag-club-how-to-block_section:nth-child(3) .bar_background {
  -webkit-animation: slideInBar forwards 285.71429ms 3714.28571ms cubic-bezier(0.22, 1, 0.36, 1);
          animation: slideInBar forwards 285.71429ms 3714.28571ms cubic-bezier(0.22, 1, 0.36, 1); }

.run_how_to_animation .mag-club-how-to-block_section:nth-child(3) .bar_title {
  -webkit-animation: titleShrink forwards 800ms 3714.28571ms cubic-bezier(0.68, -0.6, 0.32, 1.6);
          animation: titleShrink forwards 800ms 3714.28571ms cubic-bezier(0.68, -0.6, 0.32, 1.6); }

.run_how_to_animation .mag-club-how-to-block_section:nth-child(3) .bar_info {
  -webkit-animation: showInfo forwards 342.85714ms 4285.71429ms cubic-bezier(0.68, -0.6, 0.32, 1.6);
          animation: showInfo forwards 342.85714ms 4285.71429ms cubic-bezier(0.68, -0.6, 0.32, 1.6); }

.run_how_to_animation .mag-club-how-to-block_section:nth-child(3) .animation_container {
  -webkit-animation: showAnimation forwards 571.42857ms 4400ms, nudgeRight forwards 1714.28571ms 3428.57143ms;
          animation: showAnimation forwards 571.42857ms 4400ms, nudgeRight forwards 1714.28571ms 3428.57143ms; }
  .run_how_to_animation .mag-club-how-to-block_section:nth-child(3) .animation_container_image {
    -webkit-animation: growShow forwards 1428.57143ms 4857.14286ms;
            animation: growShow forwards 1428.57143ms 4857.14286ms; }
  .run_how_to_animation .mag-club-how-to-block_section:nth-child(3) .animation_container_rounded {
    -webkit-animation: roundEdges forwards 857.14286ms 4428.57143ms cubic-bezier(0.68, -0.8, 0.32, 2);
            animation: roundEdges forwards 857.14286ms 4428.57143ms cubic-bezier(0.68, -0.8, 0.32, 2); }

.run_how_to_animation .mag-club-how-to-block_cover {
  -webkit-animation: howToCover forwards 571.42857ms 7428.57143ms;
          animation: howToCover forwards 571.42857ms 7428.57143ms; }

.run_how_to_animation .mag-club-how-to-block_desktop_animations .animation_container:nth-child(1) {
  -webkit-animation: showAnimation forwards 476.19048ms 238.09524ms;
          animation: showAnimation forwards 476.19048ms 238.09524ms; }
  .run_how_to_animation .mag-club-how-to-block_desktop_animations .animation_container:nth-child(1) .animation_container_image {
    -webkit-animation: growShop forwards 1190.47619ms 952.38095ms;
            animation: growShop forwards 1190.47619ms 952.38095ms; }
    .run_how_to_animation .mag-club-how-to-block_desktop_animations .animation_container:nth-child(1) .animation_container_image_person {
      -webkit-animation: showPerson forwards 476.19048ms 476.19048ms;
              animation: showPerson forwards 476.19048ms 476.19048ms; }
  .run_how_to_animation .mag-club-how-to-block_desktop_animations .animation_container:nth-child(1) .animation_container_rounded {
    -webkit-animation: roundEdges forwards 714.28571ms 595.2381ms cubic-bezier(0.68, -0.8, 0.32, 2);
            animation: roundEdges forwards 714.28571ms 595.2381ms cubic-bezier(0.68, -0.8, 0.32, 2); }

.run_how_to_animation .mag-club-how-to-block_desktop_animations .animation_container:nth-child(2) {
  -webkit-animation: showAnimation forwards 476.19048ms 1904.7619ms;
          animation: showAnimation forwards 476.19048ms 1904.7619ms; }
  .run_how_to_animation .mag-club-how-to-block_desktop_animations .animation_container:nth-child(2) .animation_container_image {
    -webkit-animation: growScan forwards 1190.47619ms 2500ms;
            animation: growScan forwards 1190.47619ms 2500ms; }
  .run_how_to_animation .mag-club-how-to-block_desktop_animations .animation_container:nth-child(2) .animation_container_rounded {
    -webkit-animation: roundEdges forwards 714.28571ms 2095.2381ms cubic-bezier(0.68, -0.8, 0.32, 2);
            animation: roundEdges forwards 714.28571ms 2095.2381ms cubic-bezier(0.68, -0.8, 0.32, 2); }

.run_how_to_animation .mag-club-how-to-block_desktop_animations .animation_container:nth-child(3) {
  -webkit-animation: showAnimation forwards 476.19048ms 3666.66667ms;
          animation: showAnimation forwards 476.19048ms 3666.66667ms; }
  .run_how_to_animation .mag-club-how-to-block_desktop_animations .animation_container:nth-child(3) .animation_container_image {
    -webkit-animation: growShow forwards 1190.47619ms 4047.61905ms;
            animation: growShow forwards 1190.47619ms 4047.61905ms; }
  .run_how_to_animation .mag-club-how-to-block_desktop_animations .animation_container:nth-child(3) .animation_container_rounded {
    -webkit-animation: roundEdges forwards 714.28571ms 3690.47619ms cubic-bezier(0.68, -0.8, 0.32, 2);
            animation: roundEdges forwards 714.28571ms 3690.47619ms cubic-bezier(0.68, -0.8, 0.32, 2); }

@media only screen and (min-width: 900px) {
  .region-centre-listing-block [class^="col-"] {
    padding: 0 var(--spacer-1); } }

.region-centre-listing-block .region-title {
  font-size: var(--font-size-4); }
  @media only screen and (min-width: 600px) {
    .region-centre-listing-block .region-title {
      font-size: var(--font-size-3); } }

.region-centre-listing-block .region-sub-title {
  font-size: var(--font-size-small); }
  @media only screen and (min-width: 600px) {
    .region-centre-listing-block .region-sub-title {
      font-size: var(--font-size-6); } }

.google-map-header {
  height: 300px;
  -webkit-box-shadow: -8px 16px 15px rgba(0, 0, 0, 0.13);
          box-shadow: -8px 16px 15px rgba(0, 0, 0, 0.13); }
  @media only screen and (min-width: 900px) {
    .google-map-header {
      height: 600px; } }
.participating-brands-mobile-carousel .title {
  letter-spacing: 0.125rem;
  font-size: var(--font-size-small); }
  @media only screen and (min-width: 375px) {
    .participating-brands-mobile-carousel .title {
      font-size: var(--font-size-6); } }

.participating-brands-mobile-carousel .siema-slides-wrapper {
  margin-left: 0.6875rem; }

.participating-brands-mobile-carousel .siema .siema-arrows {
  top: var(--spacer-1);
  right: var(--spacer-2);
  padding-bottom: 0; }
  .participating-brands-mobile-carousel .siema .siema-arrows button {
    font-size: var(--font-size-5);
    color: var(--color-gray-40); }

.participating-brands-mobile-carousel .brand-card {
  margin-bottom: 0; }

.participating-brands-mobile-carousel .brand-card-details {
  padding-top: var(--spacer-2); }
  .participating-brands-mobile-carousel .brand-card-details .brand-card-brand {
    font-size: var(--font-size-small); }
.tabs-block .tab-wrapper li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  text-align: center; }
  .tabs-block .tab-wrapper li button {
    font-weight: lighter;
    font-size: 1.25rem; }
    .tabs-block .tab-wrapper li button.is-active {
      font-weight: normal; }

.tabs-block .panel {
  display: none; }
  .tabs-block .panel.is-active {
    display: block; }

.chevronStyle {
  float: right;
  top: -38%;
  position: relative; }

.center-flag {
  margin-right: 15px;
  width: 24px;
  height: auto;
  border-radius: 5px;
  float: left; }

.visitStore {
  font-family: Figtree;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: right;
  float: right;
  padding-top: 40%;
  color: #F3F3F3; }

.bg-text-down {
  overflow: hidden;
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/opacity/see-through */
  color: white;
  font-weight: bold;
  /*border: 3px solid #f1f1f1;*/
  position: absolute;
  top: 75%;
  left: 0%;
  z-index: 2;
  width: 100%;
  height: 25%;
  padding-left: 3%;
  padding-right: 3%;
  text-align: center; }

.bg-text-up {
  overflow: hidden;
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/opacity/see-through */
  color: white;
  font-weight: bold;
  /*border: 3px solid #f1f1f1;*/
  position: absolute;
  top: 0%;
  bottom: 10%;
  left: 0%;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding-left: 3%;
  padding-right: 3%;
  text-align: center; }

.storeName {
  font-family: Figtree;
  font-size: 24px;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0.08em;
  text-align: left;
  color: #FFFFFF; }

.countryName {
  font-family: Figtree;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0.08em;
  text-align: left;
  color: #CFCFCF; }

.description1 {
  font-family: Figtree;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.08em;
  text-align: left;
  color: #CFCFCF;
  padding-top: 15%;
  position: absolute;
  float: left; }

.description2 {
  font-family: Figtree;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.08em;
  text-align: left;
  color: #CFCFCF;
  padding-top: 20%;
  position: absolute;
  float: left; }

.visitStore {
  font-family: Figtree;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: right;
  color: white;
  right: 10px; }

.product-carousel-expanding .siema-arrows button span {
  color: var(--color-gray-30);
  -webkit-transition: color 0.8s ease-in-out;
  transition: color 0.8s ease-in-out; }

.product-carousel-expanding .siema-arrows button.is-showing span {
  color: var(--color-gray-100); }

.product-carousel-expanding .slide .product-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out; }
  @media only screen and (min-width: 600px) {
    .product-carousel-expanding .slide .product-image {
      max-width: 65%; } }

.product-carousel-expanding .slide.is-featured .product-image {
  max-width: 100%; }

.product-carousel-expanding .expanding-bucket .bucket-contents {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.6s ease-in-out;
  transition: max-height 0.6s ease-in-out; }

.product-carousel-expanding .expanding-bucket.is-expanded .bucket-contents {
  max-height: 0; }

.product-carousel-expanding .expanding-bucket .product-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%; }
  @media only screen and (min-width: 600px) {
    .product-carousel-expanding .expanding-bucket .product-wrapper {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 25%;
              flex: 0 0 25%; } }

.product-carousel-expanding .expanding-bucket .expand-btn {
  background: none;
  border: none;
  padding: 0; }
  .product-carousel-expanding .expanding-bucket .expand-btn .mag-font {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; }
  .product-carousel-expanding .expanding-bucket .expand-btn.is-expanded .mag-font {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.events-title {
  font-size: var(--font-size-4); }
  @media only screen and (min-width: 900px) {
    .events-title {
      font-size: 2.8125rem; } }

.has-column-border:before {
  position: absolute;
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  width: 75%;
  background-color: var(--color-gray-100);
  height: 1px; }
  @media only screen and (min-width: 900px) {
    .has-column-border:before {
      content: none; } }

.has-column-border:after {
  position: absolute;
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  width: 75%;
  background-color: var(--color-gray-100);
  height: 1px; }
  @media only screen and (min-width: 900px) {
    .has-column-border:after {
      content: none; } }

.events-quantity-wrapper {
  max-width: 375px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 900px) {
    .events-quantity-wrapper {
      margin-left: 0;
      margin-right: 0; } }

.event-calendar-modal dialog[open] {
  background-color: var(--color-gray-10);
  padding: 0 0 var(--spacer-3) 0;
  -webkit-transform: none;
          transform: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 6px;
  max-width: 20.5rem; }
  .event-calendar-modal dialog[open] .text-header-block p {
    font-size: var(--font-size-5); }
  .event-calendar-modal dialog[open] .text-header-block .dialog-close-cta {
    position: absolute;
    top: 1px;
    right: 1px; }

.loyalty-header-block {
  position: sticky;
  top: 0;
  z-index: 29; }
.mag-club-wallet-card {
  overflow: hidden;
  position: relative;
  max-width: 320px;
  background-color: var(--color-loyaltyblue-base);
  border-radius: 1rem; }
  .mag-club-wallet-card:before {
    float: left;
    content: "";
    padding-bottom: 46.875%;
    margin-bottom: 0px; }
  .mag-club-wallet-card.is-splash {
    overflow: hidden;
    padding-top: 8px;
    padding-bottom: 8px; }
    .mag-club-wallet-card.is-splash:before {
      float: left;
      content: "";
      padding-bottom: 54.375%;
      margin-bottom: 0px; }
    @media only screen and (min-width: 451px) {
      .mag-club-wallet-card.is-splash {
        overflow: hidden;
        padding-top: 20px;
        padding-bottom: 20px; }
        .mag-club-wallet-card.is-splash:before {
          float: left;
          content: "";
          padding-bottom: 46.875%;
          margin-bottom: 0px; } }
  .mag-club-wallet-card.is-dashboard-carousel {
    height: 158px; }
  .mag-club-wallet-card.is-bluelight {
    background-color: var(--color-loyaltyblue-light); }
    .mag-club-wallet-card.is-bluelight .card-title, .mag-club-wallet-card.is-bluelight .card-description, .mag-club-wallet-card.is-bluelight .bottom-stripe .stripe-text, .mag-club-wallet-card.is-bluelight .pass-icon, .mag-club-wallet-card.is-bluelight .pass-ribbon {
      color: var(--color-loyaltyblue-dark); }
  .mag-club-wallet-card.is-whitestyle {
    background-color: var(--color-gray-0);
    border: 1px solid var(--color-loyaltyblue-base); }
    .mag-club-wallet-card.is-whitestyle .card-title, .mag-club-wallet-card.is-whitestyle .card-description, .mag-club-wallet-card.is-whitestyle .bottom-stripe .stripe-text, .mag-club-wallet-card.is-whitestyle .pass-icon, .mag-club-wallet-card.is-whitestyle .pass-ribbon {
      color: var(--color-loyaltyblue-base); }
  .mag-club-wallet-card.is-redstyle {
    background-color: var(--color-campaign-sale); }
    .mag-club-wallet-card.is-redstyle .card-title, .mag-club-wallet-card.is-redstyle .card-description, .mag-club-wallet-card.is-redstyle .bottom-stripe .stripe-text {
      color: var(--color-gray-0); }
    .mag-club-wallet-card.is-redstyle .pass-icon {
      color: var(--color-gray-0); }
  .mag-club-wallet-card.is-active .bottom-stripe .stripe-text {
    -webkit-animation: pulse 2s ease infinite;
            animation: pulse 2s ease infinite; }
  .mag-club-wallet-card.has-barcode .card-title {
    margin-top: 0; }
  .mag-club-wallet-card .pass-ribbon {
    color: var(--color-white-base); }
  .mag-club-wallet-card .pass-icon {
    font-size: 1.5rem;
    color: var(--color-gray-0); }
    @media only screen and (min-width: 451px) {
      .mag-club-wallet-card .pass-icon {
        font-size: 2rem; } }
    .mag-club-wallet-card .pass-icon:first-child {
      padding-top: 0; }
    .mag-club-wallet-card .pass-icon.mag-font_birthday_cake {
      font-size: 2.75rem; }
  .mag-club-wallet-card .card-title {
    position: relative;
    color: var(--color-gray-0);
    margin-top: 0.625rem;
    margin-bottom: 0.3125rem;
    font-size: 1.125rem;
    line-height: 1.375rem; }
    @media only screen and (min-width: 451px) {
      .mag-club-wallet-card .card-title {
        margin-top: 1.5rem;
        font-size: 1.25rem;
        line-height: 1.625rem; } }
    .mag-club-wallet-card .card-title--alternative {
      font-size: 1.5rem; }
      @media only screen and (min-width: 375px) {
        .mag-club-wallet-card .card-title--alternative {
          font-size: 1.5rem; } }
  .mag-club-wallet-card .card-description {
    position: relative;
    color: var(--color-gray-0);
    font-size: 0.75rem;
    line-height: 1rem; }
    @media only screen and (min-width: 451px) {
      .mag-club-wallet-card .card-description {
        font-size: 0.875rem;
        line-height: 1.125rem; } }
  .mag-club-wallet-card .card-barcode {
    margin-top: 0.9375rem;
    padding: 0 1.5rem; }
    .mag-club-wallet-card .card-barcode img {
      max-width: 100%;
      height: auto; }
  .mag-club-wallet-card.is-min-height {
    height: 158px; }
    .mag-club-wallet-card.is-min-height a {
      max-width: 343px;
      height: 158px; }
  .mag-club-wallet-card .bottom-stripe {
    position: absolute;
    bottom: var(--spacer-4);
    left: 0;
    right: 0; }
    .mag-club-wallet-card .bottom-stripe .stripe-text {
      font-size: 1.25rem;
      line-height: 0.875rem;
      text-align: center;
      color: var(--color-gray-0); }
  .mag-club-wallet-card .btn {
    min-width: 250px; }
  .mag-club-wallet-card.is-expired {
    opacity: 0.5; }
  .mag-club-wallet-card .terms {
    margin-top: -20px;
    max-width: 504px;
    margin-left: 29px;
    margin-top: -19px; }
  .mag-club-wallet-card .exclusions {
    margin-bottom: 30px;
    margin-top: 60px; }
  .mag-club-wallet-card .exclusions-between {
    margin-bottom: 20px; }
  .mag-club-wallet-card .exclusions-text {
    margin-bottom: 4px; }
  .mag-club-wallet-card .offer-title {
    margin-top: 35px;
    margin-bottom: 30px; }
  .mag-club-wallet-card .date {
    margin-top: 21px; }
  .mag-club-wallet-card .use-now {
    margin-top: 6px; }
  .mag-club-wallet-card .valid-until {
    font-size: 1.25rem; }

.long-button {
  width: 240px;
  height: 55px; }
.long-button {
  width: 240px;
  height: 55px; }
.video-banner-block .title-subtitle-cta {
  position: absolute;
  bottom: 5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1; }
.sliding-nav {
  position: absolute;
  top: 65px;
  left: -100%;
  height: calc(100vh - 65px);
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  transition: -webkit-transform 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  transition: transform 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  transition: transform 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96), -webkit-transform 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  overflow-y: auto;
  /* Fixing Nav icons sizes*/ }
  @media only screen and (min-width: 900px) {
    .sliding-nav {
      top: 73px; } }
  @media only screen and (min-width: 1200px) {
    .sliding-nav {
      position: static;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: auto;
      height: auto;
      -webkit-transform: none;
              transform: none;
      overflow-y: visible; } }
  .sliding-nav.is-open {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
    @media only screen and (min-width: 1200px) {
      .sliding-nav.is-open {
        height: auto;
        padding-bottom: var(--spacer-6); } }
  .sliding-nav .nav-items {
    width: 75%;
    min-height: 100%;
    background-color: var(--color-loyaltyblue-base); }
    @media only screen and (min-width: 1200px) {
      .sliding-nav .nav-items {
        width: auto;
        height: 100%;
        background-color: var(--color-gray-0); } }
    .sliding-nav .nav-items .dashboard-cta img {
      width: 176px;
      height: auto; }
    .sliding-nav .nav-items a:not(.hightlight) {
      color: var(--color-gray-0); }
      @media only screen and (min-width: 1200px) {
        .sliding-nav .nav-items a:not(.hightlight) {
          color: var(--color-text-base); } }
    .sliding-nav .nav-items .mag-club-nav-dropdown button {
      height: 100%;
      padding-right: 2.25rem; }
      .sliding-nav .nav-items .mag-club-nav-dropdown button::before {
        content: none; }
      .sliding-nav .nav-items .mag-club-nav-dropdown button::after {
        -webkit-transition: color 0.3s ease;
        transition: color 0.3s ease; }
      .sliding-nav .nav-items .mag-club-nav-dropdown button:hover::after, .sliding-nav .nav-items .mag-club-nav-dropdown button:focus::after, .sliding-nav .nav-items .mag-club-nav-dropdown button:active::after {
        color: var(--color-gray-30); }
    .sliding-nav .nav-items .mag-club-nav-dropdown img {
      width: 92px;
      height: auto; }
    .sliding-nav .nav-items .mag-club-nav-dropdown .mag-club-nav-panel {
      position: absolute;
      top: 100%;
      width: 100%;
      opacity: 0;
      pointer-events: none;
      -webkit-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out; }
      .sliding-nav .nav-items .mag-club-nav-dropdown .mag-club-nav-panel.is-active {
        opacity: 1;
        pointer-events: auto; }
      .sliding-nav .nav-items .mag-club-nav-dropdown .mag-club-nav-panel a {
        color: var(--color-gray-0);
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
  @media only screen and (min-width: 1200px) {
    .sliding-nav > ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .sliding-nav > ul > li {
        margin-right: var(--spacer-3); }
        .sliding-nav > ul > li:nth-last-child(-n + 1) {
          margin-right: 0; }
        .sliding-nav > ul > li.has-nav-panel .nav-panel {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          -webkit-transform: translateY(100%);
                  transform: translateY(100%); } }
  .sliding-nav > ul > li .nav-item-search .mag-font {
    padding-left: 5px; }
  .sliding-nav > ul > li .nav-item-search-desktop .mag-font {
    top: 2px;
    left: 2px; }
  .sliding-nav > ul > li.nav-item-club-cta {
    margin-right: 0; }
    .sliding-nav > ul > li.nav-item-club-cta a .mag-font, .sliding-nav > ul > li.nav-item-club-cta button .mag-font {
      -webkit-transition: color 0.3s ease-in-out;
      transition: color 0.3s ease-in-out; }
    .sliding-nav > ul > li.nav-item-club-cta a:hover .mag-font, .sliding-nav > ul > li.nav-item-club-cta a:focus .mag-font, .sliding-nav > ul > li.nav-item-club-cta a:active .mag-font, .sliding-nav > ul > li.nav-item-club-cta button:hover .mag-font, .sliding-nav > ul > li.nav-item-club-cta button:focus .mag-font, .sliding-nav > ul > li.nav-item-club-cta button:active .mag-font {
      color: var(--color-gray-30); }
    .sliding-nav > ul > li.nav-item-club-cta a:hover .mag-club-profile-avatar, .sliding-nav > ul > li.nav-item-club-cta a:focus .mag-club-profile-avatar, .sliding-nav > ul > li.nav-item-club-cta a:active .mag-club-profile-avatar, .sliding-nav > ul > li.nav-item-club-cta button:hover .mag-club-profile-avatar, .sliding-nav > ul > li.nav-item-club-cta button:focus .mag-club-profile-avatar, .sliding-nav > ul > li.nav-item-club-cta button:active .mag-club-profile-avatar {
      background-color: var(--color-loyaltyblue-base);
      color: var(--color-gray-0); }
    .sliding-nav > ul > li.nav-item-club-cta a:hover::before, .sliding-nav > ul > li.nav-item-club-cta a:focus::before, .sliding-nav > ul > li.nav-item-club-cta a:active::before, .sliding-nav > ul > li.nav-item-club-cta button:hover::before, .sliding-nav > ul > li.nav-item-club-cta button:focus::before, .sliding-nav > ul > li.nav-item-club-cta button:active::before {
      content: none; }
  .sliding-nav > ul > li > a, .sliding-nav > ul > li button {
    display: block;
    cursor: pointer;
    font-weight: lighter;
    font-size: var(--font-size-5);
    position: relative; }
    @media only screen and (min-width: 1200px) {
      .sliding-nav > ul > li > a, .sliding-nav > ul > li button {
        text-decoration: none;
        font-size: var(--font-size-paragraph);
        padding: var(--spacer-2) var(--spacer-3); }
        .sliding-nav > ul > li > a:before, .sliding-nav > ul > li button:before {
          content: "";
          height: 1px;
          width: 0;
          background-color: var(--color-gray-90);
          position: absolute;
          bottom: 0.5rem;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          -webkit-transition: width .2s ease-in-out;
          transition: width .2s ease-in-out; }
        .sliding-nav > ul > li > a:hover, .sliding-nav > ul > li > a:focus, .sliding-nav > ul > li button:hover, .sliding-nav > ul > li button:focus {
          color: var(--color-text-base); }
          .sliding-nav > ul > li > a:hover:before, .sliding-nav > ul > li > a:focus:before, .sliding-nav > ul > li button:hover:before, .sliding-nav > ul > li button:focus:before {
            width: 50%; } }
  .sliding-nav > ul > li .mag-club-profile-CTA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .sliding-nav > ul > li.has-nav-panel .nav-panel-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
    color: var(--color-gray-0); }
    @media only screen and (min-width: 1200px) {
      .sliding-nav > ul > li.has-nav-panel .nav-panel-cta {
        color: var(--color-text-base); } }
    .sliding-nav > ul > li.has-nav-panel .nav-panel-cta:after {
      right: var(--spacer-2); }
  .sliding-nav > ul > li.has-nav-panel .nav-panel {
    display: none;
    background-color: var(--color-loyaltyblue-base);
    padding: var(--spacer-5) 0;
    font-size: var(--font-size-paragraph); }
    @media only screen and (min-width: 1200px) {
      .sliding-nav > ul > li.has-nav-panel .nav-panel {
        background-color: var(--color-gray-0); } }
    .sliding-nav > ul > li.has-nav-panel .nav-panel.is-open {
      display: block; }
    .sliding-nav > ul > li.has-nav-panel .nav-panel .is-h5 {
      color: var(--color-gray-0); }
      @media only screen and (min-width: 1200px) {
        .sliding-nav > ul > li.has-nav-panel .nav-panel .is-h5 {
          color: var(--color-text-base); } }
    .sliding-nav > ul > li.has-nav-panel .nav-panel .is-h3 {
      font-weight: normal;
      margin-bottom: var(--spacer-3);
      color: var(--color-gray-0); }
      @media only screen and (min-width: 1200px) {
        .sliding-nav > ul > li.has-nav-panel .nav-panel .is-h3 {
          color: var(--color-text-base); } }
    .sliding-nav > ul > li.has-nav-panel .nav-panel li {
      margin-bottom: var(--spacer-3); }
    .sliding-nav > ul > li.has-nav-panel .nav-panel .aspect-ratio-container {
      max-width: 250px;
      margin: 0 auto; }
      .sliding-nav > ul > li.has-nav-panel .nav-panel .aspect-ratio-container img {
        width: 250px; }
  .sliding-nav > ul > li.has-nav-panel.is-locations .nav-panel {
    padding-bottom: 0; }
    .sliding-nav > ul > li.has-nav-panel.is-locations .nav-panel .container-fluid {
      max-width: 1920px; }
    .sliding-nav > ul > li.has-nav-panel.is-locations .nav-panel li {
      margin-bottom: 0; }
  .sliding-nav .second-level-mobile-nav {
    position: absolute;
    top: 6.75rem;
    left: -75%;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);
    transition: -webkit-transform 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);
    transition: transform 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);
    transition: transform 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96), -webkit-transform 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);
    min-height: calc(100% - 6.75rem);
    overflow-y: auto; }
    .sliding-nav .second-level-mobile-nav.is-open {
      -webkit-transform: translate3d(100%, 0, 0);
              transform: translate3d(100%, 0, 0); }
  .sliding-nav .mag-font:not(.mag-font_right_chevron) {
    width: 20px;
    height: 18px;
    vertical-align: text-top;
    margin-top: -2px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
    @media only screen and (min-width: 1200px) {
      .sliding-nav .mag-font:not(.mag-font_right_chevron).is-d-lg-none {
        display: none; } }
  .sliding-nav [aria-haspopup="true"] .mag-font:not(.mag-font_right_chevron) {
    margin-top: 2px; }
    @media only screen and (min-width: 1200px) {
      .sliding-nav [aria-haspopup="true"] .mag-font:not(.mag-font_right_chevron) {
        margin-top: -1px; } }

.favourite-categories {
  /* Mobile & Tablet Styles */
  /* Desktop Styles */ }
  @media only screen and (max-width: 991px) {
    .favourite-categories div.fav-category {
      background-position: 50% 40%;
      background-repeat: no-repeat;
      margin: 4px;
      border: solid;
      border-width: 1.37px;
      min-width: 100px !important;
      -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 47% !important;
      flex: 0 0 47% !important;
      max-width: 47% !important; }
    .favourite-categories label.fav-category-name {
      font-family: Figtree;
      font-size: 24px;
      font-style: normal;
      font-weight: 300;
      line-height: 24px;
      letter-spacing: 0em;
      text-align: center; }
    .favourite-categories label.margin-top-1 {
      margin-top: 105px; } }
  @media only screen and (min-width: 992px) {
    .favourite-categories div.fav-category {
      background-position: 50% 40%;
      background-repeat: no-repeat;
      margin: 4px;
      border: solid;
      border-width: 1.37px;
      min-width: 200px !important;
      -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 19.31% !important;
      flex: 0 0 19.31% !important;
      max-width: 19.31% !important; }
    .favourite-categories label.fav-category-name {
      font-family: Figtree;
      font-size: 30px;
      font-style: normal;
      font-weight: 300;
      line-height: 30px;
      letter-spacing: 0em;
      text-align: center; }
    .favourite-categories label.margin-top-1 {
      margin-top: 130px; } }
  .favourite-categories div.not-selected {
    border-color: #808080; }
  .favourite-categories div.selected {
    border-color: #27245C; }
  .favourite-categories label.not-selected {
    color: rgba(0, 0, 0, 0.5); }
  .favourite-categories label.selected {
    color: #27245C; }
  .favourite-categories div.margin-bottom-20 {
    margin-top: 20px; }
  .favourite-categories div.gender-question {
    font-family: Figtree;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 18px;
    color: #4D4C52;
    width: 300px;
    margin-top: 40px; }
  .favourite-categories div.gender {
    width: 200px;
    margin-top: 37px; }
  .favourite-categories span.gender {
    font-family: Figtree;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px; }
  .favourite-categories span.gender-selected {
    color: #27245C; }
  .favourite-categories span.gender-not-selected {
    color: rgba(144, 143, 146, 0.7); }
  .favourite-categories img.gender {
    margin-left: 20px; }

.magc-desktop-dropdown {
  position: absolute;
  top: 50%;
  right: 0;
  white-space: nowrap;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
  .magc-desktop-dropdown__trigger {
    position: relative; }
    .magc-desktop-dropdown__trigger .mag-club-profile-CTA {
      z-index: 2;
      cursor: pointer; }
    .magc-desktop-dropdown__trigger:hover .magc-desktop-dropdown {
      opacity: 1;
      visibility: visible; }

.magc-check-in__slides {
  width: 100%; }
  .magc-check-in__slides .siema-pagination > button {
    color: transparent !important;
    line-height: 1.1875rem;
    margin: 0;
    padding: 0 0.3125rem; }
    .magc-check-in__slides .siema-pagination > button::after {
      content: " ";
      width: 12px;
      height: 12px;
      display: block;
      background: var(--color-gray-30);
      border-radius: 50%; }
    .magc-check-in__slides .siema-pagination > button.is-active::after {
      background: var(--color-primary-base); }

.magc-check-in__hidden {
  -webkit-animation: MagcFadeOut .5s linear forwards;
          animation: MagcFadeOut .5s linear forwards; }

@keyframes MagcFadeOut {
  0% {
    opacity: 1;
    max-height: 100vh; }
  100% {
    opacity: 0;
    max-height: 0; } }

.coniq-refresh {
  /*&--hide-progress {
        .progress {
            display: none;
        }

        .col-md-5 {
            padding: 0 !important;
            max-width: 100%;
            flex-basis: 100%;
        }

        section {
            padding: 0 !important;
            height: 100%;
        }

        .loyalty-qr-code-card {
            max-width: 100%;
        }
    }*/
  /*.container.is-narrow {
        padding-bottom: 1rem;
    }*/
  /*.container.is-narrow,
    .row {
        height: 100%;
    }*/ }
  @media only screen and (max-width: 900px) {
    .coniq-refresh {
      margin-bottom: 90px !important; } }
  .coniq-refresh .loyalty-qr-code-card {
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-right: 20px; }
    @media only screen and (max-width: 900px) {
      .coniq-refresh .loyalty-qr-code-card {
        margin-right: auto; } }
  .coniq-refresh .loyalty-reward-progress {
    margin-left: 20px; }
    @media only screen and (max-width: 900px) {
      .coniq-refresh .loyalty-reward-progress {
        margin-left: auto; } }

.mag-club-checkin-slider {
  background-image: url(/Static/images/mag-shopping-bag.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.mag-club-checkin-slider-image {
  -o-object-fit: contain;
     object-fit: contain;
  width: 68%;
  height: 80%;
  position: absolute;
  top: 50%;
  left: 50.66%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding-top: 20px; }

.mag-club-checkin-slider-grey {
  background-image: url(/Static/images/mag-shopping-bag-grey.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.mag-club-scanhistory-grid {
  background-image: url(/Static/images/mag-shopping-bag-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  width: 100%;
  padding-top: 150%; }

.mag-club-scanhistory-grid-image {
  -o-object-fit: contain;
     object-fit: contain;
  width: 95%;
  height: 95%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding-top: 20px;
  position: absolute; }

.mag-club-scanhistory-grid-background {
  background: #F2F2F2; }

.mag-club-align-content {
  margin: 0 auto 2rem; }

.magc-combo-box {
  background: var(--color-gray-20); }
  .magc-combo-box option:hover {
    background: var(--color-gray-30); }

.form-group.select-div .magc-input-wrapper.input-wrapper:after {
  z-index: 0;
  content: " ";
  width: 12px;
  height: 12px;
  border: 6px solid var(--color-gray-60);
  border-top-color: transparent;
  border-right-color: transparent;
  -webkit-transform: rotate(-45deg) translateY(1px);
          transform: rotate(-45deg) translateY(1px); }

.bv_mainselect {
  position: relative; }

.bv_atual {
  position: relative;
  padding: var(--spacer-2) var(--spacer-2) var(--spacer-2) var(--spacer-3);
  color: var(--color-text-dark);
  outline: none;
  width: 100%;
  height: 45px;
  border: 1px solid var(--color-gray-30);
  font-size: var(--font-size-5);
  font-weight: normal;
  cursor: pointer;
  -webkit-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  z-index: 1; }

.bv_disabled {
  background-color: #e6e6e6 !important;
  cursor: default !important; }

.bv_separator {
  font-weight: 700;
  color: #282828 !important;
  cursor: default !important;
  background-color: transparent !important; }

.bv_background {
  background: var(--color-gray-20); }

.arrow {
  position: absolute;
  top: 14px;
  right: 1rem;
  width: 10px;
  height: 10px;
  border: 5px solid var(--color-gray-60);
  border-top-color: transparent;
  border-right-color: transparent;
  -webkit-transform: translateY(0) rotate(-45deg);
          transform: translateY(0) rotate(-45deg); }

.up {
  -webkit-transform: translateY(6px) rotate(135deg);
          transform: translateY(6px) rotate(135deg);
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }

.down {
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: translateY(0) rotate(-45deg);
          transform: translateY(0) rotate(-45deg); }

/*
.bv_ul_mobile {
    width: 80% !important;
    position: fixed !important;
    top: 5% !important;
    left: 10% !important;
    border: 0px !important;
    height: 90% !important;
    margin: 0px !important;
    overflow-y: scroll;
    z-index: 10 !important;
    max-height: 100% !important;
}

.bv_ul_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: red;
    z-index: 9;
}

.bv_ul_mobile li {
    padding: 20px !important;
}
*/
.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.bv_ul_inner {
  position: absolute;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  outline: none;
  width: 100%;
  border: 1px solid var(--color-gray-30);
  font-size: var(--font-size-5);
  font-weight: normal;
  display: none;
  z-index: 1;
  max-height: 400px;
  overflow-x: auto; }

.bv_ul_inner li {
  cursor: pointer;
  list-style: none;
  font-size: var(--font-size-6);
  color: var(--color-text-dark);
  font-weight: normal;
  padding: var(--spacer-2) var(--spacer-2) var(--spacer-2) 2.5rem;
  /*color: #353535;
    font-family: arial;
    font-size: 10pt;
    padding: 12px 28px 10px 10px;*/ }

/*
.bv_ul_inner i {
    color: #464646;
    font-size: 17pt;
    margin-right: 10px;
    float: left;
    margin-top: -1px;
    margin-left: 3px;
}
.bv_ul_inner li img {
    float: left;
    margin-right: 11px;
    position: relative;
    bottom: 6px;
    max-width: 30px; /* Change to fit your images * /
}
*/
.bv_ul_inner li input {
  padding: var(--spacer-2) var(--spacer-2) var(--spacer-2) var(--spacer-3);
  border: 0px;
  font-size: var(--font-size-5);
  color: var(--color-text-dark);
  font-weight: normal;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  /*color: black;
    height: 38px;*/
  width: 100%;
  background-color: transparent;
  /*font-size: 10pt;
    font-weight: bold;*/
  text-transform: uppercase; }

.bv_ul_inner li:hover {
  background-color: var(--color-gray-30); }

.nofocus {
  background-color: rgba(255, 255, 255, 0.1) !important;
  padding: 0px !important;
  /*border-bottom: 2px solid #e1e1e1;*/ }

.innerinput {
  height: 45px;
  border-bottom: 1px solid var(--color-gray-30);
  background: var(--color-gray-20); }
  .innerinput::after {
    content: " ";
    display: block;
    position: absolute;
    top: 14px;
    right: 1rem;
    width: 10px;
    height: 10px;
    border: 5px solid var(--color-gray-60);
    border-top-color: transparent;
    border-right-color: transparent;
    -webkit-transform: translateY(6px) rotate(135deg);
            transform: translateY(6px) rotate(135deg); }

*:focus {
  outline: none !important; }

.fixed-search {
  position: sticky;
  top: 0; }

li[data-value="separator"] {
  padding-left: 1rem;
  font-weight: bold;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none; }

.refer-a-friend__action-btn .mag-font {
  background-color: var(--color-loyaltyblue-base) !important; }
  .refer-a-friend__action-btn .mag-font:hover {
    background-color: #274492 !important; }

.refer-a-friend__modal input[data-refer-a-friend-popup="copy-link-input"] {
  pointer-events: none; }
  .refer-a-friend__modal input[data-refer-a-friend-popup="copy-link-input"]::-moz-selection {
    background: #F9FFD9;
    color: #010101; }
  .refer-a-friend__modal input[data-refer-a-friend-popup="copy-link-input"]::selection {
    background: #F9FFD9;
    color: #010101; }

.refer-a-friend__modal [data-refer-a-friend-popup="copy-link-input-trigger"] {
  position: absolute;
  top: 0;
  right: 14px;
  left: 14px;
  height: 45px;
  z-index: 1;
  cursor: pointer; }

.refer-a-friend__modal .icon-ctas-module-rounded > li {
  margin-right: var(--spacer-4); }
  .refer-a-friend__modal .icon-ctas-module-rounded > li:last-of-type {
    margin-right: 0; }

.refer-a-friend__copied-label {
  position: absolute;
  top: 0;
  right: 14px;
  left: 14px;
  height: 45px;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  pointer-events: none; }
  .refer-a-friend__copied-label.show {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease; }

.refer-a-friend__content {
  font-size: 13px !important; }

.grid-item {
  width: 33.33%;
  margin-top: 20px; }

.grid-reveal {
  width: 33.33%;
  margin-top: 20px; }

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .grid-item {
    width: 49% !important;
    margin-top: 20px; }
  .grid-reveal {
    width: 49% !important;
    margin-top: 20px; } }

:root {
  --color-gray-70: #707070; }

.is-circle {
  border-radius: 50%; }

.has-bg-white2 {
  background-color: white; }

.has-font-weight-light2 {
  font-weight: 300; }

.has-font-weight-semibold {
  font-weight: 600; }

.has-text-height-1-33 {
  line-height: 1.33; }

.has-text-gray-70 {
  color: var(--color-gray-70); }

.scanIconWrapper {
  width: 160px;
  height: 160px;
  background-image: url("/Static/images/qr.png");
  background-position: 0 16px;
  background-repeat: no-repeat; }

.counterDigit {
  border-radius: 2px;
  width: 30px;
  height: 38px;
  display: inline-block; }

.fashion-festival-filters {
  position: sticky;
  top: 64px;
  border-bottom: 1px solid #EEF0F6;
  z-index: 1; }
  @media only screen and (min-width: 600px) {
    .fashion-festival-filters {
      top: 68px; } }
  @media only screen and (min-width: 900px) {
    .fashion-festival-filters {
      position: relative;
      top: 0; } }
  .fashion-festival-filters:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 28px;
    background: var(--color-campaign-late-night-shopping); }
  .fashion-festival-filters.fashion-festival-filters--active:before {
    height: 51px; }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters.fashion-festival-filters--active:before {
        height: 75px; } }
  .fashion-festival-filters.fashion-festival-filters--stuck:before {
    height: 100%; }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters.fashion-festival-filters--stuck:before {
        height: 28px; } }
  .fashion-festival-filters .container {
    position: relative; }
  .fashion-festival-filters .filters-container .filters {
    margin-top: -70px;
    background: var(--color-campaign-late-night-shopping);
    -webkit-transform: none;
            transform: none; }
    .fashion-festival-filters .filters-container .filters .btn {
      border-color: rgba(255, 255, 255, 0.5); }
      .fashion-festival-filters .filters-container .filters .btn:hover .mag-font, .fashion-festival-filters .filters-container .filters .btn:focus .mag-font {
        color: var(--color-primary-base); }
    .fashion-festival-filters .filters-container .filters .download-cta {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 0.75rem;
      line-height: 20px;
      text-transform: uppercase; }
      @media only screen and (min-width: 900px) {
        .fashion-festival-filters .filters-container .filters .download-cta {
          padding: 12px;
          font-size: 1rem; } }
      .fashion-festival-filters .filters-container .filters .download-cta:hover svg path, .fashion-festival-filters .filters-container .filters .download-cta:focus svg path {
        stroke: var(--color-primary-base); }
      .fashion-festival-filters .filters-container .filters .download-cta span {
        position: relative;
        width: 18px;
        margin-right: var(--spacer-2); }
        .fashion-festival-filters .filters-container .filters .download-cta span svg {
          display: block; }
          .fashion-festival-filters .filters-container .filters .download-cta span svg path {
            -webkit-transition: stroke 0.6s ease-in-out;
            transition: stroke 0.6s ease-in-out; }
    .fashion-festival-filters .filters-container .filters .mag-font {
      color: rgba(255, 255, 255, 0.5);
      -webkit-transition: color 0.6s ease-in-out;
      transition: color 0.6s ease-in-out; }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters .filters-container .filters .dropdown {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 286px;
                flex: 0 1 286px; } }
    .fashion-festival-filters .filters-container .filters .dropdown-cta {
      padding: 0 0 8px;
      font-weight: 600;
      border-bottom: 1px solid var(--color-white-base); }
      .fashion-festival-filters .filters-container .filters .dropdown-cta:after {
        color: var(--color-white-base);
        font-size: var(--font-size-6); }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters .filters-container .filters .filter-count-wrapper {
        width: 24px;
        height: 24px;
        margin-left: var(--spacer-3); } }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters .filters-container .filters .filter-count-wrapper .filter-count-text {
        font-size: 0.75rem; } }
    .fashion-festival-filters .filters-container .filters .filter-alphabetical {
      font-weight: 600; }
      .fashion-festival-filters .filters-container .filters .filter-alphabetical ul {
        margin-bottom: 0; }
      .fashion-festival-filters .filters-container .filters .filter-alphabetical li {
        color: rgba(255, 255, 255, 0.5); }
      .fashion-festival-filters .filters-container .filters .filter-alphabetical a {
        color: var(--color-white-base); }
    .fashion-festival-filters .filters-container .filters .filters-desktop {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-transform: none;
              transform: none; }
      .fashion-festival-filters .filters-container .filters .filters-desktop > * {
        padding-right: 24px;
        padding-left: 24px; }
        .fashion-festival-filters .filters-container .filters .filters-desktop > *:last-child {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 auto;
                  flex: 0 0 auto; }
  .fashion-festival-filters .filters-mobile {
    margin-right: -4px;
    margin-left: -4px; }
    .fashion-festival-filters .filters-mobile > * {
      padding-right: 4px;
      padding-left: 4px; }
  .fashion-festival-filters .filters-status {
    color: var(--color-white-base); }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters .filters-status {
        max-width: calc(var(--container-size-md) - 30px);
        margin: 0 auto; } }
    @media only screen and (min-width: 1200px) {
      .fashion-festival-filters .filters-status {
        max-width: calc(var(--container-size-lg) - 30px); } }
    @media only screen and (min-width: 1800px) {
      .fashion-festival-filters .filters-status {
        max-width: calc(var(--container-size-xl) - 30px); } }
    .fashion-festival-filters .filters-status p {
      margin: 0; }
    .fashion-festival-filters .filters-status button {
      padding: 0;
      color: inherit;
      background: transparent; }
      .fashion-festival-filters .filters-status button:hover {
        text-decoration: underline; }

.fashion-festival-filters-tactical-teal {
  position: sticky;
  top: 64px;
  border-bottom: 1px solid #EEF0F6;
  z-index: 1; }
  @media only screen and (min-width: 600px) {
    .fashion-festival-filters-tactical-teal {
      top: 68px; } }
  @media only screen and (min-width: 900px) {
    .fashion-festival-filters-tactical-teal {
      position: relative;
      top: 0; } }
  .fashion-festival-filters-tactical-teal:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 28px;
    background: var(--color-campaign-tactical-teal); }
  .fashion-festival-filters-tactical-teal.fashion-festival-filters--active:before {
    height: 51px; }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-tactical-teal.fashion-festival-filters--active:before {
        height: 75px; } }
  .fashion-festival-filters-tactical-teal.fashion-festival-filters--stuck:before {
    height: 100%; }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-tactical-teal.fashion-festival-filters--stuck:before {
        height: 28px; } }
  .fashion-festival-filters-tactical-teal .container {
    position: relative; }
  .fashion-festival-filters-tactical-teal .filters-container .filters {
    margin-top: -70px;
    background: var(--color-campaign-tactical-teal);
    -webkit-transform: none;
            transform: none; }
    .fashion-festival-filters-tactical-teal .filters-container .filters .btn {
      border-color: rgba(255, 255, 255, 0.5); }
      .fashion-festival-filters-tactical-teal .filters-container .filters .btn:hover .mag-font, .fashion-festival-filters-tactical-teal .filters-container .filters .btn:focus .mag-font {
        color: var(--color-primary-base); }
    .fashion-festival-filters-tactical-teal .filters-container .filters .download-cta {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 0.75rem;
      line-height: 20px;
      text-transform: uppercase; }
      @media only screen and (min-width: 900px) {
        .fashion-festival-filters-tactical-teal .filters-container .filters .download-cta {
          padding: 12px;
          font-size: 1rem; } }
      .fashion-festival-filters-tactical-teal .filters-container .filters .download-cta:hover svg path, .fashion-festival-filters-tactical-teal .filters-container .filters .download-cta:focus svg path {
        stroke: var(--color-primary-base); }
      .fashion-festival-filters-tactical-teal .filters-container .filters .download-cta span {
        position: relative;
        width: 18px;
        margin-right: var(--spacer-2); }
        .fashion-festival-filters-tactical-teal .filters-container .filters .download-cta span svg {
          display: block; }
          .fashion-festival-filters-tactical-teal .filters-container .filters .download-cta span svg path {
            -webkit-transition: stroke 0.6s ease-in-out;
            transition: stroke 0.6s ease-in-out; }
    .fashion-festival-filters-tactical-teal .filters-container .filters .mag-font {
      color: rgba(255, 255, 255, 0.5);
      -webkit-transition: color 0.6s ease-in-out;
      transition: color 0.6s ease-in-out; }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-tactical-teal .filters-container .filters .dropdown {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 286px;
                flex: 0 1 286px; } }
    .fashion-festival-filters-tactical-teal .filters-container .filters .dropdown-cta {
      padding: 0 0 8px;
      font-weight: 600;
      border-bottom: 1px solid var(--color-white-base); }
      .fashion-festival-filters-tactical-teal .filters-container .filters .dropdown-cta:after {
        color: var(--color-white-base);
        font-size: var(--font-size-6); }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-tactical-teal .filters-container .filters .filter-count-wrapper {
        width: 24px;
        height: 24px;
        margin-left: var(--spacer-3); } }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-tactical-teal .filters-container .filters .filter-count-wrapper .filter-count-text {
        font-size: 0.75rem; } }
    .fashion-festival-filters-tactical-teal .filters-container .filters .filter-alphabetical {
      font-weight: 600; }
      .fashion-festival-filters-tactical-teal .filters-container .filters .filter-alphabetical ul {
        margin-bottom: 0; }
      .fashion-festival-filters-tactical-teal .filters-container .filters .filter-alphabetical li {
        color: rgba(255, 255, 255, 0.5); }
      .fashion-festival-filters-tactical-teal .filters-container .filters .filter-alphabetical a {
        color: var(--color-white-base); }
    .fashion-festival-filters-tactical-teal .filters-container .filters .filters-desktop {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-transform: none;
              transform: none; }
      .fashion-festival-filters-tactical-teal .filters-container .filters .filters-desktop > * {
        padding-right: 24px;
        padding-left: 24px; }
        .fashion-festival-filters-tactical-teal .filters-container .filters .filters-desktop > *:last-child {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 auto;
                  flex: 0 0 auto; }
  .fashion-festival-filters-tactical-teal .filters-mobile {
    margin-right: -4px;
    margin-left: -4px; }
    .fashion-festival-filters-tactical-teal .filters-mobile > * {
      padding-right: 4px;
      padding-left: 4px; }
  .fashion-festival-filters-tactical-teal .filters-status {
    color: var(--color-white-base); }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-tactical-teal .filters-status {
        max-width: calc(var(--container-size-md) - 30px);
        margin: 0 auto; } }
    @media only screen and (min-width: 1200px) {
      .fashion-festival-filters-tactical-teal .filters-status {
        max-width: calc(var(--container-size-lg) - 30px); } }
    @media only screen and (min-width: 1800px) {
      .fashion-festival-filters-tactical-teal .filters-status {
        max-width: calc(var(--container-size-xl) - 30px); } }
    .fashion-festival-filters-tactical-teal .filters-status p {
      margin: 0; }
    .fashion-festival-filters-tactical-teal .filters-status button {
      padding: 0;
      color: inherit;
      background: transparent; }
      .fashion-festival-filters-tactical-teal .filters-status button:hover {
        text-decoration: underline; }

.fashion-festival-brand__title {
  margin: 0;
  padding: 20px 0 70px;
  color: var(--color-white-base);
  background: var(--color-campaign-late-night-shopping);
  font-family: var(--font-family-title);
  font-size: 1.5rem;
  line-height: 2.16667; }
  @media only screen and (min-width: 900px) {
    .fashion-festival-brand__title {
      padding-bottom: 64px;
      font-size: 1.75rem;
      line-height: 2.67857; } }

.fashion-festival-brand-tactical-teal__title {
  margin: 0;
  padding: 20px 0 70px;
  color: var(--color-white-base);
  background: var(--color-campaign-tactical-teal);
  font-family: var(--font-family-title);
  font-size: 1.5rem;
  line-height: 2.16667; }
  @media only screen and (min-width: 900px) {
    .fashion-festival-brand-tactical-teal__title {
      padding-bottom: 64px;
      font-size: 1.75rem;
      line-height: 2.67857; } }

.fashion-festival-product {
  height: 100%;
  padding: 12px 0; }
  @media only screen and (min-width: 900px) {
    .fashion-festival-product {
      padding: 0; } }

.fashion-festival-product--basic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 15px; }
  @media only screen and (min-width: 900px) {
    .fashion-festival-product--basic {
      padding: 20px;
      border: 1px solid rgba(13, 137, 168, 0.2);
      border-radius: 10px; } }
  @media only screen and (min-width: 1200px) {
    .fashion-festival-product--basic {
      padding: 50px; } }

@media only screen and (min-width: 900px) {
  .fashion-festival-product__image {
    margin-bottom: 32px; } }

.fashion-festival-product__image img {
  max-width: 100%; }

.fashion-festival-product__image .aspect-ratio-content {
  display: -ms-grid;
  display: grid;
  aspect-ratio: 1/1; }
  .fashion-festival-product__image .aspect-ratio-content .media-cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    z-index: 0; }

.fashion-festival-product__image .placeholder-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 1/1;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  z-index: 0;
  opacity: 0.5; }

.fashion-festival-product__image .loader-logo {
  width: 70px;
  height: 70px; }
  @media only screen and (min-width: 900px) {
    .fashion-festival-product__image .loader-logo {
      width: 100px;
      height: 100px; } }

@media only screen and (min-width: 900px) {
  .fashion-festival-product--basic .fashion-festival-product__content {
    max-width: 258px; } }

.fashion-festival-product__title {
  margin-bottom: 10px;
  font-size: 1rem;
  line-height: 1.25; }
  @media only screen and (min-width: 900px) {
    .fashion-festival-product__title {
      font-size: 1.125rem;
      line-height: 1.11111; } }

.fashion-festival-product__price {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.25; }
  @media only screen and (min-width: 900px) {
    .fashion-festival-product__price {
      font-size: 1.125rem;
      line-height: 1.33333; } }
  .fashion-festival-product--basic .fashion-festival-product__price {
    font-size: 0.875rem;
    line-height: 1.42857; }
    @media only screen and (min-width: 900px) {
      .fashion-festival-product--basic .fashion-festival-product__price {
        font-size: 1.125rem;
        line-height: 1.11111; } }

.fashion-festival-product__price--old {
  text-decoration: line-through; }

.fashion-festival-product__price--new {
  text-transform: uppercase;
  color: var(--color-campaign-late-night-shopping); }

.fashion-festival-product-tactical-teal__price--new {
  text-transform: uppercase;
  color: var(--color-campaign-tactical-teal); }

.fashion-festival-products {
  margin-top: -60px;
  padding: 28px 15px;
  background: var(--color-white-base); }
  @media only screen and (min-width: 900px) {
    .fashion-festival-products {
      padding: 72px 30px 50px; } }
  .fashion-festival-products .ecommerce-item {
    height: 100%; }

.fashion-festival-products--basic {
  padding: 28px 0 33px; }
  @media only screen and (min-width: 900px) {
    .fashion-festival-products--basic {
      padding: 40px 16px; } }
  .fashion-festival-products--basic .row {
    margin-right: -8px;
    margin-left: -8px; }
    .fashion-festival-products--basic .row > * {
      padding-right: 8px;
      padding-left: 8px; }

.fashion-festival-promos {
  padding: 32px 0 40px;
  background: #F8F8F8; }
  .fashion-festival-promos .row {
    margin-right: -8px;
    margin-left: -8px; }
    @media only screen and (min-width: 900px) {
      .fashion-festival-promos .row {
        margin-right: -10px;
        margin-left: -10px; } }
    .fashion-festival-promos .row > * {
      padding: 8px; }
      @media only screen and (min-width: 900px) {
        .fashion-festival-promos .row > * {
          padding-right: 10px;
          padding-left: 10px; } }
  .fashion-festival-promos .has-section-spacer {
    height: 100%;
    margin: 0; }

.fashion-festival-promos__title {
  margin: 0 0 24px;
  font-family: var(--font-family-title);
  font-size: 1.25rem;
  line-height: 2.6; }
  @media only screen and (min-width: 900px) {
    .fashion-festival-promos__title {
      font-size: 1.375rem;
      line-height: 1.09091; } }
  .fashion-festival-promos__title span {
    display: inline-block;
    padding: 0 45px 17px;
    border-bottom: 1px solid var(--color-campaign-late-night-shopping); }
    @media only screen and (min-width: 900px) {
      .fashion-festival-promos__title span {
        width: 100%;
        max-width: 600px;
        padding-bottom: 32px; } }
    @media only screen and (min-width: 1200px) {
      .fashion-festival-promos__title span {
        max-width: 936px; } }

.fashion-festival-promo {
  height: 100%;
  background: var(--color-white-base);
  border: 1px solid rgba(13, 137, 168, 0.2);
  border-radius: 10px; }
  .fashion-festival-promo,
  .has-section-spacer .fashion-festival-promo,
  .has-section-spacer > .fashion-festival-promo:nth-last-child(-n+1):not(.btn) {
    padding: 20px 40px; }

.fashion-festival-promo__title {
  font-family: var(--font-family-title);
  margin-bottom: 24px;
  font-size: 1.125rem;
  line-height: 1.33333; }
  @media only screen and (min-width: 900px) {
    .fashion-festival-promo__title {
      font-size: 1.25rem;
      line-height: 1.2; } }

.fashion-festival-promo__text {
  font-size: 1.125rem;
  line-height: 1.33333; }
  .fashion-festival-promo__text p:last-child {
    margin-bottom: 0; }

.fashion-festival-content .richtextblock {
  padding: 26px 0 30px;
  background: rgba(0, 122, 161, 0.1); }
  @media only screen and (min-width: 900px) {
    .fashion-festival-content .richtextblock {
      padding: 22px 0 30px; } }
  .fashion-festival-content .richtextblock .has-section-spacer.is-padding {
    padding-top: 0;
    padding-bottom: 0; }
  .fashion-festival-content .richtextblock .row.is-justify-center {
    display: block;
    margin: 0; }
  .fashion-festival-content .richtextblock .col-md-12.col-sm-8.has-text-center {
    padding: 0; }
    .fashion-festival-content .richtextblock .col-md-12.col-sm-8.has-text-center,
    .fashion-festival-content .richtextblock .col-md-12.col-sm-8.has-text-center * {
      text-align: left; }
  @media only screen and (min-width: 1200px) {
    .fashion-festival-content .richtextblock .container:not(.is-fluid):not([class^="is-narrow"]) {
      max-width: 1058px; } }
  .fashion-festival-content .richtextblock ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .fashion-festival-content .richtextblock li {
    position: relative;
    padding-left: 30px;
    font-size: 0.875rem;
    line-height: 1.42857; }
    .fashion-festival-content .richtextblock li:before {
      content: '';
      position: absolute;
      top: 10px;
      left: 15px;
      width: 3px;
      height: 3px;
      background: var(--color-black-base);
      border-radius: 100%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }

.fashion-festival-ctas {
  padding: 13px 0;
  color: var(--color-white-base);
  background: var(--color-campaign-late-night-shopping); }
  @media only screen and (min-width: 900px) {
    .fashion-festival-ctas {
      padding: 26px 0 43px; } }

.fashion-festival-ctas__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 400px;
  margin: 0 auto;
  padding: 0;
  list-style: none; }
  .fashion-festival-ctas__list li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
            flex: 0 0 33.3333%; }
  .fashion-festival-ctas__list a {
    color: inherit;
    text-align: center; }
  .fashion-festival-ctas__list p {
    margin: 0;
    font-size: 0.5rem;
    line-height: 1.375;
    font-weight: 500;
    text-transform: uppercase; }
    @media only screen and (min-width: 900px) {
      .fashion-festival-ctas__list p {
        font-size: 0.6875rem;
        line-height: 1.36364; } }
    .fashion-festival-ctas__list p i {
      display: block;
      margin-bottom: 10px;
      font-size: 1.25rem; }
      @media only screen and (min-width: 900px) {
        .fashion-festival-ctas__list p i {
          font-size: 2rem; } }

.whats-on-section-block .banner-cta {
  padding-top: var(--spacer-7);
  padding-bottom: var(--spacer-7);
  color: inherit; }
  @media only screen and (min-width: 900px) {
    .whats-on-section-block .banner-cta {
      padding-top: var(--spacer-7);
      padding-bottom: var(--spacer-8); } }

.whats-on-section-block .card {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
  padding: var(--spacer-5);
  border: none;
  -webkit-box-shadow: -8px 16px 15px rgba(0, 0, 0, 0.13);
          box-shadow: -8px 16px 15px rgba(0, 0, 0, 0.13);
  text-align: center; }
  @media only screen and (min-width: 600px) {
    .whats-on-section-block .card {
      max-width: var(--container-size-sm);
      padding: var(--spacer-6); } }

.leading-image {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute; }

.leading-image-wrapper {
  position: relative; }

.offer-preview {
  padding: 50px 50px 100px; }
  .offer-preview span.exclusion-text {
    display: block; }
  .offer-preview .offer__accordion-copy:last-child {
    padding-bottom: 0px !important; }

.offer-preview__footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px;
  background: var(--color-gray-0);
  border-top: 1px solid var(--color-gray-20); }
  .offer-preview__footer select {
    max-width: 200px;
    margin: 0 auto;
    -webkit-appearance: menulist; }

.offer__pass {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 343px;
  height: 487.06px;
  margin: 0 auto 24px;
  padding: 16px;
  color: #9c9c9c;
  background: var(--color-gray-0);
  border: 6px solid #27245c;
  border-radius: 9px; }

.offer__pass--blue {
  color: var(--color-gray-0);
  background: #35307A;
  border: none; }

.offer__pass--green {
  color: var(--color-gray-0);
  background: #3BAB7E;
  border: none; }

.offer__pass--red {
  position: relative;
  color: var(--color-gray-0);
  background: #D83344;
  border: none; }

.offer__pass-logo {
  width: 190px;
  height: 95px; }
  .offer__pass-logo img {
    width: 100%;
    height: auto; }

.offer__pass-logo-container {
  width: 311px;
  padding: 10px;
  background-color: #FFFFFF;
  border-radius: 9px;
  opacity: 1;
  height: 100px; }
  .offer__pass-logo-container .logo-container {
    margin: 0px auto;
    width: 120px;
    height: 80px; }
    .offer__pass-logo-container .logo-container img {
      width: 100%;
      max-height: 100%; }

.offer__pass-title {
  margin: 0;
  font-size: 1.125rem;
  line-height: 24px;
  letter-spacing: 1px;
  text-align: center; }

.offer__pass-description {
  margin: 55px 24px 0;
  font-size: 1.125rem;
  line-height: 28px;
  letter-spacing: 1px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center; }

.offer__pass-member {
  position: absolute;
  right: 16px;
  left: 16px;
  bottom: 114px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  height: 112px;
  padding: 16px;
  background: #BA1C2C;
  border-radius: 9px;
  font-size: 1rem; }
  .offer__pass-member dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 25%;
    font-weight: 300; }
  .offer__pass-member dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 75%;
    margin: 0;
    font-weight: normal; }

.offer__pass-clock {
  margin-top: auto;
  margin-bottom: 0; }
  .offer__pass-clock span {
    display: block;
    margin-top: 13px;
    font-size: 1.75rem;
    line-height: 28px;
    text-align: center;
    letter-spacing: 2px;
    font-weight: normal; }

.offer__expiry {
  margin-bottom: 20px;
  font-size: 1rem;
  line-height: 24px;
  text-align: center;
  color: #454545; }

.offer__accordion {
  width: 100%;
  padding-left: 10px;
  text-align: left; }

.offer__accordion-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  cursor: pointer; }
  .offer__accordion-header span {
    margin-left: auto; }
    .offer__accordion--active .offer__accordion-header span {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }

.offer__accordion-title {
  margin-bottom: 0;
  padding: 4px 0;
  font-size: 1.125rem;
  line-height: 30px;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: normal;
  color: #27245c; }

.offer__accordion-content {
  display: none; }
  .offer__accordion--active .offer__accordion-content {
    display: block; }

.offer__accordion-item {
  margin: 0px 0px 24px 6px;
  font-size: 1rem;
  color: var(--color-gray-100); }
  .offer__accordion-item span {
    font-weight: normal; }

.offer__accordion-copy {
  padding-right: 24px;
  font-size: 1rem;
  line-height: 24px;
  color: #454545; }
  .offer__accordion-copy:last-child {
    padding-bottom: 70px; }
.poligon_left {
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-clip-path: polygon(0% 22%, 49% 100%, 0% 100%);
          clip-path: polygon(0% 22%, 49% 100%, 0% 100%); }

.poligon_right {
  display: inline-block;
  position: absolute;
  left: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 20%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 20%); }
.fashion-festival-brand-sale-yellow__title {
  margin: 0;
  padding: 20px 0 70px;
  color: var(--color-campaign-ss23-mcarthurglen-blue);
  background: var(--color-campaign-ss23-sale-yellow);
  font-family: var(--font-family-title);
  font-size: 1.5rem;
  line-height: 2.16667; }
  @media only screen and (min-width: 900px) {
    .fashion-festival-brand-sale-yellow__title {
      padding-bottom: 64px;
      font-size: 1.75rem;
      line-height: 2.67857; } }
.fashion-festival-filters-sale-yellow {
  position: sticky;
  top: 64px;
  border-bottom: 1px solid #EEF0F6;
  z-index: 1; }
  @media only screen and (min-width: 600px) {
    .fashion-festival-filters-sale-yellow {
      top: 68px; } }
  @media only screen and (min-width: 900px) {
    .fashion-festival-filters-sale-yellow {
      position: relative;
      top: 0; } }
  .fashion-festival-filters-sale-yellow:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 28px;
    background: var(--color-campaign-ss23-sale-yellow); }
  .fashion-festival-filters-sale-yellow.fashion-festival-filters--active:before {
    height: 51px; }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-sale-yellow.fashion-festival-filters--active:before {
        height: 75px; } }
  .fashion-festival-filters-sale-yellow.fashion-festival-filters--stuck:before {
    height: 100%; }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-sale-yellow.fashion-festival-filters--stuck:before {
        height: 28px; } }
  .fashion-festival-filters-sale-yellow .container {
    position: relative; }
  .fashion-festival-filters-sale-yellow .filters-container .filters {
    margin-top: -70px;
    background: var(--color-campaign-ss23-sale-yellow);
    -webkit-transform: none;
            transform: none; }
    .fashion-festival-filters-sale-yellow .filters-container .filters .btn {
      border-color: rgba(255, 255, 255, 0.5); }
      .fashion-festival-filters-sale-yellow .filters-container .filters .btn:hover .mag-font, .fashion-festival-filters-sale-yellow .filters-container .filters .btn:focus .mag-font {
        color: var(--color-campaign-ss23-mcarthurglen-blue); }
    .fashion-festival-filters-sale-yellow .filters-container .filters .download-cta {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 0.75rem;
      line-height: 20px;
      text-transform: uppercase; }
      @media only screen and (min-width: 900px) {
        .fashion-festival-filters-sale-yellow .filters-container .filters .download-cta {
          padding: 12px;
          font-size: 1rem; } }
      .fashion-festival-filters-sale-yellow .filters-container .filters .download-cta:hover svg path, .fashion-festival-filters-sale-yellow .filters-container .filters .download-cta:focus svg path {
        stroke: var(--color-campaign-ss23-mcarthurglen-blue); }
      .fashion-festival-filters-sale-yellow .filters-container .filters .download-cta span {
        position: relative;
        width: 18px;
        margin-right: var(--spacer-2); }
        .fashion-festival-filters-sale-yellow .filters-container .filters .download-cta span svg {
          display: block; }
          .fashion-festival-filters-sale-yellow .filters-container .filters .download-cta span svg path {
            -webkit-transition: stroke 0.6s ease-in-out;
            transition: stroke 0.6s ease-in-out; }
    .fashion-festival-filters-sale-yellow .filters-container .filters .mag-font {
      color: rgba(255, 255, 255, 0.5);
      -webkit-transition: color 0.6s ease-in-out;
      transition: color 0.6s ease-in-out; }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-sale-yellow .filters-container .filters .dropdown {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 286px;
                flex: 0 1 286px; } }
    .fashion-festival-filters-sale-yellow .filters-container .filters .dropdown-cta {
      padding: 0 0 8px;
      font-weight: 600;
      border-bottom: 1px solid var(--color-campaign-ss23-mcarthurglen-blue);
      color: var(--color-campaign-ss23-mcarthurglen-blue); }
      .fashion-festival-filters-sale-yellow .filters-container .filters .dropdown-cta:after {
        color: var(--color-campaign-ss23-mcarthurglen-blue);
        font-size: var(--font-size-6); }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-sale-yellow .filters-container .filters .filter-count-wrapper {
        width: 24px;
        height: 24px;
        margin-left: var(--spacer-3); } }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-sale-yellow .filters-container .filters .filter-count-wrapper .filter-count-text {
        font-size: 0.75rem; } }
    .fashion-festival-filters-sale-yellow .filters-container .filters .filter-alphabetical {
      font-weight: 600; }
      .fashion-festival-filters-sale-yellow .filters-container .filters .filter-alphabetical ul {
        margin-bottom: 0; }
      .fashion-festival-filters-sale-yellow .filters-container .filters .filter-alphabetical li {
        color: rgba(0, 30, 98, 0.5); }
      .fashion-festival-filters-sale-yellow .filters-container .filters .filter-alphabetical a {
        color: var(--color-campaign-ss23-mcarthurglen-blue); }
    .fashion-festival-filters-sale-yellow .filters-container .filters .filters-desktop {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-transform: none;
              transform: none; }
      .fashion-festival-filters-sale-yellow .filters-container .filters .filters-desktop > * {
        padding-right: 24px;
        padding-left: 24px; }
        .fashion-festival-filters-sale-yellow .filters-container .filters .filters-desktop > *:last-child {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 auto;
                  flex: 0 0 auto; }
  .fashion-festival-filters-sale-yellow .filters-mobile {
    margin-right: -4px;
    margin-left: -4px; }
    .fashion-festival-filters-sale-yellow .filters-mobile > * {
      padding-right: 4px;
      padding-left: 4px; }
  .fashion-festival-filters-sale-yellow .filters-status {
    color: var(--color-campaign-ss23-mcarthurglen-blue); }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-sale-yellow .filters-status {
        max-width: calc(var(--container-size-md) - 30px);
        margin: 0 auto; } }
    @media only screen and (min-width: 1200px) {
      .fashion-festival-filters-sale-yellow .filters-status {
        max-width: calc(var(--container-size-lg) - 30px); } }
    @media only screen and (min-width: 1800px) {
      .fashion-festival-filters-sale-yellow .filters-status {
        max-width: calc(var(--container-size-xl) - 30px); } }
    .fashion-festival-filters-sale-yellow .filters-status p {
      margin: 0; }
    .fashion-festival-filters-sale-yellow .filters-status button {
      padding: 0;
      color: inherit;
      background: transparent; }
      .fashion-festival-filters-sale-yellow .filters-status button:hover {
        text-decoration: underline; }
.fashion-festival-product-sale-yellow__price--new {
  text-transform: uppercase;
  color: var(--color-campaign-ss23-mcarthurglen-blue); }
.fashion-festival-brand-tactical-dark-teal__title {
  margin: 0;
  padding: 20px 0 70px;
  color: var(--color-white-base);
  background: var(--color-campaign-ss23-tactical-dark-teal);
  font-family: var(--font-family-title);
  font-size: 1.5rem;
  line-height: 2.16667; }
  @media only screen and (min-width: 900px) {
    .fashion-festival-brand-tactical-dark-teal__title {
      padding-bottom: 64px;
      font-size: 1.75rem;
      line-height: 2.67857; } }
.fashion-festival-filters-tactical-dark-teal {
  position: sticky;
  top: 64px;
  border-bottom: 1px solid #EEF0F6;
  z-index: 1; }
  @media only screen and (min-width: 600px) {
    .fashion-festival-filters-tactical-dark-teal {
      top: 68px; } }
  @media only screen and (min-width: 900px) {
    .fashion-festival-filters-tactical-dark-teal {
      position: relative;
      top: 0; } }
  .fashion-festival-filters-tactical-dark-teal:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 28px;
    background: var(--color-campaign-ss23-tactical-dark-teal); }
  .fashion-festival-filters-tactical-dark-teal.fashion-festival-filters--active:before {
    height: 51px; }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-tactical-dark-teal.fashion-festival-filters--active:before {
        height: 75px; } }
  .fashion-festival-filters-tactical-dark-teal.fashion-festival-filters--stuck:before {
    height: 100%; }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-tactical-dark-teal.fashion-festival-filters--stuck:before {
        height: 28px; } }
  .fashion-festival-filters-tactical-dark-teal .container {
    position: relative; }
  .fashion-festival-filters-tactical-dark-teal .filters-container .filters {
    margin-top: -70px;
    background: var(--color-campaign-ss23-tactical-dark-teal);
    -webkit-transform: none;
            transform: none; }
    .fashion-festival-filters-tactical-dark-teal .filters-container .filters .btn {
      border-color: rgba(255, 255, 255, 0.5); }
      .fashion-festival-filters-tactical-dark-teal .filters-container .filters .btn:hover .mag-font, .fashion-festival-filters-tactical-dark-teal .filters-container .filters .btn:focus .mag-font {
        color: var(--color-primary-base); }
    .fashion-festival-filters-tactical-dark-teal .filters-container .filters .download-cta {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 0.75rem;
      line-height: 20px;
      text-transform: uppercase; }
      @media only screen and (min-width: 900px) {
        .fashion-festival-filters-tactical-dark-teal .filters-container .filters .download-cta {
          padding: 12px;
          font-size: 1rem; } }
      .fashion-festival-filters-tactical-dark-teal .filters-container .filters .download-cta:hover svg path, .fashion-festival-filters-tactical-dark-teal .filters-container .filters .download-cta:focus svg path {
        stroke: var(--color-primary-base); }
      .fashion-festival-filters-tactical-dark-teal .filters-container .filters .download-cta span {
        position: relative;
        width: 18px;
        margin-right: var(--spacer-2); }
        .fashion-festival-filters-tactical-dark-teal .filters-container .filters .download-cta span svg {
          display: block; }
          .fashion-festival-filters-tactical-dark-teal .filters-container .filters .download-cta span svg path {
            -webkit-transition: stroke 0.6s ease-in-out;
            transition: stroke 0.6s ease-in-out; }
    .fashion-festival-filters-tactical-dark-teal .filters-container .filters .mag-font {
      color: rgba(255, 255, 255, 0.5);
      -webkit-transition: color 0.6s ease-in-out;
      transition: color 0.6s ease-in-out; }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-tactical-dark-teal .filters-container .filters .dropdown {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 286px;
                flex: 0 1 286px; } }
    .fashion-festival-filters-tactical-dark-teal .filters-container .filters .dropdown-cta {
      padding: 0 0 8px;
      font-weight: 600;
      border-bottom: 1px solid var(--color-white-base); }
      .fashion-festival-filters-tactical-dark-teal .filters-container .filters .dropdown-cta:after {
        color: var(--color-white-base);
        font-size: var(--font-size-6); }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-tactical-dark-teal .filters-container .filters .filter-count-wrapper {
        width: 24px;
        height: 24px;
        margin-left: var(--spacer-3); } }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-tactical-dark-teal .filters-container .filters .filter-count-wrapper .filter-count-text {
        font-size: 0.75rem; } }
    .fashion-festival-filters-tactical-dark-teal .filters-container .filters .filter-alphabetical {
      font-weight: 600; }
      .fashion-festival-filters-tactical-dark-teal .filters-container .filters .filter-alphabetical ul {
        margin-bottom: 0; }
      .fashion-festival-filters-tactical-dark-teal .filters-container .filters .filter-alphabetical li {
        color: rgba(255, 255, 255, 0.5); }
      .fashion-festival-filters-tactical-dark-teal .filters-container .filters .filter-alphabetical a {
        color: var(--color-white-base); }
    .fashion-festival-filters-tactical-dark-teal .filters-container .filters .filters-desktop {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-transform: none;
              transform: none; }
      .fashion-festival-filters-tactical-dark-teal .filters-container .filters .filters-desktop > * {
        padding-right: 24px;
        padding-left: 24px; }
        .fashion-festival-filters-tactical-dark-teal .filters-container .filters .filters-desktop > *:last-child {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 auto;
                  flex: 0 0 auto; }
  .fashion-festival-filters-tactical-dark-teal .filters-mobile {
    margin-right: -4px;
    margin-left: -4px; }
    .fashion-festival-filters-tactical-dark-teal .filters-mobile > * {
      padding-right: 4px;
      padding-left: 4px; }
  .fashion-festival-filters-tactical-dark-teal .filters-status {
    color: var(--color-white-base); }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-tactical-dark-teal .filters-status {
        max-width: calc(var(--container-size-md) - 30px);
        margin: 0 auto; } }
    @media only screen and (min-width: 1200px) {
      .fashion-festival-filters-tactical-dark-teal .filters-status {
        max-width: calc(var(--container-size-lg) - 30px); } }
    @media only screen and (min-width: 1800px) {
      .fashion-festival-filters-tactical-dark-teal .filters-status {
        max-width: calc(var(--container-size-xl) - 30px); } }
    .fashion-festival-filters-tactical-dark-teal .filters-status p {
      margin: 0; }
    .fashion-festival-filters-tactical-dark-teal .filters-status button {
      padding: 0;
      color: inherit;
      background: transparent; }
      .fashion-festival-filters-tactical-dark-teal .filters-status button:hover {
        text-decoration: underline; }
.fashion-festival-product-tactical-dark-teal__price--new {
  text-transform: uppercase;
  color: var(--color-campaign-ss23-tactical-dark-teal); }
.fashion-festival-brand-black__title {
  margin: 0;
  padding: 20px 0 70px;
  color: var(--color-white-base);
  background: var(--color-campaign-black);
  font-family: var(--font-family-title);
  font-size: 1.5rem;
  line-height: 2.16667; }
  @media only screen and (min-width: 900px) {
    .fashion-festival-brand-black__title {
      padding-bottom: 64px;
      font-size: 1.75rem;
      line-height: 2.67857; } }
.fashion-festival-filters-black {
  position: sticky;
  top: 64px;
  border-bottom: 1px solid #EEF0F6;
  z-index: 1; }
  @media only screen and (min-width: 600px) {
    .fashion-festival-filters-black {
      top: 68px; } }
  @media only screen and (min-width: 900px) {
    .fashion-festival-filters-black {
      position: relative;
      top: 0; } }
  .fashion-festival-filters-black:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 28px;
    background: var(--color-campaign-black); }
  .fashion-festival-filters-black.fashion-festival-filters--active:before {
    height: 51px; }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-black.fashion-festival-filters--active:before {
        height: 75px; } }
  .fashion-festival-filters-black.fashion-festival-filters--stuck:before {
    height: 100%; }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-black.fashion-festival-filters--stuck:before {
        height: 28px; } }
  .fashion-festival-filters-black .container {
    position: relative; }
  .fashion-festival-filters-black .filters-container .filters {
    margin-top: -70px;
    background: var(--color-campaign-black);
    -webkit-transform: none;
            transform: none; }
    .fashion-festival-filters-black .filters-container .filters .btn {
      border-color: rgba(255, 255, 255, 0.5); }
      .fashion-festival-filters-black .filters-container .filters .btn:hover .mag-font, .fashion-festival-filters-black .filters-container .filters .btn:focus .mag-font {
        color: var(--color-primary-base); }
    .fashion-festival-filters-black .filters-container .filters .download-cta {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 0.75rem;
      line-height: 20px;
      text-transform: uppercase; }
      @media only screen and (min-width: 900px) {
        .fashion-festival-filters-black .filters-container .filters .download-cta {
          padding: 12px;
          font-size: 1rem; } }
      .fashion-festival-filters-black .filters-container .filters .download-cta:hover svg path, .fashion-festival-filters-black .filters-container .filters .download-cta:focus svg path {
        stroke: var(--color-primary-base); }
      .fashion-festival-filters-black .filters-container .filters .download-cta span {
        position: relative;
        width: 18px;
        margin-right: var(--spacer-2); }
        .fashion-festival-filters-black .filters-container .filters .download-cta span svg {
          display: block; }
          .fashion-festival-filters-black .filters-container .filters .download-cta span svg path {
            -webkit-transition: stroke 0.6s ease-in-out;
            transition: stroke 0.6s ease-in-out; }
    .fashion-festival-filters-black .filters-container .filters .mag-font {
      color: rgba(255, 255, 255, 0.5);
      -webkit-transition: color 0.6s ease-in-out;
      transition: color 0.6s ease-in-out; }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-black .filters-container .filters .dropdown {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 286px;
                flex: 0 1 286px; } }
    .fashion-festival-filters-black .filters-container .filters .dropdown-cta {
      padding: 0 0 8px;
      font-weight: 600;
      border-bottom: 1px solid var(--color-white-base); }
      .fashion-festival-filters-black .filters-container .filters .dropdown-cta:after {
        color: var(--color-white-base);
        font-size: var(--font-size-6); }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-black .filters-container .filters .filter-count-wrapper {
        width: 24px;
        height: 24px;
        margin-left: var(--spacer-3); } }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-black .filters-container .filters .filter-count-wrapper .filter-count-text {
        font-size: 0.75rem; } }
    .fashion-festival-filters-black .filters-container .filters .filter-alphabetical {
      font-weight: 600; }
      .fashion-festival-filters-black .filters-container .filters .filter-alphabetical ul {
        margin-bottom: 0; }
      .fashion-festival-filters-black .filters-container .filters .filter-alphabetical li {
        color: rgba(255, 255, 255, 0.5); }
      .fashion-festival-filters-black .filters-container .filters .filter-alphabetical a {
        color: var(--color-white-base); }
    .fashion-festival-filters-black .filters-container .filters .filters-desktop {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-transform: none;
              transform: none; }
      .fashion-festival-filters-black .filters-container .filters .filters-desktop > * {
        padding-right: 24px;
        padding-left: 24px; }
        .fashion-festival-filters-black .filters-container .filters .filters-desktop > *:last-child {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 auto;
                  flex: 0 0 auto; }
  .fashion-festival-filters-black .filters-mobile {
    margin-right: -4px;
    margin-left: -4px; }
    .fashion-festival-filters-black .filters-mobile > * {
      padding-right: 4px;
      padding-left: 4px; }
  .fashion-festival-filters-black .filters-status {
    color: var(--color-white-base); }
    @media only screen and (min-width: 900px) {
      .fashion-festival-filters-black .filters-status {
        max-width: calc(var(--container-size-md) - 30px);
        margin: 0 auto; } }
    @media only screen and (min-width: 1200px) {
      .fashion-festival-filters-black .filters-status {
        max-width: calc(var(--container-size-lg) - 30px); } }
    @media only screen and (min-width: 1800px) {
      .fashion-festival-filters-black .filters-status {
        max-width: calc(var(--container-size-xl) - 30px); } }
    .fashion-festival-filters-black .filters-status p {
      margin: 0; }
    .fashion-festival-filters-black .filters-status button {
      padding: 0;
      color: inherit;
      background: transparent; }
      .fashion-festival-filters-black .filters-status button:hover {
        text-decoration: underline; }
.fashion-festival-product-black__price--new {
  text-transform: uppercase;
  color: var(--color-campaign-black); }
.social-media-share-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .social-media-share-icons .social-media-share-icons__title {
    margin-right: 3px;
    letter-spacing: 0.075em; }
  .social-media-share-icons .sharebutton {
    margin-left: 12px; }
    .social-media-share-icons .sharebutton:hover {
      opacity: 0.6; }

.three-column-image-block {
  width: calc(100% + 8px);
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 900px) {
    .three-column-image-block {
      width: 100%;
      max-width: 1200px;
      padding: 0 10px; } }
  @media only screen and (min-width: 1200px) {
    .three-column-image-block {
      padding: 0; } }
  .three-column-image-block__slide {
    padding-right: 8px; }
    @media only screen and (min-width: 900px) {
      .three-column-image-block__slide {
        padding: 0 10px; } }
  @media only screen and (min-width: 900px) and (min-width: 1200px) {
    .three-column-image-block__slide {
      padding: 0 15px; } }
    .three-column-image-block__slide .three-column-image-block__slide__image {
      width: 100%;
      aspect-ratio: 1.3 / 1;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center; }
.videos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.videos__title {
  font-size: 1.75rem;
  line-height: 1.42857;
  width: calc(100vw - 30px);
  margin: 0 0 26px;
  font-family: var(--font-family-title);
  letter-spacing: 2.24px;
  text-transform: none;
  text-align: center; }
  @media only screen and (min-width: 375px) {
    .videos__title {
      margin-left: calc((100vw - 375px) / -2); } }
  @media only screen and (min-width: 600px) {
    .videos__title {
      width: 100%;
      margin-left: 0; } }
  @media only screen and (min-width: 900px) {
    .videos__title {
      font-size: 2rem;
      line-height: 1.4375;
      margin-bottom: 44px; } }
  .tingle-modal .videos__title {
    display: none; }
    @media only screen and (min-width: 900px) {
      .tingle-modal .videos__title {
        display: block;
        margin-left: 0;
        color: var(--color-gray-0); } }

.videos__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100vw);
  margin-left: -15px;
  padding: 0 15px;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none; }
  .videos__container::-webkit-scrollbar {
    display: none; }
  @media only screen and (min-width: 375px) {
    .videos__container {
      margin-left: calc(((100vw - 375px) / -2) - 15px); } }
  @media only screen and (min-width: 600px) {
    .videos__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: 100%;
      max-width: 820px;
      margin: -10px auto;
      padding: 0; } }
  .videos__container .video {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%;
    padding: 0 2px;
    scroll-snap-align: center;
    scroll-snap-stop: always; }
    @media only screen and (min-width: 600px) {
      .videos__container .video {
        width: 50%;
        padding: 13px; } }
.video {
  position: relative;
  width: 100%;
  text-align: center; }

button.video__button {
  position: relative;
  display: block;
  width: 100%; }
  button.video__button:focus, button.video__button:hover {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
  button.video__button:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 38px;
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    border-left: 30px solid var(--color-gray-0);
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.video__content {
  position: absolute;
  top: 18px;
  left: 16px;
  color: var(--color-gray-0);
  z-index: 1; }
  @media only screen and (min-width: 600px) {
    .video__content {
      top: 22px;
      left: 16px; } }
  .video__content:after {
    content: '';
    display: block;
    width: 32px;
    height: 1px;
    background: var(--color-gray-20); }

.video__title {
  font-size: 1.25rem;
  line-height: 1;
  margin: 0 0 8px;
  font-family: var(--font-family-title); }

.video__subtitle {
  font-size: 0.875rem;
  line-height: 1.14286;
  margin: 0 0 8px;
  text-align: left; }

.video__image {
  overflow: hidden;
  position: relative;
  margin: 0; }
  .video__image:before {
    float: left;
    content: "";
    padding-bottom: 70.83333%;
    margin-bottom: 0px; }
  .video__image:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--color-gray-60);
    opacity: 0.8; }
  .video__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
.trade-services {
  background: var(--color-gray-10); }
  .trade-services .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media only screen and (min-width: 900px) {
      .trade-services .container {
        max-width: 798px !important; } }
  .trade-services .btn {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    margin-top: 50px; }
    @media only screen and (min-width: 900px) {
      .trade-services .btn {
        display: none; } }

.trade-services__header {
  margin-bottom: 50px;
  text-align: center; }
  .trade-services__header:last-child {
    margin-bottom: 0; }

.trade-services__title {
  font-size: 1.75rem;
  line-height: 1.42857;
  margin: 0 0 16px;
  font-family: var(--font-family-title);
  text-transform: none;
  letter-spacing: 0.08em;
  color: var(--color-gray-0); }
  @media only screen and (min-width: 900px) {
    .trade-services__title {
      font-size: 2rem;
      line-height: 1.4375;
      margin-bottom: 22px; } }
  .trade-services--Blue .trade-services__title {
    color: var(--color-gray-60); }

.trade-services__text {
  font-size: 1.125rem;
  line-height: 1.33333;
  margin: 0;
  color: var(--color-gray-0); }
  .trade-services--Blue .trade-services__text {
    color: var(--color-gray-50); }

.trade-services__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -25px -10px;
  padding: 0;
  list-style: none; }
  @media only screen and (min-width: 900px) {
    .trade-services__list {
      margin: -20px -10px; } }
  .trade-services__list li {
    font-size: 1rem;
    line-height: 1.1875;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 50%;
    padding: 25px 10px;
    color: var(--color-gray-0);
    font-weight: 400 !important;
    text-align: center; }
    @media only screen and (min-width: 900px) {
      .trade-services__list li {
        font-size: 1rem;
        line-height: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        width: 33.3333%;
        padding: 20px 10px;
        text-align: left; } }
    .trade-services__list li:nth-child(-n + 6),
    .trade-services--expanded .trade-services__list li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .trade-services--Blue .trade-services__list li {
      color: var(--color-gray-50); }
  .trade-services__list i {
    font-size: 1.875rem;
    line-height: 1;
    margin-bottom: 10px;
    color: var(--color-gold-base); }
    @media only screen and (min-width: 900px) {
      .trade-services__list i {
        margin-right: 15px;
        margin-bottom: 0; } }
    .trade-services--Blue .trade-services__list i {
      color: #001E62; }
  @media only screen and (min-width: 900px) {
    .trade-services__list span {
      margin-top: 7px; } }

@media only screen and (min-width: 900px) {
  .trade-services__button {
    display: none; } }

.trade-services__buttonstyle {
  font-family: Figtree;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center; }

.trade-services--expanded .trade-services__button--show {
  display: none; }

.trade-services__button--hide {
  display: none; }
  .trade-services--expanded .trade-services__button--hide {
    display: inline-block; }
    @media only screen and (min-width: 900px) {
      .trade-services--expanded .trade-services__button--hide {
        display: none; } }
.profiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.profiles__title {
  font-size: 1.75rem;
  line-height: 1.42857;
  width: calc(100vw - 30px);
  margin: 0 0 28px;
  margin-left: calc((100vw - 375px) / -2);
  font-family: var(--font-family-title);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center; }
  @media only screen and (min-width: 900px) {
    .profiles__title {
      font-size: 2.25rem;
      line-height: 1.44444;
      width: 100%;
      margin-bottom: 50px;
      margin-left: 0; } }
  .tingle-modal .profiles__title {
    display: none; }
    @media only screen and (min-width: 900px) {
      .tingle-modal .profiles__title {
        display: block;
        color: var(--color-gray-0); } }
  .profiles__title span {
    display: inline-block;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--color-gray-70); }
    @media only screen and (min-width: 900px) {
      .profiles__title span {
        padding: 0 120px 25px; } }
    @media only screen and (min-width: 900px) {
      .tingle-modal .profiles__title span {
        border-bottom-color: var(--color-gray-0); } }

.profiles__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100vw);
  margin-left: calc(((100vw - 375px) / -2) - 15px);
  padding: 0 15px;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none; }
  .profiles__container::-webkit-scrollbar {
    display: none; }
  @media only screen and (min-width: 600px) {
    .profiles__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: 100%;
      margin: 0;
      padding: 0; } }
  .profiles--expanded .profiles__container {
    display: block;
    width: calc(100vw - 30px);
    margin-left: calc((100vw - 375px) / -2);
    padding: 0; }
    @media only screen and (min-width: 600px) {
      .profiles--expanded .profiles__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-left: 0; } }
  .profiles__container .profile {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%;
    scroll-snap-align: center;
    scroll-snap-stop: always; }
    @media only screen and (min-width: 600px) {
      .profiles__container .profile {
        width: 50%; } }
    @media only screen and (min-width: 900px) {
      .profiles__container .profile {
        width: 33.3333%; } }

.profiles__button {
  font-size: 0.875rem;
  line-height: 1.42857;
  margin-top: 24px;
  color: #001E62;
  font-weight: bold; }
  @media only screen and (min-width: 600px) {
    .profiles__button {
      display: none; } }

.profiles--expanded .profiles__button--show {
  display: none; }

.profiles__button--hide {
  display: none; }
  .profiles--expanded .profiles__button--hide {
    display: inline-block; }
    @media only screen and (min-width: 600px) {
      .profiles--expanded .profiles__button--hide {
        display: none; } }
.profile {
  position: relative;
  text-align: center; }
  .profiles--expanded .profile {
    margin-bottom: 8px; }
    @media only screen and (min-width: 600px) {
      .profiles--expanded .profile {
        margin: 0; } }

.profile--carousel {
  background: var(--color-gray-0); }
  @media only screen and (min-width: 900px) {
    .profile--carousel {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 8px; } }
  @media only screen and (min-width: 900px) {
    .profile--carousel > * {
      width: 50%; } }

.profile__button {
  display: block;
  width: 100%;
  padding: 0; }

.profile__image {
  overflow: hidden;
  margin: 0; }
  .profile__image:before {
    float: left;
    content: "";
    padding-bottom: 70.83333%;
    margin-bottom: 0px; }
  .profile__image img {
    width: 100%; }
    @media only screen and (min-width: 900px) {
      .profile--carousel .profile__image img {
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; } }

.profile--carousel .profile__content {
  padding: 16px 16px 38px; }
  @media only screen and (min-width: 900px) {
    .profile--carousel .profile__content {
      padding: 24px; } }

.profile__header {
  position: absolute;
  right: 8px;
  bottom: 8px;
  left: 8px;
  padding: 8px;
  background: #FAFAFF;
  border: 1px solid #C4C5DA;
  -webkit-box-shadow: 2px 4px 8px rgba(137, 137, 137, 0.24);
          box-shadow: 2px 4px 8px rgba(137, 137, 137, 0.24);
  border-radius: 2px; }
  .profile--carousel .profile__header {
    margin-bottom: 24px;
    position: static;
    padding: 0;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
    border-radius: 0; }
    .profile--carousel .profile__header:last-child {
      margin-bottom: 0; }
    @media only screen and (min-width: 900px) {
      .profile--carousel .profile__header {
        margin-bottom: 40px;
        text-align: left; }
        .profile--carousel .profile__header:last-child {
          margin-bottom: 0; } }

.profile__name {
  font-size: 1.25rem;
  line-height: 1;
  margin-bottom: 10px;
  font-family: var(--font-family-title);
  color: #191D63; }

.profile__title {
  font-size: 0.875rem;
  line-height: 1;
  margin: 0;
  color: var(--color-gray-60); }

.profile__text {
  text-align: left; }
  .profile__text p {
    font-size: 0.875rem;
    line-height: 1.42857;
    margin-bottom: 10px;
    color: var(--color-gray-70); }
    .profile__text p:last-child {
      margin-bottom: 0; }
    @media only screen and (min-width: 900px) {
      .profile__text p {
        font-size: 1rem;
        line-height: 1.625; } }
.infographic {
  text-align: center;
  overflow: hidden;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease; }

.infographic__container {
  margin: 0 -15px; }
  @media only screen and (min-width: 600px) {
    .infographic__container {
      margin: 0 calc(((100vw - 570px) / -2) - 15px); } }
  @media only screen and (min-width: 900px) {
    .infographic__container {
      margin: 0; } }

.infographic__wrap {
  position: relative;
  width: 50%;
  margin: 0 auto;
  padding-bottom: 56px; }
  @media only screen and (min-width: 900px) {
    .infographic__wrap {
      width: 100%; } }
  .infographic__wrap .siema-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0; }
    .infographic__wrap .siema-pagination button {
      width: 8px;
      height: 8px;
      margin: 0 4px;
      padding: 0;
      font-size: 0;
      background-color: var(--color-gray-20);
      border-radius: 100%; }
      .infographic__wrap .siema-pagination button:focus {
        -webkit-box-shadow: none;
                box-shadow: none;
        outline: none; }
      .infographic__wrap .siema-pagination button.is-active {
        background-color: var(--color-gray-80); }

.infographic__carousel {
  overflow: visible !important; }
  @media only screen and (min-width: 900px) {
    .infographic__carousel {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .infographic__carousel > div {
    overflow: auto; }

.infographic__item {
  font-size: 1rem;
  line-height: 1.375;
  padding: 0 30px;
  color: #001E62;
  font-weight: normal; }
  @media only screen and (min-width: 900px) {
    .infographic__item {
      font-size: 1.25rem;
      line-height: 1.1;
      width: 25%; } }
  .infographic__item span {
    font-size: 2.625rem;
    line-height: 1;
    display: block;
    margin-bottom: 16px;
    font-family: var(--font-family-title);
    font-weight: 600;
    letter-spacing: -2px; }
    @media only screen and (min-width: 900px) {
      .infographic__item span {
        font-size: 3.875rem;
        line-height: 0.67742;
        margin-bottom: 32px; } }

.timeline {
  background: var(--color-gray-20); }

.timeline__title {
  font-size: 1.75rem;
  line-height: 1.42857;
  margin-bottom: 48px;
  margin-top: 0;
  font-family: var(--font-family-title);
  text-align: center;
  text-transform: none;
  letter-spacing: 0.08em;
  color: #001E62; }
  .timeline__title:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 900px) {
    .timeline__title {
      font-size: 2rem;
      line-height: 1.4375;
      margin-bottom: 72px; }
      .timeline__title:last-child {
        margin-bottom: 0; } }

.timeline__container {
  position: relative;
  margin: 0 -15px; }
  @media only screen and (min-width: 600px) {
    .timeline__container {
      margin: 0; } }
  @media only screen and (min-width: 900px) {
    .timeline__container {
      padding: 0 60px; } }

.timeline__indicator-container {
  position: relative;
  width: calc(100% - 52px);
  height: 8px;
  margin: 0 26px 40px;
  background: #BCD4EE;
  border-radius: 8px; }

.timeline__indicator {
  position: absolute;
  top: 0;
  left: 0;
  height: 8px;
  background: #001E62;
  border-radius: 8px;
  -webkit-transition: left .3s ease;
  transition: left .3s ease; }

.timeline__nav {
  display: none; }
  @media only screen and (min-width: 900px) {
    .timeline__nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      top: 50%;
      right: 0;
      left: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); } }

button.timeline__button:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none; }

button.timeline__button.has-icon-chevron:after {
  font-size: 2.5rem;
  line-height: 1;
  font-family: var(--font-family-icon);
  color: var(--color-gray-80); }

.timeline__button--prev.has-icon-chevron:after {
  content: "\E91A"; }

.timeline__button--next {
  margin-left: auto; }
  .timeline__button--next.has-icon-chevron:after {
    content: "\E92B"; }

.timeline__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none; }
  .timeline__content::-webkit-scrollbar {
    display: none; }

.timeline__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  width: 75%;
  padding: 0px 26px;
  scroll-snap-align: start;
  scroll-snap-stop: always; }
  @media only screen and (min-width: 600px) {
    .timeline__item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      width: 50%; } }
  @media only screen and (min-width: 900px) {
    .timeline__item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 25%;
              flex: 0 0 25%;
      width: 25%; } }

.timeline__date {
  font-size: 1.125rem;
  line-height: 1.33333;
  margin-bottom: 2px;
  font-weight: normal;
  color: var(--color-gray-80); }
  .timeline__date:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 900px) {
    .timeline__date {
      font-size: 1.25rem;
      line-height: 1.2;
      margin-bottom: 16px; }
      .timeline__date:last-child {
        margin-bottom: 0; } }

.timeline__text {
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 5px;
  color: var(--color-gray-80); }
  .timeline__text:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 900px) {
    .timeline__text + .timeline__text {
      margin-top: 12px; } }

.timeline__image {
  margin: 0;
  pointer-events: none; }
  .timeline__image img {
    width: 100%; }
.contact-block-with-icon .icon-card {
  margin: 0 auto;
  position: relative !important;
  left: 0 !important;
  -webkit-transform: none !important;
          transform: none !important; }

@media only screen and (min-width: 1200px) {
  .contact-block-with-icon .contact-details-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: var(--spacer-3); } }

.contact-block-with-icon .contact-details-wrapper .contact-details {
  position: relative;
  padding: 0 var(--spacer-4) var(--spacer-2); }
  @media only screen and (min-width: 1200px) {
    .contact-block-with-icon .contact-details-wrapper .contact-details {
      width: 50%;
      padding: 0 var(--spacer-4);
      text-align: left; }
      .contact-block-with-icon .contact-details-wrapper .contact-details:first-child {
        text-align: right; } }
  .contact-block-with-icon .contact-details-wrapper .contact-details a {
    text-align: left; }
  .contact-block-with-icon .contact-details-wrapper .contact-details p {
    margin: 0; }
  @media only screen and (min-width: 1200px) {
    .contact-block-with-icon .contact-details-wrapper .contact-details p {
      text-align: left;
      padding-left: var(--spacer-5); } }
  @media only screen and (min-width: 1200px) {
    .contact-block-with-icon .contact-details-wrapper .contact-details:not(:last-of-type):after {
      content: "";
      border-right: 1px solid var(--color-primary-base);
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      height: 25px; } }
  @media only screen and (min-width: 1200px) {
    .contact-block-with-icon .contact-details-wrapper .contact-details:not(:last-of-type) p {
      text-align: right;
      padding-left: 0;
      padding-right: 0; } }

.contact-header-style {
  font-family: Figtree;
  font-size: 20px;
  height: 35px;
  font-weight: 400 !important;
  text-align: center;
  background-color: #f3f3f3; }
  @media only screen and (min-width: 1200px) {
    .contact-header-style {
      font-size: 24px;
      font-weight: 400 !important; } }

.contact-table-style {
  width: 288px;
  height: 276px;
  border: 1px solid #f3f3f3; }
  @media only screen and (min-width: 1200px) {
    .contact-table-style {
      width: 645px;
      height: 258px; } }

.contact-second-table-style {
  width: 288px;
  height: 276px;
  border: 1px solid #f3f3f3; }
  @media only screen and (min-width: 1200px) {
    .contact-second-table-style {
      width: 310px;
      height: 178px; } }

.is-d-flex-table {
  display: block; }
  @media only screen and (min-width: 1200px) {
    .is-d-flex-table {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.body-font-style {
  font-size: 18px;
  font-weight: 300;
  font-family: Figtree;
  color: #58595B; }

.contact-bg-color {
  background: #ffffff; }
.story-items {
  padding-top: 24px;
  padding-bottom: 48px; }
  @media only screen and (min-width: 600px) {
    .story-items {
      padding-top: 48px; } }

.story-items__header {
  max-width: 658px;
  margin: 0 auto 40px; }

.story-items__title {
  margin-bottom: 16px;
  font-family: var(--font-family-title);
  font-size: 2rem;
  line-height: 1;
  color: var(--color-gray-60); }
  @media only screen and (min-width: 600px) {
    .story-items__title {
      font-size: 3.5rem;
      line-height: 1; } }
  .story-items__title span {
    display: inline-block;
    padding: 0 40px 20px;
    border-bottom: 1px solid currentColor; }
    @media only screen and (min-width: 900px) {
      .story-items__title span {
        padding-right: 60px;
        padding-left: 60px; } }

.story-items__text {
  margin-bottom: 0;
  font-size: 0.9375rem;
  line-height: 1.53333;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  color: var(--color-text-base); }
  @media only screen and (min-width: 600px) {
    .story-items__text {
      font-size: 1rem;
      line-height: 1.4375; } }

.story-items__container {
  position: relative;
  margin-right: -15px;
  margin-left: -15px; }
  @media only screen and (min-width: 375px) {
    .story-items__container {
      margin-right: calc(-1 * ((100vw - var(--scrollbarWidth) - var(--container-size-xs-lg)) / 2) - 15px);
      margin-left: calc(-1 * ((100vw - var(--scrollbarWidth) - var(--container-size-xs-lg)) / 2) - 15px); } }
  @media only screen and (min-width: 600px) {
    .story-items__container {
      margin-right: calc(-1 * ((100vw - var(--scrollbarWidth) - var(--container-size-sm)) / 2) - 15px);
      margin-left: calc(-1 * ((100vw - var(--scrollbarWidth) - var(--container-size-sm)) / 2) - 15px); } }
  @media only screen and (min-width: 900px) {
    .story-items__container {
      margin-right: calc(-1 * ((100vw - var(--scrollbarWidth) - var(--container-size-md)) / 2) - 15px);
      margin-left: calc(-1 * ((100vw - var(--scrollbarWidth) - var(--container-size-md)) / 2) - 15px); } }
  @media only screen and (min-width: 1200px) {
    .story-items__container {
      margin-right: calc(-1 * ((100vw - var(--scrollbarWidth) - var(--container-size-lg)) / 2) - 15px);
      margin-left: calc(-1 * ((100vw - var(--scrollbarWidth) - var(--container-size-lg)) / 2) - 15px); } }
  @media only screen and (min-width: 1800px) {
    .story-items__container {
      margin-right: calc(-1 * ((100vw - var(--scrollbarWidth) - var(--container-size-xl)) / 2) - 15px);
      margin-left: calc(-1 * ((100vw - var(--scrollbarWidth) - var(--container-size-xl)) / 2) - 15px); } }

.story-items__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none; }
  .story-items__list::-webkit-scrollbar {
    display: none; }
.story-items__list--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
.story-items__button {
  display: none;
  position: absolute;
  top: 50%;
  color: #FFFFFF;
  background: var(--color-campaign-ss23-mcarthurglen-blue);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
  @media only screen and (min-width: 600px) {
    .story-items__button {
      display: block; } }

.story-items__button--next {
  right: 0; }
  .story-items__button--next:after {
    font-family: var(--font-family-icon);
    content: "\E92B"; }

.story-items__button--prev {
  left: 0; }
  .story-items__button--prev:after {
    font-family: var(--font-family-icon);
    content: "\E91A"; }

.story-items__dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media only screen and (min-width: 600px) {
    .story-items__dots {
      display: none; } }

.story-items__dot {
  width: 10px;
  height: 10px;
  margin: 0 6px;
  border-radius: 100%;
  background: var(--color-gray-30); }
.story-items__dot--active {
  background: var(--color-gray-70); }
.story-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 310px;
          flex: 0 0 310px;
  width: 310px;
  padding: 0 10px;
  border-radius: 6px;
  overflow: hidden;
  scroll-snap-align: start;
  scroll-snap-stop: always; }
  @media only screen and (min-width: 900px) {
    .story-item {
      -ms-flex-preferred-size: 326px;
          flex-basis: 326px;
      width: 326px; } }

.story-item__link {
  display: block;
  position: relative; }
  .story-item__link:hover {
    color: var(--color-text-base); }

.story-item__date {
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px 15px;
  color: #FFFFFF;
  background: var(--color-campaign-ss23-mcarthurglen-blue);
  background-blend-mode: multiply;
  font-size: 0.9375rem;
  line-height: 1.66667; }

.story-item__image {
  overflow: hidden; }
  .story-item__image:before {
    float: left;
    content: "";
    padding-bottom: 60.68966%;
    margin-bottom: 0px; }

.story-item__content {
  padding: 24px 16px; }

.story-item__title {
  margin-bottom: 8px;
  text-transform: uppercase;
  font-size: 1.125rem;
  line-height: 1.33333;
  font-weight: 700; }

.story-item__subtitle {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400; }
.countdown-banner-block-black-friday {
  padding: 0.875rem 0;
  text-align: center; }
  .countdown-banner-block-black-friday .countdown-timer-black-friday {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 420px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-align: center; }
    @media only screen and (min-width: 600px) {
      .countdown-banner-block-black-friday .countdown-timer-black-friday {
        height: auto;
        width: 638px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
    .countdown-banner-block-black-friday .countdown-timer-black-friday p {
      margin: 0; }
    .countdown-banner-block-black-friday .countdown-timer-black-friday span {
      font-size: 16px;
      font-family: Figtree;
      color: black;
      text-align: center;
      display: block; }
      @media only screen and (min-width: 600px) {
        .countdown-banner-block-black-friday .countdown-timer-black-friday span {
          font-size: 18px; } }
      .countdown-banner-block-black-friday .countdown-timer-black-friday span:not(.number) {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 0%;
                flex: 1 1 0%;
        position: relative;
        font-weight: 500;
        display: block;
        text-align: center; }
        .countdown-banner-block-black-friday .countdown-timer-black-friday span:not(.number):after {
          content: ':';
          font-size: 16px;
          font-weight: 500;
          position: absolute;
          right: 0;
          left: 0;
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg);
          line-height: 60px; }
          @media only screen and (min-width: 600px) {
            .countdown-banner-block-black-friday .countdown-timer-black-friday span:not(.number):after {
              top: 0;
              -webkit-transform: none;
                      transform: none;
              bottom: auto;
              left: auto;
              line-height: 88px; } }
        .countdown-banner-block-black-friday .countdown-timer-black-friday span:not(.number):last-child:after {
          display: none; }
      .countdown-banner-block-black-friday .countdown-timer-black-friday span.number {
        display: block;
        font-size: 60px;
        line-height: 0.6;
        font-weight: 900;
        margin-bottom: 0.375rem;
        text-align: center; }
        @media only screen and (min-width: 600px) {
          .countdown-banner-block-black-friday .countdown-timer-black-friday span.number {
            font-size: 88px; } }
  .countdown-banner-block-black-friday .deal-live-text-black-friday {
    display: none; }
  .countdown-banner-block-black-friday .content-heading-black-friday h5 {
    font-weight: lighter;
    text-align: center;
    font-size: 1rem; }
  .countdown-banner-block-black-friday.is-in-banner-black-friday {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    z-index: 10; }
    @media only screen and (min-width: 900px) {
      .countdown-banner-block-black-friday.is-in-banner-black-friday {
        max-width: 426px; } }
    .countdown-banner-block-black-friday.is-in-banner-black-friday .countdown-timer span.number {
      margin-bottom: 0;
      font-size: 2rem; }
    .countdown-banner-block-black-friday.is-in-banner-black-friday .countdown-timer span:not(.number) {
      font-size: 0.75rem; }
      @media only screen and (min-width: 600px) {
        .countdown-banner-block-black-friday.is-in-banner-black-friday .countdown-timer span:not(.number) {
          font-size: 0.875rem; } }
      .countdown-banner-block-black-friday.is-in-banner-black-friday .countdown-timer span:not(.number):after {
        font-size: 2.5rem;
        line-height: 1;
        top: -10px;
        right: -4px; }

.black-friday-label-font {
  font-weight: 900;
  font-size: 40px;
  font-family: Figtree;
  font-style: italic;
  line-height: 35px;
  letter-spacing: 0.02em; }
  @media only screen and (min-width: 600px) {
    .black-friday-label-font {
      font-size: 64px;
      line-height: 75px; } }

.black-friday-heading-font {
  font-weight: 500;
  font-size: 16px;
  font-family: Figtree;
  font-style: italic; }
  @media only screen and (min-width: 600px) {
    .black-friday-heading-font {
      font-size: 24px; } }

.black-friday-cta-font {
  font-size: 16px;
  font-weight: 400;
  font-family: Figtree;
  color: black; }

.black-friday-text-align {
  padding-top: 35px;
  padding-bottom: 35px; }
  @media only screen and (min-width: 600px) {
    .black-friday-text-align {
      padding-top: 90px;
      padding-bottom: 90px; } }

.black-friday-bg-img-height {
  min-height: calc(100vh - 60px); }
  @media only screen and (min-width: 600px) {
    .black-friday-bg-img-height {
      min-height: 750px; } }

.black-friday-bottom-align {
  padding-bottom: 0px; }
  @media only screen and (min-width: 600px) {
    .black-friday-bottom-align {
      padding-bottom: 50px; } }

.txt-color {
  color: white;
  font-weight: 500; }

.black-friday-btn-bg-colour {
  background-color: black; }

.black-friday-margin-bottom {
  margin-bottom: 0; }
  @media only screen and (min-width: 600px) {
    .black-friday-margin-bottom {
      margin-bottom: 60px; } }

.black-friday-text-align-post {
  padding-top: 40px; }
  @media only screen and (min-width: 600px) {
    .black-friday-text-align-post {
      padding-top: 110px; } }

.black-friday-width {
  padding-right: 0px; }
  @media only screen and (min-width: 600px) {
    .black-friday-width {
      padding-right: 600px; } }

.black-friday-vertical {
  display: none; }
  @media only screen and (min-width: 600px) {
    .black-friday-vertical {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      margin-bottom: 20px; } }

.black-friday-col-width {
  width: 278px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 600px) {
    .black-friday-col-width {
      width: auto;
      padding-right: 0px; } }

.black-friday-bg-img-height-post {
  height: calc(100vh - 60px); }
  @media only screen and (min-width: 600px) {
    .black-friday-bg-img-height-post {
      height: calc(100vh - 30px); } }

.black-friday-bottom-align-post {
  padding-bottom: 30px; }
  @media only screen and (min-width: 600px) {
    .black-friday-bottom-align-post {
      padding-bottom: 20px; } }

.black-friday-margin-bottom-post {
  margin-bottom: 10px; }

.h6_textstyle_secoundaryCta-post {
  color: black;
  text-align: center;
  font-family: Figtree;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; }
  @media only screen and (min-width: 600px) {
    .h6_textstyle_secoundaryCta-post {
      font-size: 16px; } }

.black-friday-label-font-post {
  font-size: 58px;
  font-style: italic;
  font-weight: 900;
  line-height: 100%;
  font-family: Figtree;
  letter-spacing: 1.76px; }
  @media only screen and (min-width: 600px) {
    .black-friday-label-font-post {
      font-size: 88px; } }

.black-friday-heading-font-post {
  font-family: Figtree;
  font-size: 18px;
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0.52px;
  line-height: 30px; }
  @media only screen and (min-width: 600px) {
    .black-friday-heading-font-post {
      font-size: 26px; } }
.multi-image__image--desktop {
  display: none; }
  @media only screen and (min-width: 900px) {
    .multi-image__image--desktop {
      display: block; } }
  @media only screen and (min-width: 900px) {
    .multi-image__image--desktop + .multi-image__image--mobile {
      display: none; } }

.visually-hidden {
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

[aria-controls] {
  cursor: pointer; }

.value-message-block {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-height: 56px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  position: relative;
  width: 100%;
  z-index: 6; }
  .value-message-block.expanded .trigger .expand {
    display: none; }
  .value-message-block.expanded .trigger .shrink {
    display: inline-block; }
  .value-message-block.expanded .value-message-block__body {
    display: block; }

@media (min-width: 1024px) {
  .value-message-block {
    padding-left: 32px;
    padding-right: 32px; } }

.value-message-block__title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  width: 100%; }
  .value-message-block__title .trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
    text-align: center; }
    .value-message-block__title .trigger .expand {
      display: inline-block;
      min-width: 16px;
      text-align: right; }
    .value-message-block__title .trigger .shrink {
      display: none;
      min-width: 16px;
      text-align: right; }
  .value-message-block__title .close {
    -ms-grid-column: 2;
        grid-column-start: 2;
    -ms-grid-column-span: NaN;
    grid-column-end: auto;
    z-index: 6; }
    .value-message-block__title .close .icon {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      min-height: 40px;
      min-width: 40px; }
      .value-message-block__title .close .icon:before {
        background-image: url("data:image/svg+xml,%3csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.436 0a.434.434 0 0 0-.303.746l4.253 4.253L.133 9.253a.434.434 0 0 0 .602.626l.012-.012L5 5.613l4.253 4.254a.434.434 0 1 0 .626-.603l-.012-.011-4.253-4.254L9.867.746a.434.434 0 1 0-.614-.614L5 4.385.747.132A.434.434 0 0 0 .436 0' fill-rule='evenodd'/%3e%3c/svg%3e");
        background-position-x: 50%;
        background-position-y: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: " ";
        display: block;
        height: 10px;
        width: 10px; }

@media (min-width: 768px) {
  .value-message-block__title {
    padding-left: 40px; } }

.value-message-block__body {
  display: none;
  padding-bottom: 8px;
  text-align: center; }

.accordion-block li {
  margin-bottom: 12px; }
  .accordion-block li:last-child {
    margin-bottom: 0; }

.accordion-block .menu-heading {
  font-size: 1rem;
  line-height: 1.375;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color-gray-10);
  color: var(--color-gray-80);
  font-weight: normal;
  cursor: pointer;
  padding: 16px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  -webkit-transition: 0.4s;
  transition: 0.4s; }
  .accordion-block .menu-heading.has-icon-chevron:after {
    font-size: 1rem;
    line-height: 1;
    content: "\E907";
    margin-left: 10px;
    font-family: var(--font-family-icon);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
  .accordion-block .menu-heading.is-open:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.accordion-block.is-numbered .menu-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--spacer-3) 4rem var(--spacer-3) var(--spacer-3); }
  .accordion-block.is-numbered .menu-heading.is-open .rounded-number {
    color: var(--color-primary-base);
    background-color: var(--color-gray-0); }
  .accordion-block.is-numbered .menu-heading .rounded-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--color-gray-0);
    background-color: var(--color-primary-base);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    margin-right: var(--spacer-3);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }

.accordion-block .panel {
  font-size: 1rem;
  line-height: 1.75;
  display: block;
  margin: 0;
  color: var(--color-gray-50);
  background-color: var(--color-gray-0);
  max-height: 0;
  overflow: hidden;
  border-right: 1px solid var(--color-gray-10);
  border-bottom: 1px solid var(--color-gray-10);
  border-left: 1px solid var(--color-gray-10);
  padding: 0 24px;
  font-weight: 100;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.story-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 310px;
          flex: 0 0 310px;
  width: 310px;
  padding: 0 10px;
  border-radius: 6px;
  overflow: hidden;
  scroll-snap-align: start;
  scroll-snap-stop: always; }
  @media only screen and (min-width: 900px) {
    .story-item {
      -ms-flex-preferred-size: 326px;
          flex-basis: 326px;
      width: 326px; } }

.story-item__link {
  display: block;
  position: relative; }
  .story-item__link:hover {
    color: var(--color-text-base); }

.story-item__date {
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px 15px;
  color: #FFFFFF;
  background: var(--color-campaign-ss23-mcarthurglen-blue);
  background-blend-mode: multiply;
  font-size: 0.9375rem;
  line-height: 1.66667; }

.story-item__image {
  overflow: hidden; }
  .story-item__image:before {
    float: left;
    content: "";
    padding-bottom: 60.68966%;
    margin-bottom: 0px; }

.story-item__content {
  padding: 24px 16px; }

.story-item__title {
  margin-bottom: 8px;
  text-transform: uppercase;
  font-size: 1.125rem;
  line-height: 1.33333;
  font-weight: 700; }

.story-item__subtitle {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400; }

.nav-box {
  position: relative;
  text-align: center;
  padding: 16px;
  z-index: 2; }

.nav-box--offset {
  padding-top: 0;
  padding-bottom: 46px; }

.nav-box--alt {
  text-align: left; }

.nav-box__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 288px;
  margin: 0 auto; }
  @media only screen and (min-width: 900px) {
    .nav-box__container {
      max-width: 400px; } }
  .nav-box--offset .nav-box__container {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  @media only screen and (min-width: 900px) {
    .nav-box--alt .nav-box__container {
      max-width: 270px; } }

button.nav-box__button {
  font-size: 1rem;
  line-height: 1.5;
  padding: 17px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--color-gray-60);
  background: var(--color-gray-0);
  border: 1px solid var(--color-gray-10); }
  button.nav-box__button:focus, button.nav-box__button:hover {
    background: var(--color-gray-10);
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-color: var(--color-gray-10); }
  .nav-box--alt button.nav-box__button {
    font-size: 1.125rem;
    line-height: 1.11111;
    letter-spacing: normal;
    text-transform: none;
    text-align: inherit;
    color: #001E62;
    border-color: currentColor; }
  button.nav-box__button.has-icon-chevron {
    position: relative;
    padding-right: 45px;
    padding-left: 45px; }
    .nav-box--alt button.nav-box__button.has-icon-chevron {
      padding-left: 17px; }
    button.nav-box__button.has-icon-chevron:after {
      position: absolute;
      top: 50%;
      right: 17px;
      font-family: var(--font-family-icon);
      content: "\E907";
      color: var(--color-gray-50);
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      .nav-box--active button.nav-box__button.has-icon-chevron:after {
        content: "\E937"; }

.nav-box__links {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  padding: 10px 0 25px;
  color: var(--color-gray-50);
  background: var(--color-gray-0);
  border: 1px solid var(--color-gray-10);
  border-top: none;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.12));
          filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.12));
  z-index: 1; }
  .nav-box--active .nav-box__links {
    display: block; }
  .nav-box--alt .nav-box__links {
    padding: 0 8px 6px;
    color: var(--color-gray-60);
    border-color: #001E62; }
  .nav-box__links a {
    font-size: 1.125rem;
    line-height: 2.22222;
    margin-bottom: 8px;
    display: block;
    font-weight: 300;
    color: inherit; }
    .nav-box__links a:last-child {
      margin-bottom: 0; }
    .nav-box__links a:focus, .nav-box__links a:hover {
      background: var(--color-gray-10); }
    .nav-box--alt .nav-box__links a {
      font-size: 0.875rem;
      line-height: 1.42857;
      margin: 0;
      padding: 10px;
      font-weight: normal;
      border-bottom: 1px solid var(--color-gray-10); }
      .nav-box--alt .nav-box__links a:focus, .nav-box--alt .nav-box__links a:hover {
        margin-right: -8px;
        margin-left: -8px;
        padding-right: 18px;
        padding-left: 18px; }
      .nav-box--alt .nav-box__links a:last-child {
        border-bottom: none; }

.page-container {
  position: relative; }

/*html {
    scroll-behavior: smooth;
}*/