@charset "UTF-8";
/* ========================================================================= */
/* !RESETS AND DEFAULTS */
/* ========================================================================= */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, hr, acronym, dl, dt, dd, ol, ul, li, pre, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { border: 0; outline: 0; font-style: normal; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; }

em, strong, b, i, a, span, sub, sup, small { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; }

/* a:focus { outline:0; } :focus, :active { outline:none; outline:0; } ::-moz-focus-inner { outline:none; } */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

li { list-style: none; }

a { text-decoration: none; }

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

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

hr { display: block; height: 1px; border-top: 1px solid #000; color: #000; }

input, select { vertical-align: middle; }

sub { vertical-align: sub; font-size: smaller; line-height: 0px; }

sup { vertical-align: super; font-size: smaller; line-height: 0px; }

input, button, textarea, select, label, img { display: inline-block; max-width: 100%; height: auto; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

input[type=text], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=email], input[type=submit], button, textarea, select { -webkit-appearance: none; outline: 1px solid transparent; }

textarea { resize: none; overflow: auto; }

button, a span { cursor: pointer; }

button { border: 0; text-align: center; }

button::-moz-focus-inner { padding: 0; border: 0; }

table { table-layout: fixed; }

a[href^=tel] { color: inherit; }

select { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; }

select:-moz-focusring { color: transparent; }

select::-ms-expand { display: none; }

/* != FONT SMOOTHING */
body, input, button, textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* != ms-clear */
input[type=text]::-ms-clear { display: none; }

/* != BACKGROUND POSITION AND BOX SIZING */
*, *:before, *:after { box-sizing: border-box; background-position: center; background-repeat: no-repeat; }

/* != .clearfix - CLEAR ELEMENTS */
.clear { clear: both; }

.clearfix { display: block; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/* != .wordwrap - CONTINUE LONG URLS/WORDS ON NEXT LINE */
.wordwrap { white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; word-wrap: break-word; }

/* ========================================================================= */
/* !FONTS (@fontface generated with FontSpring Syntax formatting */
/* ========================================================================= */
/* Bemio */
@font-face { font-family: 'Bemio'; src: url("../fonts/bemio/Bemio.woff2") format("woff2"), url("../fonts/bemio/Bemio.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Bemio'; src: url("../fonts/bemio/BemioItalic.woff2") format("woff2"), url("../fonts/bemio/BemioItalic.woff") format("woff"); font-weight: normal; font-style: italic; }

/* END Bemio */
/* Libre Franklin */
@font-face { font-family: 'Libre Franklin'; src: url("../fonts/librefranklin/LibreFranklin-Thin.woff2") format("woff2"), url("../fonts/librefranklin/LibreFranklin-Thin.woff") format("woff"); font-weight: 100; font-style: normal; }

@font-face { font-family: 'Libre Franklin'; src: url("../fonts/librefranklin/LibreFranklin-LightItalic.woff2") format("woff2"), url("../fonts/librefranklin/LibreFranklin-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; }

@font-face { font-family: 'Libre Franklin'; src: url("../fonts/librefranklin/LibreFranklin-BlackItalic.woff2") format("woff2"), url("../fonts/librefranklin/LibreFranklin-BlackItalic.woff") format("woff"); font-weight: 900; font-style: italic; }

@font-face { font-family: 'Libre Franklin'; src: url("../fonts/librefranklin/LibreFranklin-Black.woff2") format("woff2"), url("../fonts/librefranklin/LibreFranklin-Black.woff") format("woff"); font-weight: 900; font-style: normal; }

@font-face { font-family: 'Libre Franklin'; src: url("../fonts/librefranklin/LibreFranklin-SemiBoldItalic.woff2") format("woff2"), url("../fonts/librefranklin/LibreFranklin-SemiBoldItalic.woff") format("woff"); font-weight: 600; font-style: italic; }

@font-face { font-family: 'Libre Franklin'; src: url("../fonts/librefranklin/LibreFranklin-ExtraLight.woff2") format("woff2"), url("../fonts/librefranklin/LibreFranklin-ExtraLight.woff") format("woff"); font-weight: 200; font-style: normal; }

@font-face { font-family: 'Libre Franklin'; src: url("../fonts/librefranklin/LibreFranklin-ExtraBold.woff2") format("woff2"), url("../fonts/librefranklin/LibreFranklin-ExtraBold.woff") format("woff"); font-weight: 800; font-style: normal; }

@font-face { font-family: 'Libre Franklin'; src: url("../fonts/librefranklin/LibreFranklin-Italic.woff2") format("woff2"), url("../fonts/librefranklin/LibreFranklin-Italic.woff") format("woff"); font-weight: normal; font-style: italic; }

@font-face { font-family: 'Libre Franklin'; src: url("../fonts/librefranklin/LibreFranklin-Regular.woff2") format("woff2"), url("../fonts/librefranklin/LibreFranklin-Regular.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Libre Franklin'; src: url("../fonts/librefranklin/LibreFranklin-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/librefranklin/LibreFranklin-ExtraBoldItalic.woff") format("woff"); font-weight: 800; font-style: italic; }

@font-face { font-family: 'Libre Franklin'; src: url("../fonts/librefranklin/LibreFranklin-ExtraLightItalic.woff2") format("woff2"), url("../fonts/librefranklin/LibreFranklin-ExtraLightItalic.woff") format("woff"); font-weight: 200; font-style: italic; }

@font-face { font-family: 'Libre Franklin'; src: url("../fonts/librefranklin/LibreFranklin-Bold.woff2") format("woff2"), url("../fonts/librefranklin/LibreFranklin-Bold.woff") format("woff"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'Libre Franklin'; src: url("../fonts/librefranklin/LibreFranklin-ThinItalic.woff2") format("woff2"), url("../fonts/librefranklin/LibreFranklin-ThinItalic.woff") format("woff"); font-weight: 100; font-style: italic; }

@font-face { font-family: 'Libre Franklin'; src: url("../fonts/librefranklin/LibreFranklin-Medium.woff2") format("woff2"), url("../fonts/librefranklin/LibreFranklin-Medium.woff") format("woff"); font-weight: 500; font-style: normal; }

@font-face { font-family: 'Libre Franklin'; src: url("../fonts/librefranklin/LibreFranklin-BoldItalic.woff2") format("woff2"), url("../fonts/librefranklin/LibreFranklin-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; }

@font-face { font-family: 'Libre Franklin'; src: url("../fonts/librefranklin/LibreFranklin-Light.woff2") format("woff2"), url("../fonts/librefranklin/LibreFranklin-Light.woff") format("woff"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'Libre Franklin'; src: url("../fonts/librefranklin/LibreFranklin-SemiBold.woff2") format("woff2"), url("../fonts/librefranklin/LibreFranklin-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; }

@font-face { font-family: 'Libre Franklin'; src: url("../fonts/librefranklin/LibreFranklin-MediumItalic.woff2") format("woff2"), url("../fonts/librefranklin/LibreFranklin-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; }

/* END Libre Franklin */
/* Cooper Hewitt */
@font-face { font-family: 'Cooper Hewitt Book'; src: url("../fonts/cooperhewitt/CooperHewitt-Book.woff2") format("woff2"), url("CooperHewitt-Book.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Cooper Hewitt'; src: url("../fonts/cooperhewitt/CooperHewitt-BoldItalic.woff2") format("woff2"), url("../fonts/cooperhewitt/CooperHewitt-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; }

@font-face { font-family: 'Cooper Hewitt'; src: url("../fonts/cooperhewitt/CooperHewitt-MediumItalic.woff2") format("woff2"), url("../fonts/cooperhewitt/CooperHewitt-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; }

@font-face { font-family: 'Cooper Hewitt'; src: url("../fonts/cooperhewitt/CooperHewitt-LightItalic.woff2") format("woff2"), url("../fonts/cooperhewitt/CooperHewitt-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; }

@font-face { font-family: 'Cooper Hewitt Book'; src: url("../fonts/cooperhewitt/CooperHewitt-BookItalic.woff2") format("woff2"), url("../fonts/cooperhewitt/CooperHewitt-BookItalic.woff") format("woff"); font-weight: normal; font-style: italic; }

@font-face { font-family: 'Cooper Hewitt'; src: url("../fonts/cooperhewitt/CooperHewitt-Bold.woff2") format("woff2"), url("../fonts/cooperhewitt/CooperHewitt-Bold.woff") format("woff"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'Cooper Hewitt'; src: url("../fonts/cooperhewitt/CooperHewitt-Thin.woff2") format("woff2"), url("../fonts/cooperhewitt/CooperHewitt-Thin.woff") format("woff"); font-weight: 100; font-style: normal; }

@font-face { font-family: 'Cooper Hewitt'; src: url("../fonts/cooperhewitt/CooperHewitt-SemiboldItalic.woff2") format("woff2"), url("../fonts/cooperhewitt/CooperHewitt-SemiboldItalic.woff") format("woff"); font-weight: 600; font-style: italic; }

@font-face { font-family: 'Cooper Hewitt'; src: url("../fonts/cooperhewitt/CooperHewitt-HeavyItalic.woff2") format("woff2"), url("../fonts/cooperhewitt/CooperHewitt-HeavyItalic.woff") format("woff"); font-weight: 900; font-style: italic; }

@font-face { font-family: 'Cooper Hewitt'; src: url("../fonts/cooperhewitt/CooperHewitt-Semibold.woff2") format("woff2"), url("../fonts/cooperhewitt/CooperHewitt-Semibold.woff") format("woff"); font-weight: 600; font-style: normal; }

@font-face { font-family: 'Cooper Hewitt'; src: url("../fonts/cooperhewitt/CooperHewitt-Light.woff2") format("woff2"), url("../fonts/cooperhewitt/CooperHewitt-Light.woff") format("woff"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'Cooper Hewitt'; src: url("../fonts/cooperhewitt/CooperHewitt-ThinItalic.woff2") format("woff2"), url("../fonts/cooperhewitt/CooperHewitt-ThinItalic.woff") format("woff"); font-weight: 100; font-style: italic; }

@font-face { font-family: 'Cooper Hewitt'; src: url("../fonts/cooperhewitt/CooperHewitt-Heavy.woff2") format("woff2"), url("../fonts/cooperhewitt/CooperHewitt-Heavy.woff") format("woff"); font-weight: 900; font-style: normal; }

@font-face { font-family: 'Cooper Hewitt'; src: url("../fonts/cooperhewitt/CooperHewitt-Medium.woff2") format("woff2"), url("../fonts/cooperhewitt/CooperHewitt-Medium.woff") format("woff"); font-weight: 500; font-style: normal; }

/* END Cooper Hewitt */
/* ========================================================================= */
/* !SASS VARIABLES & MIXINS */
/* ========================================================================= */
/* // Use Case: $b (second) variable is optional and defaults to 'max-width' @include break(1100){ h1{ background: red; } } // Output @media screen and (max-width: 1100px) { h1 { background: red; } } // Also, if you want to specify the 2nd variable for break type (i.e., min-height) @include break(1100, 'min-height'){ h1 { background:red; } } // Output @media screen and (min-height: 1100px) { h1 { background: red; } } */
/* // inline SVGs // usage: background-image: inline-svg('<svg><!-- your svg code --></svg>'); */
/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }

.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }

.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.mfp-align-top .mfp-container:before { display: none; }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; }

.mfp-zoom { cursor: pointer; cursor: zoom-in; }

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; user-select: none; }

.mfp-loading.mfp-figure { display: none; }

.mfp-hide { display: none !important; }

.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }

.mfp-preloader a { color: #CCC; }

.mfp-preloader a:hover { color: #FFF; }

.mfp-s-ready .mfp-preloader { display: none; }

.mfp-s-error .mfp-content { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; }

button::-moz-focus-inner { padding: 0; border: 0; }

.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus { opacity: 1; }

.mfp-close:active { top: 1px; }

.mfp-close-btn-in .mfp-close { color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }

.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active { margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }

.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }

.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

.mfp-arrow-left { left: 0; }

.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; }

.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }

.mfp-arrow-right { right: 0; }

.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; }

.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }

.mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }

.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }

.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }

.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }

.mfp-figure figure { margin: 0; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }

.mfp-image-holder .mfp-content { max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }

@media all and (max-width: 900px) { .mfp-arrow { transform: scale(0.75); }
  .mfp-arrow-left { transform-origin: 0; }
  .mfp-arrow-right { transform-origin: 100%; }
  .mfp-container { padding-left: 6px; padding-right: 6px; } }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { display: table; content: ''; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir='rtl'] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* ========================================================================= */
/* !STYLES */
/* ========================================================================= */
html, body { font-family: "Libre Franklin", san-serif; color: #606060; font-weight: normal; font-size: 15px; line-height: 1.5; }

@media screen and (max-width: 768px) { html, body { font-size: 14px; } }

html { overflow-x: hidden; }

.mfp-bg { background: #FFFB59; }

a { color: #468AC9; }

a:hover { color: #5BC337; }

/* != SELECTION STYLES (Leaving these blank will show no indication of text selection) ===== */
/* ::selection         { background: #aaa; color: #fff; } ::-moz-selection    { background: #aaa; color: #fff; } ::-webkit-selection { background: #aaa; color: #fff; } */
/* != DEFAULT WORDPRESS STYLES = USE AS NEEDED = .wp-caption = .wp-caption-dd = .wpGallery = .shutter = .shutterset ==== */
.aligncenter { display: block; margin: 25px auto; }

.alignleft { float: left; margin: 0 25px 25px 0; }

.alignright { float: right; margin: 0 0 25px 25px; }

.alignnone { display: inline-block; }

.right { float: right; }

.left { float: left; }

/* != LAYOUT STYLES ===== */
h1 { font-family: "Cooper Hewitt", san-serif; font-size: 80px; color: #401E1F; letter-spacing: 2.67px; font-weight: 700; }

h1.page-title { font-size: 48px; line-height: 1; font-weight: normal; font-family: "Bemio", san-serif; font-style: italic; color: #FFFB59; }

@media screen and (max-width: 768px) { h1.page-title { font-size: 32px; } }

h1.white { color: #fff; }

h1.white svg { fill: #fff; }

h1.white.fancy-text svg { fill: #fff; }

h1.fancy-text svg { width: 22px; height: 40px; fill: #FFFB59; }

@media screen and (max-width: 768px) { h1.fancy-text svg { display: none; } }

h2 { font-family: "Cooper Hewitt", san-serif; font-size: 62px; line-height: 1.2; color: #401E1F; letter-spacing: 8.45px; }

h3 { font-family: "Bemio", san-serif; font-style: italic; font-size: 46px; color: #FFFB59; line-height: 1; margin-bottom: 20px; }

h4 { font-family: "Bemio", san-serif; font-style: italic; font-size: 30px; color: #401E1F; line-height: 1; letter-spacing: 1px; }

@media screen and (max-width: 768px) { h4 { font-size: 24px; } }

h5 { font-family: "Bemio", san-serif; font-style: italic; font-size: 25px; color: #E44E3A; letter-spacing: 0; line-height: 1; }

h5.smaller { font-size: 18px; font-style: normal; font-family: "Cooper Hewitt", san-serif; letter-spacing: 2px; text-transform: uppercase; font-weight: 600; color: #5BC337; }

h6 { font-family: "Cooper Hewitt", san-serif; font-size: 22px; color: #5BC337; letter-spacing: 1.38px; line-height: 1.2; text-transform: uppercase; margin-bottom: 10px; }

p { margin-bottom: 25px; }

p.white { color: #fff; }

.squiggly-filter { position: absolute; height: 0; width: 0; left: -9999px; z-index: 9999; }

.content-main ul:not([class*="gf"]) > li { position: relative; padding-left: 10px; margin-bottom: 10px; }

.content-main ul:not([class*="gf"]) > li:before { content: '\2022'; position: absolute; left: 0; }

.content-main ol { counter-reset: li; }

.content-main ol > li { position: relative; padding-left: 20px; }

.content-main ol > li:before { content: counter(li) ". "; counter-increment: li; position: absolute; right: calc(100% - 15px); }

.btn { font-weight: 600; font-family: "Cooper Hewitt", san-serif; font-size: 13px; line-height: 1; padding: 16px 30px 15px 30px; letter-spacing: 1px; text-align: center; display: inline-block; border-radius: 4px; }

.btn.salmon { background-color: #E74D43; color: #FFFFFF; }

.btn.brown { background-color: #5F382E; color: #fff; }

.btn.green { background-color: #5BC337; color: #fff; }

.btn.salmon-hover:hover { background-color: #E74D43; color: #FFFFFF; }

.btn.brown-hover:hover { background-color: #5F382E; color: #fff; }

.btn.white-hover:hover { background-color: #fff; color: #5F382E; }

.wrapper { max-width: 1180px; width: 100%; margin: 0 auto; padding: 0 20px; }

/* != PLACEHOLDER ATTRIBUTE STYLES = input or textarea - placeholder="whatever" ===== */
/* ::-webkit-input-placeholder { color: #aaa; } ::-moz-placeholder { color: #aaa; } */
input[type=submit], button { display: inline-block; cursor: pointer; }

/* != Select menus with a .select-menu container or gform-select-menu applied in gravity forms ===== */
.select-menu, .gform-select-menu div { position: relative; width: 260px; border: 1px solid #f00; vertical-align: middle; display: inline-block; overflow: hidden; margin: 0 10px 0 0; }

.select-menu:before, .select-menu:after, .gform-select-menu div:before, .gform-select-menu div:after { content: ''; position: absolute; right: 14px; top: calc(50% - 8px); z-index: 1; pointer-events: none; width: 16px; height: 16px; /* bg image */ }

.select-menu:hover, .gform-select-menu div:hover { border-color: #00f; }

.select-menu:hover:before, .gform-select-menu div:hover:before { /* bg image */ }

.select-menu:hover:after, .gform-select-menu div:hover:after { /* bg image */ }

.select-menu select, .gform-select-menu div select { padding: 0 10px 0 20px; cursor: pointer; color: #0f0; background-color: #fff; width: 120%; height: 40px; line-height: 40px; border: 0; border-radius: 0; text-indent: 0.01px; text-overflow: ''; position: relative; z-index: 1; }

.validation { font-size: 14px; }

.validation_error { padding: 15px; color: #fff; background: #E74D43; margin: 20px 0; }

.validation_message { text-transform: uppercase; font-size: 10px; color: #E74D43; font-weight: 600; }

.gform_validation_container { position: absolute; top: -9999px; left: -9999px; pointer-events: none; opacity: 0; }

.pull-right { float: right; }

.pull-left { float: left; }

#header { position: absolute; z-index: 100; top: 0; left: 0; width: 100%; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%); }

@media screen and (max-width: 800px) { #header { background: #5BC337; height: 38px; } }

#header .logo { max-width: 256px; width: 20%; margin: 15px auto; display: block; }

#header .logo img { width: 100%; display: block; }

@media screen and (max-width: 1140px) { #header .logo { max-width: 176px; } }

@media screen and (max-width: 860px) { #header .logo { max-width: 136px; } }

#header.static-header { position: relative; background-color: #5BC337; padding: 15px 0 5px; }

#header.static-header .logo { margin: 0 auto 15px; }

#header #open-close-menu { float: left; position: relative; height: 20px; background: none; padding: 0; margin: 9px 0 0; display: block; }

#header #open-close-menu span { display: block; height: 2px; width: 20px; background-color: #fff; border-radius: 2px; }

#header #open-close-menu span:before { left: 0; border-radius: 2px; content: ''; height: 2px; width: 20px; position: absolute; top: 2px; background-color: #fff; }

#header #open-close-menu span:after { left: 0; border-radius: 2px; background-color: #fff; content: ''; height: 2px; width: 20px; bottom: 2px; position: absolute; }

#header .mobile-navigation { display: none; }

@media screen and (max-width: 800px) { #header .mobile-navigation { display: block; } }

#header .mobile-navigation .logo { width: 140px; position: absolute; left: 50%; top: -10px; transform: translateX(-50%); z-index: 5; }

#header .mobile-navigation .search-button { float: right; margin-top: 10px; }

#header .mobile-navigation .search-button svg { fill: #fff; width: 17px; height: 17px; }

@media screen and (min-width: 1100px) { #header .desktop-navigation { top: -40px; position: relative; } }

@media screen and (max-width: 800px) { #header .desktop-navigation { display: none; } }

#header .desktop-navigation nav { display: inline-block; font-size: 0; vertical-align: top; }

#header .desktop-navigation nav > ul > li { display: inline-block; vertical-align: top; }

#header .desktop-navigation nav > ul > li > a { font-family: "Cooper Hewitt", san-serif; font-weight: bold; text-transform: uppercase; font-size: 14px; line-height: 1; color: #FFFFFF; letter-spacing: 1.4px; padding: 10px 10px; display: block; }

@media screen and (max-width: 1140px) { #header .desktop-navigation nav > ul > li > a { font-size: 13px; } }

@media screen and (max-width: 1024px) { #header .desktop-navigation nav > ul > li > a { font-size: 12px; padding: 5px; letter-spacing: 1.2px; } }

@media screen and (max-width: 900px) { #header .desktop-navigation nav > ul > li > a { text-transform: none; letter-spacing: none; } }

#header .desktop-navigation nav > ul > li:hover > a { background-color: #5F382E; }

#header .desktop-navigation nav > ul > li:hover > ul { opacity: 1; visibility: visible; z-index: auto; }

#header .desktop-navigation nav > ul > li > ul { position: absolute; max-width: 250px; width: 100%; background-color: #5F382E; opacity: 0; visibility: hidden; z-index: -9999; }

#header .desktop-navigation nav > ul > li > ul > li > a { display: block; padding: 10px 10px; color: #fff; font-size: 14px; }

@media screen and (max-width: 1140px) { #header .desktop-navigation nav > ul > li > ul > li > a { font-size: 13px; } }

@media screen and (max-width: 1024px) { #header .desktop-navigation nav > ul > li > ul > li > a { padding: 5px; } }

@media screen and (max-width: 960px) { #header .desktop-navigation nav > ul > li > ul > li > a { font-size: 12px; } }

#header .desktop-navigation nav > ul > li > ul > li > a:hover { background-color: #E74D43; }

#header .desktop-navigation .menu-wrap { margin-top: 41px; }

@media screen and (max-width: 1140px) { #header .desktop-navigation .menu-wrap { margin-top: 7px; } }

#header .desktop-navigation .menu-wrap.pull-left nav > ul > li { margin-right: 8px; }

#header .desktop-navigation .menu-wrap.pull-left nav > ul > li:last-child { margin-right: 0; }

#header .desktop-navigation .menu-wrap.pull-right nav > ul > li { margin-left: 8px; }

#header .desktop-navigation .menu-wrap.pull-right nav > ul > li:first-child { margin-left: 0; }

@media screen and (max-width: 1160px) { #header .desktop-navigation .menu-wrap.pull-left nav > ul > li { margin-right: 5px; }
  #header .desktop-navigation .menu-wrap.pull-left nav > ul > li:last-child { margin-right: 0; }
  #header .desktop-navigation .menu-wrap.pull-right nav > ul > li { margin-left: 5px; }
  #header .desktop-navigation .menu-wrap.pull-right nav > ul > li:first-child { margin-left: 0; } }

@media screen and (max-width: 1024px) { #header .desktop-navigation .menu-wrap.pull-left nav > ul > li { margin-right: 2px; }
  #header .desktop-navigation .menu-wrap.pull-left nav > ul > li:last-child { margin-right: 0; }
  #header .desktop-navigation .menu-wrap.pull-right nav > ul > li { margin-left: 2px; }
  #header .desktop-navigation .menu-wrap.pull-right nav > ul > li:first-child { margin-left: 0; } }

#header .desktop-navigation .search-button { margin-left: 22px; display: inline-block; line-height: 0; vertical-align: top; position: relative; }

@media screen and (max-width: 960px) { #header .desktop-navigation .search-button { margin-left: 8px; } }

#header .desktop-navigation .search-button a { display: block; height: 17px; width: 17px; padding: 17px; background-color: transparent; line-height: 1; position: relative; }

#header .desktop-navigation .search-button a.is-active { background-color: #5F382E; }

#header .desktop-navigation .search-button a svg { fill: #fff; height: 17px; width: 17px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.main-menu-nav > ul > li { margin-bottom: 20px; }

.main-menu-nav > ul > li:last-child { border-bottom: none; }

.main-menu-nav > ul > li > a { font-family: "Cooper Hewitt", san-serif; font-size: 12px; font-weight: 500; text-transform: uppercase; color: #FFFFFF; letter-spacing: 1px; }

.main-menu-nav > ul > li > ul { margin-top: 20px; position: relative; margin-left: 10px; padding-left: 13px; padding-top: 3px; padding-bottom: 3px; border-left: 3px solid rgba(20, 55, 124, 0.25); }

.main-menu-nav > ul > li > ul > li { margin-bottom: 12px; }

.main-menu-nav > ul > li > ul > li > a { font-size: 12px; color: #FFFFFF; line-height: 18px; }

.mobile-menu-container { position: absolute; top: 0; left: -200px; width: 200px; min-height: 100%; z-index: 3; background-color: #468AC9; top: 38px; padding: 30px 0 40px; transition: left .25s ease-in-out; }

@media screen and (min-width: 800px) { .mobile-menu-container { display: none; } }

.mobile-menu-container.is-active { left: 0; }

@media screen and (min-width: 800px) { .mobile-menu-container.is-active { display: none; } }

.mobile-menu-container .main-menu-nav div > ul > li { margin-bottom: 20px; }

.mobile-menu-container .main-menu-nav div > ul > li:last-child { border-bottom: none; }

.mobile-menu-container .main-menu-nav div > ul > li > a { font-family: "Cooper Hewitt", san-serif; font-size: 12px; font-weight: 500; text-transform: uppercase; color: #FFFFFF; letter-spacing: 1px; }

.mobile-menu-container .main-menu-nav div > ul > li > ul { margin-top: 20px; position: relative; margin-left: 10px; padding-left: 13px; padding-top: 3px; padding-bottom: 3px; border-left: 3px solid rgba(20, 55, 124, 0.25); }

.mobile-menu-container .main-menu-nav div > ul > li > ul > li { margin-bottom: 12px; }

.mobile-menu-container .main-menu-nav div > ul > li > ul > li > a { font-size: 12px; color: #FFFFFF; line-height: 18px; }

.mobile-menu-container .social-media-mobile-menu { border-bottom: 3px solid rgba(20, 55, 124, 0.25); }

.mobile-menu-container .social-media-mobile-menu a svg { fill: #fff; width: 15px; height: 15px; }

.search-form { display: none; position: absolute; background-color: #5F382E; right: 0; width: 200px; padding: 20px; }

@media screen and (max-width: 800px) { .search-form { top: 38px; width: 200px; padding-top: 24px; display: block; right: -200px; transition: right .25s ease-in-out; } }

.search-form.is-open { display: block; }

@media screen and (max-width: 800px) { .search-form.is-open { right: 0; } }

.search-form form > div { font-size: 0; }

.search-form label { color: #fff; font-weight: bold; font-size: 11px; text-transform: uppercase; text-align: center; line-height: 1; margin-bottom: 5px; }

.search-form input { border: none; width: 100%; font-size: 14px; height: 38px; padding: 20px; width: calc(100% - 40px); display: inline-block; vertical-align: top; }

.search-form button { font-size: 0; background-color: #5BC337; width: 40px; height: 40px; display: inline-block; vertical-align: top; }

.search-form button svg { fill: #fff; width: 17px; height: 17px; display: block; position: relative; top: 1px; left: 3px; }

.search-form button:hover { background-color: #fff; }

.search-form button:hover svg { fill: #5BC337; }

@media screen and (max-width: 800px) { .hero-banner { margin-top: 38px; } }

.hero-banner video { width: 100%; height: auto; display: block; }

.hero-banner img { display: none; }

@media screen and (max-width: 768px) { .hero-banner video { display: none; }
  .hero-banner img { display: block; } }

.mission-statement { position: relative; overflow: hidden; background-color: #5BC337; }

.mission-statement .wrapper { max-width: 750px; text-align: center; padding: 80px 20px; position: relative; z-index: 1; }

@media screen and (max-width: 768px) { .mission-statement .wrapper { padding: 40px 20px; } }

.mission-statement h2.fancy-text { font-size: 80px; text-align: center; line-height: 1; color: #fff; text-transform: uppercase; margin-bottom: 0; }

.mission-statement h2.fancy-text small { text-transform: none; display: block; font-size: 64px; font-style: italic; color: #FFFB59; font-weight: normal; }

.mission-statement h2.fancy-text span { display: block; }

.mission-statement h2.fancy-text span svg { position: relative; top: 5px; fill: #fff; width: 41px; height: 78px; }

@media screen and (max-width: 1200px) { .mission-statement h2.fancy-text span svg { width: 31px; height: 58px; } }

@media screen and (max-width: 700px) { .mission-statement h2.fancy-text span svg { display: none; } }

@media screen and (max-width: 1200px) { .mission-statement h2.fancy-text { font-size: 65px; }
  .mission-statement h2.fancy-text small { font-size: 48px; } }

@media screen and (max-width: 700px) { .mission-statement h2.fancy-text { font-size: 48px; }
  .mission-statement h2.fancy-text span { display: inline; }
  .mission-statement h2.fancy-text small { font-size: 24px; } }

@media screen and (max-width: 600px) { .mission-statement h2.fancy-text { font-size: 40px; }
  .mission-statement h2.fancy-text span { display: inline; }
  .mission-statement h2.fancy-text small { font-size: 32px; margin-bottom: 12px; } }

@media screen and (max-width: 320px) { .mission-statement h2.fancy-text { font-size: 36px; }
  .mission-statement h2.fancy-text small { font-size: 24px; margin-bottom: 6px; } }

.mission-statement p { font-weight: normal; font-size: 18px; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 25px; max-width: 465px; margin: 0 auto; }

@media screen and (max-width: 1200px) { .mission-statement p { font-size: 16px; } }

.mission-statement .label-links { text-align: center; }

.mission-statement .bottom-border-svg { fill: #FFFB59; width: 473px; height: 9px; margin-top: 15px; margin-bottom: 30px; }

@media screen and (max-width: 1200px) { .mission-statement .bottom-border-svg { height: 7px; } }

@media screen and (max-width: 600px) { .mission-statement .bottom-border-svg { height: 5px; width: 100%; } }

.mission-statement p { margin-bottom: 35px; }

.mission-statement .label-links { margin-bottom: 40px; }

.mission-statement .label-links a { display: inline-block; margin: 0 15px; }

.mission-statement .label-links a img { height: 74px; width: 74px; }

@media screen and (max-width: 700px) { .mission-statement .label-links a { margin: 0 8px; }
  .mission-statement .label-links a img { height: 60px; width: 60px; } }

@keyframes squiggly-anim { 0% { filter: url("#squiggly-0"); }
  25% { filter: url("#squiggly-1"); }
  50% { filter: url("#squiggly-2"); }
  75% { filter: url("#squiggly-3"); }
  100% { filter: url("#squiggly-4"); } }

.squiggle-anime { animation: squiggly-anim .75s linear infinite; }

.parrallax-slides { z-index: 0; }

.parrallax-slides img { position: absolute; }

.parrallax-slides img.beans-sprinkle-left { top: 0; left: 0; }

.parrallax-slides img.beans-sprinkle-right { top: 0; right: 0; }

.parrallax-slides img.frosting-bag { bottom: -50px; right: -30px; }

.parrallax-slides img.whisker { top: 20px; left: -100px; }

.parrallax-slides img.chocolate { top: 0; right: 0; }

.parrallax-slides img.grain-left { bottom: -50px; left: 60px; }

@media screen and (max-width: 1200px) { .parrallax-slides { opacity: .85; } }

@media screen and (max-width: 960px) { .parrallax-slides img.whisker { display: none; }
  .parrallax-slides img.grain-left { display: none; }
  .parrallax-slides img.chocolate { display: none; } }

@media screen and (max-width: 800px) { .parrallax-slides img.beans-sprinkle-left { display: none; } }

.cookies-selections .wrapper { margin: 55px auto; }

.cookies-selections .cta-buckets { display: flex; justify-content: space-around; margin: 0 -40px; position: relative; flex-wrap: wrap; }

@media screen and (max-width: 700px) { .cookies-selections .cta-buckets { display: block; } }

@media screen and (min-width: 700px) { .cookies-selections .cta-buckets:before, .cookies-selections .cta-buckets:after { content: ''; position: absolute; background-color: rgba(0, 0, 0, 0.07); }
  .cookies-selections .cta-buckets:before { top: 0; left: 50%; margin-left: -1px; height: 100%; width: 1px; }
  .cookies-selections .cta-buckets:after { top: 50%; left: 0; margin-left: -1px; height: 1px; width: 100%; } }

@media screen and (max-width: 700px) { .cookies-selections .cta-buckets { display: block; margin: 0; } }

@media screen and (max-width: 1024px) { .cookies-selections .cta-buckets { margin: 0 -20px; } }

.cookies-selections .cta-buckets .cta-bucket { padding: 20px 40px; width: 46%; margin-bottom: 40px; text-align: center; position: relative; }

@media screen and (max-width: 700px) { .cookies-selections .cta-buckets .cta-bucket { width: 100%; } }

.cookies-selections .cta-buckets .cta-bucket a:hover .hover { z-index: 2; }

.cookies-selections .cta-buckets .cta-bucket .hover { position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -9999; padding: 0 40px; }

@media screen and (max-width: 1024px) { .cookies-selections .cta-buckets .cta-bucket { padding: 0 20px; }
  .cookies-selections .cta-buckets .cta-bucket .hover { padding: 0 20px; } }

@media screen and (max-width: 700px) { .cookies-selections .cta-buckets .cta-bucket { display: block; margin: 0 0 40px; } }

.cookies-selections .cta-buckets .cta-bucket img { margin: 0 auto; display: block; max-width: 80%; }

.cookies-selections .cta-buckets .cta-bucket .content { margin: 35px auto 25px; }

@media screen and (max-width: 700px) { .cookies-selections .cta-buckets .cta-bucket .content { margin: 25px auto 15px; } }

.cookies-selections .cta-buckets .cta-bucket h3 { font-family: "Bemio", san-serif; font-style: italic; font-size: 30px; color: #401E1F; text-align: center; line-height: 30.24px; margin-bottom: 25px; }

@media screen and (max-width: 700px) { .cookies-selections .cta-buckets .cta-bucket h3 br { display: none; } }

h2.fancy-text { font-family: "Cooper Hewitt", san-serif; margin-bottom: 50px; font-weight: 700; font-size: 62px; color: #401E1F; letter-spacing: 8.45px; text-align: center; text-transform: uppercase; }

h2.fancy-text small { text-transform: none; font-family: "Bemio", san-serif; font-style: italic; font-size: 25px; line-height: 1; color: #E44E3A; letter-spacing: 0; display: block; text-align: center; }

h2.fancy-text svg { width: 31px; height: 55px; fill: #401E1F; }

@media screen and (max-width: 1200px) { h2.fancy-text { font-size: 65px; margin-bottom: 40px; } }

@media screen and (max-width: 700px) { h2.fancy-text { font-size: 48px; margin-bottom: 35px; }
  h2.fancy-text span { display: inline; } }

@media screen and (max-width: 600px) { h2.fancy-text { font-size: 40px; margin-bottom: 10px; }
  h2.fancy-text span { display: inline; } }

@media screen and (max-width: 320px) { h2.fancy-text { font-size: 36px; } }

h2.fancy-text span svg { width: 31px; height: 55px; fill: #401E1F; }

@media screen and (max-width: 1200px) { h2.fancy-text span svg { width: 31px; height: 58px; } }

@media screen and (max-width: 700px) { h2.fancy-text span svg { display: none; } }

.featured-content { margin: 80px 0 70px; position: relative; overflow: hidden; }

.featured-content .parallax-slides img { position: absolute; top: 123px; left: 0; }

@media screen and (max-width: 700px) { .featured-content { margin: 40px 0 30px; } }

.featured-content h2 { margin-bottom: 35px; font-family: "Cooper Hewitt", san-serif; font-weight: 700; text-transform: uppercase; font-size: 54px; line-height: 1; color: #401E1F; letter-spacing: 7.36px; text-align: center; }

@media screen and (max-width: 1200px) { .featured-content h2 { font-size: 65px; } }

@media screen and (max-width: 700px) { .featured-content h2 { font-size: 48px; }
  .featured-content h2 span { display: inline; } }

@media screen and (max-width: 600px) { .featured-content h2 { font-size: 40px; }
  .featured-content h2 span { display: inline; } }

@media screen and (max-width: 360px) { .featured-content h2 { font-size: 23px; -webkit-hyphens: manual; hyphens: manual; } }

.featured-content svg { height: 9px; width: 296px; margin-bottom: 30px; position: relative; left: -5px; fill: #FFC263; }

.featured-content h4 { margin-bottom: 15px; }

.featured-content p { font-family: "Libre Franklin", san-serif; font-weight: 500; font-size: 15px; color: #2D2D2D; line-height: 22px; margin-bottom: 30px; }

.featured-content span { font-family: "Cooper Hewitt", san-serif; font-weight: bold; text-transform: uppercase; font-size: 18px; color: #E74D43; letter-spacing: 2px; margin-bottom: 10px; display: block; }

.featured-content .featured-content-wrap { display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 3; }

.featured-content .featured-content-wrap .feat-img-col img { display: block; }

.featured-content .featured-content-wrap .feat-content-col { max-width: 296px; margin-left: 84px; }

@media screen and (max-width: 920px) { .featured-content .featured-content-wrap .feat-content-col { max-width: 50%; margin-left: 0; padding-left: 40px; } }

@media screen and (max-width: 768px) { .featured-content .featured-content-wrap { flex-direction: column; }
  .featured-content .featured-content-wrap .feat-content-col { padding-top: 30px; max-width: 100%; padding-left: 0; } }

.real-people { margin: 100px 0; }

@media screen and (max-width: 700px) { .real-people { margin: 50px 0; } }

.real-people h2 { font-family: "Cooper Hewitt", san-serif; font-weight: 700; font-size: 62px; color: #401E1F; letter-spacing: 8.45px; text-align: center; text-transform: uppercase; margin-bottom: 60px; }

.real-people h2 small { display: block; text-transform: none; font-family: "Bemio", san-serif; font-style: italic; font-size: 25px; color: #E74D43; letter-spacing: 0; text-align: center; margin-bottom: 20px; line-height: 25.2px; }

.real-people h2 span { position: relative; }

.real-people h2 span svg { position: absolute; top: 50%; margin-top: -12px; height: 6px; width: 108px; fill: #401E1F; }

.real-people h2 span svg.left { left: -118px; }

.real-people h2 span svg.right { right: -89px; }

@media screen and (max-width: 700px) { .real-people h2 span svg { display: none; } }

@media screen and (max-width: 1200px) { .real-people h2 { font-size: 65px; }
  .real-people h2 small { font-size: 48px; } }

@media screen and (max-width: 700px) { .real-people h2 { font-size: 48px; }
  .real-people h2 span { display: inline; }
  .real-people h2 small { font-size: 24px; } }

@media screen and (max-width: 600px) { .real-people h2 { font-size: 40px; }
  .real-people h2 span { display: inline; }
  .real-people h2 small { font-size: 20px; } }

@media screen and (max-width: 320px) { .real-people h2 { font-size: 36px; } }

.real-people + .get-in-touch-form { margin-top: -98px; }

.team-photo-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 2px; justify-items: stretch; align-content: stretch; grid-template-rows: repeat(2, minmax(333px, 1fr)); }

@media screen and (max-width: 960px) { .team-photo-grid { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, minmax(333px, 1fr)); } }

@media screen and (max-width: 600px) { .team-photo-grid { grid-template-columns: 1fr; grid-template-rows: repeat(6, minmax(333px, 1fr)); } }

.team-photo-grid > div { background-size: cover; background-position: center; position: relative; overflow: hidden; }

.team-photo-grid > div:first-child { grid-row: span 2; }

.team-photo-grid > div:nth-child(3) { grid-column: span 2; }

.team-photo-grid > div:nth-child(3) .inner-content { margin: 0 auto; max-width: 400px; }

@media screen and (max-width: 960px) { .team-photo-grid > div:first-child { grid-row: span 1; }
  .team-photo-grid > div:nth-child(3) { grid-column: span 1; }
  .team-photo-grid > div:nth-child(3) .inner-content { margin: 0 auto; max-width: 400px; } }

.team-photo-grid > div:hover .hover-content { opacity: 1; visibility: visible; transform: scale(1); }

.team-photo-grid > div .hover-content { transition: all .25s ease-in-out; opacity: 0; transform: scale(1.1); visibility: hidden; }

.team-photo-grid > div h4 { font-family: "Cooper Hewitt", san-serif; font-weight: 700; font-size: 21px; color: #FFC263; display: inline-block; padding: 21px 50px; background-color: #401E1F; border-radius: 0 0 7px 7px; }

.team-photo-grid > div p { font-weight: 500; font-size: 18px; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 24px; }

.team-photo-grid > div a { text-align: center; display: block; top: 0; left: 0; position: absolute; width: 100%; height: 100%; background-color: rgba(231, 77, 67, 0.9); }

@media screen and (max-width: 768px) { .team-photo-grid > div h4 { font-size: 18px; }
  .team-photo-grid > div p { font-size: 15px; } }

.team-photo-grid > div .inner-content { margin: 0 auto; max-width: 300px; height: calc(100% - 40px); display: flex; align-items: center; flex-direction: column; justify-content: space-between; }

.team-photo-grid > div .favorite-cookie { font-family: "Bemio", san-serif; font-size: 21px; font-style: italic; color: #fff; }

.team-photo-grid > div .favorite-cookie span { font-family: "Libre Franklin", san-serif; font-weight: 700; display: block; font-size: 16px; color: #FFC263; }

#footer { margin-bottom: 20px; }

#footer .top-bar { position: relative; background-color: #401E1F; padding: 70px 0; overflow: hidden; }

@media screen and (max-width: 768px) { #footer .top-bar { padding: 40px 0; } }

#footer .top-bar .wrapper { position: relative; z-index: 1; }

@media screen and (max-width: 960px) { #footer .top-bar .wrapper { display: block; } }

@media screen and (min-width: 800px) { #footer .top-bar .form-header { display: flex; align-items: center; } }

#footer .top-bar .form-header p { margin-bottom: 0; font-weight: 500; font-size: 18px; color: #FFFFFF; letter-spacing: 0; line-height: 22px; }

#footer .top-bar .parrallax-slides-newsletter img { position: absolute; top: 0; z-index: 0; }

#footer .top-bar .parrallax-slides-newsletter .chocolate-bar { left: -65px; top: 30px; }

#footer .top-bar .parrallax-slides-newsletter .chocolate-chips { top: -10px; right: -10px; opacity: .4; }

@media screen and (max-width: 768px) { #footer .top-bar .parrallax-slides-newsletter .chocolate-chips { display: none; } }

#footer .top-bar h2 { font-family: "Cooper Hewitt", san-serif; font-weight: 700; font-size: 45px; color: #FFFFFF; letter-spacing: 6px; position: relative; padding-top: 20px; padding-right: 30px; margin-right: 40px; }

#footer .top-bar h2 small { font-family: "Bemio", san-serif; font-style: italic; letter-spacing: 0; display: block; font-size: 15px; color: #FFC263; line-height: 20px; margin-bottom: 3px; }

#footer .top-bar h2 svg { display: block; position: absolute; height: 99px; width: 3px; top: 0; right: 0; fill: #5F382E; }

@media screen and (min-width: 800px) { #footer .top-bar .gform_confirmation_wrapper { display: flex; justify-content: center; align-items: center; } }

#footer .top-bar .gform_confirmation_wrapper .gform_confirmation_message { color: #fff; font-size: 18px; font-family: "Bemio", san-serif; }

#footer .top-bar .gform_wrapper { padding-top: 18px; width: 100%; position: relative; }

#footer .top-bar .gform_wrapper .validation_error { position: absolute; top: -75px; left: 0; }

#footer .top-bar .gform_wrapper label { font-weight: 600; font-family: "Cooper Hewitt", san-serif; font-size: 12px; color: #FFFFFF; letter-spacing: 1.16px; }

#footer .top-bar .gform_wrapper input[type="text"], #footer .top-bar .gform_wrapper input[type="email"] { font-family: "Cooper Hewitt", san-serif; font-weight: 600; font-size: 16px; line-height: 1; color: #401E1F; letter-spacing: 0; background: #E6DDD6; border: none; padding: 13px 14px; }

#footer .top-bar .gform_wrapper input[type="submit"] { border: none; font-family: "Cooper Hewitt", san-serif; font-weight: 600; font-size: 13px; line-height: 1; color: #FFFFFF; letter-spacing: 1px; text-align: center; border-radius: 4px; background-color: #E74D43; padding: 14px 50px 15px; }

#footer .top-bar .gform_wrapper input[type="submit"]:hover { background-color: #5F382E; }

#footer .top-bar .gform_wrapper form { display: flex; justify-content: flex-end; align-items: flex-end; }

@media screen and (max-width: 768px) { #footer .top-bar .gform_wrapper form { display: block; } }

#footer .top-bar .gform_wrapper form .gform_body { width: calc(100% - 141px); font-size: 0; }

@media screen and (max-width: 768px) { #footer .top-bar .gform_wrapper form .gform_body { width: 100%; } }

#footer .top-bar .gform_wrapper form .gform_body > ul { font-size: 0; }

#footer .top-bar .gform_wrapper form .gform_body > ul > li { display: inline-block; vertical-align: top; padding-right: 10px; width: 33.333333333333333333%; }

@media screen and (max-width: 768px) { #footer .top-bar .gform_wrapper form .gform_body > ul > li { width: 100%; padding-right: 0; margin-bottom: 15px; } }

#footer .top-bar .gform_wrapper form .gform_body > ul > li > div { width: 100%; }

#footer .top-bar .gform_wrapper form .gform_body > ul > li > div input[type="text"], #footer .top-bar .gform_wrapper form .gform_body > ul > li > div input[type="email"] { width: 100%; }

#footer .top-bar .gform_wrapper form .gform_body > ul > li:first-child { margin-left: 0; }

#footer .top-bar .gform_wrapper form .gform_footer { padding-left: 10px; }

@media screen and (max-width: 768px) { #footer .top-bar .gform_wrapper form .gform_footer { padding-left: 0; margin-top: 10px; } }

#footer .middle-bar { padding: 60px 0 120px; background-color: #468AC9; }

@media screen and (max-width: 768px) { #footer .middle-bar { padding: 30px 0; } }

#footer .middle-bar .wrapper { font-size: 0; }

#footer .middle-bar .spokin-footer-logo { width: 175px; height: 175px; display: inline-block; vertical-align: top; margin-left: 50px; }

#footer .middle-bar .spokin-footer-logo .first-logo img { position: relative; top: -15px; }

@media screen and (max-width: 768px) { #footer .middle-bar .spokin-footer-logo { display: block; margin: 0 auto; }
  #footer .middle-bar .spokin-footer-logo img { top: 0; } }

#footer .middle-bar nav { display: inline-block; vertical-align: top; width: calc(100% - 225px); }

@media screen and (max-width: 768px) { #footer .middle-bar nav { display: none; } }

#footer .middle-bar nav > ul { display: flex; width: 100%; justify-content: space-between; align-items: flex-start; }

#footer .middle-bar nav > ul > li { display: inline-block; vertical-align: top; padding-right: 20px; }

#footer .middle-bar nav > ul > li > a { display: block; font-weight: 700; font-size: 18px; color: #FFFFFF; letter-spacing: 0; line-height: 1; margin-bottom: 20px; }

#footer .middle-bar nav > ul > li > a:hover { text-decoration: underline; }

#footer .middle-bar nav > ul > li > a.hidden { display: none; }

@media screen and (max-width: 960px) { #footer .middle-bar nav > ul > li > a { font-size: 16px; margin-bottom: 10px; } }

#footer .middle-bar nav > ul > li > ul > li { margin-bottom: 12px; }

@media screen and (max-width: 960px) { #footer .middle-bar nav > ul > li > ul > li { margin-bottom: 6px; } }

#footer .middle-bar nav > ul > li > ul > li > a { font-family: "Libre Franklin", san-serif; font-weight: 700; font-size: 14px; color: #B9DDFF; line-height: 1; letter-spacing: 0; line-height: 18px; }

@media screen and (max-width: 960px) { #footer .middle-bar nav > ul > li > ul > li > a { font-size: 12px; } }

#footer .middle-bar nav > ul > li > ul > li > a:hover { text-decoration: underline; }

#footer .middle-bar nav > ul > li.wrap-the-rest-down > a { display: none; }

#footer .middle-bar nav > ul > li.wrap-the-rest-down > ul > li { margin-bottom: 30px; }

@media screen and (max-width: 960px) { #footer .middle-bar nav > ul > li.wrap-the-rest-down > ul > li { margin-bottom: 15px; } }

#footer .middle-bar nav > ul > li.wrap-the-rest-down > ul > li > a { font-family: "Cooper Hewitt", san-serif; font-size: 18px; color: #FFFFFF; }

#footer .middle-bar nav > ul > li.wrap-the-rest-down > ul > li > a:hover { text-decoration: underline; }

@media screen and (max-width: 960px) { #footer .middle-bar nav > ul > li.wrap-the-rest-down > ul > li > a { font-size: 16px; } }

#footer .bottom-bar { font-family: "Libre Franklin", san-serif; font-size: 11px; color: #2D2D2D; letter-spacing: 0; line-height: 20px; padding: 0 0 20px; position: relative; }

@media screen and (max-width: 480px) { #footer .bottom-bar { margin: 20px 0 0; } }

#footer .bottom-bar .wrapper > div { margin-top: 23px; position: relative; }

@media screen and (max-width: 480px) { #footer .bottom-bar .wrapper > div { margin-top: 5px; } }

#footer .bottom-bar .privacy-links { margin-left: 10px; display: inline-block; }

#footer .bottom-bar .privacy-links a { margin-right: 10px; font-size: 11px; color: #E74D43; letter-spacing: 0; text-align: right; line-height: 20px; }

#footer .bottom-bar .privacy-links a:hover { text-decoration: underline; }

@media screen and (max-width: 1040px) { #footer .bottom-bar .privacy-links { margin-left: 5px; } }

@media screen and (max-width: 480px) { #footer .bottom-bar .privacy-links { margin-left: 0; } }

#footer .bottom-bar .follow-us { vertical-align: top; display: inline-block; font-family: "Bemio", san-serif; font-size: 14px; color: #E74D43; line-height: 1; font-style: italic; margin-top: 4px; }

@media screen and (max-width: 1040px) { #footer .bottom-bar .follow-us { font-size: 13px; } }

@media screen and (max-width: 480px) { #footer .bottom-bar .follow-us { display: none; } }

#footer .bottom-bar .social-media { vertical-align: top; display: inline-block; margin-left: 15px; }

#footer .bottom-bar .social-media a { margin-right: 10px; }

#footer .bottom-bar .social-media a:last-child { margin-right: 0; }

#footer .bottom-bar .social-media a svg { width: 22px; height: 22px; fill: #E74D43; }

@media screen and (max-width: 1040px) { #footer .bottom-bar .social-media a { margin-right: 5px; }
  #footer .bottom-bar .social-media a svg { width: 25px; height: 25px; } }

@media screen and (max-width: 480px) { #footer .bottom-bar .social-media { margin-left: 0; } }

#footer .bottom-bar .footer-logo { max-width: 222px; height: 95px; display: block; position: absolute; top: -67px; left: 50%; margin-left: -111px; }

@media screen and (max-width: 1040px) { #footer .bottom-bar .footer-logo { display: none; } }

#footer .bottom-bar .bottom-top-wrap { border-bottom: 2px solid #F0F0F0; padding-bottom: 10px; }

#footer .bottom-bar .bottom-top-wrap .upcycled { font-family: "Bemio", san-serif; font-style: italic; font-size: 14px; color: #E74D43; letter-spacing: 0; line-height: 20.16px; display: table; margin-top: -10px; }

#footer .bottom-bar .bottom-top-wrap .upcycled span { padding-left: 10px; }

#footer .bottom-bar .bottom-top-wrap .upcycled > * { vertical-align: middle; }

@media screen and (max-width: 768px) { #footer .bottom-bar .bottom-top-wrap .upcycled { margin-top: 0; margin-bottom: 15px; } }

@media screen and (max-width: 768px) { #footer .bottom-bar .left, #footer .bottom-bar .right { float: none; } }

.page-banner { background-size: cover; background-position: center bottom; height: 500px; text-align: center; position: relative; background-color: #5BC337; overflow: hidden; display: flex; align-items: center; }

.page-banner:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); }

.page-banner .page-id-130:before { opacity: .25; }

.page-banner.no-gradient:before { content: none; }

.page-banner video { position: absolute; height: auto; min-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media screen and (max-width: 768px) { .page-banner video { height: 100%; min-width: unset; display: none; } }

.page-banner .wrapper { margin: auto; position: relative; z-index: 1; padding: 40px 20px 0; }

.page-banner p { color: #fff; font-size: 20px; color: #fff; max-width: 800px; margin: 15px auto 0; }

@media screen and (max-width: 800px) { .page-banner p { font-size: 16px; } }

.page-banner a { margin-top: 30px; }

.page-banner a + a.btn { margin-left: 10px; }

@media screen and (max-width: 768px) { .page-banner { padding: 50px 0; height: auto; min-height: 300px; background-position: center right; } }

.product-category-info { margin: 60px 0 100px; }

@media screen and (max-width: 520px) { .product-category-info { margin: 30px 0 50px; } }

.product-category-info .available-sizes h6 { font-family: "Libre Franklin", san-serif; font-weight: 600; font-size: 15px; color: #606060; margin-bottom: 10px; }

.product-category-info .available-sizes p { font-size: 12px; line-height: 20px; margin-bottom: 20px; }

.product-category-info .wrapper { display: flex; align-item: stretch; justify-content: space-around; flex-wrap: wrap; }

@media screen and (max-width: 960px) { .product-category-info .wrapper { display: block; } }

@media screen and (max-width: 480px) { .product-category-info .wrapper { display: block; } }

.product-category-info .wrapper > div { height: 100%; position: relative; padding-top: 10px; width: 30%; padding-left: 35px; }

@media screen and (max-width: 960px) { .product-category-info .wrapper > div { padding-left: 25px; width: auto; display: inline-block; vertical-align: top; width: auto; } }

@media screen and (max-width: 480px) { .product-category-info .wrapper > div { width: 100%; padding-left: 0; } }

.product-category-info .wrapper > div:before { content: ''; display: block; position: absolute; top: 0; right: 0; width: 7px; height: 151px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='151' viewBox='0 0 7 151'%3E%3Cpath fill='%23EEE' fill-rule='evenodd' d='M771.61685,1039.62665 C795.346072,1039.53821 856.507447,1037.84527 830.816341,1034.63786 C813.840239,1032.51695 771.041902,1033.80086 747.32781,1034.02669 C725.948815,1034.23199 686.025219,1029.91438 686,1037.58944 C685.984872,1041.23272 756.234464,1039.67876 771.61685,1039.62665' transform='rotate(90 863 177)'/%3E%3C/svg%3E%0A"); }

.product-category-info .wrapper > div.two-col { width: 40%; padding-right: 35px; padding-left: 0; }

.product-category-info .wrapper > div.two-col h5 { margin-bottom: 15px; }

@media screen and (max-width: 960px) { .product-category-info .wrapper > div.two-col { margin-bottom: 20px; } }

@media screen and (max-width: 860px) { .product-category-info .wrapper > div.two-col { width: 100%; padding-right: 0; margin-bottom: 20px; }
  .product-category-info .wrapper > div.two-col:before { content: none; } }

@media screen and (max-width: 480px) { .product-category-info .wrapper > div.two-col { margin-bottom: 20px; } }

.product-category-info .wrapper > div.icons { padding-top: 30px; padding-right: 50px; display: inline-flex; justify-content: space-between; align-items: center; height: 100%; text-align: center; }

.product-category-info .wrapper > div.icons img { max-width: 74px; min-width: 74px; margin: 0 5px; }

@media screen and (max-width: 960px) { .product-category-info .wrapper > div.icons { padding-right: 25px; display: inline-block; vertical-align: top; } }

@media screen and (max-width: 640px) { .product-category-info .wrapper > div.icons { padding-left: 0; } }

@media screen and (max-width: 480px) { .product-category-info .wrapper > div.icons { justify-content: space-around; padding-top: 0; padding-right: 0; display: block; margin-bottom: 20px; text-align: left; }
  .product-category-info .wrapper > div.icons:before { content: none; } }

.product-category-info .wrapper > div:last-child:before { content: none; }

.product-listing { margin: 75px 0; }

.product-listing.gradient-bottom { position: relative; margin: 75px 0 0; padding: 0 0 75px 0; }

.product-listing.gradient-bottom:after { content: ''; bottom: 0; left: 0; position: absolute; width: 100%; height: 100px; opacity: 0.15; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%); }

.product-listing-header { text-align: center; margin-bottom: 70px; }

.product-listing-header h2 { font-family: "Bemio", san-serif; font-style: italic; font-size: 32px; color: #401E1F; line-height: 1; letter-spacing: 0; margin-bottom: 10px; }

.product-listing-header h2 span { position: relative; }

.product-listing-header h2 span svg { width: 18px; height: 34px; fill: #401E1F; }

.product-listing-header p { font-family: "Cooper Hewitt", san-serif; font-weight: 600; font-size: 18px; text-transform: uppercase; color: #5BC337; letter-spacing: 2px; text-align: center; line-height: 54px; }

.product-listing-wrap .wrapper > div { display: flex; flex-wrap: wrap; justify-content: space-between; }

.product-listing-wrap .product { text-align: center; margin: 0 0 60px; position: relative; }

.product-listing-wrap .product .product-image-wrap { position: relative; margin-bottom: 13px; }

.product-listing-wrap .product img { margin: 0 auto; max-width: 100%; display: block; }

.product-listing-wrap .product .hover-image { position: absolute; top: 50%; left: 50%; margin-top: -10px; transform-origin: center center; transform: translate(-50%, -50%) scale(0.9); opacity: 0; visibility: hidden; z-index: 1; transition: .25s ease-in-out; }

.product-listing-wrap .product h4 { font-family: "Cooper Hewitt", san-serif; font-weight: 600; font-size: 15px; color: #606060; font-style: normal; line-height: 1; margin-bottom: 7px; }

.product-listing-wrap .product .season { font-family: "Cooper Hewitt Book", san-serif; font-style: italic; font-size: 12px; color: #606060; }

.product-listing-wrap .product:hover img { opacity: .5; }

.product-listing-wrap .product:hover .hover-image { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); }

.product-listing-wrap .top-row .product, .product-listing-wrap .top-row .empty { width: 33.333333333333333%; }

@media screen and (max-width: 960px) { .product-listing-wrap .top-row .product, .product-listing-wrap .top-row .empty { padding: 0 20px; } }

@media screen and (max-width: 768px) { .product-listing-wrap .top-row .product, .product-listing-wrap .top-row .empty { width: 100%; } }

.product-listing-wrap .bottom-row .product, .product-listing-wrap .bottom-row .empty { width: 25%; }

.product-listing-wrap .bottom-row .product img, .product-listing-wrap .bottom-row .empty img { max-width: 100%; }

@media screen and (max-width: 960px) { .product-listing-wrap .bottom-row .product, .product-listing-wrap .bottom-row .empty { width: 33.33333%; } }

@media screen and (max-width: 768px) { .product-listing-wrap .bottom-row .product, .product-listing-wrap .bottom-row .empty { width: 50%; } }

@media screen and (max-width: 600px) { .product-listing-wrap .bottom-row .product, .product-listing-wrap .bottom-row .empty { width: 100%; padding: 0; } }

.mfp-close { font-size: 0; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='15' viewBox='0 0 16 15'%3E%3Cdefs%3E%3Cpath id='menu-close-a' d='M2.93095034,12.4513293 C2.35259076,13.0296888 2.35682525,13.9749612 2.94093201,14.559068 C3.52503877,15.1431747 4.47031116,15.1474092 4.71049894,14.9144214 L10.0020586,9.61977895 L14.9513293,14.5690497 C15.5296888,15.1474092 16.4749612,15.1431747 17.059068,14.559068 C17.6431747,13.9749612 17.6474092,13.0296888 17.0690497,12.4513293 L12.1191623,7.50144186 L17.0690497,2.54867073 C17.6474092,1.97031116 17.6431747,1.02503877 17.059068,0.440932013 C16.4749612,-0.143174746 15.5296888,-0.14740924 14.9513293,0.430950336 L10,5.3822796 L5.04867073,0.430950336 C4.47031116,-0.14740924 3.52503877,-0.143174746 2.94093201,0.440932013 C2.35682525,1.02503877 2.35259076,1.97031116 2.93095034,2.54867073 L7.8822796,7.5 L2.93095034,12.4513293 Z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(-2)'%3E%3Cmask id='menu-close-b' fill='%23fff'%3E%3Cuse xlink:href='%23menu-close-a'/%3E%3C/mask%3E%3Cg fill='%2300BE01' mask='url(%23menu-close-b)'%3E%3Crect width='16' height='15' transform='translate(2)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center center !important; }

.product-popup-wrap .mfp-content { max-width: 650px; background-color: #fff; margin: 0 auto; padding: 60px 70px 80px; }

.product-popup-wrap .mfp-content:before, .product-popup-wrap .mfp-content:after { content: ''; display: block; height: 75px; width: 75px; position: absolute; }

.product-popup-wrap .mfp-content:before { top: 15px; left: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='75' height='75' viewBox='0 0 75 75'%3E%3Cdefs%3E%3Cpolygon id='product-pop-border-top-a' points='0 0 75 0 75 75 0 75'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='product-pop-border-top-b' fill='%23fff'%3E%3Cuse xlink:href='%23product-pop-border-top-a'/%3E%3C/mask%3E%3Cpath fill='%235BC337' d='M39.2299595,0.759509346 C33.268286,0.436383415 27.3066126,0.376374314 21.3449392,0.182498755 L3.45991891,0 L3.43453045,0 C1.5303955,-0.0183009302 -0.0183009297,1.5303955 0,3.43683849 L0,3.46222695 L0.191730925,21.3449392 C0.378682357,27.3066126 0.45023167,33.268286 0.768741516,39.2299595 C1.00185379,45.1916329 1.37344862,51.1533063 1.7704319,57.1149797 C2.24358059,63.0766532 2.69826493,69.0383266 3.45991891,75 C4.22388093,69.0383266 4.67856528,63.0766532 5.15171396,57.1149797 C5.55100529,51.1533063 5.92260011,45.1916329 6.15109631,39.2299595 C6.4719142,33.268286 6.54115547,27.3066126 6.73041494,21.3449392 L6.8481251,10.2155589 C6.86889748,8.36681698 8.36450893,6.87120552 10.2155589,6.85274118 L21.3449392,6.73964711 C27.3066126,6.54577155 33.268286,6.48345441 39.2299595,6.16263652 C45.1916329,5.93183228 51.1533063,5.56023746 57.1149797,5.16094613 C63.0766532,4.68548941 69.0383266,4.23080506 75,3.46222695 C69.0383266,2.6913408 63.0766532,2.2389645 57.1149797,1.76119973 C51.1533063,1.3619084 45.1916329,0.992621625 39.2299595,0.759509346' mask='url(%23product-pop-border-top-b)'/%3E%3C/g%3E%3C/svg%3E%0A"); }

.product-popup-wrap .mfp-content:after { bottom: 15px; right: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='75' height='75' viewBox='0 0 75 75'%3E%3Cdefs%3E%3Cpolygon id='product-pop-border-bottom-a' points='0 0 75 0 75 75 0 75'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' transform='rotate(-180 37.5 37.5)'%3E%3Cmask id='product-pop-border-bottom-b' fill='%23fff'%3E%3Cuse xlink:href='%23product-pop-border-bottom-a'/%3E%3C/mask%3E%3Cpath fill='%235BC337' d='M39.2299595,0.759509346 C33.268286,0.436383415 27.3066126,0.376374314 21.3449392,0.182498755 L3.45991891,0 L3.43453045,0 C1.5303955,-0.0183009302 -0.0183009297,1.5303955 0,3.43683849 L0,3.46222695 L0.191730925,21.3449392 C0.378682357,27.3066126 0.45023167,33.268286 0.768741516,39.2299595 C1.00185379,45.1916329 1.37344862,51.1533063 1.7704319,57.1149797 C2.24358059,63.0766532 2.69826493,69.0383266 3.45991891,75 C4.22388093,69.0383266 4.67856528,63.0766532 5.15171396,57.1149797 C5.55100529,51.1533063 5.92260011,45.1916329 6.15109631,39.2299595 C6.4719142,33.268286 6.54115547,27.3066126 6.73041494,21.3449392 L6.8481251,10.2155589 C6.86889748,8.36681698 8.36450893,6.87120552 10.2155589,6.85274118 L21.3449392,6.73964711 C27.3066126,6.54577155 33.268286,6.48345441 39.2299595,6.16263652 C45.1916329,5.93183228 51.1533063,5.56023746 57.1149797,5.16094613 C63.0766532,4.68548941 69.0383266,4.23080506 75,3.46222695 C69.0383266,2.6913408 63.0766532,2.2389645 57.1149797,1.76119973 C51.1533063,1.3619084 45.1916329,0.992621625 39.2299595,0.759509346' mask='url(%23product-pop-border-bottom-b)'/%3E%3C/g%3E%3C/svg%3E%0A"); }

@media screen and (max-width: 600px) { .product-popup-wrap .mfp-content { padding: 40px 40px 60px; }
  .product-popup-wrap .mfp-content:before { top: 10px; left: 10px; }
  .product-popup-wrap .mfp-content:after { bottom: 10px; right: 10px; } }

.product-popup-wrap .product-info-popup .product-description { float: left; width: calc(100% - 260px); margin-right: 20px; max-width: 230px; }

.product-popup-wrap .product-info-popup .product-description h5 { font-family: "Cooper Hewitt", san-serif; font-style: normal; text-transform: uppercase; font-weight: 600; font-size: 14px; color: #5BC337; letter-spacing: 1px; margin-bottom: 15px; line-height: 1; }

.product-popup-wrap .product-info-popup .product-description p { font-weight: medium; font-size: 12px; color: #606060; margin-bottom: 25px; line-height: 18px; }

.product-popup-wrap .product-info-popup .prodcut-nutrition { float: right; width: 213px; }

@media screen and (max-width: 600px) { .product-popup-wrap .product-info-popup .product-description { width: 100%; float: none; max-width: 100%; }
  .product-popup-wrap .product-info-popup .prodcut-nutrition { float: none; width: 100%; }
  .product-popup-wrap .product-info-popup .prodcut-nutrition img { display: block; margin: 0 auto; } }

.product-popup-wrap .product-info-popup.horizontal .product-description { max-width: 100%; float: none; width: 100%; margin-right: 0; margin: 0 0 30px; }

.product-popup-wrap .product-info-popup.horizontal .prodcut-nutrition { max-width: 100%; width: 100%; }

.address-and-map { margin: 75px 0 90px; }

.address-and-map .wrapper { display: flex; }

.address-and-map article { width: 390px; margin-right: 75px; }

.address-and-map article h3 { font-size: 30px; color: #5BC337; line-height: 1; }

.address-and-map article address { font-family: "Libre Franklin", san-serif; font-weight: 500; font-size: 16px; color: #606060; letter-spacing: 0; line-height: 24px; margin: 0 0 15px 0; }

.address-and-map article .contact-nav { margin-bottom: 25px; }

.address-and-map article .contact-nav a { font-size: 16px; margin-bottom: 3px; background-position: left center; padding: 0 0 0 30px; display: inline-block; color: #606060; }

.address-and-map article .contact-nav a.email { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23' height='14' viewBox='0 0 23 14'%3E%3Cdefs%3E%3Cpath id='email-a' d='M24,7 L24,19 L17,13.0004474 L24,7 Z M23,6 L12.5004808,15 L2,6 L23,6 Z M1,7 L8,13.0004474 L1,19 L1,7 Z M15.7267402,14 L23,20 L2,20 L9.27325981,14 L12.5004805,16.6616405 L15.7267402,14 Z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(-1 -6)'%3E%3Cmask id='email-b' fill='%23fff'%3E%3Cuse xlink:href='%23email-a'/%3E%3C/mask%3E%3Cg fill='%235BC337' mask='url(%23email-b)'%3E%3Crect width='25' height='25'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }

.address-and-map article .contact-nav a.phone { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17' height='17' viewBox='0 0 17 17'%3E%3Cdefs%3E%3Cpath id='phone-a' d='M9.4048278,16.3256477 C8.30195366,15.2231936 7.62237919,14.2629025 5.19201858,16.2162098 C2.76144548,18.1703672 4.62804402,19.4723596 5.69628069,20.5406011 C6.92877973,21.7731057 11.5232386,20.6056263 16.0645726,16.0646968 C20.6052691,11.5231297 21.7735932,6.92886241 20.5402441,5.69593277 C19.4720074,4.62769126 18.170021,2.76150924 16.216935,5.19230588 C14.262999,7.62204001 15.2228608,8.30204257 16.3257349,9.40470922 C17.0956218,10.1745996 15.4876356,12.1225944 13.8052744,13.8051758 C12.1229132,15.4875446 10.1747147,17.0959631 9.4048278,16.3256477 Z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(-4 -4)'%3E%3Cmask id='phone-b' fill='%23fff'%3E%3Cuse xlink:href='%23phone-a'/%3E%3C/mask%3E%3Cg fill='%235BC337' mask='url(%23phone-b)'%3E%3Crect width='25' height='25'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }

.address-and-map article .contact-nav a:hover { color: #5BC337; }

.address-and-map article .btn-container { position: relative; padding-top: 33px; }

.address-and-map article .btn-container .btn { margin-right: 10px; margin-bottom: 10px; }

.address-and-map article .btn-container:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='473' height='9' viewBox='0 0 473 9'%3E%3Cpath fill='%23EEEEEE' fill-rule='evenodd' d='M361.952585,220.966159 C436.190816,220.863698 627.537687,218.902292 547.161587,215.186232 C494.050878,212.728986 360.153827,214.216507 285.962932,214.47815 C219.07752,214.716007 94.1742606,209.71369 94.09536,218.605885 C94.0480319,222.826933 313.827908,221.026538 361.952585,220.966159' transform='matrix(1 0 0 -1 -94 221.687)'/%3E%3C/svg%3E%0A"); height: 7px; width: 323px; display: block; background-size: 100%; position: absolute; left: -14px; top: 0; }

.address-and-map article .btn-container strong { display: block; margin-bottom: 15px; }

.address-and-map aside { width: calc(100% - 465px); }

@media screen and (max-width: 860px) { .address-and-map { margin: 45px 0 50px; }
  .address-and-map .wrapper { display: block; }
  .address-and-map article { width: 100%; margin-bottom: 50px; }
  .address-and-map aside { width: 100%; } }

.get-in-touch-form { background-color: #E74D43; padding: 85px 0; }

.get-in-touch-form h3.fancy-text { text-align: center; color: #FFC263; font-size: 32px; margin-bottom: 20px; }

.get-in-touch-form h3.fancy-text svg { fill: #FFC263; width: 18px; height: 34px; }

.get-in-touch-form .gform_wrapper { margin: 0 auto; max-width: 560px; }

.get-in-touch-form .gform_confirmation_message { text-align: center; color: #fff; font-size: 18px; font-family: "Bemio", san-serif; }

.get-in-touch-form form ul > li { width: 100%; margin-bottom: 15px; }

.get-in-touch-form form ul > li input[type="text"], .get-in-touch-form form ul > li input[type="email"], .get-in-touch-form form ul > li input[type="tel"], .get-in-touch-form form ul > li textarea { width: 100%; font-size: 14px; padding: 10px 15px; background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.12); box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.21); }

.get-in-touch-form form ul > li textarea { width: 100%; height: 140px; }

.get-in-touch-form form ul > li select { width: 100%; background: #FFFFFF; padding: 10px 45px 10px 15px; border: 1px solid rgba(0, 0, 0, 0.21); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); border-radius: 4px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='19' viewBox='0 0 13 19'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23808285' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' transform='translate(1 1)'%3E%3Cpolyline points='0 17 5.5 12 11 17' transform='rotate(-180 5.5 14.5)'/%3E%3Cpolyline points='0 5 5.5 0 11 5'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; box-shadow: inset 0px -2px 4px rgba(0, 0, 0, 0.1); background-position: calc(100% - 15px) center; color: #606060; }

.get-in-touch-form form ul > li label { font-weight: 600; font-size: 12px; color: #fff; margin-bottom: 3px; }

.get-in-touch-form form ul > li .ginput_container_fileupload { color: #fff; }

.get-in-touch-form form ul > li .ginput_container_fileupload span { color: #fff; font-size: 12px; }

.get-in-touch-form form ul.two-column { display: flex; justify-content: space-between; }

.get-in-touch-form form ul.two-column > li { width: 47.3967684022%; }

.get-in-touch-form form .gform_footer { margin-top: 10px; }

.get-in-touch-form form .gform_footer input[type="submit"] { background-color: #401E1F; color: #fff; font-family: "Cooper Hewitt", san-serif; font-weight: 600; border: none; font-size: 13px; color: #FFFFFF; letter-spacing: 1px; text-align: center; }

.where-to-buy-ctas { background-color: #5BC337; padding: 62px 0 64px; }

@media screen and (max-width: 600px) { .where-to-buy-ctas { padding: 30px 0 32px; } }

.where-to-buy-ctas .wrapper { display: flex; justify-content: center; align-items: center; text-align: center; }

@media screen and (max-width: 600px) { .where-to-buy-ctas .wrapper { display: block; } }

.where-to-buy-ctas .wrapper h4 { font-family: "Cooper Hewitt", san-serif; font-style: normal; text-transform: uppercase; font-size: 24px; color: #FFFB59; letter-spacing: 2.67px; text-align: center; line-height: 30.24px; margin-bottom: 15px; }

.where-to-buy-ctas .wrapper p { font-size: 16px; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 18px; margin-bottom: 25px; }

.where-to-buy-ctas .wrapper > div { padding: 13px 80px; position: relative; }

@media screen and (max-width: 960px) { .where-to-buy-ctas .wrapper > div { padding: 13px 50px; } }

@media screen and (max-width: 600px) { .where-to-buy-ctas .wrapper > div { padding: 30px 0; } }

.where-to-buy-ctas .wrapper > div:first-child:before { content: ''; position: absolute; height: 160px; width: 5px; top: 0; right: -2.5px; background-position: center right; background-size: 5px 159px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='99' viewBox='0 0 3 99'%3E%3Cpath fill='%23FFFB59' fill-rule='evenodd' d='M430.132902,109.839991 C445.690471,109.80209 485.789651,109.076546 468.945813,107.701938 C457.815786,106.792978 429.755949,107.343227 414.208299,107.440012 C400.191607,107.527997 374.016535,105.67759 374,108.966902 C373.990082,110.52831 420.047761,109.862326 430.132902,109.839991' transform='rotate(90 242 -132)'/%3E%3C/svg%3E%0A"); }

@media screen and (max-width: 600px) { .where-to-buy-ctas .wrapper > div:first-child { border-bottom: 2px solid #FFFB59; }
  .where-to-buy-ctas .wrapper > div:first-child:before { content: none; } }

.where-to-buy-ctas .wrapper > div.no-border { border-bottom: none !important; }

.where-to-buy-ctas .wrapper > div.no-border:before { content: none; }

.general-content { margin: 80px 0 110px; }

@media screen and (max-width: 800px) { .general-content { margin: 40px 0 55px; } }

.general-content .wrapper article { width: 74%; padding-right: 60px; float: left; }

@media screen and (max-width: 800px) { .general-content .wrapper article { padding-right: 0; float: none; width: 100%; margin: 20px 0; } }

.general-content .wrapper article h4 { color: #5BC337; margin-bottom: 15px; }

.general-content .wrapper aside { float: right; width: 26%; }

@media screen and (max-width: 800px) { .general-content .wrapper aside { float: none; width: 100%; margin: 20px 0; } }

.general-content .wrapper aside h6 { margin-bottom: 15px; }

.video-module-no-context { position: relative; padding: 105px 0; }

.video-module-no-context:after { content: ''; display: block; height: 100px; width: 100%; position: absolute; left: 0; bottom: 0; opacity: 0.15; transform: scaleY(-1); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%); }

.video-module-no-context iframe { box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.35); }

@media screen and (max-width: 800px) { .video-module-no-context { padding: 50px 0; } }

.team-section { margin: 100px 0; text-align: center; }

@media screen and (max-width: 800px) { .team-section { margin: 50px 0; } }

.team-section h4.fancy-text span { display: inline-block; }

.team-section h4.fancy-text svg { fill: #401E1F; width: 18px; height: 34px; position: relative; top: -6px; }

.team-section h4.fancy-text svg.left { margin-right: 10px; }

.team-section h4.fancy-text svg.right { margin-left: 10px; }

.team-section .team-container { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 70px; }

@media screen and (max-width: 800px) { .team-section .team-container { margin-top: 30px; } }

.team-section .team-container span { width: 23.0701754386%; }

@media screen and (max-width: 960px) { .team-section .team-container span { width: 32.0175438596%; } }

@media screen and (max-width: 800px) { .team-section .team-container span { width: 48.2456140351%; } }

@media screen and (max-width: 480px) { .team-section .team-container span { width: 100%; margin-bottom: 30px; } }

.team-section .team-container .team-member { width: 23.0701754386%; text-align: center; margin-bottom: 50px; }

@media screen and (max-width: 960px) { .team-section .team-container .team-member { width: 32.0175438596%; } }

@media screen and (max-width: 800px) { .team-section .team-container .team-member { width: 48.2456140351%; } }

@media screen and (max-width: 480px) { .team-section .team-container .team-member { width: 100%; margin-bottom: 30px; } }

.team-section .team-container .team-member img { margin-bottom: 10px; }

.team-section .team-container .team-member h6 { font-size: 18px; color: #5BC337; letter-spacing: 2px; text-align: center; text-transform: none; }

.team-section .team-container .team-member span { font-size: 16px; color: #606060; letter-spacing: 0; text-align: center; line-height: 20px; }

.logo-grid { margin: 80px 0; }

.logo-grid .wrapper { position: relative; }

.logo-grid .wrapper:after { content: ''; display: block; position: absolute; bottom: 0; height: 1px; width: 100%; background-color: #fff; }

.logo-grid .logo-grid-out-wrap { position: relative; }

.logo-grid .logo-grid-out-wrap:before { content: ''; display: block; position: absolute; top: 0; height: 1px; width: 100%; background-color: #fff; }

.logo-grid .logo-grid-out-wrap:after { content: ''; top: 0; right: 0; height: 100%; width: 1px; display: block; position: absolute; background-color: #fff; }

.logo-grid .logo-grid-inner-wrap { display: flex; flex-wrap: wrap; }

.logo-grid a { width: 25%; border: 1px solid #EEEEEE; border-left: none; border-top: none; padding: 40px; display: inline-flex; justify-content: center; align-items: center; }

@media screen and (max-width: 960px) { .logo-grid a { width: 33.33333333333333333333%; } }

@media screen and (max-width: 768px) { .logo-grid a { width: 50%; } }

@media screen and (max-width: 480px) { .logo-grid a { width: 100%; } }

.logo-grid a img { display: block; margin: 0 auto; transform: scale(0.9); transition: all .25s ease-in-out; }

.logo-grid a:hover img { transform: scale(1); }

.search-container { margin: 65px 0; }

.search-container .search-header { text-align: center; margin-bottom: 50px; }

.search-container .search-header h1 { font-size: 48px; line-height: 1; color: #5BC337; font-style: italic; font-family: "Bemio", san-serif; margin-bottom: 15px; }

.search-container .search-header h1 span { position: relative; display: inline-block; }

.search-container .search-header h1 span svg { fill: #5BC337; }

.search-container .search-header h1 span svg.left { margin-right: 20px; }

.search-container .search-header h1 span svg.right { margin-left: 20px; }

@media screen and (max-width: 860px) { .search-container .search-header h1 { margin-bottom: 10px; } }

@media screen and (max-width: 700px) { .search-container .search-header h1 { margin-bottom: 10px; font-size: 36px; }
  .search-container .search-header h1 span svg { width: 16px; } }

.search-container .search-header .search-results { font-family: "Cooper Hewitt", san-serif; font-size: 18px; color: #606060; letter-spacing: 2px; line-height: 1.5; text-transform: uppercase; }

.search-container .search-listing .search-item { display: flex; justify-content: space-between; padding-bottom: 16px; margin-bottom: 43px; border-bottom: 1px solid #D2D2D2; }

.search-container .search-listing .search-item:last-child { border-bottom: none; }

.search-container .search-listing .search-item div { width: 48.6842105263%; }

.search-container .search-listing .search-item div:first-child { padding: 0 50px 0 0; width: 25.701754386%; }

.search-container .search-listing .search-item div:last-child { padding: 0 0 0 50px; width: 25.701754386%; text-align: right; }

.search-container .search-listing .search-item h2 { font-style: italic; font-family: "Bemio", san-serif; font-size: 30px; color: #5F382E; letter-spacing: 0.38px; line-height: 1; margin-bottom: 15px; }

.search-container .search-listing .search-item .post-type { font-weight: 600; text-transform: uppercase; font-size: 13px; color: #606060; letter-spacing: 2px; }

.search-container .search-listing .search-item .btn { white-space: nowrap; }

@media screen and (max-width: 860px) { .search-container .search-listing .search-item { display: block; padding-bottom: 35px; margin-bottom: 40px; }
  .search-container .search-listing .search-item div { width: 100%; }
  .search-container .search-listing .search-item div:first-child { padding: 0; width: 100%; margin-bottom: 15px; }
  .search-container .search-listing .search-item div:last-child { width: 100%; text-align: left; padding: 0; }
  .search-container .search-listing .search-item h2 { margin-bottom: 15px; } }

.four-zero-four { position: relative; overflow: hidden; background-color: #5BC337; height: 80vh; display: flex; }

.four-zero-four .wrapper { max-width: 750px; text-align: center; padding: 80px 20px; position: relative; z-index: 1; margin: auto; }

.four-zero-four h1 { font-family: "Bemio", san-serif; font-style: italic; font-size: 72px; color: #FFFB59; letter-spacing: 0; text-align: center; line-height: 1; margin-bottom: 35px; }

.four-zero-four p { font-family: "Cooper Hewitt", san-serif; font-weight: 700; font-size: 36px; color: #FFFFFF; letter-spacing: 1.2px; text-align: center; text-transform: uppercase; }

.four-zero-four .bottom-border-svg { fill: #FFFB59; height: 10px; width: 600px; display: block; margin: 0 auto 55px; }

@media screen and (max-width: 1200px) { .four-zero-four .bottom-border-svg { height: 7px; } }

@media screen and (max-width: 600px) { .four-zero-four .bottom-border-svg { height: 5px; width: 100%; } }

.careers { margin: 80px 0 70px; }

.careers .wrapper { max-width: 595px; }

.faq { margin: 80px 0 70px; }

.faq + .faq .wrapper { border-top: 1px solid #D2D2D2; padding-top: 80px; }

.faq .inner-wrap { max-width: 595px; margin: 0 auto; }

.accordion-container + .accordion-container { border-top: 1px solid #D2D2D2; }

.accordion-container h6 { padding: 0 0 0 40px; font-size: 18px; line-height: 1; margin-bottom: 30px; font-weight: 600; }

.accordion-container .accordion { margin-bottom: 40px; }

.accordion-container .accordion .accordion-header { padding: 0 0 0 40px; }

.accordion-container .accordion .accordion-header a h3 { position: relative; font-family: "Bemio", san-serif; font-style: italic; font-size: 30px; color: #401E1F; letter-spacing: 0.38px; line-height: 29px; margin-bottom: 20px; }

.accordion-container .accordion .accordion-header a h3:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cpath id='isolated-expand-a' d='M7,1 C7,0.44771525 7.44771525,0 8,0 C8.55228475,0 9,0.44771525 9,1 L9,7 L15,7 C15.5522847,7 16,7.44771525 16,8 C16,8.55228475 15.5522847,9 15,9 L9,9 L9,15 C9,15.5522847 8.55228475,16 8,16 C7.44771525,16 7,15.5522847 7,15 L7,9 L1,9 C0.44771525,9 0,8.55228475 0,8 C0,7.44771525 0.44771525,7 1,7 L7,7 L7,1 Z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='isolated-expand-b' fill='%23fff'%3E%3Cuse xlink:href='%23isolated-expand-a'/%3E%3C/mask%3E%3Cg fill='%23401E1F' mask='url(%23isolated-expand-b)'%3E%3Crect width='16' height='16'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); display: block; width: 16px; height: 16px; font-family: sans-serif; font-weight: normal; font-style: normal; position: absolute; left: -45px; top: 3px; transform-origin: center; transition: transform .25s ease-in-out; }

.accordion-container .accordion .accordion-header a.is-open h3:before { transform: rotate(45deg); }

.accordion-container .accordion .accordion-content { position: relative; max-height: 0; height: 0; overflow: hidden; padding: 0 0 0 40px; transition: max-height .5s ease-in-out; }

.accordion-container .accordion .accordion-content.is-open { height: 100%; max-height: 999px; }

.accordion-container .accordion .accordion-content:before { content: ''; position: absolute; top: 0; left: 0; width: 6px; height: 100%; background: #5BC33738; border-radius: 50%; }

.by-the-numbers { padding: 70px 0; position: relative; background-color: #E74D43; }

@media screen and (max-width: 800px) { .by-the-numbers { padding: 50px 0; } }

@media screen and (min-width: 800px) { .by-the-numbers:before { content: ''; display: block; height: 100%; top: 40px; left: 0; position: absolute; width: 230px; background-position: left top; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='216' height='416' viewBox='0 0 216 416'%3E%3Cdefs%3E%3Cpolygon id='chips-orange-a' points='0 .953 50.518 .953 50.518 46.937 0 46.937'/%3E%3Cpolygon id='chips-orange-c' points='.251 .882 10.251 .882 10.251 12.052 .251 12.052'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(-14)'%3E%3Cg transform='translate(0 40)'%3E%3Cmask id='chips-orange-b' fill='%23fff'%3E%3Cuse xlink:href='%23chips-orange-a'/%3E%3C/mask%3E%3Cpath fill='%23FFC16B' d='M6.041664,37.7166884 C6.041664,29.9285362 8.581056,26.0339099 11.675328,23.2375703 C28.991936,26.9385108 32.624768,21.8113381 27.460032,21.6286572 C23.9632,21.5054025 20.11712,19.7028035 17.825792,18.440544 C20.559936,16.1207157 22.691328,13.2209303 22.691328,7.59743766 C22.691328,7.59743766 33.311296,15.1621908 38.153984,22.677422 C41.973952,28.6079508 47.392192,41.5672952 40.524736,41.5672952 L7.32224,41.5672952 C5.72832,41.5672952 6.041664,39.5445986 6.041664,37.7166884 M1.885504,46.9365752 L45.767808,46.9365752 C55.680576,46.9365752 47.858944,28.233785 42.343872,20.2618513 C36.776576,12.2128835 25.913984,4.12099668 21.724096,1.16178498 C21.012544,0.658862049 20.012672,1.11776546 19.958272,1.95633717 C18.745152,20.6877401 0.035904,14.5305108 0.035904,40.4800133 C0.035904,42.9374025 -0.416704,46.9365752 1.885504,46.9365752' mask='url(%23chips-orange-b)'/%3E%3C/g%3E%3Cpath fill='%23FFC16B' d='M146.621836 411.329458L117.704249 411.329458C111.722594 411.329458 116.442166 400.056482 119.769476 394.898635 123.98598 388.361176 133.236475 381.7804 133.236475 381.7804 133.236475 386.671854 135.093193 389.195008 137.475044 391.212448 135.478217 392.310507 132.128843 393.877462 129.083957 393.985752 124.585029 394.144938 127.750165 398.604315 142.831174 395.384857 145.526339 397.81813 147.738294 401.205438 147.738294 407.980052 147.738294 409.569747 148.010789 411.329458 146.621836 411.329458M152.968657 410.384087C152.968657 387.811063 136.674107 393.16708 135.616119 376.873786 135.568681 376.143912 134.698241 375.744323 134.078231 376.181814 130.429885 378.755864 120.968675 385.794706 116.120026 392.796729 111.316609 399.731612 104.503126 416 113.138024 416L151.357957 416C153.362506 416 152.968657 412.521729 152.968657 410.384087M165.216952 100.029944L143.528453 100.029944C139.042813 100.029944 142.581724 90.4488475 145.076861 86.0643905 148.239453 80.5065343 155.177098 74.9132213 155.177098 74.9132213 155.177098 79.0716412 156.570234 81.2156707 158.356942 82.9308942 156.859213 83.8638517 154.346823 85.1956984 152.063029 85.2876645 148.689095 85.4228437 151.062386 89.2133991 162.373531 86.477684 164.394225 88.5452597 166.053696 91.4250181 166.053696 97.1834268 166.053696 98.53411 166.258569 100.029944 165.216952 100.029944M169.976474 99.2266259C169.976474 80.0389475 157.755263 84.5918245 156.962728 70.7415051 156.928223 70.1221189 156.273708 69.783063 155.808969 70.1542516 153.072298 72.3426021 145.976145 78.32594 142.339111 84.2771452 138.736582 90.1718412 133.627697 104 140.103839 104L168.768802 104C170.271923 104 169.976474 101.043788 169.976474 99.2266259M67.9263226 28.2632984L44.9229854 28.2632984C40.1664847 28.2632984 43.9199582 19.2450895 46.5671676 15.1184055 49.9207343 9.88875177 57.2788029 4.62344867 57.2788029 4.62344867 57.2788029 8.53731677 58.7567195 10.5552869 60.6508435 12.1703111 59.0620831 13.0485818 56.3974864 14.3027913 53.9752246 14.3881337 50.3967104 14.5156072 52.9146021 18.0837845 64.9107207 15.5073077 67.0536998 17.453979 68.8130726 20.164411 68.8130726 25.5841947 68.8130726 26.8556887 69.0315 28.2632984 67.9263226 28.2632984M72.9751465 27.5070998C72.9751465 9.44799599 60.0140353 13.7334817 59.1718402.697697446 59.1338056.11434421 58.4415755-.204339503 57.9482122.145672439 55.0456274 2.20469331 47.5212932 7.83513232 43.6634962 13.4364037 39.8426471 18.9858214 34.4232573 32 41.2912227 32L71.6928366 32C73.2881171 32 72.9751465 29.217189 72.9751465 27.5070998M80.0063097 273.736447C80.0063097 268.657077 83.3395004 269.862313 83.5554999 266.196293 83.5653679 266.032774 83.7429919 265.942439 83.8701794 266.040779 84.616858 266.620527 86.5520822 268.204256 87.5432678 269.778838 88.5267784 271.339698 89.9192626 275 88.1539873 275L80.3363394 275C79.9262693 275 80.0063097 274.216711 80.0063097 273.736447M84.0100357 186.17495C84.0100357 178.838441 89.1945835 180.579127 89.530956 175.283385 89.546396 175.04631 89.823214 174.917093 90.0206261 175.059124 91.1819383 175.895294 94.191645 178.182747 95.7356498 180.458453 97.2642147 182.712801 99.4302329 188 96.6830071 188L84.5228659 188C83.8843096 188 84.0100357 186.869088 84.0100357 186.17495'/%3E%3Cg transform='translate(219 109)'%3E%3Cmask id='chips-orange-d' fill='%23fff'%3E%3Cuse xlink:href='%23chips-orange-c'/%3E%3C/mask%3E%3Cpath fill='%23FFC16B' d='M10.2436224,10.4837673 C10.2436224,4.18023273 6.5402304,5.67556364 6.3005184,1.12490182 C6.2899584,0.921818182 6.0914304,0.810632727 5.9509824,0.933163636 C5.1209664,1.65133091 2.9709504,3.61636364 1.8684864,5.57232 C0.7765824,7.50898909 -0.7715136,12.0517091 1.1915904,12.0517091 L9.8771904,12.0517091 C10.3333824,12.0517091 10.2436224,11.0805382 10.2436224,10.4837673' mask='url(%23chips-orange-d)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }
  .by-the-numbers:after { content: ''; display: block; height: 100%; position: absolute; top: 30px; right: 0; width: 320px; background-position: right top; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='375' height='527' viewBox='0 0 375 527'%3E%3Cdefs%3E%3Cpolygon id='beans-orange-2-a' points='.251 .882 10.251 .882 10.251 12.052 .251 12.052'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(-47)'%3E%3Cpath fill='%23FFC16B' d='M511 511.127804C511 516.053245 503.065 514.382598 505.4455 508.110462 507.834031 501.83663 511 506.200666 511 511.127804M488 506.942098C488 502.877205 479.195812 500.962082 481.335064 506.129465 483.472538 511.296848 488 511.005266 488 506.942098M256 307.069643C256 301.844617 248.455043 299.376393 250.286655 306.026573 252.118267 312.667079 256 312.291445 256 307.069643M239 197.069549C239 191.846798 231.455432 189.3749 233.286513 196.026289 235.119202 202.668003 239 202.290688 239 197.069549M202 248.761853C202 252.598476 207.29374 251.298296 205.701314 246.420281 204.110544 241.540708 202 244.931466 202 248.761853M225 284.576617C225 288.897166 219.751136 287.147395 221.278765 281.648359 222.806394 276.147613 225 280.254358 225 284.576617M158 442.193481C158 435.812101 149.19936 432.794223 151.333772 440.917205 153.472995 449.041873 158 448.576546 158 442.193481M256 426.448488C256 430.82632 250.710277 429.337343 252.296875 423.763532 253.888248 418.189721 256 422.065516 256 426.448488M279 498.064763C279 492.845243 271.456128 490.378948 273.28626 497.021826 275.122819 503.671152 279 503.29073 279 498.064763M301 495.057663C301 499.120423 307.286228 501.04106 305.761571 495.86757 304.233735 490.703997 301 490.994903 301 495.057663M278 446.765304C278 450.597597 283.292302 449.297299 281.701963 444.418843 280.111625 439.540386 278 442.93301 278 446.765304M337 489.573137C337 493.899188 331.747515 492.147557 333.280348 486.646339 334.808032 481.148543 337 485.25564 337 489.573137M267 103.766151C267 107.598516 272.292734 106.295076 270.701768 101.419646 269.115769 96.5410988 267 99.9306682 267 103.766151M242 47.0171207C242 43.8547423 248.074302 48.7149355 246.832629 52.7357418 245.592552 56.7565481 242 50.1794992 242 47.0171207M242 347.818609C242 344.576611 238.062642 345.888924 239.209384 350.015822 240.356125 354.137972 242 351.059024 242 347.818609M222 378.942303C222 374.878976 230.804987 372.961751 228.664645 378.12713 226.529522 383.298779 222 383.004063 222 378.942303M156 212.929772C156 218.155091 163.545305 220.623454 161.713218 213.974513 159.882738 207.332021 156 207.709289 156 212.929772M170 337.942742C170 333.880518 163.714847 331.960133 165.238038 337.127983 166.77077 342.299139 170 342.003314 170 337.942742M140 295.238147C140 291.401524 134.70626 292.701704 136.298686 297.579719 137.889456 302.459292 140 299.068534 140 295.238147M142 343.939181C142 339.879975 148.293307 337.960789 146.758989 343.128929 145.232319 348.298658 142 348.004743 142 343.939181M160 260.94007C160 256.878875 166.292276 254.961088 164.759366 260.129738 163.231045 265.298388 160 265.004444 160 260.94007M177 101.933286C177 107.153422 184.542439 109.623232 182.714261 102.976346 180.879657 96.3294591 177 96.709926 177 101.933286M155 104.939715C155 100.880059 148.711281 98.9601071 150.239336 104.130097 151.762621 109.296782 155 109.00598 155 104.939715M178 140.231803C178 136.402056 172.708848 137.705667 174.297519 142.580174 175.884533 147.460919 178 144.066229 178 140.231803M147 62.4241339C147 58.1018679 152.250799 59.853352 150.72039 65.3523963 149.18998 70.8514407 147 66.7463998 147 62.4241339M143 256.555566C143 252.171687 148.290692 253.662685 146.702689 259.235936 145.111503 264.807472 143 260.939445 143 256.555566M150 175.420904C150 171.105734 155.247801 172.850273 153.721699 178.350704 152.192163 183.852845 150 179.746336 150 175.420904M189 3.4039401C189 6.14268511 194.292871 5.20989872 192.701707 1.72772997 191.106871-1.75619213 189 .665195098 189 3.4039401' transform='matrix(-1 0 0 1 558 0)'/%3E%3Cg transform='matrix(-1 0 0 1 395 39.12)'%3E%3Cpath fill='%23FFC16B' d='M6.5234357,37.6440096 C6.5234357,29.8558574 9.0628277,25.961231 12.1570997,23.1648915 C29.4737077,26.865832 33.1065397,21.7386593 27.9418037,21.5559784 C24.4449717,21.4327237 20.5988917,19.6301247 18.3075637,18.3678652 C21.0417077,16.0480369 23.1730997,13.1482515 23.1730997,7.52475885 C23.1730997,7.52475885 33.7930677,15.089512 38.6357557,22.6047432 C42.4557237,28.535272 47.8739637,41.4946164 41.0065077,41.4946164 L7.8040117,41.4946164 C6.2100917,41.4946164 6.5234357,39.4719198 6.5234357,37.6440096 M2.3672757,46.8638964 L46.2495797,46.8638964 C56.1623477,46.8638964 48.3407157,28.1611062 42.8256437,20.1891725 C37.2583477,12.1402047 26.3957557,4.04831788 22.2058677,1.08910617 C21.4943157,0.586183241 20.4944437,1.04508666 20.4400437,1.88365836 C19.2269237,20.6150613 0.5176757,14.457832 0.5176757,40.4073345 C0.5176757,42.8647237 0.0650677,46.8638964 2.3672757,46.8638964' transform='translate(6 441)'/%3E%3Cpath fill='%23FFC16B' d='M19.4123239 337.88L4.48023559 337.88C1.39150589 337.88 3.82853755 331.775994 5.54665057 328.983163 7.72391447 325.443309 12.5005649 321.88 12.5005649 321.88 12.5005649 324.528587 13.459313 325.894806 14.6892221 326.987194 13.6581264 327.581763 11.9286201 328.430225 10.3563416 328.488861 8.03324318 328.575056 9.66761528 330.989686 17.4549511 329.246438 18.8466455 330.563989 19.988826 332.398122 19.988826 336.066389 19.988826 336.927165 20.1295336 337.88 19.4123239 337.88M22.9836161 336.931646C22.9836161 325.080808 14.4660103 327.892717 13.9129714 319.338738 13.888174 318.955554 13.4331713 318.745769 13.1090755 318.975452 11.2019853 320.326829 6.25635306 324.02222 3.72183189 327.698283 1.21095472 331.339096-2.35063863 339.88 2.16305812 339.88L22.1416591 339.88C23.1894919 339.88 22.9836161 338.053908 22.9836161 336.931646M158.216952 101.029944L136.528453 101.029944C132.042813 101.029944 135.581724 91.4488475 138.076861 87.0643905 141.239453 81.5065343 148.177098 75.9132213 148.177098 75.9132213 148.177098 80.0716412 149.570234 82.2156707 151.356942 83.9308942 149.859213 84.8638517 147.346823 86.1956984 145.063029 86.2876645 141.689095 86.4228437 144.062386 90.2133991 155.373531 87.477684 157.394225 89.5452597 159.053696 92.4250181 159.053696 98.1834268 159.053696 99.53411 159.258569 101.029944 158.216952 101.029944M162.976474 100.226626C162.976474 81.0389475 150.755263 85.5918245 149.962728 71.7415051 149.928223 71.1221189 149.273708 70.783063 148.808969 71.1542516 146.072298 73.3426021 138.976145 79.32594 135.339111 85.2771452 131.736582 91.1718412 126.627697 105 133.103839 105L161.768802 105C163.271923 105 162.976474 102.043788 162.976474 100.226626M76.6187284 42.88L41.481558 42.88C34.2160915 42.88 39.9494526 29.528083 43.9930158 23.4183174 49.1155266 15.6755491 60.3548397 7.88 60.3548397 7.88 60.3548397 13.6746808 62.6123299 16.6623882 65.5055691 19.0535137 63.0787672 20.3538381 59.0086452 22.210759 55.3086852 22.3371128 49.8425712 22.5258438 53.6886041 27.8087118 72.0124525 23.9941068 75.2858132 26.8762528 77.9732225 30.8891852 77.9732225 38.9134506 77.9732225 40.7959622 78.3068662 42.88 76.6187284 42.88M83.9623648 42.1406497C83.9623648 15.051994 64.3355392 21.4802226 63.0602151 1.92654617 63.0026199 1.05151631 61.9543858.573490746 61.2072927 1.09850866 56.8119501 4.18703996 45.4179583 12.6326985 39.5761514 21.0346055 33.7902942 29.3587321 25.5837897 48.88 35.9838515 48.88L82.0205811 48.88C84.4362916 48.88 83.9623648 44.7057835 83.9623648 42.1406497M73.0063097 274.736447C73.0063097 269.657077 76.3395004 270.862313 76.5554999 267.196293 76.5653679 267.032774 76.7429919 266.942439 76.8701794 267.040779 77.616858 267.620527 79.5520822 269.204256 80.5432678 270.778838 81.5267784 272.339698 82.9192626 276 81.1539873 276L73.3363394 276C72.9262693 276 73.0063097 275.216711 73.0063097 274.736447M77.0100357 187.17495C77.0100357 179.838441 82.1945835 181.579127 82.530956 176.283385 82.546396 176.04631 82.823214 175.917093 83.0206261 176.059124 84.1819383 176.895294 87.191645 179.182747 88.7356498 181.458453 90.2642147 183.712801 92.4302329 189 89.6830071 189L77.5228659 189C76.8843096 189 77.0100357 187.869088 77.0100357 187.17495'/%3E%3Cg transform='translate(212 110)'%3E%3Cmask id='beans-orange-2-b' fill='%23fff'%3E%3Cuse xlink:href='%23beans-orange-2-a'/%3E%3C/mask%3E%3Cpath fill='%23FFC16B' d='M10.2436224,10.4837673 C10.2436224,4.18023273 6.5402304,5.67556364 6.3005184,1.12490182 C6.2899584,0.921818182 6.0914304,0.810632727 5.9509824,0.933163636 C5.1209664,1.65133091 2.9709504,3.61636364 1.8684864,5.57232 C0.7765824,7.50898909 -0.7715136,12.0517091 1.1915904,12.0517091 L9.8771904,12.0517091 C10.3333824,12.0517091 10.2436224,11.0805382 10.2436224,10.4837673' mask='url(%23beans-orange-2-b)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } }

.by-the-numbers h2.fancy-text { color: #FFC16B; }

.by-the-numbers h2.fancy-text small { color: #401E1F; margin-bottom: 15px; }

.by-the-numbers h2.fancy-text svg { fill: #FFC16B; }

.by-the-numbers .slick-dots { text-align: center; }

.by-the-numbers .slick-dots li { display: inline-block; margin: 0 5px; }

.by-the-numbers .slick-dots li button { border-radius: 100%; height: 10px; width: 10px; padding: 0; font-size: 0; border: 1px solid #fff; background-color: transparent; }

.by-the-numbers .slick-dots li.slick-active button { background-color: #fff; }

.by-the-number { text-align: center; position: relative; padding: 20px 30px; }

@media screen and (min-width: 800px) { .by-the-number.border-right-1:after { content: ''; height: 100%; width: 8px; display: block; position: absolute; top: 0; right: 0; background-size: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='288' viewBox='0 0 9 288'%3E%3Cpath fill='%23FFC16B' fill-rule='evenodd' d='M567.728715,1354.66798 C612.829951,1354.56564 729.077068,1352.60667 680.246952,1348.89523 C647.981116,1346.44104 566.635932,1347.92671 521.563454,1348.18803 C480.929205,1348.42559 405.047934,1343.42949 405,1352.31064 C404.971247,1356.52644 538.491994,1354.72828 567.728715,1354.66798' transform='rotate(90 880 475.55)'/%3E%3C/svg%3E%0A"); }
  .by-the-number.border-right-2:after { content: ''; height: 100%; width: 8px; display: block; position: absolute; top: 0; right: 0; background-size: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='288' viewBox='0 0 9 288'%3E%3Cpath fill='%23FFC16B' fill-rule='evenodd' d='M970.428715,1354.66798 C1015.52995,1354.56564 1131.77707,1352.60667 1082.94695,1348.89523 C1050.68112,1346.44104 969.335932,1347.92671 924.263454,1348.18803 C883.629205,1348.42559 807.747934,1343.42949 807.7,1352.31064 C807.671247,1356.52644 941.191994,1354.72828 970.428715,1354.66798' transform='matrix(0 -1 -1 0 1355.25 1095.25)'/%3E%3C/svg%3E%0A"); } }

.by-the-number .number { margin: 0 30px 30px; text-transform: uppercase; font-weight: 700; font-size: 40px; color: #FFFFFF; letter-spacing: 3.08px; text-align: center; font-family: "Cooper Hewitt", san-serif; }

.by-the-number .number small { display: block; font-size: 14px; color: #FFFFFF; letter-spacing: 1.5px; text-align: center; }

.by-the-number h4 { margin-bottom: 20px; font-size: 24px; line-height: 1.5; }

.by-the-number .inner-wrap { margin: 0 35px; }

@media screen and (max-width: 960px) { .by-the-number .number { font-size: 38px; margin: 0 15px 30px; } }

.featured-content-two-col { margin: 80px 0; position: relative; }

.featured-content-two-col.gradient-bottom { margin: 80px 0 0; padding: 0 0 80px; }

.featured-content-two-col.gradient-bottom:after { content: ''; display: block; width: 100%; height: 95px; position: absolute; bottom: 0; left: 0; opacity: 0.15; background-image: linear-gradient(0, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%); z-index: 0; }

.featured-content-two-col header { text-align: center; margin-bottom: 50px; }

.featured-content-two-col .inner-wrap { display: flex; justify-content: space-between; }

@media screen and (max-width: 800px) { .featured-content-two-col .inner-wrap { display: block; } }

.featured-content-two-col .inner-wrap .feature-content-col { width: calc(50% - 15px); text-align: center; }

@media screen and (max-width: 800px) { .featured-content-two-col .inner-wrap .feature-content-col { width: 100%; margin-bottom: 30px; } }

.featured-content-two-col .inner-wrap .feature-content-col img { margin-bottom: 20px; }

.featured-content-two-col .inner-wrap .feature-content-col h4 { margin-bottom: 15px; }

.featured-content-two-col .inner-wrap .feature-content-col p { margin: 0 35px 20px; }

.history-slider-container { background-color: #E74D43; background-image: url("../images/timeline.png"); background-position: center center; background-size: cover; padding: 66px 0; position: relative; }

.history-slider-container.no-background { background-image: none; }

.history-slider-container header { max-width: 560px; margin: 0 auto; text-align: center; }

.history-slider-container header h3 { font-family: "Bemio", san-serif; font-style: italic; font-size: 32px; color: #401E1F; line-height: 38px; margin-bottom: 15px; }

.history-slider-container header p { color: #fff; }

.history-sliders-wrap { position: relative; }

.history-slider-years-container { width: 100%; height: 36px; position: absolute; top: 50%; transform: translateY(-50%); margin-top: -59px; }

.history-slider-years .year { display: block; font-family: "Cooper Hewitt", san-serif; font-weight: 700; font-size: 24px; color: #FFFFFF; letter-spacing: 0.86px; text-align: center; }

.history-slider-years .slick-slide { width: 100%; max-width: 100px; }

.history-slider-years .slick-center { transition: max-width .1s ease-in-out; max-width: 760px; }

.history-slider-years .slick-center .year { opacity: 0; }

.history-slider { max-width: 760px; margin: 0 auto; position: relative; width: calc(100% - 80px); }

.history-slider .custom-slide-btn { position: absolute; z-index: 999; top: 50%; margin-top: -82px; width: 30px; height: 30px; font-size: 0; background: none; background-position: center; background-repeat: no-repeat; opacity: 0; visibility: hidden; }

.history-slider .custom-slide-btn.prev-slide, .history-slider .custom-slide-btn.slick-prev { left: 0; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='26px' height='26px' viewBox='0 0 26 26' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 62 (91390) - https://sketch.com --%3E%3Ctitle%3E↳ color%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3Cpath d='M9.89234778,12.9930978 L15.6783478,7.20709778 C15.9963478,6.88909778 15.9963478,6.37509778 15.6783478,6.05809778 C15.3613478,5.74009778 14.8473478,5.74009778 14.5293478,6.05809778 L8.30834778,12.2790978 C8.11334778,12.4740978 8.05334778,12.7400978 8.09734778,12.9930978 C8.05234778,13.2440978 8.11334778,13.5120978 8.30834778,13.7070978 L14.5293478,19.9290978 C14.8473478,20.2460978 15.3613478,20.2460978 15.6783478,19.9290978 C15.9963478,19.6110978 15.9963478,19.0970978 15.6793478,18.7780978 L9.89234778,12.9930978 Z M0,13 C0,20.18 5.819,26 13,26 C20.181,26 26,20.179 26,13 C26,5.821 20.18,0 13,0 C5.82,0 0,5.82 0,13 Z M1.625,13 C1.625,6.718 6.718,1.625 13,1.625 C19.282,1.625 24.375,6.718 24.375,13 C24.375,19.282 19.282,24.375 13,24.375 C6.718,24.375 1.625,19.282 1.625,13 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='_directionals/Angles/Round-Outline-Left'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Angle-Round-Left'%3E%3C/g%3E%3Cg id='_colors/general_black' mask='url(%23mask-2)' fill='%23fff'%3E%3Crect id='Rectangle' x='0' y='0' width='26' height='26'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.history-slider .custom-slide-btn.next-slide, .history-slider .custom-slide-btn.slick-next { right: 0; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='26px' height='26px' viewBox='0 0 26 26' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 62 (91390) - https://sketch.com --%3E%3Ctitle%3E↳ color%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3Cpath d='M16.1079022,12.9933478 L10.3219022,18.7793478 C10.0039022,19.0973478 10.0039022,19.6113478 10.3219022,19.9283478 C10.6389022,20.2463478 11.1529022,20.2463478 11.4709022,19.9283478 L17.6919022,13.7073478 C17.8869022,13.5123478 17.9469022,13.2463478 17.9029022,12.9933478 C17.9479022,12.7423478 17.8869022,12.4743478 17.6919022,12.2793478 L11.4709022,6.05734778 C11.1529022,5.74034778 10.6389022,5.74034778 10.3219022,6.05734778 C10.0039022,6.37534778 10.0039022,6.88934778 10.3209022,7.20834778 L16.1079022,12.9933478 Z M0,13 C0,20.18 5.819,26 13,26 C20.181,26 26,20.179 26,13 C26,5.821 20.18,0 13,0 C5.82,0 0,5.82 0,13 Z M1.625,13 C1.625,6.718 6.718,1.625 13,1.625 C19.282,1.625 24.375,6.718 24.375,13 C24.375,19.282 19.282,24.375 13,24.375 C6.718,24.375 1.625,19.282 1.625,13 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='_directionals/Angles/Round-Outline-Right'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Angle-Round-Right'%3E%3C/g%3E%3Cg id='_colors/general_black' mask='url(%23mask-2)' fill='%23ffff'%3E%3Crect id='Rectangle' x='0' y='0' width='26' height='26'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.history-slider .slick-arrow { position: absolute; z-index: 999; top: 50%; width: 30px; height: 30px; font-size: 0; background: none; background-position: center; background-repeat: no-repeat; margin-top: -75px; }

.history-slider .slick-arrow.slick-prev { left: -60px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='26px' height='26px' viewBox='0 0 26 26' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 62 (91390) - https://sketch.com --%3E%3Ctitle%3E↳ color%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3Cpath d='M9.89234778,12.9930978 L15.6783478,7.20709778 C15.9963478,6.88909778 15.9963478,6.37509778 15.6783478,6.05809778 C15.3613478,5.74009778 14.8473478,5.74009778 14.5293478,6.05809778 L8.30834778,12.2790978 C8.11334778,12.4740978 8.05334778,12.7400978 8.09734778,12.9930978 C8.05234778,13.2440978 8.11334778,13.5120978 8.30834778,13.7070978 L14.5293478,19.9290978 C14.8473478,20.2460978 15.3613478,20.2460978 15.6783478,19.9290978 C15.9963478,19.6110978 15.9963478,19.0970978 15.6793478,18.7780978 L9.89234778,12.9930978 Z M0,13 C0,20.18 5.819,26 13,26 C20.181,26 26,20.179 26,13 C26,5.821 20.18,0 13,0 C5.82,0 0,5.82 0,13 Z M1.625,13 C1.625,6.718 6.718,1.625 13,1.625 C19.282,1.625 24.375,6.718 24.375,13 C24.375,19.282 19.282,24.375 13,24.375 C6.718,24.375 1.625,19.282 1.625,13 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='_directionals/Angles/Round-Outline-Left'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Angle-Round-Left'%3E%3C/g%3E%3Cg id='_colors/general_black' mask='url(%23mask-2)' fill='%23fff'%3E%3Crect id='Rectangle' x='0' y='0' width='26' height='26'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

@media screen and (max-width: 800px) { .history-slider .slick-arrow.slick-prev { left: -30px; } }

.history-slider .slick-arrow.slick-next { right: -60px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='26px' height='26px' viewBox='0 0 26 26' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 62 (91390) - https://sketch.com --%3E%3Ctitle%3E↳ color%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3Cpath d='M16.1079022,12.9933478 L10.3219022,18.7793478 C10.0039022,19.0973478 10.0039022,19.6113478 10.3219022,19.9283478 C10.6389022,20.2463478 11.1529022,20.2463478 11.4709022,19.9283478 L17.6919022,13.7073478 C17.8869022,13.5123478 17.9469022,13.2463478 17.9029022,12.9933478 C17.9479022,12.7423478 17.8869022,12.4743478 17.6919022,12.2793478 L11.4709022,6.05734778 C11.1529022,5.74034778 10.6389022,5.74034778 10.3219022,6.05734778 C10.0039022,6.37534778 10.0039022,6.88934778 10.3209022,7.20834778 L16.1079022,12.9933478 Z M0,13 C0,20.18 5.819,26 13,26 C20.181,26 26,20.179 26,13 C26,5.821 20.18,0 13,0 C5.82,0 0,5.82 0,13 Z M1.625,13 C1.625,6.718 6.718,1.625 13,1.625 C19.282,1.625 24.375,6.718 24.375,13 C24.375,19.282 19.282,24.375 13,24.375 C6.718,24.375 1.625,19.282 1.625,13 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='_directionals/Angles/Round-Outline-Right'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Angle-Round-Right'%3E%3C/g%3E%3Cg id='_colors/general_black' mask='url(%23mask-2)' fill='%23ffff'%3E%3Crect id='Rectangle' x='0' y='0' width='26' height='26'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

@media screen and (max-width: 800px) { .history-slider .slick-arrow.slick-next { right: -30px; } }

.history-slider .slick-dots li { display: inline-block; vertical-align: top; }

@media screen and (max-width: 800px) { .history-slider .year-slide { padding: 0 20px; } }

.history-slider .year-slide figure { position: relative; margin-bottom: 20px; }

@media screen and (max-width: 800px) { .history-slider .year-slide figure { margin-bottom: 10px; }
  .history-slider .year-slide figure img { margin-bottom: 10px; } }

.history-slider .year-slide figure .img-year { display: inline-block; background-color: #5F382E; font-family: "Cooper Hewitt", san-serif; font-weight: 700; font-size: 42px; line-height: 1; color: #FFC263; letter-spacing: 1.5px; text-align: center; position: absolute; top: 0; padding: 18px 45px 13px 45px; border-radius: 0 0 5px 5px; left: 50%; transform: translateX(-50%); }

@media screen and (max-width: 600px) { .history-slider .year-slide figure .img-year { font-size: 24px; } }

.history-slider .year-slide figure figcaption { font-family: "Cooper Hewitt", san-serif; font-weight: 600; font-size: 18px; color: #FFFFFF; letter-spacing: 2px; text-align: center; line-height: 1.5; position: absolute; bottom: 0; padding: 30px 20px 10px; text-align: center; width: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 800px) { .history-slider .year-slide figure figcaption { background: none !important; position: static; padding: 0; } }

.history-slider .year-slide p { font-weight: 500; font-size: 16px; color: #FFFFFF; text-align: center; line-height: 24px; }

.what-we-care { padding: 80px 0 20px; }

@media screen and (max-width: 600px) { .what-we-care { padding: 40px 0 20px; } }

.what-we-care .wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; }

.what-we-care .we-care-mod { width: 48.6842105263%; margin-bottom: 75px; text-align: center; }

@media screen and (max-width: 600px) { .what-we-care .we-care-mod { width: 100%; margin-bottom: 40px; } }

.what-we-care .we-care-mod .img-wrap { position: relative; margin-bottom: 20px; }

.what-we-care .we-care-mod .img-wrap img { display: block; }

.what-we-care .we-care-mod .img-wrap a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; transition: .25s ease-in-out; }

.what-we-care .we-care-mod:hover a { opacity: 1; visibility: visible; }

.table-module { background-color: #fff; text-align: center; margin: 80px 0; }

@media screen and (max-width: 800px) { .table-module { margin: 40px 0; } }

.table-module .wrapper { padding: 0; }

.table-module h4 { margin-bottom: 60px; }

@media screen and (max-width: 800px) { .table-module h4 { margin-bottom: 30px; } }

.table-module table { width: 100%; margin: 0 auto; max-width: 945px; vertical-align: middle; }

.table-module table tr:nth-child(even) { background: #F8F8F8; }

.table-module table tr th, .table-module table tr td { padding: 25px 15px; vertical-align: middle; }

.table-module table tr th { font-size: 14px; color: #5BC337; letter-spacing: 1.56px; text-align: center; text-transform: uppercase; }

.table-module table tr td { font-weight: 500; font-size: 18px; color: #606060; letter-spacing: 0; text-align: center; line-height: 24px; }

@media screen and (max-width: 800px) { .table-module table { display: block; width: 100%; }
  .table-module table thead { visibility: hidden; opacity: 0; height: 0; width: 0; position: absolute; }
  .table-module table tbody { width: 100%; display: block; }
  .table-module table tr { display: block; width: 100%; padding: 20px 20px; }
  .table-module table tr:nth-child(even) { background: #F8F8F8; }
  .table-module table tr td { display: block; padding: 0; width: 100%; margin-bottom: 15px; }
  .table-module table tr td:before { content: attr(data-th); display: block; font-size: 12px; color: #5BC337; letter-spacing: 1.56px; text-align: center; text-transform: uppercase; margin-bottom: 0; } }

@media screen and (max-width: 600px) { .table-module table tbody { display: block; }
  .table-module table tr { width: 100%; display: block; } }

#care-detail { overflow: hidden; position: relative; text-align: center; padding: 60px 0 0 0; }

@media screen and (min-width: 768px) { #care-detail { min-height: 850px; } }

#care-detail .wrapper { position: relative; z-index: 2; height: 100%; }

#care-detail.cookie-power { background-color: #468AC9; }

#care-detail.cookie-power h3 { font-size: 32px; line-height: 1.2; }

#care-detail.cookie-power .info-boxes { margin-top: 46px; margin-bottom: 50px; display: flex; justify-content: space-between; }

#care-detail.cookie-power .info-boxes > div { width: 26.3157894737%; text-align: center; }

#care-detail.cookie-power .info-boxes > div .svg-wrap { margin-bottom: 20px; }

#care-detail.cookie-power .info-boxes > div .info-header { margin-bottom: 15px; }

#care-detail.cookie-power .info-boxes > div h4 { font-family: "Cooper Hewitt", san-serif; font-weight: 700; font-style: normal; text-transform: uppercase; font-size: 18px; color: #223A6A; letter-spacing: 2px; text-align: center; }

#care-detail.cookie-power .info-boxes > div p { font-weight: 500; font-size: 14px; color: #FFFFFF; line-height: 21px; }

@media screen and (max-width: 768px) { #care-detail.cookie-power .info-boxes { display: block; }
  #care-detail.cookie-power .info-boxes > div { display: block; margin-bottom: 40px; width: 100%; } }

#care-detail.cookie-power .arrow-1 { position: absolute; top: 313px; left: 237px; }

@media screen and (max-width: 1140px) { #care-detail.cookie-power .arrow-1 { display: none; } }

#care-detail.cookie-power .arrow-2 { position: absolute; top: 343px; right: 240px; display: block; }

@media screen and (max-width: 1140px) { #care-detail.cookie-power .arrow-2 { display: none; } }

#care-detail.cookie-power .cookie-clamshell { position: absolute; width: 705px; bottom: 0; left: 50%; transform: translateX(-50%); display: block; }

@media screen and (max-width: 768px) { #care-detail.cookie-power .cookie-clamshell { position: static; width: 85%; margin: 0 auto; transform: none; } }

#care-detail.cookie-power .parrallax-slides > img { position: absolute; }

#care-detail.cookie-power .parrallax-slides .cookie-crumbs-top-left { top: 0; left: 0; width: 415px; height: 237px; }

#care-detail.cookie-power .parrallax-slides .cookie-crumbs-bottom-left { bottom: 0; left: 0; width: 396px; height: 448px; }

@media screen and (max-width: 768px) { #care-detail.cookie-power .parrallax-slides .cookie-crumbs-bottom-left { display: none; } }

#care-detail.cookie-power .parrallax-slides .cookie-crumbs-bottom-right { bottom: 0; right: 0; width: 367px; height: 280px; }

@media screen and (max-width: 768px) { #care-detail.cookie-power .parrallax-slides .cookie-crumbs-bottom-right { display: none; } }

#care-detail.clean-label { background-color: #FFFB59; padding-top: 65px; }

@media screen and (max-width: 768px) { #care-detail.clean-label { padding: 20px 0; } }

#care-detail.clean-label .parrallax-slides img { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; }

#care-detail.clean-label .info-boxes { margin-top: 46px; margin-bottom: 50px; display: flex; justify-content: space-between; }

#care-detail.clean-label .info-boxes > div { width: 26.3157894737%; text-align: center; }

#care-detail.clean-label .info-boxes > div .svg-wrap { margin-bottom: 20px; }

#care-detail.clean-label .info-boxes > div .info-header { margin-bottom: 15px; }

#care-detail.clean-label .info-boxes > div h4 { font-family: "Bemio", san-serif; font-style: italic; font-size: 24px; color: #E74D43; text-align: center; }

#care-detail.clean-label .info-boxes > div p { font-weight: 500; font-size: 14px; color: #401E1F; line-height: 21px; }

@media screen and (max-width: 768px) { #care-detail.clean-label .info-boxes { display: block; }
  #care-detail.clean-label .info-boxes > div { width: 100%; margin-bottom: 30px; } }

#care-detail.clean-label .arrow-3 { position: absolute; top: 160px; left: 340px; }

@media screen and (max-width: 1140px) { #care-detail.clean-label .arrow-3 { display: none; } }

#care-detail.clean-label .cookies-wrapper .cookie-graphic { position: absolute; }

#care-detail.clean-label .cookies-wrapper .cookie-graphic.butter-fly { bottom: 0; left: 0; width: 579px; height: auto; }

@media screen and (max-width: 1500px) { #care-detail.clean-label .cookies-wrapper .cookie-graphic.butter-fly { display: none; } }

#care-detail.clean-label .cookies-wrapper .cookie-graphic.lady-bug { width: 305px; bottom: 0; left: 50%; transform: translateX(-50%); margin-left: 19px; }

@media screen and (max-width: 1500px) { #care-detail.clean-label .cookies-wrapper .cookie-graphic.lady-bug { display: none; } }

@media screen and (max-width: 768px) { #care-detail.clean-label .cookies-wrapper .cookie-graphic.lady-bug { display: block; position: relative; margin: 0 auto; left: 0; z-index: 9; transform: none; } }

#care-detail.clean-label .cookies-wrapper .cookie-graphic.dragon-fly { width: 511px; bottom: 0; right: 0; height: auto; }

@media screen and (max-width: 1500px) { #care-detail.clean-label .cookies-wrapper .cookie-graphic.dragon-fly { display: none; } }

#care-detail.clean-label .cookies-wrapper .cookie-graphic.cookies-full { bottom: 20px; left: 0; width: 100%; height: auto; display: none; }

@media screen and (max-width: 1500px) { #care-detail.clean-label .cookies-wrapper .cookie-graphic.cookies-full { display: block; } }

@media screen and (max-width: 768px) { #care-detail.clean-label .cookies-wrapper .cookie-graphic.cookies-full { display: none; } }

#care-detail.allergens { background-color: #468AC9; min-height: 727px; padding: 0; }

@media screen and (max-width: 1140px) { #care-detail.allergens { min-height: unset; } }

#care-detail.allergens .wrapper .halo { position: absolute; top: 98px; left: -7px; z-index: 2; }

@media screen and (max-width: 1170px) { #care-detail.allergens .wrapper .halo { display: none; } }

#care-detail.allergens .wrapper .arrow { position: absolute; z-index: 2; top: 150px; left: -170px; }

@media screen and (max-width: 1170px) { #care-detail.allergens .wrapper .arrow { display: none; } }

#care-detail.allergens .content { width: 335px; text-align: center; float: left; padding-top: 90px; }

#care-detail.allergens .content svg { height: 8px; width: 287px; fill: #fff; margin: 40px 0 50px; }

#care-detail.allergens .content h3 { font-family: "Cooper Hewitt", san-serif; font-size: 60px; color: #FFFFFF; font-style: normal; letter-spacing: -0.2px; text-align: center; margin-bottom: 0; }

#care-detail.allergens .content h4 { font-size: 24px; color: #FFFB59; line-height: 1.3; }

#care-detail.allergens .content p { color: #fff; }

@media screen and (max-width: 1140px) { #care-detail.allergens .content { width: 100%; padding: 0; }
  #care-detail.allergens .content svg { display: none; }
  #care-detail.allergens .content > div { width: 48%; }
  #care-detail.allergens .content > div:first-child { float: left; }
  #care-detail.allergens .content > div:last-child { float: right; padding-top: 57px; } }

@media screen and (max-width: 768px) { #care-detail.allergens .content { width: 100%; }
  #care-detail.allergens .content > div { width: 100% !important; float: none !important; padding: 0 !important; } }

@media screen and (max-width: 1140px) { #care-detail.allergens .parrallax-slides { display: none; } }

#care-detail.allergens .parrallax-slides .chips-1 { position: absolute; top: 0; left: 0; }

@media screen and (max-width: 1140px) { #care-detail.allergens .parrallax-slides .chips-1 { display: none; } }

#care-detail.allergens .parrallax-slides .grains { position: absolute; bottom: 0; left: 0; }

@media screen and (max-width: 1530px) { #care-detail.allergens .parrallax-slides .grains { left: -50px; } }

@media screen and (max-width: 1400px) { #care-detail.allergens .parrallax-slides .grains { left: -150px; } }

@media screen and (max-width: 1140px) { #care-detail.allergens .parrallax-slides .grains { display: none; } }

#care-detail.allergens .parrallax-slides .chips-2 { position: absolute; right: 0; top: 0; }

@media screen and (max-width: 768px) { #care-detail.allergens .parrallax-slides { display: none; } }

#care-detail.allergens .image-wrap { position: relative; max-width: 700px; width: 50%; display: block; float: right; min-height: 600px; height: 100%; }

@media screen and (max-width: 1140px) { #care-detail.allergens .image-wrap { width: 100%; min-height: unset; float: none; max-width: 100%; margin-top: 15px; }
  #care-detail.allergens .image-wrap img { position: static; display: block; margin: 0 auto; max-width: 700px; } }

#care-detail.allergens .cookie-bag { position: absolute; bottom: 0; right: 0; top: 140px; left: 15px; filter: drop-shadow(0 0 25px rgba(0, 0, 0, 0.3)); }

@media screen and (max-width: 768px) { #care-detail.allergens .cookie-bag { position: static; width: 80%; display: block; margin: 0 auto; } }

#care-detail.giving-back { background-color: #468AC9; }

#care-detail.giving-back h3 { font-size: 32px; line-height: 1.2; }

#care-detail.giving-back .cookie-clamshell { position: absolute; width: 705px; bottom: 0; left: 50%; display: block; transform: translateX(-50%); }

@media screen and (max-width: 768px) { #care-detail.giving-back .cookie-clamshell { position: static; width: 85%; margin: 0 auto; transform: none; } }

#care-detail.giving-back .squiggle-anime { width: 42px; height: 80px; fill: #FFFB59; position: absolute; }

#care-detail.giving-back .squiggle-anime.left { left: -60px; top: 10px; }

#care-detail.giving-back .squiggle-anime.right { right: -60px; top: 10px; }

@media screen and (max-width: 600px) { #care-detail.giving-back .squiggle-anime { display: none; } }

#care-detail.giving-back .info-box-wrap { position: relative; display: inline-block; margin: 50px auto 0; }

#care-detail.giving-back .info-box { display: flex; justify-content: space-between; width: 615px; text-align: left; }

@media screen and (max-width: 768px) { #care-detail.giving-back .info-box { display: block; max-width: 300px; text-align: center; } }

#care-detail.giving-back .info-box > div:first-child { width: 215px; }

@media screen and (max-width: 768px) { #care-detail.giving-back .info-box > div:first-child { display: block; width: 100%; margin-bottom: 30px; } }

#care-detail.giving-back .info-box > div:last-child { padding-top: 18px; width: 325px; }

@media screen and (max-width: 768px) { #care-detail.giving-back .info-box > div:last-child { display: block; width: 100%; margin-bottom: 30px; } }

#care-detail.giving-back .info-box p { font-size: 14px; color: #FFFFFF; line-height: 21px; }

@media screen and (max-width: 768px) { #care-detail.giving-back .parrallax-slides { display: none; } }

#care-detail.giving-back .parrallax-slides .graphics-left { position: absolute; left: 0; bottom: 0; }

@media screen and (max-width: 1024px) { #care-detail.giving-back .parrallax-slides .graphics-left { display: none; } }

#care-detail.giving-back .parrallax-slides .graphics-right { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

@media screen and (max-width: 1024px) { #care-detail.giving-back .parrallax-slides .graphics-right { display: none; } }

#care-detail.giving-back .parrallax-slides .cookie-crumbs-top-left { top: 0; left: 0; width: 415px; height: 237px; }

#care-detail.giving-back .parrallax-slides .cookie-crumbs-bottom-left { bottom: 0; left: 0; width: 396px; height: 448px; }

#care-detail.giving-back .parrallax-slides .cookie-crumbs-bottom-right { bottom: 0; right: 0; width: 367px; height: 280px; }

#care-detail.upcycle { min-height: 950px; background-color: #38721A; background-image: url(../images/upcycle-bg-infographic.png); background-position: center; background-size: cover; }

#care-detail.upcycle h3 { color: #fff; font-size: 32px; line-height: 1.2; margin-bottom: 30px; }

#care-detail.upcycle .cookie-clamshell-upcycle { position: absolute; bottom: -156px; left: 50%; transform: translateX(-50%); width: 554px; }

#care-detail.upcycle .upcycle-left-cookies { position: absolute; right: 65.5%; bottom: -230px; }

#care-detail.upcycle .upcycle-right-arm { position: absolute; right: 0; bottom: 220px; }

#care-detail.upcycle .info-boxes { display: flex; margin: 0 -45px; }

#care-detail.upcycle .info-boxes > div { padding: 0 45px; flex: 1; }

#care-detail.upcycle .info-boxes > div:first-child .info-header { margin-bottom: 18px; }

#care-detail.upcycle .info-boxes > div:nth-child(2) .info-header { margin-bottom: 14px; }

#care-detail.upcycle .info-boxes > div:last-child .info-header { margin-bottom: 14px; }

#care-detail.upcycle .info-boxes p { color: #fff; }

@media screen and (max-width: 1375px) { #care-detail.upcycle .upcycle-right-arm { right: -90px; } }

@media screen and (max-width: 1024px) { #care-detail.upcycle .upcycle-right-arm { display: none; }
  #care-detail.upcycle .upcycle-left-cookies { position: absolute; right: calc(100% - 451px); bottom: -280px; transform: rotate(-10deg); } }

@media screen and (max-width: 860px) { #care-detail.upcycle .upcycle-left-cookies { display: none; }
  #care-detail.upcycle .cookie-clamshell-upcycle { position: relative; width: 100%; margin: 0 auto; right: 0; bottom: -10px; } }

@media screen and (max-width: 768px) { #care-detail.upcycle h3 { font-size: 24px; }
  #care-detail.upcycle h3 br { display: none; }
  #care-detail.upcycle .info-boxes { display: block; }
  #care-detail.upcycle .info-boxes > div { margin-bottom: 40px; } }

.sidebar-nav a.side-bar-link { font-family: "Cooper Hewitt", san-serif; font-weight: 600; font-size: 18px; line-height: 1; color: #5BC337; letter-spacing: 2px; text-transform: uppercase; }

.sidebar-nav a.side-bar-link:hover { color: #E74D43; }

.sidebar-nav svg { fill: #E4E4E4; display: block; height: 3px; margin: 13px 0 14px; width: 100%; }

@media screen and (max-width: 768px) { .sidebar-nav a.side-bar-link { display: block; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #E4E4E4; }
  .sidebar-nav a.side-bar-link:last-child { border-bottom: none; }
  .sidebar-nav svg { display: none; } }

.team-bio-popup { position: relative; max-width: 800px; width: 100%; margin: 0 auto; }

.team-bio-popup .button.mfp-close { top: -44px; }

.bio-detail-wrap .mfp-container .team-bio-detail { background-color: #5F382E; }

.bio-detail-wrap .mfp-container .team-bio-detail .team-header { background-color: #fff; padding-bottom: 7px; display: grid; grid-template-columns: 498px 295px; grid-template-rows: 208px 129px; grid-gap: 7px; }

.bio-detail-wrap .mfp-container .team-bio-detail .team-header > div { background-color: #E74D43; }

.bio-detail-wrap .mfp-container .team-bio-detail .team-header > div.grid-col-one { grid-row: 1 / span 2; }

.bio-detail-wrap .mfp-container .team-bio-detail .team-header > div.grid-col-three { text-align: center; padding: 15px 20px; }

.bio-detail-wrap .mfp-container .team-bio-detail .team-header > div.grid-col-three .question { font-size: 14px; color: #FFC263; text-align: center; line-height: 26px; font-weight: bold; margin-bottom: 5px; display: block; }

.bio-detail-wrap .mfp-container .team-bio-detail .team-header > div.grid-col-three .answer { font-family: "Bemio", san-serif; font-style: italic; font-size: 22px; color: #FFFFFF; letter-spacing: 0; line-height: 1; }

@media screen and (max-width: 800px) { .bio-detail-wrap .mfp-container .team-bio-detail .team-header { display: block; font-size: 0; }
  .bio-detail-wrap .mfp-container .team-bio-detail .team-header > div { display: inline-block; vertical-align: top; background-size: cover; }
  .bio-detail-wrap .mfp-container .team-bio-detail .team-header > div.grid-col-one { width: 100%; height: 0; padding-bottom: 35%; background-size: cover; margin-bottom: 7px; }
  .bio-detail-wrap .mfp-container .team-bio-detail .team-header > div.grid-col-two { width: calc(50% - 3.5px); padding-bottom: 25%; }
  .bio-detail-wrap .mfp-container .team-bio-detail .team-header > div.grid-col-three { width: calc(50% - 3.5px); padding: 0; padding-bottom: 25%; position: relative; margin-left: 7px; }
  .bio-detail-wrap .mfp-container .team-bio-detail .team-header > div.grid-col-three > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } }

@media screen and (max-width: 600px) { .bio-detail-wrap .mfp-container .team-bio-detail .team-header { margin-bottom: 5px; }
  .bio-detail-wrap .mfp-container .team-bio-detail .team-header > div.grid-col-one { margin-bottom: 5px; padding-bottom: 50%; }
  .bio-detail-wrap .mfp-container .team-bio-detail .team-header > div.grid-col-two { width: 100%; padding-bottom: 35%; margin-bottom: 5px; }
  .bio-detail-wrap .mfp-container .team-bio-detail .team-header > div.grid-col-three { width: 100%; padding-bottom: 35%; position: relative; margin-left: 0; }
  .bio-detail-wrap .mfp-container .team-bio-detail .team-header > div.grid-col-three > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } }

.bio-detail-wrap .mfp-container .team-bio-detail .team-bio { padding: 60px 70px; }

@media screen and (max-width: 800px) { .bio-detail-wrap .mfp-container .team-bio-detail .team-bio { padding: 30px 35px; } }

.bio-detail-wrap .mfp-container .team-bio-detail .team-bio .team-bio-header { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='703' height='58' viewBox='0 0 703 58'%3E%3Cdefs%3E%3Cfilter id='border-brown-bottom-a' width='121.6%25' height='118.7%25' x='-10.8%25' y='-9.4%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dy='17' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='14'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.221317745 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg fill='%23FFC263' fill-rule='evenodd' filter='url(%23border-brown-bottom-a)' opacity='.331' transform='translate(-47 -486)'%3E%3Cpath d='M386.559324,94.7866552 C493.419395,94.7361199 768.848106,93.7687281 653.153057,91.9359178 C576.704386,90.7239709 383.970153,91.4576365 277.178218,91.5866822 C180.90195,91.7039965 1.11357112,89.2367866 1,93.6225365 C0.931874934,95.704414 317.287652,94.816435 386.559324,94.7866552' transform='translate(60 405)'/%3E%3C/g%3E%3C/svg%3E%0A"); padding-bottom: 45px; background-position: center 137%; margin-bottom: 30px; }

@media screen and (max-width: 600px) { .bio-detail-wrap .mfp-container .team-bio-detail .team-bio .team-bio-header { padding-bottom: 22px; margin-bottom: 25px; } }

.bio-detail-wrap .mfp-container .team-bio-detail .team-bio .team-bio-header h3 { font-size: 34px; line-height: 1; color: #fff; }

.bio-detail-wrap .mfp-container .team-bio-detail .team-bio .team-bio-header .job-title { font-weight: 700; font-size: 16px; color: #FFC263; line-height: 26px; float: left; }

@media screen and (max-width: 600px) { .bio-detail-wrap .mfp-container .team-bio-detail .team-bio .team-bio-header .job-title { float: none; display: block; } }

.bio-detail-wrap .mfp-container .team-bio-detail .team-bio .team-bio-header nav { float: right; }

@media screen and (max-width: 600px) { .bio-detail-wrap .mfp-container .team-bio-detail .team-bio .team-bio-header nav { float: none; display: block; margin-top: 10px; } }

.bio-detail-wrap .mfp-container .team-bio-detail .team-bio .team-bio-header nav a { height: 29px; width: 29px; display: inline-block; border-radius: 29px; padding: 0; position: relative; background-color: #FFC263; margin-left: 12px; }

@media screen and (max-width: 600px) { .bio-detail-wrap .mfp-container .team-bio-detail .team-bio .team-bio-header nav a { margin-left: 0; margin-right: 12px; } }

.bio-detail-wrap .mfp-container .team-bio-detail .team-bio .team-bio-header nav a svg { fill: #401E1F; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.bio-detail-wrap .mfp-container .team-bio-detail .team-bio .team-bio-header nav a svg.social_email { width: 25px; height: 25px; }

.bio-detail-wrap .mfp-container .team-bio-detail .team-bio .team-bio-header nav a svg.social_linkedin { width: 25px; height: 25px; }

.bio-detail-wrap .mfp-container .team-bio-detail .team-bio h5 { font-weight: 700; font-size: 18px; color: #FFC263; letter-spacing: 1.12px; line-height: 30.24px; text-transform: uppercase; font-style: normal; font-family: "Cooper Hewitt", san-serif; margin-bottom: 15px; }

.bio-detail-wrap .mfp-container .team-bio-detail .team-bio p { color: #fff; font-weight: 500; font-size: 16px; }

.utility { position: relative; z-index: 2; min-height: 40px; }

@media screen and (max-width: 800px) { .utility { display: none; } }

.utility .inner-wrap { float: right; }

.utility .inner-wrap .amazon-link { font-style: italic; font-size: 11px; color: #FFFFFF; line-height: 20px; font-family: "Bemio", san-serif; margin-right: 16px; position: relative; }

.utility .inner-wrap .amazon-link:before { content: ''; width: 61px; height: 32px; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='61' height='33' viewBox='0 0 61 33'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M1060.59903,20.263309 C1059.61071,19.3274879 1058.48334,18.5223557 1057.41271,17.6829626 C1056.55453,17.0099008 1055.65492,16.173547 1054.5231,16.1287867 C1054.15019,16.1138666 1053.83234,16.4553709 1053.83234,16.8153871 C1053.83289,17.9852325 1054.81676,19.019692 1055.60069,19.8226138 C1055.61849,19.8402969 1055.63657,19.8579799 1055.65409,19.875663 C1041.9608,19.5377506 1027.87374,18.4659909 1015.03335,13.42383 C1007.48301,10.4588768 1000.57366,5.88669864 995.293895,-0.277231947 C993.273036,-2.6368163 991.573368,-5.23760874 989.81697,-7.79143054 C989.493277,-8.26196592 988.806958,-7.85912353 989.051674,-7.34686716 C991.772756,-1.64822229 995.740225,3.61746372 1000.63734,7.64975576 C1008.78946,14.3621377 1018.96161,18.1344334 1029.22107,20.2901099 C1038.27142,22.191316 1047.47471,22.9052698 1056.71165,22.7861854 C1056.01282,23.7156517 1055.32761,24.6550646 1054.70942,25.6234889 C1054.12071,26.5460477 1055.41882,27.448713 1056.18356,26.7535475 C1057.72834,25.3502302 1059.15576,23.7385844 1060.59903,22.2258532 C1061.10876,21.6917693 1061.15798,20.7924195 1060.59903,20.263309' transform='rotate(10 526 -5694.096)'/%3E%3C/svg%3E%0A"); position: relative; left: -24px; }

.utility .inner-wrap .btn { padding: 10px 14px 8px; font-size: 12px; }

.utility-nav { margin-top: 20px; }

.utility-nav a { display: block; font-size: 12px; color: #FFFFFF; line-height: 18px; }

.utility-nav .amazon-link { font-style: italic; font-size: 11px; color: #FFFFFF; line-height: 20px; font-family: "Bemio", san-serif; margin-bottom: 10px; display: inline-block; }

.utility-nav .btn { padding: 10px 14px 8px; font-size: 12px; }

#email-popup { margin: 0 auto; max-width: 550px; background-color: #5BC337; padding: 35px 70px; background-image: url("../svg/email-bg.svg"); }

#email-popup .email-popup-inner-wrap { text-align: center; }

#email-popup .email-popup-inner-wrap h2 { font-family: "Bemio", san-serif; font-style: italic; font-size: 75px; color: #FFFFFF; letter-spacing: 3px; }

#email-popup .email-popup-inner-wrap h2 small { display: block; font-style: normal; font-family: "Cooper Hewitt", san-serif; font-weight: 600; font-size: 13px; color: #FFFFFF; letter-spacing: 1.44px; line-height: 20.16px; text-transform: normal; margin-top: -15px; }

#email-popup .email-popup-inner-wrap .enter-email { font-family: "Cooper Hewitt", san-serif; font-weight: 600; font-size: 14px; color: #401E1F; letter-spacing: 2px; line-height: 20px; text-transform: uppercase; margin-bottom: 13px; display: block; }

#email-popup .no-thanks { font-family: "Cooper Hewitt", san-serif; font-weight: 500; font-size: 13px; color: #401E1F; letter-spacing: 1.5px; line-height: 20px; text-decoration: underline; }

#email-popup .no-thanks:hover { color: #FFFB59; }

#email-popup form { margin-top: 30px; margin-bottom: 20px; }

#email-popup form .gform_heading { display: none; }

#email-popup form .gform_body { display: inline-block; vertical-align: top; width: 257px; }

#email-popup form .gform_body > ul { padding-right: 10px; }

#email-popup form .gform_body > ul > li { display: block; width: 100%; }

#email-popup form .gform_body > ul > li label { visibility: hidden; opacity: 0; position: absolute; z-index: -999; }

#email-popup form .gform_body > ul > li input[type=text], #email-popup form .gform_body > ul > li input[type=email] { border: none; background: #E3FBDC; font-family: "Cooper Hewitt", san-serif; font-weight: 500; font-size: 15.64px; color: #401E1F; letter-spacing: 0; padding: 12px 15px 9px; width: 100%; }

#email-popup form .gform_body > ul > li input[type=text]::placehoder, #email-popup form .gform_body > ul > li input[type=email]::placehoder { opacity: 0.59; }

#email-popup form .gform_footer { display: inline-block; vertical-align: top; }

#email-popup form .gform_footer input[type="submit"] { font-family: "Cooper Hewitt", san-serif; font-weight: 600; background-color: #E74D43; font-size: 13px; color: #FFFFFF; letter-spacing: 1px; text-align: center; border: none; border-radius: 4px; line-height: 1; padding: 17px 15px 12px 15px; }

#email-popup .gform_ajax_spinner { position: absolute; margin-left: 10px; }

#gform_confirmation_message_4 { color: #fff; font-weight: bold; font-size: 20px; margin: 10px 0; }
/*# sourceMappingURL=style.css.map */