@charset "UTF-8";
/*      Request ID: b0bba50a196db508e238ca09ef10d1b3_1774022046 (03/20/2026 2:34pm) (vc3BDcIwDEbhVRiAxCNVafMrtuQkVew26vaAOCAGgON3eHrEvYKsH84T5hjtCyHjjConJidFbHDaj1VlW9ir0iKtDGRBcyNnVBgV7WtSMr/0Kal7H44c3o62md1v9OurS8NI4wpTcoH/aftpX78H)      */



/*      Resource ID: 76aa55f181118ea0c4520dca453 (imported-styles.scss, compiled by node-sass, minified by none) (03/20/2026 10:54am) (A:3481, B:3481, C:171751, D:173076, F:173076, J:173076, K:173076)      */


/* SCSS FUNCTIONS */
/* SCSS MIXINS */
/* from $largeWidth + 1px to $extraLargeWidth */
/* from $mediumWidth + 1px to $largeWidth */
/* from $smallWidth + 1px to $mediumWidthPadded */
/* from $smallWidth + 1px to $mediumWidth */
/* from $extraSmallWidth + 1px to $smallWidth */
/* more than $mediumWidth, less than $mediumHeight */
/* mainly used for Sidebar resizing */
/* little indicator bar */
/* BASE */
/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */
/* Blocks */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
button,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0; }

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

/* List */
ul {
  list-style: none;
  padding: 0; }

/* Form */
button,
input,
select,
textarea {
  margin: 0; }

/* Box sizing */
html {
  box-sizing: border-box; }

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

