:root {
  --Font-Family-Primary: span, serif;
  --Font-Family-Secondary: span, serif;
  --Font-Family-Tertiary: Encode Sans, sans-serif;
  --Font-Weight-Light: 300;
  --Font-Weight-Regular: 400;
  --Font-Weight-SemiBold: 600;
  --Font-Weight-Italic: italic;
  --Font-Weight-Bold: 700;
  --Font-Letter-Spacing-None: calc(var(--Sizes-0) * 1px);
  --Font-Letter-Spacing-XS: 0.2px;
  --Font-Letter-Spacing-S: 0.4px;
  --Font-Letter-Spacing-M: 0.8px;
  --Font-Letter-Spacing-L: 1.2px;
  --Font-Letter-Spacing-XL: 1.6px;
  --Font-Letter-Spacing-XXL: 2.4px;
  --Color-Brand-Primary: #31105D;
  --Color-Brand-Highlight: #2F7C90;
  --Color-Neutral-Light: #FFFFFF;
  --Color-Neutral-medLight: #FDFAF3;
  --Color-Neutral-med: #BABABA;
  --Color-Neutral-medDark: #606060;
  --Color-Neutral-Dark: #000000;
  --Sizes-0: 0;
  --Sizes-2: 2;
  --Sizes-4: 4;
  --Sizes-8: 8;
  --Sizes-10: 10;
  --Sizes-11: 11;
  --Sizes-12: 12;
  --Sizes-13: 13;
  --Sizes-14: 14;
  --Sizes-15: 15;
  --Sizes-16: 16;
  --Sizes-18: 18;
  --Sizes-20: 20;
  --Sizes-22: 22;
  --Sizes-24: 24;
  --Sizes-25: 25;
  --Sizes-26: 26;
  --Sizes-28: 28;
  --Sizes-30: 30;
  --Sizes-32: 32;
  --Sizes-34: 34;
  --Sizes-36: 36;
  --Sizes-40: 40;
  --Sizes-48: 48;
  --Sizes-56: 56;
  --Sizes-64: 64;
  --Sizes-72: 72;
  --Sizes-80: 80;
  --Sizes-84: 84;
  --Sizes-88: 88;
  --Sizes-96: 96;
  --Sizes-104: 104;
  --Sizes-120: 120;
  --Sizes-124: 124;
  --Sizes-140: 140;
  --Sizes-160: 160;
  --Opacity-100: 1.0;
  --Opacity-90: 0.9;
  --Opacity-80: 0.8;
  --Opacity-70: 0.7;
  --Opacity-60: 0.6;
  --Opacity-50: 0.5;
  --Opacity-40: 0.4;
  --Opacity-30: 0.3;
  --Opacity-20: 0.2;
  --Opacity-10: 0.1;
  --Opacity-0: 0;
  --Radius-None: 0px;
  --Radius-xs: 4px;
  --Radius-s: 12px;
  --Radius-md: 18px;
  --Radius-lg: 24px;
  --Radius-xl: 160px;
  --Typography-Headers_Dark: var(--Color-Neutral-Dark);
  --Typography-Headers_Light: var(--Color-Neutral-medLight);
  --Typography-Header_Highlight: var(--Color-Brand-Primary);
  --Typography-Header_Light: var(--Color-Neutral-medLight);
  --Typography-Body_Dark: var(--Color-Neutral-Dark);
  --Typography-Body_Light: var(--Color-Neutral-medLight);
  --Typography-Body_Highlight: var(--Color-Brand-Primary);
  --Typography-Button-Default:	var(--Color-Neutral-medLight);
  --Typography-Button-Secondary:	var(--Color-Brand-Primary);
  --Container-Neutral-Primary:	var(--Color-Neutral-medLight);
  --Container-Neutral-Secondary:	var(--Color-Neutral-medLight);
  --Container-Neutral-Accent:	var(--Color-Brand-Primary);
  --Container-Neutral-Dark: var(--Color-Neutral-Dark);
  --Container-Action-Container-default: var(--Color-Neutral-medLight);
  --Container-Action-Container-hover: var(--Color-Brand-Primary);
  --Container-Action-Button-Primary-default: var(--Color-Brand-Primary);
  --Container-Action-Button-Primary-hover: var(--Color-Neutral-Dark);
  --Container-Action-Button-Secondary-text: var(--Color-Neutral-Dark);
  --Container-Action-Button-Secondary-default: var(--Color-Neutral-Dark);
  --Container-Action-Button-Secondary-hover: var(--Color-Neutral-Dark);
}