a {
  text-decoration: none;
  color: #000; }

input:focus,
textarea:focus,
a:focus {
  outline: none;
  box-shadow: 0 0 0; }

button {
  border: none;
  background-color: #fff; }

/* Media */
img,
embed,
object,
audio,
video {
  max-width: 100%; }

/* Iframe */
iframe {
  border: 0; }

/* Table */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0;
  text-align: left; }

address {
  font-style: normal; }

fieldset {
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: 0 0 0; }

input,
select,
textarea {
  border: none; }

/* menus */
/* global setting for menus height and y offset */
/* form */
/* Side content for menu cards and personalization cards */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 0; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  margin: 0;
  padding: 0;
  border: none; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

html {
  position: relative;
  background: #fff; }

body {
  overflow-x: hidden;
  overflow-y: scroll;
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1rem;
  color: black;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

body,
html {
  min-height: 100%; }

h1 {
  font-family: "Playfair Display", "Times New Roman", serif;
  font-weight: bold; }

h2,
h3 {
  font-family: "playfair-display-medium", "Times New Roman", serif;
  font-weight: normal; }

h1 {
  font-size: 2.75rem;
  /* 44px from zepplin */ }
  @media (max-width: 599px) {
    h1 {
      font-size: 2rem; } }

h2 {
  font-size: 2rem; }
  @media (max-width: 599px) {
    h2 {
      font-size: 1.75rem; } }

h3 {
  font-size: 1.75rem; }

h6 {
  font-size: 0.75rem;
  color: #828282;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-family: "HK Grotesk", "Arial", sans-serif;
  font-weight: bold; }

/* Helpers */
.is-hidden {
  display: none !important; }

.visibility-hidden {
  visibility: hidden; }

.show-accessible {
  position: absolute;
  top: -9999px;
  left: -9999px; }

.nowrap {
  white-space: nowrap; }

.fade-in-on-load {
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease; }
  .fade-in-on-load.is-loaded {
    opacity: 1; }

/**
 * LiveWhale wrapping img tags in picture element stopped img getting height:auto
 */
picture > img {
  height: auto; }

[id] {
  scroll-margin-top: 120px; }

.wrapper {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  min-height: 100%;
  padding-top: 80px; }
  [data-page='home'] .wrapper {
    padding-top: 0; }

.general-container {
  min-height: 100vh;
  width: 100%; }

@media (max-width: 879px) {
  .container--padding-devices {
    padding-right: 25px;
    padding-left: 25px; } }

@media (max-width: 599px) {
  .container--padding-devices {
    padding-right: 5px;
    padding-left: 5px; } }

.block--padded-down {
  margin-bottom: 25px; }

.border-b {
  border-bottom: 1px solid; }
  .border-b--gray {
    border-color: rgba(151, 151, 151, 0.33); }

.delimiter {
  width: 100%;
  height: 1px;
  margin: 60px 0;
  background-color: rgba(151, 151, 151, 0.33); }
  @media (max-width: 879px) {
    .delimiter {
      margin: 45px 0; } }

@font-face {
  font-family: 'icon-arrows';
  src: url("/_ingredients/themes/global/assets/fonts/icomoon/icomoon.eot?gfakxm");
  src: url("/live/resource/css/_ingredients/themes/global/assets/fonts/icomoon/icomoon.rev.1506647724.eot?gfakxm#iefix") format("embedded-opentype"), url("/_ingredients/themes/global/assets/fonts/icomoon/icomoon.ttf?gfakxm") format("truetype"), url("/_ingredients/themes/global/assets/fonts/icomoon/icomoon.woff?gfakxm") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'HK Grotesk';
  src: url("/live/resource/css/_ingredients/themes/global/assets/fonts/hk-grotesk/hk-grotesk.rev.1506647724.eot");
  src: url("/live/resource/css/_ingredients/themes/global/assets/fonts/hk-grotesk/hk-grotesk.rev.1506647724.eot#iefix") format("embedded-opentype"), url("/live/resource/css/_ingredients/themes/global/assets/fonts/hk-grotesk/hk-grotesk.rev.1506647724.woff") format("woff"), url("/live/resource/css/_ingredients/themes/global/assets/fonts/hk-grotesk/hk-grotesk.rev.1506647724.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

/* playfair-display-regular - latin */
@font-face {
  font-family: 'playfair-display-regular';
  font-style: normal;
  font-weight: 400;
  src: url("/live/resource/css/_ingredients/themes/global/assets/fonts/playfair-display/playfair-display-v20-latin-regular.rev.1584788080.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/live/resource/css/_ingredients/themes/global/assets/fonts/playfair-display/playfair-display-v20-latin-regular.rev.1584788080.eot#iefix") format("embedded-opentype"), url("/live/resource/css/_ingredients/themes/global/assets/fonts/playfair-display/playfair-display-v20-latin-regular.rev.1584788080.woff2") format("woff2"), url("/live/resource/css/_ingredients/themes/global/assets/fonts/playfair-display/playfair-display-v20-latin-regular.rev.1584788080.woff") format("woff"), url("/live/resource/css/_ingredients/themes/global/assets/fonts/playfair-display/playfair-display-v20-latin-regular.rev.1584788080.ttf") format("truetype"), url("/_ingredients/themes/global/assets/fonts/playfair-display/playfair-display-v20-latin-regular.svg#PlayfairDisplay") format("svg");
  /* Legacy iOS */ }

/* playfair-display-500 - latin */
@font-face {
  font-family: 'playfair-display-medium';
  font-style: normal;
  font-weight: 500;
  src: url("/live/resource/css/_ingredients/themes/global/assets/fonts/playfair-display/playfair-display-v20-latin-500.rev.1584788080.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/live/resource/css/_ingredients/themes/global/assets/fonts/playfair-display/playfair-display-v20-latin-500.rev.1584788080.eot#iefix") format("embedded-opentype"), url("/live/resource/css/_ingredients/themes/global/assets/fonts/playfair-display/playfair-display-v20-latin-500.rev.1584788080.woff2") format("woff2"), url("/live/resource/css/_ingredients/themes/global/assets/fonts/playfair-display/playfair-display-v20-latin-500.rev.1584788080.woff") format("woff"), url("/live/resource/css/_ingredients/themes/global/assets/fonts/playfair-display/playfair-display-v20-latin-500.rev.1584788080.ttf") format("truetype"), url("/_ingredients/themes/global/assets/fonts/playfair-display/playfair-display-v20-latin-500.svg#PlayfairDisplay") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'su-icons';
  src: url("/_ingredients/themes/global/assets/fonts/su-icons/icomoon.eot?pni2zg");
  src: url("/live/resource/css/_ingredients/themes/global/assets/fonts/su-icons/icomoon.rev.1533831223.eot?pni2zg#iefix") format("embedded-opentype"), url("/_ingredients/themes/global/assets/fonts/su-icons/icomoon.woff?pni2zg") format("woff"), url("/_ingredients/themes/global/assets/fonts/su-icons/icomoon.ttf?pni2zg") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  speak: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-map-marker:before {
  content: "\f041"; }

.icon-envelope:before {
  content: "\f0e0"; }

.icon-smart-phone:before {
  content: "\f10b"; }

.icon-www:before {
  content: "\e894"; }

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

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

/* PARTIALS */
.header {
  display: flex;
  justify-content: space-between;
  position: fixed;
  top: 0;
  width: 100vw;
  height: 80px;
  padding-right: 50px;
  padding-left: 50px;
  background-color: white;
  z-index: 999;
  align-items: center; }
  @media (max-width: 879px) {
    .header {
      padding: 0 25px; } }
  @media (max-width: 599px) {
    .header {
      padding-right: 30px;
      padding-left: 30px; } }
  [data-page='home'] .header {
    background-color: transparent;
    box-shadow: none; }
    [data-page='home'] .header .hamburger {
      stroke: white; }
    [data-page='home'] .header__menu-label {
      color: white; }
    [data-page='home'] .header__logo {
      background-image: url("/live/resource/image/_ingredients/themes/global/assets/images/logo_white.svg"); }
      @media (max-width: 879px) {
        [data-page='home'] .header__logo {
          background-image: url("/live/resource/image/_ingredients/themes/global/assets/images/logomark_white.svg"); } }
    [data-page='home'] .header__nav-item-link {
      color: white;
      white-space: nowrap; }
      [data-page='home'] .header__nav-item-link--search {
        background: 0 0.35em url("/live/resource/image/_ingredients/themes/global/assets/images/icon_magnifierWhite.svg") no-repeat; }
  .header__background {
    will-change: opacity, transform;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 80px;
    background: white;
    opacity: 0;
    transition: transform cubic-bezier(0.25, 0.1, 0.25, 1) 200ms, opacity cubic-bezier(0.25, 0.1, 0.25, 1) 200ms;
    transform: translateY(-80px);
    z-index: -1; }
  .header__logo {
    position: absolute;
    top: 20px;
    left: calc(50% - 185px);
    width: 370px;
    height: 44px;
    margin: 0 auto;
    background-image: url("/live/resource/image/_ingredients/themes/global/assets/images/logo_black.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 370px 44px; }
    @media (max-width: 879px) {
      .header__logo {
        left: calc(50% - 18px);
        width: 36px;
        min-width: 36px;
        background-image: url("/live/resource/image/_ingredients/themes/global/assets/images/logomark_black.svg");
        background-size: cover; } }
    @media (max-width: 599px) {
      .header__logo {
        right: 36px;
        width: 36px;
        margin: 0 0 0 auto; } }
  .header__nav {
    display: inline-flex; }
    .header__nav--left {
      margin-right: auto; }
    .header__nav--right {
      margin-left: auto; }
      @media (max-width: 599px) {
        .header__nav--right {
          display: none; } }
  .header__nav-item {
    margin-right: 0.8em; }
    .header__nav-item:last-child {
      margin-right: 0; }
  .header__nav-item-link {
    font-size: 0.875rem;
    /* 14px */
    font-weight: 500;
    color: black;
    transition: all 200ms cubic-bezier(0.25, 0.1, 0.25, 1); }
    .header__nav-item-link--search {
      display: inline-block;
      width: auto;
      height: 20px;
      padding-left: 20px;
      background: 0 0.35em url("/live/resource/image/_ingredients/themes/global/assets/images/icon_magnifierBlack.svg") no-repeat; }
  .header__menu-link {
    margin-right: 0.2em;
    padding: 0;
    width: 24px;
    height: 24px;
    background: transparent;
    outline-color: #ffcd00; }
  .header__menu-label {
    display: inline-flex;
    flex-wrap: nowrap;
    color: black;
    text-transform: none;
    transition: color 100ms cubic-bezier(0.25, 0.1, 0.25, 1);
    z-index: 9999; }
    .header__menu-label:hover {
      cursor: pointer; }
    .header__menu-label b {
      align-self: center;
      font-size: 0.875rem;
      font-weight: 500;
      transition: color 100ms cubic-bezier(0.25, 0.1, 0.25, 1); }
  .header .hamburger {
    stroke: black;
    stroke-width: 1.5; }
    .header .hamburger-top, .header .hamburger-middle, .header .hamburger-bottom {
      transition: transform 350ms cubic-bezier(0.25, 0.1, 0.25, 1), stroke 350ms cubic-bezier(0.25, 0.1, 0.25, 1), opacity 350ms cubic-bezier(0.25, 0.1, 0.25, 1); }
  .header__personalization-close {
    display: none; }
    .header__personalization-close-label {
      margin-left: 11px;
      font-family: "HK Grotesk", "Arial", sans-serif;
      font-weight: bold;
      font-size: 14px;
      color: black; }

/* all open state here in one place */
[data-page='home'].menu-open .header__background,
[data-page='home'].personalization-open .header__background,
.menu-open .header__background,
[data-page='home'].sticky-header .header__background,
.sticky-header .header__background {
  opacity: 1;
  transform: translateY(0); }

[data-page='home'].menu-open .header__logo,
[data-page='home'].personalization-open .header__logo,
.menu-open .header__logo,
[data-page='home'].sticky-header .header__logo,
.sticky-header .header__logo {
  background-image: url("/live/resource/image/_ingredients/themes/global/assets/images/logo_black.svg"); }
  @media (max-width: 879px) {
    [data-page='home'].menu-open .header__logo,
    [data-page='home'].personalization-open .header__logo,
    .menu-open .header__logo,
    [data-page='home'].sticky-header .header__logo,
    .sticky-header .header__logo {
      background-image: url("/live/resource/image/_ingredients/themes/global/assets/images/logomark_black.svg"); } }

[data-page='home'].menu-open .header__menu-label,
[data-page='home'].personalization-open .header__menu-label,
.menu-open .header__menu-label,
[data-page='home'].sticky-header .header__menu-label,
.sticky-header .header__menu-label {
  color: black; }

[data-page='home'].menu-open .header__nav-item-link,
[data-page='home'].personalization-open .header__nav-item-link,
.menu-open .header__nav-item-link,
[data-page='home'].sticky-header .header__nav-item-link,
.sticky-header .header__nav-item-link {
  color: black;
  fill: black; }
  [data-page='home'].menu-open .header__nav-item-link--search,
  [data-page='home'].personalization-open .header__nav-item-link--search,
  .menu-open .header__nav-item-link--search,
  [data-page='home'].sticky-header .header__nav-item-link--search,
  .sticky-header .header__nav-item-link--search {
    background: 0 0.35em url("/live/resource/image/_ingredients/themes/global/assets/images/icon_magnifierBlack.svg") no-repeat; }

.header__menu-label strong {
  -ms-flex-item-align: center;
  align-self: center;
  font-size: .875rem;
  font-weight: 500;
  -webkit-transition: color .1s ease;
  transition: color .1s ease; }

[data-page='home'].menu-open,
.menu-open {
  /* icons */ }
  [data-page='home'].menu-open .hamburger,
  .menu-open .hamburger {
    stroke: black; }
    [data-page='home'].menu-open .hamburger-top,
    .menu-open .hamburger-top {
      transform: rotate(45deg);
      transform-origin: left;
      transform-box: fill-box; }
    [data-page='home'].menu-open .hamburger-middle,
    .menu-open .hamburger-middle {
      opacity: 0; }
    [data-page='home'].menu-open .hamburger-bottom,
    .menu-open .hamburger-bottom {
      transform: rotate(-45deg);
      transform-origin: left;
      transform-box: fill-box; }

[data-page='home'].personalization-open .hamburger,
[data-page='home'].sticky-header .hamburger,
.sticky-header .hamburger {
  stroke: black; }

[data-page='home'].personalization-open .header__menu-label {
  display: none; }

[data-page='home'].personalization-open .header__personalization-close {
  display: block; }

.menus {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  position: relative;
  margin-top: 9em;
  margin-bottom: 80px;
  font-family: "HK Grotesk", "Arial", sans-serif;
  visibility: hidden;
  z-index: 20; }
  .menus__container {
    display: flex;
    flex-wrap: wrap;
    height: 100%; }
    @media (max-width: 879px) {
      .menus__container {
        height: auto; } }
  .menus__main {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    @media (max-width: 879px) {
      .menus__main {
        display: unset; } }
  .menus__additional {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
    text-transform: uppercase;
    margin-left: 25px;
    z-index: 21;
    /* above .menus */ }
    .menus__additional-school {
      margin: 125px 0 20px 0;
      font-size: 0.75em;
      /* 12px */
      font-weight: bold;
      letter-spacing: 1.5px; }
      @media (max-width: 599px) {
        .menus__additional-school {
          margin-top: 40px; } }
      .menus__additional-school li {
        margin-bottom: 10px;
        opacity: 0;
        transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 300ms cubic-bezier(0.25, 0.1, 0.25, 1); }
      .menus__additional-school a {
        display: inline-block;
        transition: transform 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
        transform: translateX(-5px); }
        .menus__additional-school a:hover {
          transform: translateX(5px); }
      .menus__additional-school.dept-anchor {
        margin: 0 0 20px 0;
        font-family: "HK Grotesk", "Arial", sans-serif;
        font-size: 0.8em; }
        .menus__additional-school.dept-anchor li {
          opacity: 1; }
        .menus__additional-school.dept-anchor a {
          transform: none; }
          .menus__additional-school.dept-anchor a:hover {
            transform: translateX(10px); }
    .menus__additional .sidebar__social {
      margin-bottom: 10px;
      visibility: hidden;
      opacity: 0;
      transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 300ms cubic-bezier(0.25, 0.1, 0.25, 1); }
      .menus__additional .sidebar__social a {
        opacity: 1; }
    .menus__additional.dept-anchor-container {
      text-transform: none;
      margin-left: 0;
      z-index: auto; }
      .menus__additional.dept-anchor-container hr {
        margin-top: 0 !important;
        margin-bottom: 20px !important;
        border-top-color: #000;
        width: 20%; }
  .menus__primary {
    display: inline-block;
    flex: 0 1 auto;
    position: relative;
    min-width: 250px;
    margin-left: 25px;
    line-height: 2.05; }
    .menus__primary li {
      opacity: 0;
      transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 300ms cubic-bezier(0.25, 0.1, 0.25, 1), margin-bottom 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
      transform: translateX(-35px); }
    .menus__primary a {
      display: inline-block;
      position: relative;
      font-size: 1.375rem;
      /* 22px */
      color: black;
      transition: transform 300ms cubic-bezier(0.25, 0.1, 0.25, 1), color 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
      /* yellow bar on hover & active */ }
      .menus__primary a:before {
        content: '';
        display: inline-block;
        position: absolute;
        /* half the height */
        top: calc(50% - 2px);
        left: -18px;
        width: 0;
        height: 3px;
        background: #ffcd00;
        opacity: 0;
        transition: all 300ms cubic-bezier(0.25, 0.1, 0.25, 1); }
  .menus__secondary-wrapper {
    flex: 1 1 0%;
    position: relative;
    min-width: 180px;
    margin-right: 40px;
    margin-left: 20px;
    line-height: 2.4; }
    @media (max-width: 879px) {
      .menus__secondary-wrapper {
        position: absolute;
        left: 45px;
        top: 0;
        height: auto;
        margin: 0; } }
  .menus__secondary {
    flex: 1 1 0%;
    position: absolute;
    top: -9999px;
    left: -9999px;
    opacity: 0;
    line-height: 2.4;
    transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1); }
    .menus__secondary li {
      will-change: transform, opacity;
      opacity: 0;
      transition: transform 300ms cubic-bezier(0.25, 0.1, 0.25, 1), opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1); }
      .menus__secondary li a {
        display: inline-block;
        font-size: 0.75em;
        color: #878080;
        text-transform: uppercase;
        transition: transform 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
        transform: translateX(-5px); }
        .menus__secondary li a:hover {
          transform: translateX(5px); }
    .menus__secondary.active {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1) 100ms;
      opacity: 1; }
      @media (max-width: 879px) {
        .menus__secondary.active {
          top: 40px;
          transition-delay: 500ms; } }
      @media (max-width: 599px) {
        .menus__secondary.active {
          position: relative;
          left: 20px; } }
      .menus__secondary.active li {
        opacity: 1;
        transition-property: opacity, transform;
        transform: translateX(35px); }

/* END .menus */
/* the container with white background */
.navigation {
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: white;
  visibility: hidden;
  transition: width 650ms cubic-bezier(0.25, 0.1, 0.25, 1), visibility 650ms cubic-bezier(0.25, 0.1, 0.25, 1);
  z-index: 99; }

.menu-open {
  /* prevent the body from scrolling */
  overflow: hidden;
  position: fixed;
  /* show the menu */
  /* hide search */
  /* hover state - primary menu */ }
  .menu-open .menus {
    visibility: visible; }
  .menu-open .navigation {
    visibility: visible;
    width: 100%; }
  .menu-open .header__nav-item-link--search {
    display: none; }
  .menu-open .menus__primary li {
    opacity: 1;
    transform: translateX(35px);
    transition-property: transform, opacity; }
    .menu-open .menus__primary li.active a {
      font-weight: 600;
      transform: translateX(20px) scale(1.08); }
      .menu-open .menus__primary li.active a:before {
        width: 10px;
        opacity: 1; }
  .menu-open .menus__additional-school li {
    visibility: visible;
    opacity: 1;
    transform: translateX(35px);
    transition-property: opacity, transform; }
  .menu-open .sidebar__social {
    visibility: visible;
    opacity: 1;
    transform: translateX(35px); }

/* END .menu-open */
/* animated state of the menus */
/* prevent further unnecessary transitions */
/* NOTE: keep below .menu-open */
.menus__container.animated-primarymenu {
  /* show the side content */ }
  .menus__container.animated-primarymenu .side__content {
    display: block; }

.non-touchable .menu-open .menus__primary li a:hover {
  font-weight: 600;
  transform: translateX(20px) scale(1.08); }
  .non-touchable .menu-open .menus__primary li a:hover:before {
    width: 10px;
    opacity: 1; }

.footer {
  overflow: hidden;
  position: relative;
  width: 100%;
  flex-grow: 0;
  flex-shrink: 1;
  padding: 102px 100px 53px;
  background-color: #363535;
  z-index: 2; }
  @media (max-width: 879px) {
    .footer {
      padding: 102px 40px 68px; } }
  @media (max-width: 599px) {
    .footer {
      padding: 102px 25px 60px; } }
  .footer__inner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 1439px) {
      .footer__inner {
        justify-content: flex-start; } }
    @media (max-width: 1179px) {
      .footer__inner {
        max-width: none;
        flex-direction: column; } }
  .footer__badge {
    max-width: 300px;
    width: 100%; }
    @media (max-width: 1439px) {
      .footer__badge {
        max-width: 210px;
        margin-left: auto;
        margin-right: auto; } }
  .footer__main {
    display: flex;
    flex-direction: column;
    flex-basis: calc(100% - 524px);
    margin-left: 214px; }
    @media (max-width: 1439px) {
      .footer__main {
        flex-basis: calc(100% - 326px);
        margin-left: 126px; } }
    @media (max-width: 1179px) {
      .footer__main {
        flex-basis: auto;
        margin-left: 0;
        margin-top: 100px; } }
    @media (max-width: 879px) {
      .footer__main {
        margin-top: 65px; } }
  .footer__columns {
    display: flex;
    flex-direction: row;
    width: 100%; }
    @media (max-width: 879px) {
      .footer__columns {
        justify-content: space-between; } }
    @media (max-width: 599px) {
      .footer__columns {
        flex-direction: column; } }
    .footer__columns:nth-of-type(n+2) {
      margin-top: 75px; }
      @media (max-width: 879px) {
        .footer__columns:nth-of-type(n+2) {
          margin-top: 57px; } }
    .footer__columns-item {
      display: flex;
      flex-direction: column;
      flex-basis: 30%;
      flex-shrink: 0; }
      @media (max-width: 599px) {
        .footer__columns-item {
          display: block;
          flex-basis: auto; } }
      .footer__columns-item:nth-of-type(n+2) {
        margin-left: 5%; }
        @media (max-width: 879px) {
          .footer__columns-item:nth-of-type(n+2) {
            margin-left: 0; } }
        @media (max-width: 599px) {
          .footer__columns-item:nth-of-type(n+2) {
            margin-top: 40px; } }
    .footer__columns-label {
      color: #acabac; }
    .footer__columns-button-area {
      margin-top: 27px; }
    @media (max-width: 879px) {
      .footer__columns--columned {
        flex-direction: column; } }
    @media (max-width: 879px) {
      .footer__columns--columned .footer__columns-item {
        display: block;
        flex-basis: auto; } }
    @media (max-width: 599px) {
      .footer__columns--columned .footer__columns-item {
        max-width: 270px; } }
    @media (max-width: 879px) {
      .footer__columns--columned .footer__columns-item:nth-of-type(n+2) {
        margin-top: 45px; } }

.sidebar {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 320px;
  align-self: stretch;
  max-width: 320px;
  padding-left: 50px;
  padding-right: 20px; }
  @media (max-width: 879px) {
    .sidebar {
      display: block;
      position: static;
      width: 100%;
      flex-basis: 100%;
      max-width: 100%;
      height: auto;
      padding-top: 24px;
      padding-left: 25px;
      padding-right: 25px;
      transition: none; } }
  .sidebar:before {
    content: '';
    position: absolute;
    top: 0;
    right: -1px;
    width: 3px;
    height: 120px;
    background-color: white;
    transform: translateY(-120px);
    transform-style: preserve-3d;
    transition: transform 300ms ease; }
    @media (max-width: 879px) {
      .sidebar:before {
        display: none;
        transition: none;
        transform: none; } }
  .sidebar__inner {
    overflow: auto;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-basis: 320px;
    position: fixed;
    top: 153px;
    left: 0;
    width: 320px;
    height: calc(100% - 153px);
    padding: 15px 20px 30px 50px;
    border-right: 1px solid #dadbdd;
    z-index: 1;
    transition: transform .5s; }
    @media (max-width: 879px) {
      .sidebar__inner {
        overflow: visible;
        display: block;
        position: static;
        height: auto;
        width: auto;
        padding-left: 0;
        padding-right: 0;
        border-right: none; } }
    .hide-breadcrumbs .sidebar__inner {
      transform: translateY(-34px); }
      @media (max-width: 879px) {
        .hide-breadcrumbs .sidebar__inner {
          transform: none; } }
    .sidebar__inner.shifted-top {
      top: 80px;
      padding-top: 20px; }
  .sidebar__content {
    width: 100%;
    padding-bottom: 50px; }
    @media (max-width: 879px) {
      .sidebar__content {
        padding-bottom: 0; } }
  .sidebar__menu {
    position: relative;
    padding-right: 20px; }
    @media (max-width: 879px) {
      .sidebar__menu {
        margin-top: 14px;
        padding-right: 0;
        cursor: pointer; } }
  .sidebar__list {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    padding-right: 15px; }
    @media (max-width: 879px) {
      .sidebar__list {
        display: none;
        position: absolute;
        top: 57px;
        left: 0;
        width: 100%;
        margin-top: 0;
        padding: 23px 5px 23px 19px;
        background-color: white; } }
  .sidebar__item {
    position: relative;
    transition: padding 0.5s ease; }
    .sidebar__item:before {
      content: '';
      position: absolute;
      top: 4px;
      left: 0;
      width: 0;
      height: calc(100% - 7px);
      visibility: hidden;
      opacity: 0;
      background-color: #ffcd00;
      transition: opacity 0.4s ease 0.1s, visibility 0.4s ease 0.1s, width 0.4s ease 0.1s; }
      @media (max-width: 879px) {
        .sidebar__item:before {
          display: block;
          top: 0;
          height: 25px; } }
    .sidebar__item:nth-of-type(n+2) {
      margin-top: 25px; }
      @media (max-width: 879px) {
        .sidebar__item:nth-of-type(n+2) {
          margin-top: 16px; } }
    .sidebar__item-link {
      font-family: "HK Grotesk", "Arial", sans-serif;
      font-weight: normal;
      font-size: 18px;
      color: #828282; }
    .sidebar__item--active {
      padding-left: 25px; }
      .sidebar__item--active:before {
        visibility: visible;
        width: 6px;
        opacity: 1; }
      .sidebar__item--active .sidebar__item-link {
        font-family: "HK Grotesk", "Arial", sans-serif;
        font-weight: bold;
        color: black; }
  .sidebar__footer {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-end;
    flex-shrink: 0; }
    @media (max-width: 879px) {
      .sidebar__footer {
        display: none; } }
    .sidebar__footer-list {
      display: flex;
      flex-direction: column; }
    .sidebar__footer-item:nth-child(2) {
      margin-top: 10px; }
    .sidebar__footer-item:nth-child(3) {
      margin-top: 14px; }
  .sidebar__footer-img {
    display: block;
    width: 137px;
    height: 60px;
    background-size: cover;
    background-position: center; }
    .sidebar__footer-img img {
      max-width: 100%;
      max-height: 100%; }
  .sidebar__social {
    display: flex; }
    .sidebar__social-link,
    .sidebar__social a[class$="_link"] {
      opacity: 0.4;
      width: 15px;
      height: 15px; }
      .sidebar__social-link:nth-child(n+2),
      .sidebar__social a[class$="_link"]:nth-child(n+2) {
        margin-left: 16px; }
    .sidebar__social .lw_group_facebook_link,
    .sidebar__social .lw_group_twitter_link,
    .sidebar__social .lw_group_instagram_link {
      text-indent: -1000px;
      overflow: hidden; }

.sidebar__item:hover {
  padding-left: 25px; }
  .sidebar__item:hover:before {
    visibility: visible;
    width: 6px;
    opacity: 1; }
  .sidebar__item:hover .sidebar__item-link {
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: bold;
    color: black; }

.popup {
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100vh;
  background-color: white;
  transform: translateX(0%);
  transition: transform 650ms cubic-bezier(0.25, 0.1, 0.25, 1);
  z-index: 99999; }
  .popup__wrapper {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    padding-bottom: 20px; }
  .popup__panel {
    width: 100%;
    min-height: 310px;
    padding: 34px 100px 72px;
    background-color: #ffcd00; }
    @media (max-width: 1179px) {
      .popup__panel {
        padding-left: 50px;
        padding-right: 50px; } }
    @media (max-width: 879px) {
      .popup__panel {
        padding: 34px 23px 52px; } }
    @media (max-width: 599px) {
      .popup__panel {
        padding-bottom: 40px; } }
  .popup__close {
    background-color: transparent;
    opacity: 0;
    transform: translateX(-50%);
    outline-color: #ffcd00;
    transition: opacity 650ms cubic-bezier(0.25, 0.1, 0.25, 1) 110ms, transform 650ms cubic-bezier(0.25, 0.1, 0.25, 1) 110ms; }
    .popup__close .icon-cross {
      position: relative;
      top: 1px; }
    .popup__close-label {
      margin-left: 11px;
      font-family: "HK Grotesk", "Arial", sans-serif;
      font-weight: bold;
      font-size: 14px;
      color: black; }
  .popup__group {
    position: relative;
    width: 100%;
    margin-top: 90px;
    opacity: 0;
    transform: translateX(-50%);
    transition: opacity 650ms cubic-bezier(0.25, 0.1, 0.25, 1) 110ms, transform 650ms cubic-bezier(0.25, 0.1, 0.25, 1) 110ms; }
    @media (max-width: 1179px) {
      .popup__group {
        margin-top: 103px; } }
    @media (max-width: 879px) {
      .popup__group {
        margin-top: 73px; } }
    @media (max-width: 599px) {
      .popup__group {
        margin-top: 65px; } }
  .popup__section {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    width: 100%;
    min-height: 100%;
    transform: translateX(-100%);
    transition: transform 650ms cubic-bezier(0.25, 0.1, 0.25, 1); }
    @media (max-width: 879px) {
      .popup__section {
        margin-left: auto;
        margin-right: auto; } }
  .popup__header {
    width: 100%;
    max-width: 1239px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.33);
    margin: 48px auto 54px; }
    @media (max-width: 1439px) {
      .popup__header {
        max-width: 983px; } }
    @media (max-width: 1179px) {
      .popup__header {
        max-width: 780px;
        margin-bottom: 62px; } }
    @media (max-width: 879px) {
      .popup__header {
        max-width: none;
        margin-top: 40px;
        padding-left: 25px;
        padding-right: 25px;
        border-bottom: none; } }
    @media (max-width: 599px) {
      .popup__header {
        padding-left: 25px;
        padding-right: 25px; } }
  .popup__main {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    max-width: 1239px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 105px;
    padding-right: 0;
    padding-left: 0; }
    @media (max-width: 1439px) {
      .popup__main {
        max-width: 983px; } }
    @media (max-width: 1179px) {
      .popup__main {
        flex-direction: column;
        flex-wrap: wrap;
        max-width: 780px;
        margin-bottom: 84px; } }
    @media (max-width: 879px) {
      .popup__main {
        max-width: 550px;
        padding-left: 0;
        padding-right: 0; } }
    @media (max-width: 599px) {
      .popup__main {
        max-width: 100%;
        margin-bottom: 60px;
        padding-right: 22px;
        padding-left: 22px; } }
    .popup__main--not-centered {
      justify-content: inherit; }
  .popup__button-area {
    position: absolute;
    bottom: 34px;
    right: 0; }
    @media (max-width: 599px) {
      .popup__button-area {
        width: 100%;
        bottom: -100px;
        right: 50%;
        transform: translateX(50%); } }
  .popup--opened {
    overflow: hidden;
    position: fixed;
    min-width: 100%; }
    .popup--opened .popup {
      transform: translateX(100%); }
      .popup--opened .popup__close {
        opacity: 1;
        transform: translateX(0); }
      .popup--opened .popup__group {
        opacity: 1;
        transform: translateX(0); }
      .popup--opened .popup__section {
        transform: translateX(0); }

/* define images in css to get picked up by css-loader */
/* currently pug-html-loader is not picking up imgs */
/* TODO: delete this in production, classes not used */
.pug-image-1 {
  background: url("/live/resource/image/_ingredients/themes/global/assets/images/side-forbes.jpg"), url("/live/resource/image/_ingredients/themes/global/assets/images/side-scac.jpg"), url("/live/resource/image/_ingredients/themes/global/assets/images/side-sarafim.jpg"), url("/live/resource/image/_ingredients/themes/global/assets/images/side-clusterfest.jpg"), url("/live/resource/image/_ingredients/themes/global/assets/images/side-financial-aid.jpg"), url("/live/resource/image/_ingredients/themes/global/assets/images/side-financial-aid.jpg"), url("/live/resource/image/_ingredients/themes/global/assets/images/side-apply-now.jpg"), url("/live/resource/image/_ingredients/themes/global/assets/images/side-amelia-smith.jpg"), url("/live/resource/image/_ingredients/themes/global/assets/images/icon_SUCrest.svg"), url("/live/resource/image/_ingredients/themes/global/assets/images/su-photo-alejandra-benitez.jpg"), url("/live/resource/image/_ingredients/themes/global/assets/images/dept-home-slider-joseph-hower.jpg"), url("/live/resource/image/_ingredients/themes/global/assets/images/photoset-peru.jpg"), url("/live/resource/image/_ingredients/themes/global/assets/images/photo-directory.png"); }

/* stack blurb and stories below this breakpoint */
.customizable-sentence {
  margin: 0 auto;
  width: 100%;
  overflow: visible; }
  @media only screen and (max-width: 625px) {
    .customizable-sentence .text-selects-button__text {
      max-width: 67vw; } }

/* the container with white background */
.personalization {
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: white;
  visibility: hidden;
  transition: width 650ms cubic-bezier(0.25, 0.1, 0.25, 1), visibility 650ms cubic-bezier(0.25, 0.1, 0.25, 1);
  z-index: 98; }

.personalization__container {
  display: flex;
  flex-wrap: wrap;
  min-height: 100%; }

.personalization__blurb {
  flex: 0 1 500px;
  position: relative;
  padding: 50px;
  margin-top: 140px;
  margin-bottom: 80px;
  font-family: "HK Grotesk", "Arial", sans-serif;
  z-index: 20; }
  @media (max-width: 1100px) {
    .personalization__blurb {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      margin-top: 100px;
      margin-bottom: 30px;
      text-align: center; } }

.personalization__blurb__panel {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  pointer-events: none; }

.personalization__send-button {
  min-width: 160px !important; }

.personalization__side__content.personalization__side__content {
  margin-top: 110px; }
  @media (max-width: 1100px) {
    .personalization__side__content.personalization__side__content {
      margin: 0 40px;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%; } }

.personalization__stream {
  display: flex;
  flex-wrap: wrap;
  padding: 0; }
  .personalization__stream__tags {
    display: none;
    margin-top: 70px;
    color: black;
    font-size: 1.2rem; }
    .personalization__stream__tags span {
      display: inline-block;
      float: left;
      clear: both;
      margin-bottom: 5px;
      padding: 0.5em 0.7em;
      line-height: 1;
      background-color: #ffcd00; }
  .personalization__stream.no-results {
    display: block !important;
    visibility: hidden;
    margin-top: 115px;
    margin-left: 30px; }
    @media (max-width: 1100px) {
      .personalization__stream.no-results {
        margin-top: 0; } }
    .personalization__stream.no-results::before {
      content: ' Please tag stories to appear here.';
      visibility: visible;
      display: inline-block;
      padding: 0.5em 0.7em;
      color: black;
      background-color: #ffcd00;
      font-family: "Playfair Display", "Times New Roman", serif;
      font-size: 2rem; }
    .personalization__stream.no-results .personalization__stream__tags {
      display: block;
      visibility: visible; }

/* When personalization overlay is open */
.personalization-open {
  overflow: hidden;
  /* prevent the body from scrolling */
  position: fixed;
  /* widget gets .is-animated class after stories have been fetched and transition-delay applied to each story */ }
  .personalization-open .personalization {
    /* show the personalization overlay */
    visibility: visible;
    width: 100%; }
  .personalization-open .personalization__blurb__panel.is-active {
    /* show the active blurb */
    position: relative;
    opacity: 1;
    pointer-events: all;
    -webkit-transition: opacity 0.75s ease;
    -o-transition: opacity 0.75s ease;
    transition: opacity 0.75s ease; }
  .personalization-open .personalization__side__content {
    /* show story widget container */
    display: flex; }
    .personalization-open .personalization__side__content .card {
      /* display stories but leave opacity:0 until stories are animated */
      display: inline-block; }
  .personalization-open .personalization__stream {
    /* show the story widget */
    display: flex; }
  .personalization-open .personalization__stream.is-animated .card {
    opacity: 1;
    /* reveal each story once personalization is open and transition-delay has been applied */
    transition: opacity 800ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 800ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transform: translateX(15px); }
    .personalization-open .personalization__stream.is-animated .card:hover {
      opacity: 0.5; }
  .personalization-open .header__nav-item-link--search {
    /* hide search */
    display: none; }

/* Email confirmation screen with stories */
.confirmation__side__content {
  display: flex !important;
  overflow: visible !important; }
  .confirmation__side__content .card {
    display: inline-block !important;
    opacity: 1 !important; }

/* COMPONENTS */
.hero-homepage {
  overflow: hidden;
  position: relative;
  height: 100vh;
  min-height: 450px;
  background: black;
  color: white; }
  .hero-homepage__slider-list {
    height: 100%; }
  .hero-homepage__slider {
    height: 100%; }
  .hero-homepage__slider-content {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 100px);
    z-index: 3; }
    .hero-homepage__slider-content button {
      min-width: 260px; }
  .hero-homepage__slide {
    height: 100%; }
  .hero-homepage__slide-inner {
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover; }
    .hero-homepage__slide-inner--mobile {
      display: none; }
      @media (max-width: 599px) {
        .hero-homepage__slide-inner--mobile {
          display: block; } }
    .hero-homepage__slide-inner--desktop {
      display: block; }
      @media (max-width: 599px) {
        .hero-homepage__slide-inner--desktop {
          display: none; } }
  .hero-homepage__slide-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    top: 80px;
    height: 80%;
    margin: 0 0 0 100px; }
    @media (max-width: 879px) {
      .hero-homepage__slide-text {
        margin: 0 0 0 50px; } }
    @media (max-width: 599px) {
      .hero-homepage__slide-text {
        margin: 0 0 0 25px; } }
  .hero-homepage__slide-h1 {
    max-width: 750px;
    margin-bottom: 40px; }
    @media (max-width: 879px) {
      .hero-homepage__slide-h1 {
        font-size: 2.15rem;
        max-width: 95%; } }
    @media (max-width: 599px) {
      .hero-homepage__slide-h1 {
        font-size: 1.75rem; } }
  .hero-homepage__slide-video {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%); }
    .hero-homepage__slide-video-container {
      overflow: hidden;
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 100%; }
      @media (max-width: 599px) {
        .hero-homepage__slide-video-container {
          display: none; } }
      .hero-homepage__slide-video-container.vimeo .fluid-width-video-wrapper {
        height: 100vh; }
    .hero-homepage__slide-video.vimeo {
      top: 50%;
      left: 50%;
      height: 56.25vw !important;
      width: 177.77777778vh !important; }
  .hero-homepage .controls {
    display: flex;
    position: absolute;
    bottom: 5%;
    left: 0;
    margin: 0 200px 0 85px;
    z-index: 9;
    /* above slides */ }
    @media (max-width: 879px) {
      .hero-homepage .controls {
        margin: 0 0 0 40px; } }
    @media (max-width: 599px) {
      .hero-homepage .controls {
        margin-left: 13px; } }
    .hero-homepage .controls .arrow-button {
      overflow: visible;
      width: 33px;
      height: 33px;
      fill: white; }
      .hero-homepage .controls .arrow-button--left {
        transform: rotate(180deg); }
    .hero-homepage .controls__nav {
      display: none;
      flex-basis: 30px;
      flex-direction: column;
      margin-right: 2em; }
      @media (max-width: 979px) {
        .hero-homepage .controls__nav {
          display: flex; } }
    .hero-homepage .controls__button {
      position: relative;
      width: 33px;
      height: 33px;
      padding: 0;
      overflow: hidden;
      background: transparent; }
      .hero-homepage .controls__button:nth-child(2) {
        margin-top: 0.5em; }
      @media (max-width: 979px) {
        .hero-homepage .controls__button {
          transform: scale(1.2); } }
      @media (max-width: 979px) {
        .hero-homepage .controls__button--back {
          display: none; } }
    .hero-homepage .controls__item {
      /* NOTE: IE11 requires auto here */
      flex-basis: auto;
      position: relative;
      max-width: 260px;
      max-height: 80px;
      margin-right: 1em; }
      @media (max-width: 979px) {
        .hero-homepage .controls__item {
          display: none; } }
      .hero-homepage .controls__item-title {
        overflow: hidden;
        width: 95%;
        margin-top: 8px;
        font-size: 16px;
        color: white;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-family: "HK Grotesk", "Arial", sans-serif;
        font-weight: bold; }
        .hero-homepage .controls__item-title:before {
          content: '';
          display: inline-block;
          position: absolute;
          top: 0;
          width: 35px;
          height: 4px;
          background-color: rgba(255, 255, 255, 0.5);
          transition: all cubic-bezier(0.25, 0.1, 0.25, 1) 300ms; }
        .hero-homepage .controls__item-title.inactive:before {
          background-color: rgba(255, 255, 255, 0.5); }
        .hero-homepage .controls__item-title.active:before {
          width: 95%;
          background-color: #ffcd00; }
        .hero-homepage .controls__item-title:before {
          width: 18%;
          background: rgba(255, 205, 0, 0.75); }
        @media (max-width: 599px) {
          .hero-homepage .controls__item-title {
            overflow: visible;
            white-space: normal; } }
      .hero-homepage .controls__item-text {
        margin-top: 0.5em;
        font-size: 0.8125rem;
        /* 13px */
        font-family: "HK Grotesk", "Arial", sans-serif;
        font-weight: normal; }
        @media (max-width: 599px) {
          .hero-homepage .controls__item-text {
            display: none; } }
      .hero-homepage .controls__item-link {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: white; }
  .hero-homepage__indicators {
    display: none;
    position: absolute;
    bottom: 14%;
    left: 92px;
    flex-wrap: nowrap;
    width: 50px;
    height: 12px;
    z-index: 10; }
    @media (max-width: 979px) {
      .hero-homepage__indicators {
        display: flex; } }
    @media (max-width: 879px) {
      .hero-homepage__indicators {
        left: 47px; } }
    @media (max-width: 599px) {
      .hero-homepage__indicators {
        left: 20px; } }
    .hero-homepage__indicators-item {
      width: 6px;
      height: 6px;
      margin: 0 auto;
      background-color: #878080;
      transition: background-color 500ms cubic-bezier(0.25, 0.1, 0.25, 1), width 500ms cubic-bezier(0.25, 0.1, 0.25, 1), height 500ms cubic-bezier(0.25, 0.1, 0.25, 1); }

[data-page='home'] .header {
  transform: translateY(-80px);
  opacity: 0;
  animation: slideHeaderDown 1300ms cubic-bezier(0.63, 0, 0.26, 0) 700ms forwards, sliderHeaderOpacity 1200ms cubic-bezier(0.63, 0, 0.26, 0) 1000ms forwards; }

/* hover and active states */
.hero-homepage .controls__item:nth-of-type(2) {
  display: none; }
  .hero-homepage .controls__item:nth-of-type(2) .controls__item-title:before {
    width: 0;
    background: rgba(255, 255, 255, 0.5); }

.hero-homepage__indicators-item.active {
  width: 12px;
  height: 6px;
  background-color: #ffcd00; }

.hero-homepage .controls__item.active .controls__item-title:before {
  width: 30%;
  background: #ffcd00; }

.hero-homepage__slide-text {
  display: none; }
  .hero-homepage__slide-text.active {
    display: flex; }

@media (max-width: 599px) {
  .hero-homepage__slide-text.active {
    display: flex; } }

/* transition the 3 controls into place */
/* from left to auto.. */
.arrow-button .arrow-button__outline {
  display: none; }

.arrow-button .arrow-button__background {
  transition: fill cubic-bezier(0.25, 0.1, 0.25, 1) 300ms;
  fill: rgba(255, 255, 255, 0); }

/* svg .arrow-button styles */
.animate .arrow-button__outline {
  display: block;
  /* NOTE: retained for non-hero uses of the arrow button */
  animation: dash 7s linear infinite;
  stroke: white;
  stroke-dashoffset: 124;
  stroke-dasharray: 124; }

.controls__button:hover .arrow-button__background {
  fill: rgba(255, 255, 255, 0.5); }

/* animate yellow bar */
.controls__item:hover .controls__item-title:before {
  width: 30%;
  background-color: #ffcd00; }

@keyframes slideHeaderDown {
  0% {
    transform: translate3d(0, -80px, 0); }
  100% {
    transform: translate3d(0, 0, 0); } }

@keyframes sliderHeaderOpacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes dash {
  from {
    stroke-dashoffset: 124; }
  to {
    stroke-dashoffset: 0; } }

.text-selects-button {
  text-align: center; }
  @media (max-width: 879px) {
    .text-selects-button {
      text-align: left; } }
  @media (max-width: 599px) {
    .text-selects-button {
      text-align: center; } }
  .text-selects-button__container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 200px 0; }
    @media (max-width: 879px) {
      .text-selects-button__container {
        padding: 120px 0; } }
    @media (max-width: 599px) {
      .text-selects-button__container {
        padding: 90px 0; } }
  .text-selects-button__text {
    max-width: 75vw;
    margin: 0 auto;
    font-family: "Playfair Display", "Times New Roman", serif;
    font-weight: normal;
    font-size: 2rem;
    color: black; }
    @media (max-width: 879px) {
      .text-selects-button__text {
        font-size: 1.5rem; } }
    @media (max-width: 599px) {
      .text-selects-button__text {
        font-size: 1.15rem; } }
  .text-selects-button .select__container {
    display: inline-block;
    position: relative;
    max-width: 100%;
    margin-right: 10px;
    vertical-align: top;
    /* select arrow */ }
    .text-selects-button .select__container:after {
      content: ' ';
      display: block;
      position: absolute;
      top: 55%;
      right: 0.1em;
      width: 7px;
      height: 7px;
      margin-top: -0.2em;
      border: 2px solid #828282;
      border-top: 0;
      border-right: 0;
      transition: all 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
      transform: rotate(-45deg);
      pointer-events: none;
      z-index: 4; }
  .text-selects-button .select {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    display: inline-flex;
    justify-content: flex-start;
    position: relative;
    max-width: 100%;
    padding-right: 0.6em;
    padding-left: 0.2em;
    border: 1px solid transparent;
    border-bottom: 2px solid #dadbdd;
    background-color: white;
    vertical-align: top;
    transition: all 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
    cursor: pointer;
    appearance: none;
    align-items: center;
    text-align-last: center; }
  .text-selects-button .button__container {
    margin-top: 75px; }

/* hover and active states */
.text-selects-button .select__container:hover .select, .text-selects-button .select__container:focus .select {
  border-bottom-color: black;
  color: black; }

.text-selects-button .select__container:hover:after, .text-selects-button .select__container:focus:after {
  border-color: black; }

.text-photoset {
  display: flex;
  overflow: hidden;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 1179px) {
    .text-photoset {
      flex-wrap: wrap; } }
  .text-photoset__container {
    width: 100%;
    padding: 114px 50px 92px; }
  .text-photoset__preview {
    flex-basis: 25%;
    flex-shrink: 0;
    margin-right: 50px; }
    @media (max-width: 1179px) {
      .text-photoset__preview {
        flex-basis: 75%;
        margin: 0 auto 50px;
        text-align: center; } }
    @media (max-width: 599px) {
      .text-photoset__preview {
        flex-basis: 100%; } }
    .text-photoset__preview-subtitle {
      position: relative;
      margin-top: 15px;
      font-family: "HK Grotesk", "Arial", sans-serif;
      font-weight: bold;
      font-size: 12px;
      color: #9b9b9b;
      letter-spacing: 1.5px;
      text-transform: uppercase; }
      .text-photoset__preview-subtitle:before {
        content: '';
        display: inline-block;
        position: absolute;
        top: -15px;
        width: 35px;
        height: 4px;
        background-color: #ffcd00;
        transition: all cubic-bezier(0.25, 0.1, 0.25, 1) 300ms; }
      .text-photoset__preview-subtitle.inactive:before {
        background-color: rgba(255, 255, 255, 0.5); }
      .text-photoset__preview-subtitle.active:before {
        width: 95%;
        background-color: #ffcd00; }
      @media (max-width: 1179px) {
        .text-photoset__preview-subtitle:before {
          left: calc(50% - 35px / 2);
          /* center it */ } }
    .text-photoset__preview-title {
      margin-top: 15px;
      font-family: "Playfair Display", "Times New Roman", serif;
      font-weight: bold;
      font-size: 24px;
      color: black; }
      @media (max-width: 1179px) {
        .text-photoset__preview-title {
          margin-bottom: 30px; } }
    .text-photoset__preview-text {
      margin-top: 35px;
      margin-bottom: 65px;
      font-family: "HK Grotesk", "Arial", sans-serif;
      font-weight: normal;
      font-size: 14px;
      color: #828282; }
      .text-photoset__preview-text p:not(:first-child) {
        margin-top: 20px; }
      @media (max-width: 1179px) {
        .text-photoset__preview-text {
          display: none; } }
  .text-photoset__list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    flex-grow: 1;
    min-width: 30%; }
    @media (max-width: 1179px) {
      .text-photoset__list {
        min-width: 50%; } }
  .text-photoset__item {
    flex: 1 1 0;
    position: relative;
    min-width: 150px;
    max-width: 350px;
    margin-right: 30px;
    /* remove last image when smaller */ }
    @media (max-width: 879px) {
      .text-photoset__item:last-child {
        display: none; }
      .text-photoset__item:nth-last-child(2) {
        margin-right: 0; } }
    @media (max-width: 440px) {
      .text-photoset__item {
        margin-right: 0; }
        .text-photoset__item:last-child, .text-photoset__item:nth-last-child(2) {
          display: none; } }
    .text-photoset__item:last-child {
      margin-right: 0; }
    .text-photoset__item-photo img {
      display: block;
      width: 100%;
      max-width: 350px;
      height: auto;
      background-color: #9b9b9b; }
    .text-photoset__item-title {
      margin-top: 18px;
      font-family: "HK Grotesk", "Arial", sans-serif;
      font-weight: bold;
      font-size: 18px;
      line-height: 1.5; }
    .text-photoset__item-text {
      margin-top: 14px;
      margin-bottom: 45px;
      font-size: 14px;
      /* NOTE: #545454 is the lightest grey that passes AAA */
      /* contrast test on a white background with small text */
      /* consider changing $gray value */
      color: #828282; }
    .text-photoset__item img {
      object-fit: fill; }
  .text-photoset .link-icon-rectangle {
    position: absolute;
    bottom: 0;
    left: 0; }

.quote {
  display: flex;
  justify-content: center;
  text-align: center; }
  .quote__container {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    padding: 30px 0;
    background-color: #ffcd00;
    align-content: center;
    align-items: center; }
  .quote__inner {
    flex-basis: 70%;
    position: relative;
    padding: 120px 0; }
    @media (max-width: 879px) {
      .quote__inner {
        padding: 50px 0; } }
    .quote__inner:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-image: url("/live/resource/image/_ingredients/themes/global/assets/images/icon_SUCrest_2017.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      opacity: 0.2; }
  .quote__text {
    margin-bottom: 20px;
    font-size: 2rem;
    color: black;
    font-family: "Playfair Display", "Times New Roman", serif;
    font-weight: normal; }
    @media (max-width: 599px) {
      .quote__text {
        font-size: 1.25rem; } }
  .quote__author {
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: 65px;
    font-size: 14px;
    color: black;
    text-transform: uppercase;
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: bold; }
    .quote__author:before {
      content: '';
      display: inline-block;
      position: absolute;
      top: -35px;
      width: 35px;
      height: 4px;
      background-color: white;
      transition: all cubic-bezier(0.25, 0.1, 0.25, 1) 300ms; }
    .quote__author.inactive:before {
      background-color: rgba(255, 255, 255, 0.5); }
    .quote__author.active:before {
      width: 95%;
      background-color: #ffcd00; }
    .quote__author:before {
      left: calc(50% - 35px / 2);
      /* center it */ }

/* NOTE: at breakpoint-mobile the slider will stack */
/*       disable wallop and hide the controls */
.text-button-photo {
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  margin: 0 auto;
  padding: 0; }
  @media (max-width: 599px) {
    .text-button-photo {
      /* icon width 35px */ }
      .text-button-photo .icon-rectangle {
        margin-left: calc(50% - 35px / 2); } }
  .text-button-photo__container {
    width: 100%;
    height: calc(100vh - 80px);
    min-height: 700px; }
    @media (max-width: 879px) {
      .text-button-photo__container {
        min-height: 720px; } }
    @media (max-width: 599px) {
      .text-button-photo__container {
        height: auto;
        min-height: 700px; } }
  .text-button-photo__slide {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    height: calc(100vh - 80px);
    min-height: 700px; }
    @media (max-width: 879px) {
      .text-button-photo__slide {
        min-height: 100%; } }
    @media (max-width: 599px) {
      .text-button-photo__slide {
        visibility: visible !important;
        position: relative !important;
        height: auto;
        min-height: unset;
        margin-bottom: 0;
        border-bottom: none;
        /* needed to override Wallop animation */
        -webkit-animation: unset !important;
        animation: unset !important; } }
  .text-button-photo__slider {
    /* auto needed for IE11 */
    flex: 1 1 auto; }
  .text-button-photo__slider-list {
    height: 100%; }
  .text-button-photo__indicators {
    display: flex;
    flex: 0 0 50px;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    z-index: 2;
    /* above .text-button-photo__slider */ }
    @media (max-width: 599px) {
      .text-button-photo__indicators {
        display: none; } }
    .text-button-photo__indicators .slider__indicators {
      margin-bottom: 220px;
      padding: 20px 0;
      transform: translateX(25px); }
  .text-button-photo__svg-button {
    display: flex;
    position: relative;
    width: 25px;
    height: 25px;
    outline-color: #ffcd00;
    transition: border 0.5s ease; }
    .text-button-photo__svg-button .arrow-button-svg__outline {
      transition: stroke 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
      display: inline-block;
      stroke: #9b9b9b; }
    .text-button-photo__svg-button .arrow-button-svg__arrow {
      transition: fill 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
      fill: #9b9b9b; }
  .text-button-photo__controls {
    display: flex;
    flex-direction: column;
    will-change: transform;
    margin-bottom: 45px;
    padding: 20px 0;
    background-color: white;
    transform: translateX(25px); }
    .text-button-photo__controls-item {
      width: 25px;
      height: 25px;
      margin: 0 auto; }
      .text-button-photo__controls-item:nth-child(n+2) {
        margin-top: 15px; }
    .text-button-photo__controls-button {
      display: inline-block;
      position: relative;
      width: 25px;
      height: 25px;
      outline-color: #ffcd00;
      border: 2px solid #9b9b9b;
      transition: border 0.5s ease; }
      .text-button-photo__controls-button:before {
        content: '\e901';
        position: absolute;
        top: 0;
        left: 3px;
        font-family: "icon-arrows";
        font-size: 14px;
        font-weight: bold;
        color: #9b9b9b;
        transition: color 0.5s ease; }
      .text-button-photo__controls-button--top {
        transform: rotateX(180deg); }
  .text-button-photo__description {
    display: flex;
    overflow-y: auto;
    /* IE11 fix - don't use shorthand with unitless basis */
    flex-basis: 0%;
    flex-grow: 1;
    flex-shrink: 1;
    height: 100%;
    border-top: 1px solid #e6e6e6; }
    @media (max-width: 599px) {
      .text-button-photo__description {
        flex-basis: auto;
        text-align: center;
        order: 2; } }
  .text-button-photo__description-inner {
    /* IE11 bug workaround */
    /* does not account for border-box on elements */
    /* with a flex-basis other than auto */
    padding: 20px 50px;
    align-self: center; }
    @media (max-width: 879px) {
      .text-button-photo__description-inner {
        padding: 15px 30px; } }
    @media (max-width: 599px) {
      .text-button-photo__description-inner {
        padding: 65px 50px 25px; } }
    .text-button-photo__description-inner .button {
      margin: 30px auto; }
      @media (max-width: 879px) {
        .text-button-photo__description-inner .button {
          min-width: unset; } }
  .text-button-photo__subtitle {
    margin-top: 17px;
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #828282;
    letter-spacing: 1.5px;
    text-transform: uppercase; }
  .text-button-photo__title {
    font-family: "Playfair Display", "Times New Roman", serif;
    font-weight: bold;
    color: black; }
    @media (max-width: 879px) {
      .text-button-photo__title {
        font-size: 1.5em;
        /* 24px */ } }
    @media (max-width: 599px) {
      .text-button-photo__title {
        font-size: 1.250em;
        /* 20px */ } }
  .text-button-photo__text {
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: normal;
    font-size: 18px;
    color: #828282;
    margin-top: 35px;
    margin-bottom: 85px; }
    @media (max-width: 879px) {
      .text-button-photo__text {
        font-size: 1em;
        /* 16px */ } }
    @media (max-width: 599px) {
      .text-button-photo__text {
        display: none; } }
    .text-button-photo__text p:not(:first-child) {
      margin-top: 28px; }
      @media (max-width: 879px) {
        .text-button-photo__text p:not(:first-child) {
          margin-top: 8px; } }
      @media (max-width: 599px) {
        .text-button-photo__text p:not(:first-child) {
          margin-top: 28px; } }
  .text-button-photo__photo-background {
    flex-basis: 0%;
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    min-height: 350px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
    @media (max-width: 599px) {
      .text-button-photo__photo-background {
        flex-basis: auto; } }

/* hover states */
.text-button-photo__svg-button:hover .arrow-button-svg__outline {
  stroke: black; }

.text-button-photo__svg-button:hover .arrow-button-svg__arrow {
  fill: black; }

/* animated state */
.text-button-photo__svg-button.animate .arrow-button-svg__outline {
  display: block;
  /* NOTE: the timing needs to match the slider.js timing */
  animation: arrowButtonSvg 7s linear infinite;
  stroke: black;
  stroke-dashoffset: 91;
  stroke-dasharray: 91; }

.text-button-photo__svg-button.animate .arrow-button-svg__arrow {
  fill: black; }

.text-button-photo__controls-button:hover {
  border-color: black; }
  .text-button-photo__controls-button:hover:before {
    color: black; }

@keyframes arrowButtonSvg {
  from {
    stroke-dashoffset: 91; }
  to {
    stroke-dashoffset: 0; } }

.horizontal-image-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  margin-bottom: 50px; }
  .horizontal-image-grid--smaller .horizontal-image-grid__item {
    max-width: 30%; }
    @media (max-width: 1179px) {
      .horizontal-image-grid--smaller .horizontal-image-grid__item {
        max-width: 45%; } }
    @media (max-width: 879px) {
      .horizontal-image-grid--smaller .horizontal-image-grid__item {
        max-width: 100%;
        width: 100%; } }
  .horizontal-image-grid--smaller .horizontal-image-grid__image {
    height: 190px; }
  .horizontal-image-grid__item {
    width: 30%;
    text-align: center; }
    @media (max-width: 599px) {
      .horizontal-image-grid__item {
        width: auto; } }
  .horizontal-image-grid__image {
    display: block;
    width: 100%;
    height: 238px;
    background-color: #979797;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .horizontal-image-grid__description {
    position: relative;
    max-width: 268px;
    margin: 25px auto 0; }
  .horizontal-image-grid__text {
    margin-top: 10px;
    padding-bottom: 22px; }
    @media (max-width: 599px) {
      .horizontal-image-grid__text {
        padding-bottom: 50px; } }

.side__content {
  will-change: opacity;
  overflow-y: scroll;
  overflow-x: hidden;
  display: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  position: relative;
  min-width: 250px;
  height: auto;
  margin-top: 80px;
  margin-right: 2em;
  font-family: "HK Grotesk", "Arial", sans-serif;
  font-weight: normal; }
  @media (max-width: 1179px) {
    .side__content {
      margin-right: 10px; } }
  @media (max-width: 599px) {
    .side__content {
      overflow-y: hidden;
      flex: 1 1 100%;
      margin-top: 0;
      margin-right: 0; } }
  .animated-primarymenu .side__content {
    overflow-y: scroll; }
  .side__content--inner {
    display: flex;
    flex-wrap: wrap;
    padding: 0; }
    .side__content--inner:not(.is-active) {
      display: none;
      opacity: 0; }
    .side__content--inner.animate {
      transition: opacity 250ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 250ms cubic-bezier(0.25, 0.1, 0.25, 1); }
      @media (max-width: 599px) {
        .side__content--inner.animate {
          transition: none;
          transform: none !important; } }
    @media (max-width: 599px) {
      .side__content--inner {
        justify-content: center; } }
  .side__content .card {
    display: none;
    flex: 1 1 150px;
    position: relative;
    min-width: 250px;
    max-width: 500px;
    margin: 0 50px 50px 0;
    opacity: 0;
    /* this allows single cards on the last */
    /* row to expand full width */ }
    @media (max-width: 879px) {
      .side__content .card {
        margin-left: 50px;
        transition-delay: 0ms; } }
    @media (max-width: 599px) {
      .side__content .card {
        margin: 10px; } }
    .side__content .card img {
      width: 100%;
      height: auto;
      object-fit: fill; }
    .side__content .card__subtitle {
      display: block;
      margin-top: 0.75em;
      font-weight: 500;
      color: #878080; }
    .side__content .card__title {
      padding: 0.5em 0 1em;
      font-family: "HK Grotesk", "Arial", sans-serif;
      font-weight: bold;
      font-size: 1.125rem;
      /* 18px */ }
    .side__content .card__info {
      font-size: 0.875em;
      color: #878080; }
      @media (max-width: 599px) {
        .side__content .card__info {
          display: none; } }
    .side__content .card__link {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      transition: background cubic-bezier(0.25, 0.1, 0.25, 1) 300ms;
      cursor: pointer; }
      .side__content .card__link:hover {
        background: rgba(255, 255, 255, 0.4); }

/* hover and active states */
.menus__container.animated-primarymenu .card {
  display: inline-block; }

.menus__container.animated-secondary .card {
  opacity: 1;
  transition: opacity 800ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 800ms cubic-bezier(0.25, 0.1, 0.25, 1);
  transform: translateX(15px); }
  @media (max-width: 599px) {
    .menus__container.animated-secondary .card {
      transition: none;
      transform: none !important; } }
  .menus__container.animated-secondary .card:hover {
    opacity: 0.5; }

.subheader {
  align-self: center;
  max-width: 100%;
  margin: 30px auto;
  text-align: center; }
  .subheader--full {
    width: 100%; }
  .subheader--text-left {
    text-align: left; }
  .subheader__subtitle {
    margin-top: 14px; }
  .subheader__title {
    margin-bottom: 25px;
    line-height: 1.5; }
    @media (max-width: 599px) {
      .subheader__title {
        line-height: 1.75; } }
  .subheader__inner {
    max-width: 715px;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 879px) {
      .subheader__inner {
        max-width: 720px; } }
    .subheader__inner .subheader__button-area {
      margin-top: 65px;
      margin-bottom: 35px; }
  .subheader__definition {
    margin: 23px auto 0; }
    @media (max-width: 599px) {
      .subheader__definition {
        font-size: 14px; } }
    .subheader__definition--small {
      font-family: "HK Grotesk", "Arial", sans-serif;
      font-weight: normal;
      font-size: 18px; }
  .subheader__description {
    max-width: 718px;
    width: 100%;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7; }
    @media (max-width: 1439px) {
      .subheader__description {
        width: auto; } }
    @media (max-width: 879px) {
      .subheader__description {
        margin-top: 18px; } }
  .subheader__button-area {
    margin-top: 30px;
    margin-bottom: 30px; }
    @media (max-width: 599px) {
      .subheader__button-area {
        margin-top: 20px;
        margin-bottom: 20px; } }

.subheader-quote {
  font-size: 20px;
  color: #828282;
  font-family: "Playfair Display", "Times New Roman", serif;
  font-weight: normal; }
  @media (max-width: 599px) {
    .subheader-quote {
      font-size: 16px; } }

.headline-block {
  width: 780px;
  margin: 0 auto;
  text-align: center; }
  @media (max-width: 879px) {
    .headline-block {
      width: auto; } }
  .headline-block__text {
    margin-top: 13px;
    line-height: 1.63; }
    @media (max-width: 879px) {
      .headline-block__text {
        margin-top: 17px; } }
  .headline-block__link {
    margin-top: 33px; }
    @media (max-width: 879px) {
      .headline-block__link {
        margin-top: 30px; } }
  .headline-block__note {
    margin-top: 24px; }
    @media (max-width: 879px) {
      .headline-block__note {
        margin-top: 15px; } }
  .headline-block--auto-width {
    width: auto; }
  .headline-block--left-align {
    text-align: left; }

.inpage-search__input {
  width: inherit;
  padding: 0 28px 23px 45px;
  font-family: "HK Grotesk", "Arial", sans-serif;
  font-weight: normal;
  font-size: 24px;
  color: black; }
  .inpage-search__input-container {
    position: relative;
    width: 100%;
    border-bottom: 3px solid #ececec; }
    .inpage-search__input-container:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: 30px;
      height: 14px;
      width: 14px;
      background-image: url("/live/resource/image/_ingredients/themes/global/assets/images/icon_magnifierGray.svg");
      background-size: 100%;
      background-position: center;
      background-repeat: no-repeat; }
      @media (max-width: 599px) {
        .inpage-search__input-container:before {
          bottom: 16px; } }
  @media (max-width: 599px) {
    .inpage-search__input {
      font-size: 18px;
      padding: 0 28px 13px; } }
  .inpage-search__input-button {
    position: absolute;
    bottom: 25px;
    right: 0; }
    @media (max-width: 599px) {
      .inpage-search__input-button {
        bottom: 12px; } }
  .inpage-search__input-cross {
    stroke-width: 2;
    stroke: #828282; }

.inpage-search__footer {
  width: 937px;
  margin: 123px auto 0;
  padding-bottom: 60px; }
  @media (max-width: 1179px) {
    .inpage-search__footer {
      margin: 85px auto 0;
      width: 550px; } }
  @media (max-width: 599px) {
    .inpage-search__footer {
      width: auto; } }
  .inpage-search__footer p {
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 2.17;
    text-align: center;
    color: #828282; }

.inpage-search__button-container {
  margin-top: 39px;
  text-align: center; }

.accordion-list {
  width: 100%;
  padding-top: 15px; }
  @media (max-width: 1179px) {
    .accordion-list {
      padding-top: 50px; } }
  .accordion-list__heading {
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: normal;
    font-size: 18px;
    padding: 40px 0 35px 0;
    font-weight: bold;
    line-height: 1.67; }
    @media (max-width: 599px) {
      .accordion-list__heading {
        font-size: 14px; } }
  .accordion-list__item {
    position: relative;
    padding: 15px 0 12px;
    border-top: 1px solid rgba(151, 151, 151, 0.33); }
    @media (max-width: 599px) {
      .accordion-list__item {
        padding: 1px 20px 1px 0; } }
    .accordion-list__item:last-child {
      border-bottom: 1px solid rgba(151, 151, 151, 0.33); }
    .accordion-list__item-title-link {
      display: block;
      padding-right: 70px;
      padding-top: 20px;
      padding-bottom: 20px;
      opacity: 1;
      transition: padding-bottom 500ms ease, opacity 500ms ease;
      font-family: "HK Grotesk", "Arial", sans-serif;
      font-weight: normal;
      font-size: 18px;
      color: black;
      line-height: 1.44; }
      @media (max-width: 1179px) {
        .accordion-list__item-title-link {
          padding-right: 50px; } }
      @media (max-width: 599px) {
        .accordion-list__item-title-link {
          font-size: 14px;
          line-height: 1.86; } }
      .accordion-list__item-title-link:after {
        content: '';
        display: block;
        position: absolute;
        top: 44px;
        right: 50px;
        width: 16px;
        height: 10px;
        background-image: url("/live/resource/image/_ingredients/themes/global/assets/images/icon_arrowDown.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        opacity: 1;
        transition: opacity 500ms ease; }
        @media (max-width: 1179px) {
          .accordion-list__item-title-link:after {
            right: 30px; } }
        @media (max-width: 599px) {
          .accordion-list__item-title-link:after {
            top: 31px;
            right: 9px;
            width: 11px;
            height: 8px; } }
    .accordion-list__item-content {
      overflow: hidden; }
    .accordion-list__item.expanded > .accordion-list__item-title-link {
      padding-bottom: 29px;
      opacity: 0.5; }
      .accordion-list__item.expanded > .accordion-list__item-title-link:after {
        opacity: 0.5;
        transform: rotateX(180deg); }

.accordion-list__item-title-link:hover {
  opacity: 0.5; }
  .accordion-list__item-title-link:hover:after {
    opacity: 0.5; }

.lw_widget_id_814 .accordion-list__item:nth-last-child(2) {
  /* LW writes a <span> after final <li> */
  border-bottom: 1px solid rgba(150, 150, 150, 0.33); }

.content__inner {
  display: block;
  width: 100%; }
  .content__inner.flexible {
    display: flex;
    flex-wrap: wrap; }
  .content__inner.top-bumper {
    padding-top: 50px; }

.content__contact-area {
  padding-top: 50px; }

.content__main {
  width: calc(100% - 320px);
  padding-left: 30px;
  padding-right: 30px; }

.content__side {
  flex-shrink: 0;
  max-width: 320px;
  padding-left: 35px;
  padding-top: 25px; }
  @media (max-width: 879px) {
    .content__side {
      margin-top: 0; } }

@media (max-width: 1179px) {
  .content__main, .content__side {
    max-width: 769px;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto; } }

@media (max-width: 879px) {
  .content__main, .content__side {
    max-width: 100%; } }

@media (max-width: 599px) {
  .content__main, .content__side {
    padding-left: 0;
    padding-right: 0; } }

@media (max-width: 1179px) {
  .content__side--no-padding {
    padding: 0; } }

.content__copy {
  width: 100%;
  margin: 0 auto; }
  .content__copy--fixed-size {
    width: 717px; }
    @media (max-width: 1439px) {
      .content__copy--fixed-size {
        width: 572px; } }
    @media (max-width: 1179px) {
      .content__copy--fixed-size {
        width: auto; } }
  @media (max-width: 879px) {
    .content__copy--indented {
      margin-top: 35px;
      padding-bottom: 48px; } }
  @media (max-width: 599px) {
    .content__copy--indented {
      margin-top: 23px; } }
  .content__copy.border-b {
    border: none; }
    @media (max-width: 879px) {
      .content__copy.border-b {
        border-bottom: 1px solid rgba(151, 151, 151, 0.33); } }
  .content__copy section:nth-child(n+2) {
    margin-top: 38px; }
  .content__copy-slider {
    position: relative;
    width: 100%; }
    .content__copy-slider--gallery {
      min-height: 584px;
      margin-top: 35px; }
      @media (max-width: 1439px) {
        .content__copy-slider--gallery {
          min-height: 510px; } }
      @media (max-width: 1179px) {
        .content__copy-slider--gallery {
          min-height: 365px;
          margin-top: 50px; } }
      @media (max-width: 879px) {
        .content__copy-slider--gallery {
          min-height: 364px; } }
      @media (max-width: 599px) {
        .content__copy-slider--gallery {
          min-height: 208px;
          margin-top: 40px; } }
    .content__copy-slider--story {
      min-height: 478px;
      margin-top: 50px; }
      @media (max-width: 1439px) {
        .content__copy-slider--story {
          min-height: 473px; } }
      @media (max-width: 1179px) {
        .content__copy-slider--story {
          min-height: 650px; } }
      @media (max-width: 879px) {
        .content__copy-slider--story {
          min-height: 598px; } }
      @media (max-width: 599px) {
        .content__copy-slider--story {
          min-height: 708px; } }
    .content__copy-slider--news-events {
      display: none; }
      @media (max-width: 1179px) {
        .content__copy-slider--news-events {
          display: block;
          min-height: 375px;
          margin-top: 50px; } }
      @media (max-width: 599px) {
        .content__copy-slider--news-events {
          display: none; } }

.content--order-reversed .content__main {
  padding-left: 0; }
  @media (max-width: 1179px) {
    .content--order-reversed .content__main {
      order: 2;
      max-width: 100%;
      padding-right: 0;
      padding-top: 35px;
      border-top: 1px solid rgba(151, 151, 151, 0.33); } }
  @media (max-width: 599px) {
    .content--order-reversed .content__main {
      padding-top: 50px; } }

.content--order-reversed .content__side {
  margin-top: 8px; }
  @media (max-width: 1179px) {
    .content--order-reversed .content__side {
      display: flex;
      flex-direction: inherit;
      order: 1;
      max-width: none;
      width: 100%;
      padding-left: 0;
      margin-top: 0;
      margin-left: 0; } }

.content--no-sidebar .content__main {
  width: 100%; }
  @media (max-width: 1179px) {
    .content--no-sidebar .content__main {
      border-top: none; } }

.badge {
  display: flex;
  align-items: flex-start; }
  .badge__img {
    display: block;
    width: 100%;
    height: auto; }

.several-list-wrapper {
  display: flex;
  flex-wrap: wrap; }
  .several-list-wrapper > * {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    padding: 20px 40px; }
    .several-list-wrapper > *:first-child {
      padding-left: 0; }
    .several-list-wrapper > *:last-child {
      padding-right: 0; }
  .several-list-wrapper > * + * {
    border-left: 1px solid #dadbdd; }
  @media (max-width: 599px) {
    .several-list-wrapper > * {
      flex-basis: 100%;
      width: 100%;
      padding-left: 0;
      padding-right: 0; }
    .several-list-wrapper > * + * {
      border-left: none; } }
  .several-list-wrapper--side-indents > * {
    padding-left: 80px;
    padding-right: 80px; }
  @media (max-width: 599px) {
    .several-list-wrapper--side-indents > * {
      flex-basis: 100%;
      width: 100%;
      padding-left: 0;
      padding-right: 0; } }

.tabs-content {
  margin: 0 auto;
  width: 100%; }
  .tabs-content__inner {
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 879px) {
      .tabs-content__inner {
        padding-top: 0; } }
    .tabs-content__inner--fixed-width {
      max-width: 630px; }

.tabs {
  width: 100%;
  max-width: 1239px; }
  @media (max-width: 1439px) {
    .tabs {
      max-width: 983px; } }
  @media (max-width: 1179px) {
    .tabs {
      max-width: 780px;
      margin: 0 auto; } }
  @media (max-width: 879px) {
    .tabs {
      max-width: 85vw;
      width: auto; } }
  @media (max-width: 599px) {
    .tabs {
      max-width: 85vw; } }
  .tabs__inner {
    overflow: hidden; }
    @media (max-width: 879px) {
      .tabs__inner {
        overflow-x: scroll; } }
  .tabs__list {
    display: flex;
    flex-wrap: wrap; }
    @media (max-width: 599px) {
      .tabs__list {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
  .tabs__item:nth-of-type(n+2) {
    margin-left: 60px; }
  .tabs__item.active .tabs__link, .tabs__item:hover .tabs__link {
    border-color: #ffcd00;
    color: black; }
  @media (max-width: 1179px) {
    .tabs__item {
      display: inline-flex; } }
  @media (max-width: 599px) {
    .tabs__item:nth-of-type(n+2) {
      margin-left: 8px; } }
  .tabs__link {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    height: 56px;
    border-bottom: 6px solid transparent;
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #828282;
    letter-spacing: 1.2px;
    cursor: pointer;
    transition: border-color .5s, color; }
    @media (max-width: 879px) {
      .tabs__link {
        height: 50px;
        font-size: 12px; } }
    @media (max-width: 599px) {
      .tabs__link {
        height: 40px;
        border-bottom: 3px solid transparent;
        font-size: 10px; } }

.video-embed-container {
  overflow: hidden;
  position: relative;
  height: 0;
  max-width: 100%;
  width: 100%;
  padding-bottom: 56.25%;
  margin-bottom: 30px; }

.video-embed-container iframe,
.video-embed-container object,
.video-embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Reference: http://embedresponsively.com/ */
.filter-panel__dropdown-area {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px; }
  @media (max-width: 1179px) {
    .filter-panel__dropdown-area {
      flex-grow: 1;
      margin-top: 0; } }

.filter-panel__dropdown-wrapper + .filter-panel__dropdown-wrapper {
  margin-left: 40px; }

@media (max-width: 1179px) {
  .filter-panel__dropdown-wrapper {
    width: 100%;
    margin-top: 25px;
    margin-right: 0; }
    .filter-panel__dropdown-wrapper + .filter-panel__dropdown-wrapper {
      margin-left: 0px; } }

.filter-panel__dropdown-label {
  margin-bottom: 8px; }
  @media (max-width: 1179px) {
    .filter-panel__dropdown-label {
      font-size: 12px;
      color: black; } }

.dropdown {
  position: relative;
  display: flex;
  align-items: center;
  height: 57px;
  padding: 14px 45px 14px 19px;
  box-shadow: 0 0 0 2px #e6e6e6;
  font-size: 14px;
  color: black;
  cursor: pointer; }
  .dropdown:after {
    content: ' ';
    display: block;
    position: absolute;
    right: 25px;
    top: calc(50% - 5px);
    width: 11px;
    height: 11px;
    background-size: 100%;
    background-color: transparent;
    background-image: url(/live/resource/image/_ingredients/themes/global/assets/images/icon_arrowDown.svg);
    background-position: center;
    background-repeat: no-repeat;
    transition: transform .3s; }
  .dropdown__list {
    overflow: auto;
    display: none;
    position: absolute;
    top: calc(100% + 2px);
    right: 0;
    left: auto;
    width: 100%;
    min-width: 220px;
    max-height: 300px;
    margin-top: 0;
    padding: 23px 5px 23px 19px;
    background-color: white;
    box-shadow: 0 0 0 2px #e6e6e6;
    border-top: none;
    z-index: 3; }
  .dropdown.active .dropdown__list {
    display: block; }
  .dropdown.active:after {
    transform: rotate(180deg); }
  .dropdown__item {
    position: relative;
    transition: padding 0.5s ease; }
    .dropdown__item:before {
      content: '';
      visibility: hidden;
      position: absolute;
      top: 4px;
      left: 0;
      opacity: 0;
      width: 0;
      height: calc(100% - 7px);
      background-color: #ffcd00;
      transition: opacity 0.4s ease 0.1s, visibility 0.4s ease 0.1s, width 0.4s ease 0.1s; }
    .dropdown__item:nth-of-type(n+2) {
      margin-top: 16px; }
    .dropdown__item--active, .dropdown__item:hover {
      padding-left: 25px; }
      .dropdown__item--active:before, .dropdown__item:hover:before {
        opacity: 1;
        visibility: visible;
        display: block;
        width: 6px; }
      .dropdown__item--active .dropdown__link, .dropdown__item:hover .dropdown__link {
        color: black;
        font-weight: bold; }
  .dropdown__link {
    font-size: 14px;
    color: #828282; }

.preview {
  display: flex;
  flex-wrap: wrap; }
  .preview__content-area {
    display: flex;
    flex-grow: 1;
    margin-top: 8px;
    padding-right: 50px; }
    @media (max-width: 1179px) {
      .preview__content-area {
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 8px;
        padding-right: 0px; } }
    @media (max-width: 879px) {
      .preview__content-area {
        display: block; } }
  .preview__inner {
    display: flex;
    justify-content: space-between;
    width: 100%; }
    @media (max-width: 1179px) {
      .preview__inner {
        flex-wrap: wrap; } }
    .preview__inner.wrap-it {
      flex-wrap: wrap; }
      .preview__inner.wrap-it--columned {
        flex-direction: column; }
  .preview__date {
    display: block;
    position: relative;
    flex-basis: 100%;
    flex-grow: 1;
    width: 100%;
    padding-top: 15px;
    margin-bottom: 40px;
    font-family: "Playfair Display", "Times New Roman", serif;
    font-weight: bold;
    font-size: 34px;
    line-height: 1.47;
    color: black; }
    .preview__date:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 4px;
      width: 36px;
      background-color: #ffcd00; }
    @media (max-width: 1179px) {
      .preview__date {
        flex-basis: auto;
        margin-bottom: 20px; } }
    @media (max-width: 879px) {
      .preview__date {
        font-size: 24px; } }
  .preview__content {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 630px; }
    @media (max-width: 1179px) {
      .preview__content {
        flex-basis: 100%;
        max-width: 100%; } }
  .preview__contact-info {
    margin-top: 20px; }
    @media (max-width: 599px) {
      .preview__contact-info {
        flex-wrap: wrap;
        margin-top: 0; } }
  .preview__image-container {
    flex-shrink: 0;
    width: 150px;
    margin-right: 30px; }
    @media (max-width: 1179px) {
      .preview__image-container {
        height: 150px;
        width: auto;
        margin-right: 0;
        margin-bottom: 15px; } }
  .preview__image, .preview__image img {
    display: block;
    flex-shrink: 0;
    width: 100%;
    height: auto;
    margin-top: 6px; }
    @media (max-width: 1179px) {
      .preview__image, .preview__image img {
        height: 100%;
        width: auto;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 20px; } }
    @media (max-width: 599px) {
      .preview__image, .preview__image img {
        width: auto; } }
    .preview__image--square, .preview__image img--square {
      width: 113px;
      height: 113px;
      margin-right: 40px; }
      @media (max-width: 1179px) {
        .preview__image--square, .preview__image img--square {
          width: 100%;
          height: 130px; } }
      @media (max-width: 879px) {
        .preview__image--square, .preview__image img--square {
          width: auto; } }
  .preview__pre-title {
    width: 100%;
    margin-left: 180px; }
    @media (max-width: 1179px) {
      .preview__pre-title {
        margin-left: 0; } }
  .preview__text {
    margin-top: 8px;
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.71;
    color: #828282; }
    .preview__text.big {
      font-size: 16px; }
  .preview__button-area {
    display: flex;
    align-items: flex-start;
    flex-shrink: 0; }
  .preview__link {
    margin-top: 29px; }
  .preview__link-area {
    margin-top: 22px;
    font-size: 12px;
    color: #828282;
    line-height: 2;
    text-align: left; }
    @media (max-width: 1179px) {
      .preview__link-area {
        margin-top: 0; } }
    .preview__link-area-link {
      color: #828282; }
  .preview--rowed .preview__content-area {
    padding-right: 0; }
    @media (max-width: 1179px) {
      .preview--rowed .preview__content-area {
        margin-bottom: 24px; } }
    @media (max-width: 879px) {
      .preview--rowed .preview__content-area {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        margin-bottom: 12px; } }
    @media (max-width: 599px) {
      .preview--rowed .preview__content-area {
        flex-wrap: wrap;
        margin-top: 0; } }
  @media (max-width: 1179px) {
    .preview--rowed .preview__content {
      max-width: 585px; } }
  @media (max-width: 879px) {
    .preview--rowed .preview__content {
      max-width: none;
      width: 100%; } }
  @media (max-width: 599px) {
    .preview--rowed .preview__title {
      margin-top: 16px; } }
  @media (max-width: 599px) {
    .preview--rowed .preview__image-container {
      width: 100%;
      height: auto; } }
  @media (max-width: 1179px) {
    .preview--rowed .preview__image {
      width: 150px;
      height: auto;
      margin-right: 30px;
      margin-top: inherit;
      margin-bottom: 0; } }
  @media (max-width: 879px) {
    .preview--rowed .preview__image {
      margin-left: 0; } }
  @media (max-width: 599px) {
    .preview--rowed .preview__image {
      width: 100%;
      height: auto;
      margin-top: 0;
      margin-right: 0; } }
  .preview--rowed .preview__link-area {
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: normal; }

.iframe {
  width: 100%;
  overflow: hidden; }

.article-list {
  padding-top: 30px;
  padding-bottom: 30px; }
  .article-list__item {
    display: flex;
    justify-content: center;
    padding-top: 60px;
    padding-bottom: 60px;
    border-top: 1px solid rgba(151, 151, 151, 0.33); }
    @media (max-width: 1179px) {
      .article-list__item {
        flex-direction: column;
        padding-top: 30px;
        padding-bottom: 30px; } }
    .article-list__item--shorter {
      padding-top: 30px;
      padding-bottom: 30px; }
      @media (max-width: 1179px) {
        .article-list__item--shorter {
          padding-top: 20px;
          padding-bottom: 20px; } }
  .article-list--first-item-no-border .article-list__item:first-child {
    border: none;
    padding-top: 0; }
  .article-list.no-vertical-paddings {
    padding-top: 0;
    padding-bottom: 0; }
  .article-list--short.article-list {
    padding-top: 0; }
  .article-list--short .article-list__item {
    padding-top: 0;
    padding-bottom: 0;
    border-top: none; }
    .article-list--short .article-list__item:nth-of-type(n+2) {
      margin-top: 50px; }
      @media (max-width: 1179px) {
        .article-list--short .article-list__item:nth-of-type(n+2) {
          margin-top: 30px; } }

.plain-page-no-nav .article-list__item {
  display: flex;
  justify-content: center;
  padding-top: 60px;
  padding-bottom: 60px;
  border-top: 1px solid rgba(151, 151, 151, 0.33); }
  @media (max-width: 1179px) {
    .plain-page-no-nav .article-list__item {
      flex-direction: row;
      padding-top: 30px;
      padding-bottom: 30px; } }
  @media (max-width: 879px) {
    .plain-page-no-nav .article-list__item {
      flex-direction: column;
      padding-top: 30px;
      padding-bottom: 30px; } }

.title-description {
  max-width: 520px;
  margin: 20px auto 30px;
  font-family: "HK Grotesk", "Arial", sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #828282; }

.article__inner--left-pillow {
  padding-left: 100px; }
  @media (max-width: 879px) {
    .article__inner--left-pillow {
      padding-left: 0; } }

.article__inner--border-bottom {
  margin-bottom: 80px;
  padding-bottom: 80px;
  border-bottom: 1px solid #dadbdd; }

.article__header {
  max-width: 610px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  .article__header--left-align {
    text-align: left;
    margin-left: 0; }

.on-page-copyright {
  font-family: "HK Grotesk", "Arial", sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #828282;
  line-height: 2; }

.side__item {
  margin-bottom: 50px; }

.side h6 {
  margin-bottom: 18px; }

.side-image-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center; }
  @media (max-width: 599px) {
    .side-image-grid {
      display: block; } }
  .side-image-grid__article {
    width: 100%; }
    .side-image-grid__article + .side-image-grid__article {
      margin-top: 50px; }
    @media (max-width: 879px) {
      .side-image-grid__article {
        width: auto;
        margin-left: -55px;
        margin-right: -55px; } }
    @media (max-width: 599px) {
      .side-image-grid__article {
        margin-left: -25px;
        margin-right: -25px; } }
  .side-image-grid__description {
    margin-top: 15px; }
    @media (max-width: 1179px) {
      .side-image-grid__description {
        max-width: 558px;
        margin-top: 20px; } }
    @media (max-width: 879px) {
      .side-image-grid__description {
        margin-top: 46px;
        padding-left: calc(25px + 55px);
        padding-right: calc(25px + 55px); } }
    @media (max-width: 599px) {
      .side-image-grid__description {
        margin-top: 20px;
        padding-left: calc(25px + 25px);
        padding-right: calc(25px + 25px); } }
  .side-image-grid__title {
    width: 100%;
    margin-bottom: 20px;
    font-family: "Playfair Display", "Times New Roman", serif;
    font-weight: normal;
    font-size: 22px;
    line-height: 1.18; }
    @media (max-width: 1439px) {
      .side-image-grid__title {
        display: none;
        text-align: center; } }
  .side-image-grid__image {
    display: block;
    width: 100%;
    background-color: #fcfcfc; }
  .side-image-grid__text {
    margin-top: 10px;
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: black;
    line-height: 1.4; }
    @media (max-width: 1179px) {
      .side-image-grid__text {
        margin-top: 10px; } }
  .side-image-grid__link {
    margin-top: 26px; }
    @media (max-width: 1179px) {
      .side-image-grid__link {
        margin-top: 30px; } }
    @media (max-width: 599px) {
      .side-image-grid__link {
        margin-top: 20px; } }
  @media (max-width: 1179px) {
    .side-image-grid--multi-columns .side-image-grid__articles-wrapper {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      width: 100%;
      padding-bottom: 40px; } }
  .side-image-grid--multi-columns .side-image-grid__title {
    display: block;
    text-align: left; }
  @media (max-width: 1179px) {
    .side-image-grid--multi-columns .side-image-grid__article {
      display: inline-flex;
      flex-direction: column;
      width: 30%;
      margin-top: 0;
      white-space: normal;
      vertical-align: top; } }
  @media (max-width: 879px) {
    .side-image-grid--multi-columns .side-image-grid__article {
      width: 45%;
      margin: 0; } }
  @media (max-width: 599px) {
    .side-image-grid--multi-columns .side-image-grid__article {
      width: 100%; } }
  @media (max-width: 1179px) {
    .side-image-grid--multi-columns .side-image-grid__article:nth-of-type(n+2) {
      margin-left: 4%; } }
  @media (max-width: 879px) {
    .side-image-grid--multi-columns .side-image-grid__article:nth-of-type(n+2) {
      margin-left: 0; } }
  @media (max-width: 599px) {
    .side-image-grid--multi-columns .side-image-grid__article:nth-of-type(n+2) {
      margin-top: 40px; } }
  @media (max-width: 1179px) {
    .side-image-grid--multi-columns .side-image-grid__article:nth-of-type(3n+1) {
      margin-left: 0; } }
  @media (max-width: 1179px) {
    .side-image-grid--multi-columns .side-image-grid__article:nth-of-type(n+4) {
      margin-top: 40px; } }
  @media (max-width: 879px) {
    .side-image-grid--multi-columns .side-image-grid__article:nth-of-type(n+4) {
      margin-top: 0; } }
  @media (max-width: 879px) {
    .side-image-grid--multi-columns .side-image-grid__article:nth-of-type(n+3) {
      margin-top: 40px; } }
  @media (max-width: 879px) {
    .side-image-grid--multi-columns .side-image-grid__article:nth-of-type(2n+2) {
      margin-left: 10%; } }
  @media (max-width: 599px) {
    .side-image-grid--multi-columns .side-image-grid__article:nth-of-type(2n+2) {
      margin-left: 0; } }
  @media (max-width: 1179px) {
    .side-image-grid--multi-columns .side-image-grid__image {
      height: auto; } }
  @media (max-width: 1179px) {
    .side-image-grid--multi-columns .side-image-grid__description {
      width: auto; } }
  @media (max-width: 879px) {
    .side-image-grid--multi-columns .side-image-grid__description {
      padding-left: 0;
      padding-right: 0; } }

.radio-check-wrapper {
  display: inline-block;
  margin-right: 25px; }
  .radio-check-wrapper--full {
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px; }
  .radio-check-wrapper--indents {
    padding-left: 5px;
    padding-right: 5px; }

.checkbox {
  display: block;
  opacity: 0;
  position: absolute;
  pointer-events: none; }
  .checkbox:checked + .checkbox-label .checkbox-label__icon {
    background-color: #ffcd00;
    border-color: #ffcd00; }
    .checkbox:checked + .checkbox-label .checkbox-label__icon:after {
      display: block;
      animation: check .5s ease-in-out; }
  .checkbox:checked + .checkbox-label .checkbox-label__text {
    color: black; }
  .checkbox:focus + .checkbox-label .checkbox-label__icon {
    border-color: #ffcd00; }
  .checkbox:focus + .checkbox-label .checkbox-label__text {
    border-bottom: 1px solid #ffcd00; }

.checkbox-label {
  display: block;
  position: relative;
  cursor: pointer;
  font-family: "HK Grotesk", "Arial", sans-serif;
  font-weight: normal;
  font-size: 14px;
  font-weight: 400;
  color: black;
  line-height: 1.71; }
  .checkbox-label__icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 19px;
    height: 19px;
    margin-top: 4px;
    margin-right: 8px;
    border: 2px solid #828282;
    border-radius: 1px;
    transition: background-color .5s, border-color .5s; }
    .checkbox-label__icon:after {
      content: '';
      position: absolute;
      top: calc(50% + 1px);
      left: calc(50% - 5px);
      display: none;
      height: 9px;
      width: 5px;
      border-right: 2px solid black;
      border-top: 2px solid black;
      transform: scaleX(-1) rotate(135deg);
      transform-origin: 0 0; }
  .checkbox-label__text {
    padding-left: 0;
    margin-left: 30px;
    font-size: 16px;
    color: #828282;
    transition: color .5s; }

@keyframes check {
  0% {
    height: 0;
    width: 0; }
  25% {
    height: 0;
    width: 5px; }
  50% {
    height: 9px;
    width: 5px; } }

.input-wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  align-self: flex-start;
  padding-left: 5px;
  padding-right: 5px; }
  @media (max-width: 599px) {
    .input-wrapper {
      min-width: 50%; }
      .input-wrapper + .input-wrapper {
        margin-top: 30px; } }
  .input-wrapper__notice {
    order: 2;
    display: none;
    width: 100%;
    font-size: 14px;
    font-weight: bold; }
  .input-wrapper--arrowed:after {
    display: block;
    content: '';
    position: absolute;
    /* 'bottom' caused arrow to drop when height of container grew for error message: changed to 'top' */
    /* bottom: 23px; */
    top: 50px;
    right: 22px;
    width: 11px;
    height: 7px;
    background-image: url(/live/resource/image/_ingredients/themes/global/assets/images/icon_arrowDown.svg);
    background-size: cover; }
  .input-wrapper.required .form__label:after {
    content: '*';
    color: #fa063d; }
  .input-wrapper.error .form__input {
    border-color: #fa063d; }
    .input-wrapper.error .form__input:focus {
      border-color: #fa063d; }
  .input-wrapper.error .input-wrapper__notice {
    display: block;
    color: #fa063d; }

.notice {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 12px;
  line-height: 2.0;
  color: #828282; }

.page {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  min-height: 100%; }
  .page--login .on-page-copyright {
    margin-top: 80px; }
    @media (max-width: 1179px) {
      .page--login .on-page-copyright {
        margin-top: 60px; } }
    @media (max-width: 599px) {
      .page--login .on-page-copyright {
        margin-top: 50px; } }
  .page__content-wrapper {
    overflow-x: hidden;
    flex-basis: calc(100% - 321px);
    min-height: 100vh;
    margin-top: 20px; }
    @media (max-width: 879px) {
      .page__content-wrapper {
        flex-basis: 100%; } }
    .page__content-wrapper.search {
      margin: 73px auto 0; }
      @media (max-width: 879px) {
        .page__content-wrapper.search {
          margin-top: 54px; } }
      @media (max-width: 599px) {
        .page__content-wrapper.search {
          margin-top: 62px; } }
      .page__content-wrapper.search .inpage-search {
        margin-top: 92px; }
        @media (max-width: 879px) {
          .page__content-wrapper.search .inpage-search {
            margin-top: 68px; } }
        @media (max-width: 599px) {
          .page__content-wrapper.search .inpage-search {
            margin-top: 30px; } }
    .page__content-wrapper.wider {
      flex-basis: 100%; }
      .page__content-wrapper.wider .page__content {
        max-width: calc(1340px + 10%); }
    .page__content-wrapper.cutted-off-top-indent {
      margin-top: 0; }
  .page__content {
    max-width: calc(910px + 10%);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 90px; }
    @media (max-width: 879px) {
      .page__content {
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 40px; } }
    @media (max-width: 599px) {
      .page__content {
        padding-bottom: 20px; } }
  .page__poster {
    display: block;
    background-color: #f9f9f9; }
    @media (max-width: 879px) {
      .page__poster {
        margin-left: -55px;
        margin-right: -55px; } }
    @media (max-width: 599px) {
      .page__poster {
        margin-left: -25px;
        margin-right: -25px; } }
  .page__poster-img {
    display: block;
    max-height: 100%;
    width: auto;
    margin-left: auto;
    margin-right: auto; }
    .page__poster-img > img {
      display: block;
      margin: 0 auto;
      height: auto; }
  .page__wallpaper {
    position: fixed;
    left: 0;
    top: 80px;
    width: 50%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1; }
    @media (max-width: 879px) {
      .page__wallpaper {
        position: static;
        width: 100%;
        height: 100%; } }
    .page__wallpaper--right {
      left: auto;
      right: 0; }
  .page__poster-signature, .page .lw_news_caption {
    margin-top: 8px;
    margin-bottom: 8px;
    color: #828282;
    font-size: 12px;
    font-weight: 500;
    font-style: italic;
    text-align: right; }
    @media (max-width: 879px) {
      .page__poster-signature, .page .lw_news_caption {
        padding-left: 25px;
        padding-right: calc(25px + 55px); } }
    @media (max-width: 599px) {
      .page__poster-signature, .page .lw_news_caption {
        padding-right: calc(25px + 25px); } }
  @media (max-width: 879px) {
    .page__sidebar {
      padding-top: 0;
      margin-top: 28px; } }
  .page__column {
    position: relative;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 50%;
    align-self: stretch;
    max-width: 50%;
    padding: 70px;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat; }
    @media (max-width: 1179px) {
      .page__column {
        padding: 50px; } }
    @media (max-width: 879px) {
      .page__column {
        flex-basis: 100%;
        padding: 30px;
        max-width: 100%;
        min-height: calc(5.50984px + 35.77818vw);
        background-size: cover;
        background-position: center; } }
    .page__column--centered {
      display: flex;
      flex-wrap: wrap;
      align-content: center; }
    @media (max-width: 879px) {
      .page__column--reverse:first-child {
        order: 2; } }
    @media (max-width: 879px) {
      .page__column--reverse:last-child {
        order: 1; } }
    .page__column--paddings {
      padding: 68px 93px 57px 104px; }
      @media (max-width: 1439px) {
        .page__column--paddings {
          padding-right: 50px; } }
      @media (max-width: 1179px) {
        .page__column--paddings {
          padding: 36px 50px 46px 51px; } }
      @media (max-width: 879px) {
        .page__column--paddings {
          padding: 34px 55px 72px 26px; } }
      @media (max-width: 599px) {
        .page__column--paddings {
          padding: 28px 24px 52px; } }
    .page__column--no-paddings {
      padding: 0; }
  .page__logo {
    display: block;
    max-width: 175px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px; }
  .page__filter-panel {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    width: 100%; }
    @media (max-width: 879px) {
      .page__filter-panel {
        padding-top: 20px;
        flex-wrap: wrap; } }
  .page__header {
    max-width: 890px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px; }
    @media (max-width: 879px) {
      .page__header {
        padding-left: 25px;
        padding-right: 25px; } }
    @media (max-width: 599px) {
      .page__header {
        padding-left: 0;
        padding-right: 0; } }
    @media (max-width: 879px) {
      .page__header .subheader__title {
        max-width: 530px;
        width: 100%;
        margin-left: auto;
        margin-right: auto; } }
    .page__header .contact-info-box {
      max-width: 551px;
      margin-left: auto;
      margin-right: auto; }
      @media (max-width: 1179px) {
        .page__header .contact-info-box {
          margin-top: 25px; } }
  .page__copy {
    padding-top: 60px;
    padding-right: 60px;
    padding-left: 60px;
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: normal; }
    @media (max-width: 1439px) {
      .page__copy {
        padding-top: 60px;
        padding-right: 20px;
        padding-bottom: 55px; } }
    @media (max-width: 879px) {
      .page__copy {
        padding-top: 25px;
        padding-right: 25px;
        padding-bottom: 0px;
        padding-left: 25px; } }
    @media (max-width: 599px) {
      .page__copy {
        padding-top: 32px; } }
    .page__copy--small-top-bumper {
      padding-top: 30px; }
  .page__text-container {
    padding-left: 53px; }
    @media (max-width: 1439px) {
      .page__text-container {
        padding-left: 0; } }
  .page__text-container--small {
    padding-left: 0;
    margin: 62px 56px 0 132px; }
    @media (max-width: 1439px) {
      .page__text-container--small {
        margin: 61px 22px 0 108px; } }
    @media (max-width: 1179px) {
      .page__text-container--small {
        margin: 61px 22px 0 55px; } }
    @media (max-width: 879px) {
      .page__text-container--small {
        margin: 24px 25px 0 25px; } }
    @media (max-width: 599px) {
      .page__text-container--small {
        margin: 24px 0 0 0; } }
    .page__text-container--small blockquote {
      margin-left: -53px; }
      @media (max-width: 879px) {
        .page__text-container--small blockquote {
          margin-left: 0; } }
  .page__text-indented > span.image-container {
    width: auto; }
  .page__text-indented > p,
  .page__text-indented > h2,
  .page__text-indented > h3,
  .page__text-indented > h4,
  .page__text-indented > h5,
  .page__text-indented > ul,
  .page__text-indented > ol,
  .page__text-indented > span.image-container,
  .page__text-indented .twitter-tweet,
  .page__text-indented > hr,
  .page__text-indented > div,
  .page__text-indented > div.article-list > li.article-list__item {
    padding-left: 0;
    margin-right: 56px !important;
    margin-left: 132px !important; }
    @media (max-width: 1439px) {
      .page__text-indented > p,
      .page__text-indented > h2,
      .page__text-indented > h3,
      .page__text-indented > h4,
      .page__text-indented > h5,
      .page__text-indented > ul,
      .page__text-indented > ol,
      .page__text-indented > span.image-container,
      .page__text-indented .twitter-tweet,
      .page__text-indented > hr,
      .page__text-indented > div,
      .page__text-indented > div.article-list > li.article-list__item {
        margin-right: 22px !important;
        margin-left: 108px !important; } }
    @media (max-width: 1179px) {
      .page__text-indented > p,
      .page__text-indented > h2,
      .page__text-indented > h3,
      .page__text-indented > h4,
      .page__text-indented > h5,
      .page__text-indented > ul,
      .page__text-indented > ol,
      .page__text-indented > span.image-container,
      .page__text-indented .twitter-tweet,
      .page__text-indented > hr,
      .page__text-indented > div,
      .page__text-indented > div.article-list > li.article-list__item {
        margin-right: 22px !important;
        margin-left: 55px !important; } }
    @media (max-width: 879px) {
      .page__text-indented > p,
      .page__text-indented > h2,
      .page__text-indented > h3,
      .page__text-indented > h4,
      .page__text-indented > h5,
      .page__text-indented > ul,
      .page__text-indented > ol,
      .page__text-indented > span.image-container,
      .page__text-indented .twitter-tweet,
      .page__text-indented > hr,
      .page__text-indented > div,
      .page__text-indented > div.article-list > li.article-list__item {
        margin-right: 25px !important;
        margin-left: 25px !important; } }
    @media (max-width: 599px) {
      .page__text-indented > p,
      .page__text-indented > h2,
      .page__text-indented > h3,
      .page__text-indented > h4,
      .page__text-indented > h5,
      .page__text-indented > ul,
      .page__text-indented > ol,
      .page__text-indented > span.image-container,
      .page__text-indented .twitter-tweet,
      .page__text-indented > hr,
      .page__text-indented > div,
      .page__text-indented > div.article-list > li.article-list__item {
        margin-right: 0px !important;
        margin-left: 0px !important; } }
  .page__text-indented blockquote {
    margin-left: 80px !important; }
    @media (max-width: 1439px) {
      .page__text-indented blockquote {
        margin-left: 55px !important; } }
    @media (max-width: 1179px) {
      .page__text-indented blockquote {
        margin-left: 2px !important; } }
    @media (max-width: 879px) {
      .page__text-indented blockquote {
        margin-left: 25px !important; } }
    @media (max-width: 599px) {
      .page__text-indented blockquote {
        margin-left: 0 !important; } }
  .page__button-container {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center; }
  .page__tabs-area {
    margin-top: 30px; }

.section {
  padding-top: 45px;
  padding-bottom: 45px; }
  .section--narrow .section__inner {
    max-width: 715px;
    margin-left: auto;
    margin-right: auto; }
  .section--cut-off-head {
    padding-top: 0; }
  .section + .section {
    border-top: 1px solid #dadbdd; }

.radio {
  display: block;
  opacity: 0;
  position: absolute;
  pointer-events: none; }
  .radio:checked + .radio-label:before {
    background-color: black;
    border-color: #ffcd00;
    box-shadow: 0 0 0 3px white, 0 0 0 5px #ffcd00; }
  .radio:checked + .radio-label .radio-label__text {
    color: black; }
  .radio:focus + .radio-label:before {
    border-color: #ffcd00;
    box-shadow: 0 0 0 3px white, 0 0 0 5px #ffcd00; }
  .radio:focus + .radio-label .radio-label__text {
    border-bottom: 1px solid #ffcd00; }

.radio-label {
  display: block;
  position: relative;
  cursor: pointer;
  font-family: "HK Grotesk", "Arial", sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: black;
  font-weight: 400; }
  .radio-label:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 9px;
    height: 9px;
    margin-right: 15px;
    margin-left: 5px;
    margin-top: 5px;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 0 0 3px white, 0 0 0 5px gray;
    transition: background-color .3s ease, box-shadow .3s ease; }
  .radio-label__text {
    display: inline-block;
    padding-left: 0;
    margin-left: 30px;
    border-bottom: 1px solid transparent;
    transition: color .5s;
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: normal;
    color: #828282; }

.form {
  width: 100%; }
  .form__row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    margin-left: -5px;
    margin-right: -5px; }
    .form__row--small {
      margin-top: 5px; }
  .form__container {
    padding-left: 5px;
    padding-right: 5px; }
  .form__column {
    flex-basis: 0;
    flex-shrink: 0;
    flex-grow: 1;
    max-width: 360px;
    padding-right: 7.5px; }
    .form__column:last-child {
      padding-right: 0;
      padding-left: 7.5px; }
    .form__column:first-child {
      padding-left: 0;
      padding-right: 7.5px; }
    @media (max-width: 599px) {
      .form__column {
        flex-basis: 100%;
        width: 100%;
        max-width: none; }
        .form__column + .form__column {
          margin-top: 30px; }
        .form__column + .form__column--cut-off-head {
          margin-top: 0; } }
    @media (max-width: 599px) {
      .form__column {
        padding-right: 0; }
        .form__column:last-child {
          padding-left: 0; } }
    .form__column--centered {
      display: flex;
      align-content: center;
      flex-wrap: wrap; }
  .form__label {
    order: 0;
    width: 100%;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 6px;
    cursor: pointer;
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: normal;
    font-size: 12px;
    font-weight: bold;
    color: #828282;
    letter-spacing: 1.5px;
    transition: color .5s ease; }
    .form__label--edged {
      padding-left: 0;
      padding-right: 0; }
    .form__label--small {
      font-size: 14px;
      line-height: 1.71;
      letter-spacing: inherit;
      font-weight: 400; }
  .form__input {
    appearance: none;
    order: 1;
    height: 55px;
    width: 100%;
    padding: 15px 20px;
    border: 2px solid #dadbdd;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.71;
    transition: border-color 0.5s ease; }
    .form__input:focus {
      border-color: #ffcd00;
      outline: none; }
      .form__input:focus + .form__label {
        color: black; }
  .form__textarea {
    width: 100%;
    height: 200px; }
    @media (max-width: 879px) {
      .form__textarea {
        height: 100px; } }
  .form__select {
    position: relative;
    display: block;
    padding: 15px 36px 15px 20px;
    appearance: none; }
    .form__select::-ms-expand {
      display: none; }
    .form__select--wide {
      flex-grow: 2; }
  .form__group--inline {
    display: flex;
    flex-wrap: wrap; }
    @media (max-width: 1179px) {
      .form__group--inline .input-wrapper {
        flex-basis: 50%;
        margin-bottom: 10px; } }
    @media (max-width: 599px) {
      .form__group--inline .input-wrapper + .input-wrapper {
        margin-top: 0; }
      .form__group--inline .input-wrapper {
        margin-bottom: 10px; } }
  .form__button-area {
    margin-top: 60px; }
    @media (max-width: 599px) {
      .form__button-area {
        margin-top: 50px; } }
  .form__elements-wrapper {
    padding-left: 5px;
    padding-right: 5px; }
  .form--login {
    margin-top: 40px;
    padding-right: 107px; }
    @media (max-width: 1179px) {
      .form--login {
        margin-top: 30px;
        padding-right: 0; } }
    @media (max-width: 879px) {
      .form--login {
        margin-top: 40px; } }
    .form--login .input-wrapper {
      padding: 0; }
      .form--login .input-wrapper:nth-of-type(n+2) {
        margin-top: 28px; }
    .form--login .form__forgot {
      margin-top: 18px;
      color: #828282; }
      @media (max-width: 599px) {
        .form--login .form__forgot {
          margin-top: 38px; } }
    .form--login .form__button-area {
      margin-top: 36px;
      margin-bottom: 27px; }
      @media (max-width: 1179px) {
        .form--login .form__button-area {
          margin-top: 26px;
          margin-bottom: 37px; } }
      @media (max-width: 879px) {
        .form--login .form__button-area {
          margin-top: 36px;
          margin-bottom: 27px; } }
      @media (max-width: 599px) {
        .form--login .form__button-area {
          margin-top: 46px;
          margin-bottom: 38px; } }

.form__input-holder .form__input:focus + label {
  color: black; }

.headline {
  color: black; }

.headline-h1 {
  font-family: "Playfair Display", "Times New Roman", serif;
  font-weight: bold;
  font-size: 44px; }

.headline-h2 {
  font-family: "Playfair Display", "Times New Roman", serif;
  font-weight: normal;
  font-size: 34px; }
  @media (max-width: 599px) {
    .headline-h2 {
      font-size: 24px; } }

.headline-h3 {
  font-family: "Playfair Display", "Times New Roman", serif;
  font-weight: normal;
  font-size: 24px; }

.headline-h4 {
  font-family: "HK Grotesk", "Arial", sans-serif;
  font-weight: bold;
  font-size: 20px; }
  @media (max-width: 599px) {
    .headline-h4 {
      font-size: 18px;
      line-height: 1.56; } }

.headline-h5, .typographic-content-area .headline-h5 {
  margin-bottom: 10px;
  margin-top: 5px;
  font-family: "HK Grotesk", "Arial", sans-serif;
  font-weight: bold;
  font-size: 18px; }

.headline-h6, .callout > strong:first-child {
  font-family: "HK Grotesk", "Arial", sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #828282;
  letter-spacing: 1.5px;
  text-transform: uppercase; }
  .headline-h6--weak {
    font-size: 14px;
    line-height: 1.71;
    font-weight: 400;
    text-transform: none; }

.callout > strong:first-child {
  display: block;
  margin-bottom: 2.33em;
  margin-top: 2.33em; }

.vertical-indents {
  margin-top: 30px;
  margin-bottom: 20px; }

.text {
  font-family: "HK Grotesk", "Arial", sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: black; }
  @media (max-width: 599px) {
    .text {
      font-size: 14px; } }
  .text--smallest {
    margin-top: 10px;
    font-size: 16px;
    color: black;
    text-transform: none;
    letter-spacing: normal; }
  .text--preview {
    color: #828282; }
  .text--bold {
    font-weight: bold; }

.delimiter {
  width: 100%;
  height: 1px; }
  .delimiter--gray {
    background-color: #e6e6e6; }

.text-group {
  padding: 20px 30px; }
  .text-group.no-top-padding {
    padding-top: 0; }
  .text-group.no-vertical-paddings {
    padding-top: 0;
    padding-bottom: 0; }

.text-row__title {
  margin-bottom: 20px; }

.text-row__text {
  margin-bottom: 20px; }

.text-row__link {
  display: block;
  width: 100%; }

.text-row + .text-row {
  margin-top: 50px; }

.text-row--short {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto; }

.text-row--bottom-indents {
  margin-bottom: 50px; }

.text-row--top-indents {
  margin-top: 50px; }

.page__content table {
  margin-top: 2em;
  margin-bottom: 2em;
  display: table;
  overflow-x: auto;
  width: 100%; }
  .page__content table.table-layout-fixed {
    table-layout: fixed; }
  .page__content table thead tr,
  .page__content table thead th,
  .page__content table .table-header-row {
    border-top: none;
    background-color: #f9f9f9; }
  .page__content table tfoot tr,
  .page__content table tfoot th,
  .page__content table .table-footer-row {
    border-bottom: none;
    background-color: #f9f9f9; }
  .page__content table td {
    padding: 0.7rem 1rem 0.7rem 1.15rem;
    border-top: 1px solid rgba(151, 151, 151, 0.33); }
  .page__content table th,
  .page__content table thead td,
  .page__content table .table-header-row td {
    padding: 0.7rem 1rem 0.7rem 1.15rem;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    border-top: 1px solid rgba(151, 151, 151, 0.33); }

.typographic-content-area {
  font-family: "HK Grotesk", "Arial", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.65;
  color: black; }
  @media (max-width: 599px) {
    .typographic-content-area {
      font-size: 14px; } }
  .typographic-content-area p {
    margin-bottom: 1em;
    margin-top: 1em; }
  .typographic-content-area a {
    border-bottom: 2px solid #ffcd00;
    transition: color 0.5s ease, border-bottom 0.5s ease; }
    .typographic-content-area a:hover {
      border-bottom: 2px solid #828282;
      color: #828282; }
    .typographic-content-area a.unlink {
      border-bottom: 0;
      transition: none;
      cursor: none; }
      .typographic-content-area a.unlink:hover {
        border-bottom: 0;
        color: inherit; }
    .typographic-content-area a.to-toggle {
      transition: color .5s ease; }
    .typographic-content-area a.link--external {
      position: relative; }
      .typographic-content-area a.link--external:after {
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-left: 5px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        background-image: url("/live/resource/image/_ingredients/themes/global/assets/images/icon_externalLink.svg"); }
    .typographic-content-area a.link-icon-rectangle {
      display: inline-block;
      position: relative;
      padding-left: 20px;
      border: none;
      font-weight: bold;
      font-size: 12px;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      transition: color 0.3s ease;
      cursor: pointer; }
      .typographic-content-area a.link-icon-rectangle:before {
        content: '';
        display: inline-block;
        position: absolute;
        left: 0;
        top: 6px;
        width: 12px;
        height: 4px;
        margin-right: 11px;
        background-color: #ffcd00; }
  .typographic-content-area > img {
    width: 100%;
    height: auto;
    margin-top: 2em;
    margin-bottom: 2em; }
  .typographic-content-area ul {
    list-style-type: disc;
    list-style-position: inside;
    margin-left: 30px;
    margin-bottom: 1em;
    margin-top: 1em; }
    .typographic-content-area ul.accordion-list__wrapper {
      margin: 0; }
    .typographic-content-area ul > li {
      margin-bottom: 2px;
      line-height: 2em; }
    .typographic-content-area ul ol, .typographic-content-area ul ul {
      margin-bottom: 0;
      margin-top: 0; }
  .typographic-content-area ol {
    list-style: none inside none;
    counter-reset: li;
    margin-left: 25px;
    margin-bottom: 1em;
    margin-top: 1em; }
    .typographic-content-area ol > li {
      position: relative;
      padding-left: 28px;
      line-height: 2em; }
      .typographic-content-area ol > li:before {
        counter-increment: li;
        /* Counter id */
        content: counter(li, decimal-leading-zero) ".";
        /* Counter format */
        position: absolute;
        left: 0;
        top: 1px;
        padding-right: 4px;
        font-size: 12px;
        font-weight: bold; }
    .typographic-content-area ol ol, .typographic-content-area ol ul {
      margin-bottom: 0;
      margin-top: 0; }
  .typographic-content-area dl {
    margin-bottom: 1em;
    margin-top: 1em; }
    .typographic-content-area dl dd {
      margin-left: 40px; }
  .typographic-content-area blockquote {
    position: relative;
    padding-top: 23px;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 22px;
    font-weight: 500;
    font-style: italic;
    color: black;
    line-height: 1.8;
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: normal; }
    .typographic-content-area blockquote:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 186px;
      height: 6px;
      background-color: #ffcd00; }
  .typographic-content-area .fluid-width-video-wrapper:not(:first-child),
  .typographic-content-area .video-embed-container:not(:first-child) {
    margin-top: 2em; }
  .typographic-content-area .fluid-width-video-wrapper:not(:last-child),
  .typographic-content-area .video-embed-container:not(:last-child) {
    margin-bottom: 2em; }
  .typographic-content-area h1 {
    margin-bottom: 0.67em;
    margin-top: 0.67em;
    font-size: 44px;
    font-family: "Playfair Display", "Times New Roman", serif;
    font-weight: bold; }
  .typographic-content-area h2 {
    margin-bottom: 0.83em;
    margin-top: 0.83em;
    font-family: "Playfair Display", "Times New Roman", serif;
    font-weight: normal;
    font-size: 34px; }
    @media (max-width: 599px) {
      .typographic-content-area h2 {
        font-size: 24px; } }
  .typographic-content-area h3 {
    margin-bottom: 1em;
    margin-top: 1em;
    font-family: "playfair-display-medium", "Times New Roman", serif;
    font-weight: normal;
    font-size: 24px; }
  .typographic-content-area h4 {
    margin-bottom: 1.33em;
    margin-top: 1.33em;
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: bold;
    font-size: 20px; }
    @media (max-width: 599px) {
      .typographic-content-area h4 {
        font-size: 18px;
        line-height: 1.56; } }
  .typographic-content-area h5 {
    margin-bottom: 1.67em;
    margin-top: 1.67em;
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: bold;
    font-size: 18px; }
  .typographic-content-area h6 {
    margin-bottom: 2.33em;
    margin-top: 2.33em;
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #828282;
    letter-spacing: 1.5px;
    text-transform: uppercase; }
    .typographic-content-area h6.headline-h6--weak {
      font-size: 14px;
      line-height: 1.71;
      font-weight: 400;
      text-transform: none; }

.button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 260px;
  margin: 0 auto;
  padding: 12px 30px 15px;
  background-color: transparent;
  color: transparent;
  text-align: center;
  border: 0;
  transform: translateZ(0);
  transition: none !important;
  border-bottom: none !important;
  cursor: pointer;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }
  .button--mini {
    min-width: 0; }
  .button--full {
    width: 100%; }
    .button--full + .button--full {
      margin-top: 25px; }
  @media (max-width: 599px) {
    .button {
      min-width: 0;
      max-width: 260px;
      width: 100%; } }
  .button__container {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0; }
  .button:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ffcd00;
    transition: transform 0.3s ease;
    transform: translateY(100%); }
  .button:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 4px solid #ffcd00;
    transition: border 0.3s ease;
    z-index: 1; }
  .button__text {
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: bold;
    position: relative;
    font-size: 12px;
    color: black;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    transition: color 0.3s ease; }
    .button__text--white {
      color: white; }
  .button--dark {
    background-color: transparent; }
    .button--dark:before {
      background-color: rgba(107, 95, 42, 0.2); }
    .button--dark:after {
      border: solid 4px rgba(107, 95, 42, 0.2); }
  .button--small-fixed {
    min-width: 86px; }
    @media (max-width: 599px) {
      .button--small-fixed {
        min-width: 100%; } }
  .button--medium-fixed {
    min-width: 166px; }
  .button--expand {
    height: auto; }
  .button--nowrap {
    white-space: nowrap; }
  .button--disabled:before {
    display: none;
    transition: none; }
  .button--disabled:after {
    border: 4px solid #979797;
    transition: none; }
  .button--disabled .button__text {
    color: #e6e6e6;
    transition: none; }
  .button--solid {
    background: #ffcd00;
    transition: none; }
    .button--solid:hover .button__text {
      color: black !important; }
  .button--color-reversed {
    background-color: transparent; }
    .button--color-reversed:before {
      background-color: #acabac; }
    .button--color-reversed:after {
      border: 2px solid #acabac; }
    .button--color-reversed .button__text {
      color: #ffcd00; }

.button:hover, a.button:hover {
  border: 0; }
  .button:hover:before, a.button:hover:before {
    transform: translateY(0); }
  .button:hover:after, a.button:hover:after {
    border-color: #ffcd00; }
  .button:hover .button__text, a.button:hover .button__text {
    color: white; }

.button:active, a.button:active {
  background-color: #ffcd00; }
  .button:active .button__text, a.button:active .button__text {
    color: white; }

.button--disabled:hover:after {
  border-color: #979797; }

.button--disabled:hover .button__text {
  color: #e6e6e6; }

.button--dark:hover:after {
  border-color: rgba(107, 95, 42, 0.2); }

.button--dark:hover .button__text {
  color: white; }

.button--color-reversed:hover:before {
  transform: translateY(0); }

.button--color-reversed:hover:after {
  border-color: #acabac; }

.button--color-reversed:hover .button__text {
  color: white; }

.single-element-button, a.lw_cal_next, button.lw_payments_charge_submit {
  display: inline-block;
  min-width: 260px;
  padding: 17px 30px 15px;
  background-color: transparent;
  color: #000;
  text-align: center;
  border: 4px solid #ffcd00 !important;
  line-height: 1;
  font-family: HK Grotesk, Arial, sans-serif;
  font-weight: 700;
  position: relative;
  font-size: 12px;
  letter-spacing: 1.5px;
  text-transform: uppercase; }
  .single-element-button:hover, .single-element-button:focus, a.lw_cal_next:hover, a.lw_cal_next:focus, button.lw_payments_charge_submit:hover, button.lw_payments_charge_submit:focus {
    background-color: #ffcd00;
    transition: none;
    color: #ffffff !important;
    border: 4px solid #ffcd00 !important; }

.select {
  position: relative;
  padding-right: 14px;
  /* reset def select styles */
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  -ms-appearance: none;
  appearance: none;
  background-color: transparent;
  border-bottom: 2px solid rgba(151, 151, 151, 0.3);
  border-radius: 0;
  font-family: "Playfair Display", "Times New Roman", serif;
  font-weight: bold;
  color: #9b9b9b; }
  .select__container {
    position: relative; }
  .select::-ms-expand {
    display: none; }
  .select option {
    min-width: 40px; }
  .select--no-border {
    border-bottom: none; }

@media (max-width: 1179px) {
  .select__container--big {
    width: 100%; } }

.select__container--big:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  height: 7px;
  width: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url(/live/resource/image/_ingredients/themes/global/assets/images/icon_arrowDown.svg);
  transform: translateY(50%);
  z-index: 1; }
  @media (max-width: 1179px) {
    .select__container--big:after {
      top: 40%; } }

.select__container--big .select {
  position: relative;
  padding-right: 26px;
  font-family: "Playfair Display", "Times New Roman", serif;
  font-weight: bold;
  font-size: 44px;
  color: black;
  z-index: 2; }
  @media (max-width: 1179px) {
    .select__container--big .select {
      width: 100%;
      font-size: 24px; } }

.input {
  background-color: transparent;
  font-family: "HK Grotesk", "Arial", sans-serif;
  font-weight: 300;
  color: black; }
  .input:focus + .input-label {
    display: none; }
  .input--empty + .input-label {
    display: block; }
  .input--dirty + .input-label {
    display: none; }
  .input-label {
    position: absolute;
    bottom: 23px;
    left: 0;
    color: #6b5f2a;
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: 300; }
    .input-label--big-font {
      font-size: 54px; }
      @media (max-width: 1179px) {
        .input-label--big-font {
          bottom: 30px;
          font-size: 36px; } }
      @media (max-width: 599px) {
        .input-label--big-font {
          bottom: 20px;
          font-size: 18px; } }
  .input--full-width {
    width: 100%;
    padding-right: 95px;
    padding-bottom: 26px; }
    @media (max-width: 1179px) {
      .input--full-width {
        padding-bottom: 31px; } }
    @media (max-width: 599px) {
      .input--full-width {
        padding-bottom: 19px; } }
  .input--big-font {
    font-size: 54px; }
    @media (max-width: 1179px) {
      .input--big-font {
        font-size: 36px; } }
    @media (max-width: 599px) {
      .input--big-font {
        font-size: 18px; } }
  .input--dark-border {
    border-bottom: solid 4px rgba(107, 95, 43, 0.2); }

.icon-image, .sidebar__social .lw_group_facebook_link,
.sidebar__social .lw_group_twitter_link,
.sidebar__social .lw_group_instagram_link {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%; }
  .icon-image--facebook, .sidebar__social .lw_group_facebook_link {
    background-image: url("/live/resource/image/_ingredients/themes/global/assets/images/icon_facebookBlack.svg"); }
  .icon-image--facebook-white {
    background-image: url("/live/resource/image/_ingredients/themes/global/assets/images/icon_facebookWhite.svg"); }
  .icon-image--twitter,
  .sidebar__social .lw_group_twitter_link {
    background-image: url("/live/resource/image/_ingredients/themes/global/assets/images/icon_twitterBlack.svg"); }
  .icon-image--instagram,
  .sidebar__social .lw_group_instagram_link {
    background-image: url("/live/resource/image/_ingredients/themes/global/assets/images/icon_instagramBlack.svg"); }
  .icon-image--linkedin {
    background-image: url("/live/resource/image/_ingredients/themes/global/assets/images/icon_linkedinBlack.svg");
    background-size: 115%; }
  .icon-image--youtube {
    width: 20px;
    background-image: url("/live/resource/image/_ingredients/themes/global/assets/images/icon_youtubeBlack.svg"); }
  .icon-image--pinterest {
    background-image: url("/live/resource/image/_ingredients/themes/global/assets/images/icon_pinterestBlack.svg"); }
  .icon-image--gray.icon-image--facebook, .sidebar__social .icon-image--gray.lw_group_facebook_link {
    background-image: url("/live/resource/image/_ingredients/themes/global/assets/images/icon_facebookGray.svg");
    background-size: 15%; }
  .icon-image--gray.icon-image--twitter, .sidebar__social .icon-image--gray.lw_group_twitter_link {
    background-image: url("/live/resource/image/_ingredients/themes/global/assets/images/icon_twitterGray.svg"); }
  .icon-image--gray.icon-image--instagram, .sidebar__social .icon-image--gray.lw_group_instagram_link {
    background-image: url("/live/resource/image/_ingredients/themes/global/assets/images/icon_instagramGray.svg"); }

.icon--center {
  margin: 0 auto; }

.icon-rectangle {
  width: 35px;
  height: 4px; }
  .icon-rectangle--yellow {
    background-color: #ffcd00; }

.icon-cross--stroked {
  stroke-width: 2;
  stroke: black; }

.breadcrumbs {
  flex-basis: 100%;
  order: 0;
  visibility: visible;
  position: relative;
  padding: 29px 0 14px 51px;
  margin-top: 0;
  background-color: white;
  opacity: 1;
  z-index: 2;
  transform: translateY(0px);
  transition: transform 300ms ease;
  transform-style: preserve-3d; }
  @media (max-width: 1179px) {
    .breadcrumbs {
      padding: 29px 0 20px 51px; } }
  @media (min-width: 879px) and (max-height: 800px) {
    .breadcrumbs {
      padding: 5px 0 5px 51px; } }
  @media (max-width: 879px) {
    .breadcrumbs {
      display: none;
      transition: none;
      transform: none; } }
  .breadcrumbs__list {
    display: flex;
    flex-direction: row; }
  .breadcrumbs__item:nth-of-type(n+2):before {
    content: '/';
    margin: 0 3px;
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #828282; }
  .breadcrumbs__item-link {
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #828282; }
  .breadcrumbs__item.active .breadcrumbs__item-link {
    color: black; }

.hide-breadcrumbs .breadcrumbs {
  transform: translateY(-78px); }
  @media (max-width: 879px) {
    .hide-breadcrumbs .breadcrumbs {
      transform: translateY(0); } }

.hide-breadcrumbs .sidebar:before {
  transform: translateY(-200px); }
  @media (max-width: 879px) {
    .hide-breadcrumbs .sidebar:before {
      transform: translateY(0); } }

.lw_breadcrumb_link:nth-of-type(n+2):before {
  content: "/";
  margin: 0 3px; }

.lw_breadcrumb_link,
.lw_breadcrumb_link a,
.lw_breadcrumb_link:nth-of-type(n+2):before {
  font-family: HK Grotesk, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #828282; }

.link {
  font-family: "HK Grotesk", "Arial", sans-serif;
  font-weight: normal; }
  .link-underline {
    border-bottom: 2px solid #ffcd00;
    transition: color 0.5s ease, border-bottom 0.5s ease; }
  .link-icon-rectangle {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    transition: color 0.3s ease;
    cursor: pointer; }
    .link-icon-rectangle:before {
      content: '';
      display: inline-block;
      position: absolute;
      left: 0;
      top: 6px;
      width: 12px;
      height: 4px;
      margin-right: 11px;
      background-color: #ffcd00; }
  .link--white {
    color: white;
    transition: color 300ms cubic-bezier(0.25, 0.1, 0.25, 1); }
  .link--external {
    position: relative; }
    .link--external:after {
      content: '';
      display: inline-block;
      width: 10px;
      height: 10px;
      margin-left: 5px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
      background-image: url("/live/resource/image/_ingredients/themes/global/assets/images/icon_externalLink.svg"); }

.link-underline:hover {
  color: #828282;
  border-bottom: 2px solid #828282; }

.link-underline:focus {
  outline: auto 5px -webkit-focus-ring-color; }

.link-icon-rectangle:hover {
  color: #979797; }

.link--white:hover {
  color: #ffcd00; }

/* NOTE: .slider indicators are shared */
/*       on _text-button-photo.scss */
.slider__indicators {
  background-color: white; }
  .slider__indicators-item {
    width: 6px;
    height: 6px;
    margin: 0 auto;
    background-color: #e6e6e6;
    transition: all cubic-bezier(0.25, 0.1, 0.25, 1) 300ms; }
    .slider__indicators-item:nth-child(n+2) {
      margin-top: 9px; }
    .slider__indicators-item.active {
      width: 4px;
      height: 12px;
      background-color: #ffcd00; }

/* slider-gallery is in all inpage-gallery.js sliders */
.slider-gallery {
  height: 100%; }
  .slider-gallery__description {
    padding-top: 5px;
    background-color: #fff;
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: normal;
    font-size: 12px;
    font-style: italic;
    color: #828282;
    text-align: right; }
    @media (max-width: 879px) {
      .slider-gallery__description {
        padding-right: 25px; } }
  .slider-gallery__controls {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 6px auto 0;
    z-index: 1; }
    @media (max-width: 1439px) {
      .slider-gallery__controls {
        margin-top: 0; } }
    @media (max-width: 1179px) {
      .slider-gallery__controls {
        margin-top: 10px; } }
    @media (max-width: 879px) {
      .slider-gallery__controls {
        position: absolute;
        /* half the button & description height */
        top: calc(50% - 18px);
        left: 0;
        width: 100%;
        margin-top: 0;
        transform: translateY(-50%);
        justify-content: space-between; } }
    .slider-gallery__controls-button {
      width: 32px;
      height: 32px;
      border: 3px solid #ececec; }
      @media (max-width: 879px) {
        .slider-gallery__controls-button {
          width: 57px;
          height: 57px;
          border: none;
          background-color: rgba(0, 0, 0, 0.75); } }
      .slider-gallery__controls-button:before {
        content: '\e901';
        font-family: "icon-arrows";
        font-size: 14px;
        font-weight: bold;
        color: #4a4a4a; }
        @media (max-width: 879px) {
          .slider-gallery__controls-button:before {
            color: white; } }
      .slider-gallery__controls-button--left {
        transform: rotateZ(90deg); }
      .slider-gallery__controls-button--right {
        transform: rotateZ(-90deg); }
  .slider-gallery__preview {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 3px 20px;
    max-width: 95%;
    cursor: pointer; }
    @media (max-width: 879px) {
      .slider-gallery__preview {
        display: none; } }
    .slider-gallery__preview-item {
      overflow: hidden;
      display: block;
      margin-bottom: 0;
      line-height: 1;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background-color: #979797;
      transition: box-shadow 0.5s ease;
      margin: 7px 0 7px 10px; }
      .slider-gallery__preview-item:first-of-type {
        margin-left: 0; }
      .slider-gallery__preview-item.active, .slider-gallery__preview-item:hover {
        box-shadow: 0 0 0 3px #ffcd00; }
    .slider-gallery__preview-image {
      display: block;
      width: 100%;
      height: auto; }
  .slider-gallery__slide {
    background-color: #fcfcfc; }
  .slider-gallery__image img {
    display: flex;
    align-items: center;
    background-color: #fcfcfc;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    max-height: 520px;
    width: auto;
    max-width: 100%;
    margin: 0 auto; }

/* slider-story is used on the department page */
.slider-story {
  overflow: hidden;
  height: 100%; }
  @media (max-width: 1179px) {
    .slider-story {
      text-align: center; } }
  .slider-story__image img {
    float: left;
    display: block;
    background-color: #fcfcfc;
    width: auto;
    max-height: 400px; }
    @media (max-width: 1439px) {
      .slider-story__image img {
        max-width: 306px; } }
    @media (max-width: 1179px) {
      .slider-story__image img {
        float: none;
        margin: 0 auto; } }
  .slider-story__content {
    overflow: hidden;
    /* push controls down if there is long content */
    margin-bottom: 70px;
    padding: 38px 40px 0; }
    @media (max-width: 1439px) {
      .slider-story__content {
        padding: 33px 0 5px 40px; } }
    @media (max-width: 1179px) {
      .slider-story__content {
        padding: 23px 0 0; } }
    @media (max-width: 879px) {
      .slider-story__content {
        margin-bottom: 20px; } }
    @media (max-width: 599px) {
      .slider-story__content {
        padding: 25px 0 0; } }
  .slider-story__subtitle {
    margin-top: 15px; }
    @media (max-width: 1179px) {
      .slider-story__subtitle {
        margin-bottom: 8px; } }
  .slider-story__title {
    margin-top: 8px; }
    @media (max-width: 1179px) {
      .slider-story__title {
        margin-top: 0; } }
  .slider-story__description {
    margin-top: 16px; }
  .slider-story__controls {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 70px;
    left: 310px;
    width: 276px;
    margin-top: 90px;
    padding-left: 40px;
    z-index: 1; }
    @media (max-width: 1179px) {
      .slider-story__controls {
        top: 231px;
        bottom: unset;
        left: 0;
        width: 100%;
        margin-top: 0;
        padding-left: 0;
        transform: translateY(-50%); } }
    @media (max-width: 599px) {
      .slider-story__controls {
        display: none; } }
    .slider-story__controls-button {
      width: 32px;
      height: 32px;
      border: 3px solid #ececec; }
      @media (max-width: 1179px) {
        .slider-story__controls-button {
          width: 56px;
          height: 56px; } }
      .slider-story__controls-button:before {
        content: '\e901';
        font-family: "icon-arrows";
        font-size: 14px;
        font-weight: bold;
        color: #4a4a4a; }
      .slider-story__controls-button--left {
        transform: rotateZ(90deg); }
      .slider-story__controls-button--right {
        transform: rotateZ(-90deg); }
  .slider-story__preview {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 131px;
    padding: 3px; }
    @media (max-width: 1179px) {
      .slider-story__preview {
        display: none; } }
  .slider-story .link-icon-rectangle {
    margin-top: 50px; }
    @media (max-width: 1439px) {
      .slider-story .link-icon-rectangle {
        margin-top: 31px; } }
  @media (max-width: 1179px) {
    .slider-story .icon-rectangle {
      margin: 0 auto; } }

/* slider-news-events is used on the department page (screen sizes less 880px) */
.slider-news-events {
  height: 100%; }
  .slider-news-events__image img {
    display: block;
    max-width: 70%;
    max-height: 238px;
    margin: 0 auto;
    background-color: #fcfcfc; }
    @media (max-width: 599px) {
      .slider-news-events__image img {
        width: 100%;
        height: 214px; } }
  @media (max-width: 1179px) {
    .slider-news-events__content {
      width: 240px;
      margin: 28px auto 0;
      text-align: center; } }
  @media (max-width: 1179px) {
    .slider-news-events__text {
      margin-top: 12px; } }
  .slider-news-events__controls {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 118px;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    z-index: 1; }
    @media (max-width: 599px) {
      .slider-news-events__controls {
        display: none; } }
    .slider-news-events__controls-button {
      width: 56px;
      height: 56px;
      border: 3px solid #ececec; }
      .slider-news-events__controls-button:before {
        content: '\e901';
        font-family: "icon-arrows";
        font-size: 14px;
        font-weight: bold;
        color: #4a4a4a; }
      .slider-news-events__controls-button--left {
        transition: transform 0.5s ease;
        transform: rotateZ(90deg); }
      .slider-news-events__controls-button--right {
        transition: transform 0.5s ease;
        transform: rotateZ(-90deg); }
  .slider-news-events .link-icon-rectangle {
    margin-top: 15px; }
    @media (max-width: 879px) {
      .slider-news-events .link-icon-rectangle {
        margin-top: 26px; } }

/* non-touchable events */
.slider-gallery__preview-image:hover {
  box-shadow: 0 0 0 3px #ffcd00;
  cursor: pointer; }

.social-box {
  width: 100%;
  padding: 36px 20px;
  border: 2px solid #ececec;
  text-align: center; }
  @media (max-width: 599px) {
    .social-box {
      max-width: 270px;
      margin-left: auto;
      margin-right: auto; } }
  .social-box__list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin-top: 8px; }
  .social-box__link {
    width: 48px;
    height: 48px;
    border: 3px solid #ffcd00;
    border-radius: 50%;
    background-size: 32%; }
    .social-box__link:nth-of-type(n+2) {
      margin-left: 30px; }
    .social-box__link.icon-image--facebook-white {
      background-size: 19%; }
  .social-box--color-reversed {
    padding: 0;
    border: none;
    text-align: left; }
    .social-box--color-reversed .social-box__list {
      justify-content: flex-start;
      margin-top: 0; }
    .social-box--color-reversed .social-box__link {
      border: 2px solid #acabac; }
  .social-box__title {
    margin-bottom: 18px; }

.contact-info {
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  text-align: center; }
  @media (max-width: 1179px) {
    .contact-info {
      display: none; } }
  @media (max-width: 879px) {
    .contact-info {
      margin-top: 30px;
      margin-left: auto;
      margin-right: auto; } }
  .contact-info__item {
    display: table-cell;
    min-height: 54px;
    padding: 0 18px;
    vertical-align: middle;
    text-align: left;
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: black; }
    .contact-info__item:nth-child(n+2) {
      border-left: 1px solid rgba(151, 151, 151, 0.33); }
    .contact-info__item a {
      border-bottom: 2px solid #ffcd00;
      transition: color 0.5s ease, border-bottom 0.5s ease; }
      .contact-info__item a:hover {
        border-bottom: 2px solid #828282;
        color: #828282; }
  .contact-info__title {
    width: 100%;
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: black; }
  .contact-info__author {
    overflow: hidden; }
    .contact-info__author-details {
      overflow: hidden;
      display: inline-block; }
    .contact-info__author-image img {
      float: left;
      display: block;
      width: 45px;
      height: 45px;
      margin-right: 14px;
      background-color: #ffcd00;
      border-radius: 50%; }
      .contact-info__author-image img + div {
        margin-top: 5px; }
  .contact-info--rowed-box {
    display: flex;
    margin-left: initial;
    margin-right: initial; }
    @media (max-width: 879px) {
      .contact-info--rowed-box {
        flex-wrap: wrap; } }
    .contact-info--rowed-box .contact-info__item {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: center;
      padding-top: 15px;
      padding-bottom: 15px; }
      .contact-info--rowed-box .contact-info__item:first-child {
        padding-left: 0; }
      .contact-info--rowed-box .contact-info__item:last-child {
        padding-right: 0; }
      @media (max-width: 879px) {
        .contact-info--rowed-box .contact-info__item {
          width: 100%;
          padding-left: 0;
          padding-right: 0;
          border-left: none;
          border-bottom: 1px solid #dadbdd; }
          .contact-info--rowed-box .contact-info__item:first-child {
            padding-top: 0; }
          .contact-info--rowed-box .contact-info__item:last-child {
            border-bottom: none; } }

.contact-info-box {
  display: none;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px; }
  @media (max-width: 1179px) {
    .contact-info-box {
      display: flex;
      flex-direction: column;
      max-width: 510px;
      width: 100%; } }
  @media (max-width: 599px) {
    .contact-info-box {
      max-width: 270px; } }
  .contact-info-box__item {
    width: 100%;
    height: auto; }
    @media (max-width: 1179px) {
      .contact-info-box__item {
        margin-top: 30px; } }
    @media (max-width: 599px) {
      .contact-info-box__item {
        margin-top: 20px; } }
    @media (max-width: 1179px) {
      .contact-info-box__item.location {
        margin-top: 15px; } }
    @media (max-width: 599px) {
      .contact-info-box__item.location {
        margin-top: 15px; } }
  .contact-info-box__date {
    font-family: "HK Grotesk", "Arial", sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: black; }
  .contact-info-box__author {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .contact-info-box__author-details {
      margin: 15px 0 0;
      font-family: "HK Grotesk", "Arial", sans-serif;
      font-weight: normal;
      font-size: 14px;
      line-height: 1.57;
      color: black;
      text-align: center; }
    .contact-info-box__author-name {
      font-family: "HK Grotesk", "Arial", sans-serif;
      font-weight: bold; }
    .contact-info-box__author-image img {
      display: block;
      width: 90px;
      height: 90px;
      background-color: #ffcd00;
      border-radius: 50%; }
  .contact-info-box__button-container {
    margin-top: 0;
    text-align: center; }
    @media (max-width: 599px) {
      .contact-info-box__button-container {
        display: flex;
        flex-direction: column; } }
  .contact-info-box .button {
    width: calc((100% - 24px) / 2); }
    @media (max-width: 599px) {
      .contact-info-box .button {
        width: 270px;
        padding: 20px 10px 18px; } }
    .contact-info-box .button:nth-of-type(n+2) {
      margin-left: 17px; }
      @media (max-width: 599px) {
        .contact-info-box .button:nth-of-type(n+2) {
          margin-top: 20px;
          margin-left: auto; } }

.accordion__control {
  cursor: pointer; }

.accordion__content {
  max-height: 0;
  padding-right: 50px;
  padding-left: 80px;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease;
  font-family: "HK Grotesk", "Arial", sans-serif;
  font-weight: normal; }
  @media (max-width: 879px) {
    .accordion__content {
      padding-left: 5px;
      padding-right: 5px; } }
  @media (max-width: 599px) {
    .accordion__content {
      padding-left: 5px;
      padding-right: 0; } }

.accordion.expanded .accordion__content {
  opacity: 1; }

.unordered-titled-list h5 {
  line-height: 1.44; }

.unordered-titled-list p {
  margin-top: 18px;
  line-height: 1.63; }
  @media (max-width: 599px) {
    .unordered-titled-list p {
      margin-top: 10px; } }

.unordered-titled-list a {
  margin-top: 25px; }
  @media (max-width: 599px) {
    .unordered-titled-list a {
      margin-top: 18px; } }

.unordered-titled-list ul {
  list-style-type: disc;
  margin-top: 17px;
  margin-left: 45px;
  padding-bottom: 7px; }
  @media (max-width: 599px) {
    .unordered-titled-list ul {
      margin: 12px 18px 0 15px; } }
  .unordered-titled-list ul li:nth-of-type(n+2) {
    margin-top: 7px; }
    @media (max-width: 599px) {
      .unordered-titled-list ul li:nth-of-type(n+2) {
        margin-top: 13px; } }
  @media (max-width: 599px) {
    .unordered-titled-list ul li > ul {
      margin: 12px 18px 0 30px; } }

.unordered-titled-list .icon-image, .unordered-titled-list .sidebar__social .lw_group_facebook_link, .sidebar__social .unordered-titled-list .lw_group_facebook_link,
.unordered-titled-list .sidebar__social .lw_group_twitter_link, .sidebar__social .unordered-titled-list .lw_group_twitter_link,
.unordered-titled-list .sidebar__social .lw_group_instagram_link, .sidebar__social .unordered-titled-list .lw_group_instagram_link {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  vertical-align: middle; }

.unordered-titled-list--lefted ul {
  margin-left: 20px;
  margin-top: 0; }

.unordered-titled-list--color-reversed h6 {
  color: #acabac; }

.unordered-titled-list--plain ul {
  list-style-type: none;
  margin-left: 0; }
  .unordered-titled-list--plain ul li:nth-of-type(n+2) {
    margin-top: 12px; }

.unordered-titled-list--plain a {
  font-weight: bold; }

.inpage-search-result__container {
  margin-top: 60px; }
  @media (max-width: 879px) {
    .inpage-search-result__container {
      margin-top: 57px; } }
  @media (max-width: 599px) {
    .inpage-search-result__container {
      margin-top: 35px; } }

.inpage-search-result__title {
  line-height: 2.08; }
  @media (max-width: 599px) {
    .inpage-search-result__title {
      font-size: 20px;
      line-height: 2.5; } }

.inpage-search-result__description {
  width: 788px;
  margin-top: 7px;
  line-height: 1.71; }
  @media (max-width: 1179px) {
    .inpage-search-result__description {
      width: auto; } }

.inpage-search-result__list {
  display: flex;
  flex-direction: column;
  width: auto;
  margin-top: 43px; }

.inpage-search-result__item {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 50px 0;
  border-top: solid 1px rgba(151, 151, 151, 0.33); }
  @media (max-width: 879px) {
    .inpage-search-result__item {
      padding-bottom: 42px; } }
  @media (max-width: 599px) {
    .inpage-search-result__item {
      flex-direction: column;
      padding: 50px 25px 46px; } }

.inpage-search-result__item-image img, .inpage-search-result__item span:empty, .inpage-search-result__item img.inpage-search-result__item-image {
  display: block;
  width: 123px;
  height: 123px;
  max-width: none;
  margin-right: 49px;
  background-color: #ffcd00;
  border-radius: 50%; }
  @media (max-width: 1179px) {
    .inpage-search-result__item-image img, .inpage-search-result__item span:empty, .inpage-search-result__item img.inpage-search-result__item-image {
      margin-right: 39px; } }
  @media (max-width: 879px) {
    .inpage-search-result__item-image img, .inpage-search-result__item span:empty, .inpage-search-result__item img.inpage-search-result__item-image {
      width: 92px;
      height: 92px; } }
  @media (max-width: 599px) {
    .inpage-search-result__item-image img, .inpage-search-result__item span:empty, .inpage-search-result__item img.inpage-search-result__item-image {
      margin: 0 auto 29px; } }

.inpage-search-result__item-data {
  display: flex;
  flex-direction: row;
  flex-grow: 1; }
  @media (max-width: 1179px) {
    .inpage-search-result__item-data {
      flex-direction: column; } }

.inpage-search-result__info {
  flex-grow: 1;
  max-width: 431px;
  width: 100%; }
  .inpage-search-result__info:nth-of-type(n+2) {
    padding-left: 20px; }
    @media (max-width: 1179px) {
      .inpage-search-result__info:nth-of-type(n+2) {
        padding-left: 0;
        margin-top: 13px; } }
    @media (max-width: 879px) {
      .inpage-search-result__info:nth-of-type(n+2) {
        margin-top: 18px; } }
  .inpage-search-result__info-item {
    display: flex;
    flex-direction: row;
    align-items: baseline; }
    @media (max-width: 599px) {
      .inpage-search-result__info-item {
        flex-direction: column; } }
    .inpage-search-result__info-item:nth-of-type(n+2) {
      margin-top: 5px; }
      @media (max-width: 1179px) {
        .inpage-search-result__info-item:nth-of-type(n+2) {
          margin-top: 13px; } }
      @media (max-width: 879px) {
        .inpage-search-result__info-item:nth-of-type(n+2) {
          margin-top: 18px; } }
    .inpage-search-result__info-item h6 {
      flex-shrink: 0;
      max-width: 135px;
      margin-right: 25px; }
    .inpage-search-result__info-item p {
      font-family: "HK Grotesk", "Arial", sans-serif;
      font-weight: normal;
      font-size: 18px;
      color: black;
      word-break: break-word; }
      @media (max-width: 599px) {
        .inpage-search-result__info-item p {
          max-width: 100%;
          margin-top: 3px;
          font-size: 16px; } }
      .inpage-search-result__info-item p.bold {
        font-weight: bold; }
      .inpage-search-result__info-item p a {
        border-bottom: 2px solid #ffcd00;
        transition: color .5s ease,border-bottom .5s ease; }
        .inpage-search-result__info-item p a:hover {
          border-bottom: 2px solid #828282;
          color: #828282; }
  .inpage-search-result__info--contact .inpage-search-result__info-item h6 {
    flex-shrink: 0;
    max-width: 100px; }
    @media (max-width: 1179px) {
      .inpage-search-result__info--contact .inpage-search-result__info-item h6 {
        max-width: 135px; } }
  @media (max-width: 599px) {
    .inpage-search-result__info--contact .inpage-search-result__info-item p {
      max-width: 100%; } }

.callout {
  width: 100%;
  max-width: 880px;
  margin: 43px auto 0;
  padding: 48px 80px 53px;
  border: 1px solid rgba(151, 151, 151, 0.33);
  text-align: center;
  margin-top: 11px;
  font-family: "HK Grotesk", "Arial", sans-serif;
  font-weight: normal;
  color: black;
  font-size: 24px;
  line-height: 1.68; }
  @media (max-width: 1439px) {
    .callout {
      padding: 48px 15px 53px; } }
  @media (max-width: 879px) {
    .callout {
      padding: 38px 40px; } }
  @media (max-width: 599px) {
    .callout {
      padding: 38px 10px; } }
  @media (max-width: 599px) {
    .callout {
      font-size: 18px;
      line-height: 1.88; } }

.editable p.callout {
  padding-bottom: 80px; }

.lw_editor_on p.callout:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  color: #c00;
  font-size: 14px;
  font-style: italic;
  content: 'For callout headers, use bolded text at the beginning of the callout content.'; }

.lists-set {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 42px; }
  @media (max-width: 1179px) {
    .lists-set {
      flex-direction: column; } }
  .lists-set--double .unordered-titled-list:first-child {
    flex-basis: 40%;
    padding: 0 10px 0 70px;
    border-right: 1px solid rgba(151, 151, 151, 0.33); }
    @media (max-width: 1439px) {
      .lists-set--double .unordered-titled-list:first-child {
        padding: 0 10px; } }
    @media (max-width: 1179px) {
      .lists-set--double .unordered-titled-list:first-child {
        flex-basis: auto;
        border-right: none; } }
    @media (max-width: 599px) {
      .lists-set--double .unordered-titled-list:first-child {
        padding: 0; } }
  .lists-set--double .unordered-titled-list:last-child {
    flex-basis: 60%;
    padding: 0 10px 0 50px; }
    @media (max-width: 1179px) {
      .lists-set--double .unordered-titled-list:last-child {
        flex-basis: auto;
        margin-top: 25px;
        padding: 0 10px; } }
    @media (max-width: 599px) {
      .lists-set--double .unordered-titled-list:last-child {
        margin-top: 35px;
        padding: 0; } }

.block-image-description {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  margin-top: 55px; }
  @media (max-width: 1179px) {
    .block-image-description {
      display: none; } }
  @media (max-width: 599px) {
    .block-image-description {
      margin-top: 50px; } }
  .block-image-description--one {
    display: none; }
    @media (max-width: 599px) {
      .block-image-description--one {
        display: block;
        text-align: center; }
        .block-image-description--one img {
          width: 100%;
          height: auto; } }
  .block-image-description__image {
    display: inline-block;
    width: auto;
    height: 190px;
    background-color: #fcfcfc; }
    @media (max-width: 1439px) {
      .block-image-description__image {
        height: 160px; } }
    @media (max-width: 599px) {
      .block-image-description__image {
        height: 214px; } }
  @media (max-width: 599px) {
    .block-image-description__description {
      margin-top: 20px; } }
  @media (max-width: 599px) {
    .block-image-description__text {
      margin-top: 12px; } }
  @media (max-width: 599px) {
    .block-image-description__link {
      margin-top: 25px; } }

.help {
  margin-top: 44px;
  font-family: "HK Grotesk", "Arial", sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #828282;
  line-height: 1.71; }
  @media (max-width: 599px) {
    .help {
      margin-top: 55px; } }
  .help__link {
    color: #828282; }

/* FRAMEWORKS */
/**
 * wallop.css
 *
 * @fileoverview Default styles for wallop – recommended
 *
 * @author Pedro Duarte
 * @author http://pedroduarte.me/wallop
 */
/*
  This is the top-level selector

  It should be relative positioned
  to allow the children to be positioned absolutely
  relative to this
 */
.Wallop {
  position: relative; }

/*
  This element groups all the items, but not the buttons

  It's a recommendation but it's very likely
  you'll want to hide any overflow from the items
  Especially when doing animations such as scale
 */
.Wallop-list {
  position: relative;
  overflow: hidden; }

/*
  This is the item element

  By default, they are all hidden and
  positioned absolute
  I recommend always having .Wallop-item--current
  in your markup by default (probably on the first element)
 */
.Wallop-item {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

/*
  This is the current item element

  All we do here, is make it visible again reset
  the position to static. Could also be relative
 */
.Wallop-item--current {
  visibility: visible;
  position: relative; }

/* vendor file */
/* the 10ms animation-delay fixed some weird rendering issues with iPhone */
.Wallop--slide .Wallop-item--showPrevious {
  animation: slideFromLeft 900ms 10ms ease both; }
  .Wallop--slide .Wallop-item--showPrevious .hero-homepage__slide-inner {
    animation: scaleHeroSlide 8000ms ease-out 10ms forwards; }

.Wallop--slide .Wallop-item--showNext {
  animation: slideFromRight 900ms 10ms ease both; }
  .Wallop--slide .Wallop-item--showNext .hero-homepage__slide-inner {
    animation: scaleHeroSlide 8000ms ease-out 10ms forwards; }

.Wallop--slide .Wallop-item--hidePrevious,
.Wallop--slide .Wallop-item--hideNext {
  visibility: visible; }

.Wallop--slide .Wallop-item--hidePrevious {
  animation: slideToLeft 900ms 10ms ease both, slideToRightHeroOpacity 900ms ease 10ms both; }

.Wallop--slide .Wallop-item--hideNext {
  animation: slideToRight 900ms ease 10ms both, slideToLeftHeroOpacity 900ms ease 10ms both; }

.Wallop--slide:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  will-change: transform;
  transform-style: preserve-3d;
  transform: translateX(0);
  animation: openingScreen 700ms cubic-bezier(0.68, 0, 1, 1) 500ms forwards;
  z-index: 9; }

.Wallop--slide .Wallop-item .hero-homepage__slide:first-child {
  animation: scaleHero 8000ms ease-out 10ms forwards; }

.Wallop--slide .hero-homepage__slide-text {
  opacity: 0; }

.Wallop--slide .Wallop--slide .Wallop-item--current {
  width: 85%;
  animation: slideFromLeftHeroWidth 900ms ease 300ms both; }
  .Wallop--slide .Wallop--slide .Wallop-item--current .hero-homepage__slide-inner {
    animation: scaleHeroSlide 8000ms ease-out 10ms forwards; }

.Wallop--slide .controls__item,
.Wallop--slide .controls__nav {
  opacity: 0;
  will-change: transform;
  transform-style: preserve-3d;
  transform: translateX(0); }

.Wallop--slide .controls__nav {
  animation: animateControls 1500ms cubic-bezier(0.63, 0, 0.26, 0) 1100ms forwards, animateControlsOpacity 1500ms cubic-bezier(0.63, 0, 0.26, 0) 1600ms forwards; }

.Wallop--slide .controls__item:nth-of-type(0) {
  animation: animateControls 1500ms cubic-bezier(0.63, 0, 0.26, 0) 1300ms forwards, animateControlsOpacity 1500ms cubic-bezier(0.63, 0, 0.26, 0) 1800ms forwards; }

.Wallop--slide .controls__item:nth-of-type(1) {
  animation: animateControls 1500ms cubic-bezier(0.63, 0, 0.26, 0) 1500ms forwards, animateControlsOpacity 1500ms cubic-bezier(0.63, 0, 0.26, 0) 2000ms forwards; }

.Wallop--slide .controls__item:nth-of-type(2) {
  animation: animateControls 1500ms cubic-bezier(0.63, 0, 0.26, 0) 1700ms forwards, animateControlsOpacity 1500ms cubic-bezier(0.63, 0, 0.26, 0) 2200ms forwards; }

.Wallop--slide .controls__item:nth-of-type(3) {
  animation: animateControls 1500ms cubic-bezier(0.63, 0, 0.26, 0) 1900ms forwards, animateControlsOpacity 1500ms cubic-bezier(0.63, 0, 0.26, 0) 2400ms forwards; }

.Wallop--slide .controls__item:nth-of-type(4) {
  animation: animateControls 1500ms cubic-bezier(0.63, 0, 0.26, 0) 2100ms forwards, animateControlsOpacity 1500ms cubic-bezier(0.63, 0, 0.26, 0) 2600ms forwards; }

.Wallop--slide .controls__item:nth-of-type(5) {
  animation: animateControls 1500ms cubic-bezier(0.63, 0, 0.26, 0) 2300ms forwards, animateControlsOpacity 1500ms cubic-bezier(0.63, 0, 0.26, 0) 2800ms forwards; }

.Wallop--slide .controls__item:nth-of-type(6) {
  animation: animateControls 1500ms cubic-bezier(0.63, 0, 0.26, 0) 2500ms forwards, animateControlsOpacity 1500ms cubic-bezier(0.63, 0, 0.26, 0) 3000ms forwards; }

.Wallop--slide .controls__item:nth-of-type(7) {
  animation: animateControls 1500ms cubic-bezier(0.63, 0, 0.26, 0) 2700ms forwards, animateControlsOpacity 1500ms cubic-bezier(0.63, 0, 0.26, 0) 3200ms forwards; }

.hero-homepage__slide-text.active {
  opacity: 0;
  will-change: transform;
  transform-style: preserve-3d;
  transform: translateY(0);
  animation: moveSlideTextHero 550ms cubic-bezier(0.42, 0, 0.58, 0) both; }

@keyframes slideFromLeft {
  0% {
    transform: translate3d(100%, 0, 0);
    z-index: 4; }
  99% {
    z-index: 4; }
  100% {
    z-index: 0; } }

@keyframes slideFromRight {
  0% {
    transform: translate3d(-100%, 0, 0);
    z-index: 4; }
  99% {
    transform: translate3d(0, 0, 0);
    z-index: 4; }
  100% {
    transform: translate3d(0, 0, 0);
    z-index: 0; } }

@keyframes slideToLeft {
  99% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0); } }

@keyframes slideToRight {
  99% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); } }

@keyframes openingScreen {
  100% {
    transform: translateX(100%); } }

@keyframes sinkCurtain {
  100% {
    z-index: -1; } }

@keyframes animateControlsOpacity {
  100% {
    opacity: 1; } }

@keyframes animateControls {
  100% {
    transform: translateX(15px); } }

@keyframes moveSlideTextHero {
  0% {
    opacity: 0; }
  100% {
    opacity: 1;
    transform: translateY(-10px); } }

@keyframes slideFromLeftHeroWidth {
  100% {
    width: 100%; } }

@keyframes scaleHeroSlide {
  0% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

/**
 * wallop--fade.css
 *
 * @fileoverview Fade animation for wallop
 *
 * @author Pedro Duarte
 * @author http://pedroduarte.me/wallop
 */
.Wallop--fade .Wallop-item--hidePrevious,
.Wallop--fade .Wallop-item--hideNext {
  visibility: visible;
  animation: fadeOut 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955) both; }

/*
  In order to fade out properly we need to make sure
  that the item that is going to be the previous one
  has a higer z-index that the next one
 */
.Wallop--fade .Wallop-item--hidePrevious,
.Wallop--fade .Wallop-item--hideNext {
  z-index: 2; }

.Wallop--fade .Wallop-item--showPrevious,
.Wallop--fade .Wallop-item--showNext {
  z-index: 1; }

/*==========  FADE ANIMATIONS  ==========*/
@keyframes fadeOut {
  100% {
    visibility: hidden;
    opacity: 0; } }

/**
 * wallop--vertical-slide.css
 *
 * @fileoverview Verical slide animation for wallop
 *
 * @author Pedro Duarte
 * @author http://pedroduarte.me/wallop
 */
/* the 10ms animation-delay fixed some weird rendering issues with iPhone */
.Wallop--vertical-slide .Wallop-list {
  overflow: hidden;
  position: relative; }

.Wallop--vertical-slide .Wallop-item--showNext {
  animation: slideFromTop 500ms 10ms cubic-bezier(0.68, 0, 1, 1) both; }

.Wallop--vertical-slide .Wallop-item--showPrevious {
  animation: slideFromBottom 500ms 10ms cubic-bezier(0.68, 0, 1, 1) both; }

.Wallop--vertical-slide .Wallop-item--hidePrevious,
.Wallop--vertical-slide .Wallop-item--hideNext {
  visibility: visible; }

.Wallop--vertical-slide .Wallop-item--hidePrevious {
  animation: slideToBottom 500ms 10ms cubic-bezier(0.68, 0, 1, 1) both; }

.Wallop--vertical-slide .Wallop-item--hideNext {
  animation: slideToTop 500ms 10ms cubic-bezier(0.68, 0, 1, 1) both; }

@keyframes slideFromTop {
  0% {
    transform: translate3d(0, -100%, 0); } }

@keyframes slideFromBottom {
  0% {
    transform: translate3d(0, 100%, 0); } }

@keyframes slideToTop {
  99% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(0, -100%, 0); } }

@keyframes slideToBottom {
  99% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(0, 100%, 0); } }

@media (max-width: 599px) {
  .hidden-on-mobiles {
    display: none; } }

.show-on-mobiles {
  display: none; }
  @media (max-width: 599px) {
    .show-on-mobiles {
      display: block; }
      .show-on-mobiles.dropdown {
        display: flex; } }

@media (max-width: 879px) {
  .hidden-on-tablets {
    display: none; } }

.show-on-tablets {
  display: none; }
  @media (max-width: 879px) {
    .show-on-tablets {
      display: block; }
      .show-on-tablets.dropdown {
        display: flex; } }

@media (max-width: 1179px) {
  .hidden-on-small-desktops {
    display: none; } }

.show-on-small-desktops {
  display: none; }
  @media (max-width: 1179px) {
    .show-on-small-desktops {
      display: block; } }

.no-wrap-for-desktops {
  flex-wrap: nowrap; }
  @media (max-width: 879px) {
    .no-wrap-for-desktops {
      flex-wrap: wrap; } }

.twitter-tweet {
  width: 100% !important; }

/*      Resource ID: 9ff6eca3045aa435b9a22b24758 (itinerary-widget.scss, compiled by node-sass, minified by cleancss) (03/08/2025 7:29am) (A:3260, B:3260, C:3531, D:3531, F:3531, I:2937, K:2937)      */

.itinerary-search-container form{margin-bottom:35px}.itinerary-search-container #itinerary-search{width:60%;margin-right:20px;font-size:20px}.itinerary-search-container #itinerary-submit{width:35%;min-width:initial}.itinerary-search-container .toggle-wrapper p{margin-bottom:20px}.itinerary-search-container .toggle-wrapper .filter-toggle{margin-right:20px;border-radius:25px;margin-bottom:8px}.itinerary-search-container .toggle-wrapper .filter-toggle:after{border-radius:25px}.itinerary-search-container .toggle-wrapper .filter-toggle.selected{background-color:#ffcd00}@media screen and (max-width:500px){.itinerary-search-container #itinerary-search{width:100%}.itinerary-search-container #itinerary-submit{width:100%;max-width:initial;margin-top:25px}}.itinerary-widget-container{width:100%;margin-top:20px}.itinerary-widget-container .search-results-text{font-size:.9rem}.itinerary-widget-container .search-results-text span{font-weight:500;font-style:italic}.itinerary-widget-container .search-results-text a{font-weight:500}.itinerary-widget-container .search-results-text a:before{content:"[X]";margin-right:3px}.itinerary-widget-container .no_results{margin-top:20px;text-align:center;font-size:1.2rem}.itinerary-widget-container .no_results span{font-weight:500;font-style:italic}.itinerary-widget-container .itinerary-event{width:100%;display:flex}.itinerary-widget-container .itinerary-event-details{width:75%;border:solid 1px #828282;border-bottom:none;padding:15px 10px}.itinerary-widget-container .itinerary-event-location{font-size:1rem}.itinerary-widget-container .itinerary-event-location span{font-weight:500}.itinerary-widget-container .itinerary-event-time{display:table;width:25%;border:solid 1px #828282;border-bottom:none;border-right:none;padding:15px 10px}.itinerary-widget-container .itinerary-event-time>span{display:table-cell;vertical-align:middle}.itinerary-widget-container .itinerary-event:last-child .itinerary-event-details,.itinerary-widget-container .itinerary-event:last-child .itinerary-event-time{border-bottom:solid 1px #828282}.itinerary-widget-container .itinerary-event-title{padding:0;margin-bottom:5px}.itinerary-widget-container .hide-event{display:none!important}.itinerary-widget-container .itinerary-child-events-wrapper{padding-top:20px}.itinerary-widget-container .itinerary-child-event,.itinerary-widget-container .itinerary-parent-event{padding-left:20px;width:100%}.itinerary-widget-container .itinerary-child-event .itinerary-event-title,.itinerary-widget-container .itinerary-parent-event .itinerary-event-title{margin-bottom:0;display:inline}.itinerary-widget-container .itinerary-child-event{margin-bottom:10px}@media screen and (max-width:500px){.itinerary-widget-container .itinerary-event{flex-wrap:wrap}.itinerary-widget-container .itinerary-event-time{display:block;width:100%;border-right:solid 1px #828282}.itinerary-widget-container .itinerary-event-details{width:100%}}

/*      Resource ID: 298b6c8b13e6a7abe205385e72c (livewhale.scss, compiled by node-sass, minified by cleancss) (03/08/2025 7:29am) (A:1713, B:1713, C:719, D:719, F:719, I:604, K:604)      */

.livewhale .general-container>.navigation,.livewhale .sidebar__inner,.livewhale header.header{margin-top:30px}.menus .lw_widget_navigation>ul>li{margin:0}.placeholder-notice{border:2px solid #900;padding:12px 15px;margin:40px 0;position:relative}.placeholder-notice:before{position:absolute;bottom:101%;font-size:12px;font-style:italic;color:#900;content:'Temporary pre-launch notice: Placeholder content for widget'}.lw_overlay .checkbox{opacity:1!important;pointer-events:all!important}.lw_editor_on #lw_content_main_content .lw_widget_placeholder.lw_widget_replaced{border:10px solid #c00;height:50px}