:root {
  --Font-Family-Headers-XXXL: var(--Font-Family-Primary);
  --Font-Family-Headers-XXL: var(--Font-Family-Primary);
  --Font-Family-Headers-XL: var(--Font-Family-Primary);
  --Font-Family-Headers-L: var(--Font-Family-Primary);
  --Font-Family-Headers-M: var(--Font-Family-Primary);
  --Font-Family-Headers-S: var(--Font-Family-Primary);
  --Font-Family-Headers-XS: var(--Font-Family-Tertiary);
  --Font-Family-Body-L: var(--Font-Family-Tertiary);
  --Font-Family-Body-M: var(--Font-Family-Secondary);
  --Font-Family-Body-S: var(--Font-Family-Secondary);
  --Font-Family-Body-XS: var(--Font-Family-Secondary);
  --Font-Family-Action-Button: var(--Font-Family-Tertiary);
  --Font-Family-Action-Text-Link: var(--Font-Family-Tertiary);
  --Font-Family-Action-Tag: var(--Font-Family-Tertiary);
  --Font-Family-Action-Nav: var(--Font-Family-Tertiary);
  --Font-Family-Action-Filter: var(--Font-Family-Tertiary);
  --Font-Size-Headers-XXXL: calc(var(--Sizes-72) * 1px);
  --Font-Size-Headers-XXL: calc(var(--Sizes-56) * 1px);
  --Font-Size-Headers-XL: calc(var(--Sizes-48) * 1px);
  --Font-Size-Headers-L: calc(var(--Sizes-36) * 1px);
  --Font-Size-Headers-M: calc(var(--Sizes-28) * 1px);
  --Font-Size-Headers-S: calc(var(--Sizes-20) * 1px);
  --Font-Size-Headers-XS: calc(var(--Sizes-12) * 1px);
  --Font-Size-Body-L: calc(var(--Sizes-16) * 1px);
  --Font-Size-Body-M: calc(var(--Sizes-16) * 1px);
  --Font-Size-Body-S: calc(var(--Sizes-14) * 1px);
  --Font-Size-Body-XS: calc(var(--Sizes-12) * 1px);
  --Font-Size-Action-Button: calc(var(--Sizes-12) * 1px);
  --Font-Size-Action-Text-Link: calc(var(--Sizes-12) * 1px);
  --Font-Size-Action-Tag: calc(var(--Sizes-12) * 1px);
  --Font-Size-Action-Nav: calc(var(--Sizes-12) * 1px);
  --Font-Line-Height-Headers-XXXL: calc(var(--Sizes-72) * 1px);
  --Font-Line-Height-Headers-XXL: calc(var(--Sizes-64) * 1px);
  --Font-Line-Height-Headers-XL: calc(var(--Sizes-56) * 1px);
  --Font-Line-Height-Headers-L: calc(var(--Sizes-40) * 1px);
  --Font-Line-Height-Headers-M: calc(var(--Sizes-36) * 1px);
  --Font-Line-Height-Headers-S: calc(var(--Sizes-26) * 1px);
  --Font-Line-Height-Headers-XS: calc(var(--Sizes-16) * 1px);
  --Font-Line-Height-Body-L: calc(var(--Sizes-26) * 1px);
  --Font-Line-Height-Body-M: calc(var(--Sizes-26) * 1px);
  --Font-Line-Height-Body-S: calc(var(--Sizes-24) * 1px);
  --Font-Line-Height-Body-XS: calc(var(--Sizes-16) * 1px);
  --Font-Line-Height-Action-Button: calc(var(--Sizes-18) * 1px);
  --Font-Line-Height-Action-Text-Link: calc(var(--Sizes-24) * 1px);
  --Font-Line-Height-Action-Tag: calc(var(--Sizes-16) * 1px);
  --Font-Line-Height-Action-Nav: calc(var(--Sizes-18) * 1px);
  --Font-Weight-Headers-XXXL: var(--Font-Weight-Light);
  --Font-Weight-Headers-XXL: var(--Font-Weight-Light);
  --Font-Weight-Headers-XL: var(--Font-Weight-Light);
  --Font-Weight-Headers-L: var(--Font-Weight-Light);
  --Font-Weight-Headers-M: var(--Font-Weight-Light);
  --Font-Weight-Headers-S: var(--Font-Weight-Light);
  --Font-Weight-Headers-XS: var(--Font-Weight-Regular);
  --Font-Weight-Body-L: var(--Font-Weight-Light);
  --Font-Weight-Body-M: var(--Font-Weight-Light);
  --Font-Weight-Body-S: var(--Font-Weight-Light);
  --Font-Weight-Body-XS: var(--Font-Weight-Light);
  --Font-Weight-Action-Button: var(--Font-Weight-Regular);
  --Font-Weight-Action-Text-Link: var(--Font-Weight-Regular);
  --Font-Weight-Action-Tag: var(--Font-Weight-Regular);
  --Font-Weight-Action-Nav: var(--Font-Weight-Regular);
  --Font-Letter-Spacing-Headers-XXXL: var(--Font-Letter-Spacing-None);
  --Font-Letter-Spacing-Headers-XXL: var(--Font-Letter-Spacing-None);
  --Font-Letter-Spacing-Headers-XL: var(--Font-Letter-Spacing-None);
  --Font-Letter-Spacing-Headers-L: var(--Font-Letter-Spacing-None);
  --Font-Letter-Spacing-Headers-M: var(--Font-Letter-Spacing-None);
  --Font-Letter-Spacing-Headers-S: var(--Font-Letter-Spacing-None);
  --Font-Letter-Spacing-Headers-XS: var(--Font-Letter-Spacing-XL);
  --Font-Letter-Spacing-Body-L: var(--Font-Letter-Spacing-None);
  --Font-Letter-Spacing-Body-M: var(--Font-Letter-Spacing-None);
  --Font-Letter-Spacing-Body-S: var(--Font-Letter-Spacing-None);
  --Font-Letter-Spacing-Body-XS: var(--Font-Letter-Spacing-None);
  --Font-Letter-Spacing-Action-Button: var(--Font-Letter-Spacing-XL);
  --Font-Letter-Spacing-Action-Text-Link: var(--Font-Letter-Spacing-XL);
  --Font-Letter-Spacing-Action-Tag: var(--Font-Letter-Spacing-XL);
  --Font-Letter-Spacing-Action-Nav: var(--Font-Letter-Spacing-XL);
  --Font-Letter-Spacing-Action-Filter: var(--Font-Letter-Spacing-XL);
  --Font-Paragraph-Headers-XXXL: calc(var(--Sizes-124) * 1px);
  --Font-Paragraph-Headers-XXL: calc(var(--Sizes-64) * 1px);
  --Font-Paragraph-Headers-XL: calc(var(--Sizes-56) * 1px);
  --Font-Paragraph-Headers-L: calc(var(--Sizes-48) * 1px);
  --Font-Paragraph-Headers-M: calc(var(--Sizes-36) * 1px);
  --Font-Paragraph-Headers-S: calc(var(--Sizes-24) * 1px);
  --Font-Paragraph-Headers-XS: calc(var(--Sizes-16) * 1px);
  --Font-Paragraph-Body-L: calc(var(--Sizes-24) * 1px);
  --Font-Paragraph-Body-M: calc(var(--Sizes-20) * 1px);
  --Font-Paragraph-Body-S: calc(var(--Sizes-16) * 1px);
  --Font-Paragraph-Body-XS: calc(var(--Sizes-12) * 1px);
  --Font-Paragraph-Action-Button:	calc(var(--Sizes-18) * 1px);
  --Font-Paragraph-Action-Text-Link: calc(var(--Sizes-18) * 1px);
  --Font-Paragraph-Action-Tag:	calc(var(--Sizes-16) * 1px);
  --Font-Paragraph-Action-Nav:	calc(var(--Sizes-18) * 1px);
  --Container-width-2x:	184px;
  --Container-width-3x:	288px;
  --Container-width-4x:	392px;
  --Container-width-5x:	496px;
  --Container-width-6x:	600px;
  --Container-width-6x-24-border: 624px;
  --Container-width-690:	690px;
  --Container-width-7x:	704px;
  --Container-width-half:	716px;
  --Container-width-8x:	808px;
  --Container-width-9x:	912px;
  --Container-width-10x:	1016px;
  --Container-width-12x:	1224px;
  --Container-width-full:	1440px;
  --Container-height-s: 480px;
  --Container-height-md: 600px;
  --Container-height-lg: 720px;
  --Container-height-xl: 840px;
  --Container-height-xxl: 900px;
  --Icon-L: calc(var(--Sizes-32) * 1px);
  --Icon-M: calc(var(--Sizes-24) * 1px);
  --Icon-S: calc(var(--Sizes-16) * 1px);
  --Icon-XS: calc(var(--Sizes-12) * 1px);
  --Grid-padding-none: calc(var(--Sizes-0) * 1px);
  --Grid-padding-xxxxs: calc(var(--Sizes-2) * 1px);
  --Grid-padding-xxxs: calc(var(--Sizes-4) * 1px);
  --Grid-padding-xxs: calc(var(--Sizes-8) * 1px);
  --Grid-padding-xs: calc(var(--Sizes-12) * 1px);
  --Grid-padding-s: calc(var(--Sizes-16) * 1px);
  --Grid-padding-reg: calc(var(--Sizes-24) * 1px);
  --Grid-padding-md: calc(var(--Sizes-36) * 1px);
  --Grid-padding-lg: calc(var(--Sizes-48) * 1px);
  --Grid-padding-xl: calc(var(--Sizes-56) * 1px);
  --Grid-padding-xxl: calc(var(--Sizes-72) * 1px);
  --Grid-padding-xxxl: calc(var(--Sizes-84) * 1px);
  --Grid-padding-xxxxl: calc(var(--Sizes-96) * 1px);
  --Grid-padding-Giant: calc(var(--Sizes-124) * 1px);
  --Grid-columns-count: calc(var(--Sizes-12) * 1px);
  --Grid-columns-gutter: calc(var(--Sizes-24) * 1px);
  --Grid-columns-width: 80px;
  --images-width-2x: 184px;
  --images-width-3x: 288px;
  --images-width-4x: 392px;
  --images-width-5x: 496px;
  --images-width-6x: 600px;
  --images-width-6x-24-border: 624px;
  --images-width-7x: 704px;
  --images-width-half: 716px;
  --images-width-8x: 808px;
  --images-width-9x: 912px;
  --images-width-10x: 1016px;
  --images-width-12x: 1224px;
  --images-width-full: 1440px;
  --images-width-Insta-Slider: 250px;
  --images-height-xs: 260px;
  --images-height-s: 480px;
  --images-height-md: 600px;
  --images-height-lg: 720px;
  --images-height-xl: 840px;
  --images-height-xxl: 900px;
  --images-height-Insta-Slider: 250px;
}

@media only screen and (max-width: 767px) {
  :root {
    --Font-Family-Headers-XXXL: var(--Font-Family-Primary);
    --Font-Family-Headers-XXL: var(--Font-Family-Primary);
    --Font-Family-Headers-XL: var(--Font-Family-Primary);
    --Font-Family-Headers-L: var(--Font-Family-Primary);
    --Font-Family-Headers-M: var(--Font-Family-Primary);
    --Font-Family-Headers-S: var(--Font-Family-Primary);
    --Font-Family-Headers-XS: var(--Font-Family-Tertiary);
    --Font-Family-Body-L: var(--Font-Family-Tertiary);
    --Font-Family-Body-M: var(--Font-Family-Secondary);
    --Font-Family-Body-S: var(--Font-Family-Secondary);
    --Font-Family-Body-XS: var(--Font-Family-Secondary);
    --Font-Family-Action-Button: var(--Font-Family-Tertiary);
    --Font-Family-Action-Text-Link: var(--Font-Family-Tertiary);
    --Font-Family-Action-Tag: var(--Font-Family-Tertiary);
    --Font-Family-Action-Nav: var(--Font-Family-Tertiary);
    --Font-Size-Headers-XXXL: calc(var(--Sizes-44) * 1px);
    --Font-Size-Headers-XXL: calc(var(--Sizes-40) * 1px);
    --Font-Size-Headers-XL: calc(var(--Sizes-34) * 1px);
    --Font-Size-Headers-L: calc(var(--Sizes-30) * 1px);
    --Font-Size-Headers-M: calc(var(--Sizes-24) * 1px);
    --Font-Size-Headers-S: calc(var(--Sizes-18) * 1px);
    --Font-Size-Headers-XS: calc(var(--Sizes-12) * 1px);
    --Font-Size-Body-L: calc(var(--Sizes-16) * 1px);
    --Font-Size-Body-M: calc(var(--Sizes-16) * 1px);
    --Font-Size-Body-S: calc(var(--Sizes-14) * 1px);
    --Font-Size-Body-XS: calc(var(--Sizes-12) * 1px);
    --Font-Size-Action-Button: calc(var(--Sizes-12) * 1px);
    --Font-Size-Action-Text-Link: calc(var(--Sizes-12) * 1px);
    --Font-Size-Action-Tag: calc(var(--Sizes-12) * 1px);
    --Font-Size-Action-Nav: calc(var(--Sizes-12) * 1px);
    --Font-Line-Height-Headers-XXXL: calc(var(--Sizes-56) * 1px);
    --Font-Line-Height-Headers-XXL: calc(var(--Sizes-48) * 1px);
    --Font-Line-Height-Headers-XL: calc(var(--Sizes-40) * 1px);
    --Font-Line-Height-Headers-L: calc(var(--Sizes-40) * 1px);
    --Font-Line-Height-Headers-M: calc(var(--Sizes-32) * 1px);
    --Font-Line-Height-Headers-S: calc(var(--Sizes-24) * 1px);
    --Font-Line-Height-Headers-XS: calc(var(--Sizes-16) * 1px);
    --Font-Line-Height-Body-L: calc(var(--Sizes-26) * 1px);
    --Font-Line-Height-Body-M: calc(var(--Sizes-24) * 1px);
    --Font-Line-Height-Body-S: calc(var(--Sizes-24) * 1px);
    --Font-Line-Height-Body-XS: calc(var(--Sizes-16) * 1px);
    --Font-Line-Height-Action-Button: calc(var(--Sizes-18) * 1px);
    --Font-Line-Height-Action-Text-Link: calc(var(--Sizes-24) * 1px);
    --Font-Line-Height-Action-Tag: calc(var(--Sizes-16) * 1px);
    --Font-Line-Height-Action-Nav: calc(var(--Sizes-18) * 1px);
    --Font-Weight-Headers-XXXL: var(--Font-Weight-Light);
    --Font-Weight-Headers-XXL: var(--Font-Weight-Light);
    --Font-Weight-Headers-XL: var(--Font-Weight-Light);
    --Font-Weight-Headers-L: var(--Font-Weight-Light);
    --Font-Weight-Headers-M: var(--Font-Weight-Light);
    --Font-Weight-Headers-S: var(--Font-Weight-Light);
    --Font-Weight-Headers-XS: var(--Font-Weight-Regular);
    --Font-Weight-Body-L: var(--Font-Weight-Light);
    --Font-Weight-Body-M: var(--Font-Weight-Light);
    --Font-Weight-Body-S: var(--Font-Weight-Light);
    --Font-Weight-Body-XS: var(--Font-Weight-Light);
    --Font-Weight-Action-Button: var(--Font-Weight-Regular);
    --Font-Weight-Action-Text-Link: var(--Font-Weight-Regular);
    --Font-Weight-Action-Tag: var(--Font-Weight-Regular);
    --Font-Weight-Action-Nav: var(--Font-Weight-Regular);
    --Font-Letter-Spacing-Headers-XXXL: var(--Font-Letter-Spacing-None);
    --Font-Letter-Spacing-Headers-XXL: var(--Font-Letter-Spacing-None);
    --Font-Letter-Spacing-Headers-XL: var(--Font-Letter-Spacing-None);
    --Font-Letter-Spacing-Headers-L: var(--Font-Letter-Spacing-None);
    --Font-Letter-Spacing-Headers-M: var(--Font-Letter-Spacing-None);
    --Font-Letter-Spacing-Headers-S: var(--Font-Letter-Spacing-None);
    --Font-Letter-Spacing-Headers-XS: var(--Font-Letter-Spacing-XL);
    --Font-Letter-Spacing-Body-L: var(--Font-Letter-Spacing-None);
    --Font-Letter-Spacing-Body-M: var(--Font-Letter-Spacing-None);
    --Font-Letter-Spacing-Body-S: var(--Font-Letter-Spacing-None);
    --Font-Letter-Spacing-Body-XS: var(--Font-Letter-Spacing-None);
    --Font-Letter-Spacing-Action-Button: var(--Font-Letter-Spacing-XL);
    --Font-Letter-Spacing-Action-Text-Link: var(--Font-Letter-Spacing-XL);
    --Font-Letter-Spacing-Action-Tag: var(--Font-Letter-Spacing-XL);
    --Font-Letter-Spacing-Action-Nav: var(--Font-Letter-Spacing-XL);
    --Font-Paragraph-Headers-XXXL: calc(var(--Sizes-72) * 1px);
    --Font-Paragraph-Headers-XXL: calc(var(--Sizes-56) * 1px);
    --Font-Paragraph-Headers-XL: calc(var(--Sizes-48) * 1px);
    --Font-Paragraph-Headers-L: calc(var(--Sizes-36) * 1px);
    --Font-Paragraph-Headers-M: calc(var(--Sizes-24) * 1px);
    --Font-Paragraph-Headers-S: calc(var(--Sizes-18) * 1px);
    --Font-Paragraph-Headers-XS: calc(var(--Sizes-16) * 1px);
    --Font-Paragraph-Body-L: calc(var(--Sizes-24) * 1px);
    --Font-Paragraph-Body-M: calc(var(--Sizes-20) * 1px);
    --Font-Paragraph-Body-S: calc(var(--Sizes-16) * 1px);
    --Font-Paragraph-Body-XS: calc(var(--Sizes-12) * 1px);
    --Font-Paragraph-Action-Button:	calc(var(--Sizes-18) * 1px);
    --Font-Paragraph-Action-Text-Link: calc(var(--Sizes-24) * 1px);
    --Font-Paragraph-Action-Tag:	calc(var(--Sizes-16) * 1px);
    --Font-Paragraph-Action-Nav:	calc(var(--Sizes-16) * 1px);
    --Container-width-2x:	72px;
    --Container-width-3x:	156px;
    --Container-width-4x:	324px;
    --Container-width-5x:	324px;
    --Container-width-6x:	324px;
    --Container-width-6x-24-border: 324px;
    --Container-width-7x:	324px;
    --Container-width-half:	324px;
    --Container-width-8x:	324px;
    --Container-width-9x:	324px;
    --Container-width-10x:	324px;
    --Container-width-12x:	324px;
    --Container-width-full:	360px;
    --Container-height-s: 240px;
    --Container-height-md: 360px;
    --Container-height-lg: 480px;
    --Container-height-xl: 640px;
    --Container-height-xxl: 780px;
    --Icon-L: calc(var(--Sizes-18) * 1px);
    --Icon-M: calc(var(--Sizes-18) * 1px);
    --Icon-S: calc(var(--Sizes-16) * 1px);
    --Icon-XS: calc(var(--Sizes-12) * 1px);
    --Grid-padding-neg-reg: calc(var(--Sizes-0) * 1px);
    --Grid-padding-none: calc(var(--Sizes-0) * 1px);
    --Grid-padding-xxxxs: calc(var(--Sizes-2) * 1px);
    --Grid-padding-xxxs: calc(var(--Sizes-2) * 1px);
    --Grid-padding-xxs: calc(var(--Sizes-8) * 1px);
    --Grid-padding-xs: calc(var(--Sizes-12) * 1px);
    --Grid-padding-s: calc(var(--Sizes-16) * 1px);
    --Grid-padding-reg: calc(var(--Sizes-24) * 1px);
    --Grid-padding-md: calc(var(--Sizes-32) * 1px);
    --Grid-padding-lg: calc(var(--Sizes-36) * 1px);
    --Grid-padding-xl: calc(var(--Sizes-36) * 1px);
    --Grid-padding-xxl: calc(var(--Sizes-56) * 1px);
    --Grid-padding-xxxl: calc(var(--Sizes-56) * 1px);
    --Grid-padding-xxxxl: calc(var(--Sizes-72) * 1px);
    --Grid-padding-Giant: calc(var(--Sizes-72) * 1px);
    --Grid-columns-count: calc(var(--Sizes-4) * 1px);
    --Grid-columns-gutter: calc(var(--Sizes-12) * 1px);
    --Grid-columns-width: 72px;
    --images-width-2x: 72px;
    --images-width-3x: 156px;
    --images-width-4x: 324px;
    --images-width-5x: 324px;
    --images-width-6x: 324px;
    --images-width-6x-24-border: 324px;
    --images-width-7x: 324px;
    --images-width-half: 324px;
    --images-width-8x: 324px;
    --images-width-9x: 324px;
    --images-width-10x: 324px;
    --images-width-12x: 348px;
    --images-width-full: 360px;
    --images-width-Insta-Slider: 156px;
    --images-height-xs: 240px;
    --images-height-s: 240px;
    --images-height-md: 360px;
    --images-height-lg: 240px;
    --images-height-xl: 640px;
    --images-height-xxl: 780px;
    --images-height-Insta-Slider: 156px;
  }
}
.ng-lightbox {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  box-sizing: border-box;
}
.ng-lightbox * {
  box-sizing: border-box;
}
.ng-lightbox .ng-lightbox-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-flow: column;
  width: 95%;
  max-height: 95%;
  overflow: auto;
  max-width: 896px;
  text-align: center;
  color: #353535;
  background-color: #FDFAF3;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .ng-lightbox .ng-lightbox-inner {
    max-width: calc(100% - 32px);
  }
}
.ng-lightbox .inner-wrapper {
  position: relative;
  display: flex;
  flex-flow: row;
  width: 100%;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .ng-lightbox .inner-wrapper {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.ng-lightbox .ng-lightbox-inner .close-popup {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10;
  overflow: hidden;
  text-indent: -1000px;
  transition: opacity 0.2s;
  border: 0;
  background: none;
  box-shadow: 0 0;
}
@media only screen and (max-width: 767px) {
  .ng-lightbox .ng-lightbox-inner .close-popup {
    top: 5px;
    right: 5px;
  }
}
.ng-lightbox .ng-lightbox-inner .close-popup:hover {
  opacity: 0.7;
}
.ng-lightbox .ng-lightbox-inner .close-popup:after,
.ng-lightbox .ng-lightbox-inner .close-popup:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #353535;
  transform: translate(-50%, -50%) rotate(45deg);
}
.ng-lightbox .ng-lightbox-inner .close-popup:after {
  width: 25px;
  height: 1px;
}
.ng-lightbox .ng-lightbox-inner .close-popup:before {
  width: 1px;
  height: 25px;
}
.ng-lightbox .ng-lightbox-inner .thumb-wrapper {
  position: relative;
  top: 0;
  left: 0;
  width: 50%;
  padding-bottom: 55%;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .ng-lightbox .ng-lightbox-inner .thumb-wrapper {
    width: 100%;
    padding-bottom: 60%;
  }
}
.ng-lightbox .ng-lightbox-inner .thumb-wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  image-rendering: -webkit-optimize-contrast;
  /* Chrome, Safari */
  image-rendering: crisp-edges;
  /* Firefox */
  image-rendering: pixelated;
  /* Firefox */
}
.ng-lightbox .ng-lightbox-inner.background-thumbnail .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  opacity: 0.2;
  margin: 0;
}
.ng-lightbox .ng-lightbox-inner .content-wrapper {
  position: relative;
  width: 50%;
  padding: 64px 48px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .ng-lightbox .ng-lightbox-inner .content-wrapper {
    width: 100%;
    padding: 54px 32px;
  }
}
.ng-lightbox .ng-lightbox-inner .content {
  font-style: normal;
  font: 300 14px/24px "span", serif;
  letter-spacing: 0.42px;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .ng-lightbox .ng-lightbox-inner .content {
    line-height: 22px;
  }
}
.ng-lightbox .ng-lightbox-inner h3 {
  margin-bottom: 20px;
  color: var(--Colour-Primary-Dark);
  text-align: center;
  font-family: var(--Font-Family-Headers-L);
  font-size: var(--Font-Size-Headers-L);
  font-style: normal;
  font-weight: 300;
  line-height: var(--Font-Line-Height-Headers-L);
  letter-spacing: var(--Font-Letter-Spacing-Headers-L);
}
.ng-lightbox .ng-lightbox-inner p {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.24px;
  font-weight: 400;
}
.ng-lightbox .ng-lightbox-inner ul, .ng-lightbox .ng-lightbox-inner ol {
  text-align: left;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.24px;
  font-weight: 400;
}
.ng-lightbox .ng-lightbox-inner .buttons {
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  .ng-lightbox .ng-lightbox-inner .buttons {
    margin-top: 20px;
  }
}

.ng-lightbox.countdown-timer .lightbox-countdown-timer {
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  background-color: #31105D;
}
@media only screen and (max-width: 767px) {
  .ng-lightbox.countdown-timer .lightbox-countdown-timer {
    width: 100%;
    transform: initial;
  }
}
.ng-lightbox.countdown-timer .lightbox-countdown-timer .counter {
  display: none;
  vertical-align: middle;
  color: #FFFFFF;
  padding: 24px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
}
.ng-lightbox.countdown-timer .lightbox-countdown-timer .counter.visible {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .ng-lightbox.countdown-timer .lightbox-countdown-timer .counter {
    padding: 16px 10px;
    font-size: 12px;
  }
}
.ng-lightbox.countdown-timer .lightbox-countdown-timer .counter:after {
  clear: both;
  content: "";
  display: table;
}
.ng-lightbox.countdown-timer .lightbox-countdown-timer .counter > div {
  float: left;
  text-align: center;
  width: 70px;
}
.ng-lightbox.countdown-timer .lightbox-countdown-timer .counter > div:first-child {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .ng-lightbox.countdown-timer .lightbox-countdown-timer .counter > div {
    width: 50px;
  }
}
.ng-lightbox.countdown-timer .lightbox-countdown-timer .counter > div .text {
  color: inherit;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .ng-lightbox.countdown-timer .lightbox-countdown-timer .counter > div .text {
    margin: 0;
  }
}
.ng-lightbox.countdown-timer .lightbox-countdown-timer .counter > div .value {
  position: relative;
  color: inherit;
  line-height: 50px;
  font-size: 50px;
  line-height: 50px;
}
@media only screen and (max-width: 767px) {
  .ng-lightbox.countdown-timer .lightbox-countdown-timer .counter > div .value {
    font-size: 30px;
    line-height: 30px;
  }
}
.ng-lightbox.countdown-timer .lightbox-countdown-timer .counter span {
  float: left;
  margin: 0 7px;
  line-height: 50px;
}
@media only screen and (max-width: 767px) {
  .ng-lightbox.countdown-timer .lightbox-countdown-timer .counter span {
    line-height: 30px;
  }
}