@charset "UTF-8";
/*!
Theme Name: Heineken SmartDispense
Theme URI: http://underscores.me/
Author: Clarity Marketing
Author URI: http://clarity3.co.uk/
Description: The Heineken SmartDispense Site Theme
Version: 1.20.7
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hknsd
Tags: custom-menu, featured-images

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Heineken SmartDispense is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Flickity
--------------------------------------------- */
/*! Flickity v2.2.2
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/* modaal
--------------------------------------------- */
/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll {
  overflow: hidden;
}

.modaal-accessible-hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
}

.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  transition: all 0.3s ease-in-out;
}
.modaal-wrapper * {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
}
.modaal-wrapper .modaal-close {
  border: none;
  background: transparent;
  padding: 0;
  -webkit-appearance: none;
}
.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1;
}
.modaal-wrapper.modaal-start_fade {
  opacity: 0;
}
.modaal-wrapper *[tabindex="0"] {
  outline: none !important;
}
.modaal-wrapper.modaal-fullscreen {
  overflow: hidden;
}

.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}
.modaal-fullscreen .modaal-outer-wrapper {
  display: block;
}

.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px;
}
.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
  vertical-align: top;
}

.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 1000px;
  border-radius: 0px;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  cursor: auto;
}
.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden;
}
.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto;
}

.modaal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  transition: all 0.2s ease-in-out;
}
.modaal-close:focus, .modaal-close:hover {
  outline: none;
  background: #fff;
}
.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after {
  background: #b93d0c;
}
.modaal-close span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.modaal-close:before, .modaal-close:after {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #fff;
  transition: background 0.2s ease-in-out;
}
.modaal-close:before {
  transform: rotate(-45deg);
}
.modaal-close:after {
  transform: rotate(45deg);
}
.modaal-fullscreen .modaal-close {
  background: #afb7bc;
  right: 10px;
  top: 10px;
}

.modaal-content-container {
  padding: 30px;
}

.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0;
}

.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: transparent;
}
.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  transition: background 0.2s ease-in-out;
}
.modaal-confirm-btn.modaal-ok:hover {
  background: #2f2f2f;
}
.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline;
}
.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: #2f2f2f;
}

@keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.modaal-instagram .modaal-container {
  width: auto;
  background: transparent;
  box-shadow: none !important;
}
.modaal-instagram .modaal-content-container {
  padding: 0;
  background: transparent;
}
.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}
.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  box-shadow: none !important;
  animation: instaReveal 1s linear forwards;
}

.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px;
}
.modaal-image .modaal-container {
  width: auto;
  max-width: 100%;
}

.modaal-gallery-wrap {
  position: relative;
  color: #fff;
}

.modaal-gallery-item {
  display: none;
}
.modaal-gallery-item img {
  display: block;
}
.modaal-gallery-item.is_active {
  display: block;
}

.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff;
}
.modaal-gallery-label:focus {
  outline: none;
}

.modaal-gallery-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 100%;
  transition: all 0.2s ease-in-out;
}
.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default;
}
.modaal-gallery-control:focus, .modaal-gallery-control:hover {
  outline: none;
  background: #fff;
}
.modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after {
  background: #afb7bc;
}
.modaal-gallery-control span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.modaal-gallery-control:before, .modaal-gallery-control:after {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  transition: background 0.2s ease-in-out;
}
.modaal-gallery-control:before {
  margin: -5px 0 0;
  transform: rotate(-45deg);
}
.modaal-gallery-control:after {
  margin: 5px 0 0;
  transform: rotate(45deg);
}

.modaal-gallery-next-inner {
  left: 100%;
  margin-left: 40px;
}
.modaal-gallery-next-outer {
  right: 45px;
}

.modaal-gallery-prev:before, .modaal-gallery-prev:after {
  left: 22px;
}
.modaal-gallery-prev:before {
  margin: 5px 0 0;
  transform: rotate(-45deg);
}
.modaal-gallery-prev:after {
  margin: -5px 0 0;
  transform: rotate(45deg);
}
.modaal-gallery-prev-inner {
  right: 100%;
  margin-right: 40px;
}
.modaal-gallery-prev-outer {
  left: 45px;
}

.modaal-video-wrap {
  margin: auto 50px;
  position: relative;
}

.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%;
}

.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block;
}

@media only screen and (min-width: 1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px;
  }
}
@media only screen and (max-width: 1140px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    transform: none;
    background: rgba(0, 0, 0, 0.7);
  }
  .modaal-gallery-control:before, .modaal-gallery-control:after {
    background: #fff;
  }
  .modaal-gallery-next {
    left: auto;
    right: 20px;
  }
  .modaal-gallery-prev {
    left: 20px;
    right: auto;
  }
}
@media screen and (max-width: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
}
@media screen and (max-height: 1100px) {
  .modaal-instagram iframe {
    width: 700px !important;
  }
}
@media screen and (max-height: 1000px) {
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .modaal-instagram iframe {
    width: 600px !important;
  }
}
@media screen and (max-height: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
  .modaal-video-container {
    max-width: 900px;
    max-height: 510px;
  }
}
@media only screen and (max-width: 600px) {
  .modaal-instagram iframe {
    width: 280px !important;
  }
}
@media only screen and (max-height: 820px) {
  .modaal-gallery-label {
    display: none;
  }
}
.modaal-loading-spinner {
  background: none;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  transform: scale(0.25);
}

@-ms-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute;
}

.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff;
}

.modaal-loading-spinner > div:nth-of-type(1) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}

.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(1) {
  -ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(2) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: 0.12s;
  -moz-animation-delay: 0.12s;
  -webkit-animation-delay: 0.12s;
  -o-animation-delay: 0.12s;
  animation-delay: 0.12s;
}

.modaal-loading-spinner > div:nth-of-type(2) {
  -ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(3) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  -webkit-animation-delay: 0.25s;
  -o-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(3) {
  -ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(4) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: 0.37s;
  -moz-animation-delay: 0.37s;
  -webkit-animation-delay: 0.37s;
  -o-animation-delay: 0.37s;
  animation-delay: 0.37s;
}

.modaal-loading-spinner > div:nth-of-type(4) {
  -ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(5) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(5) {
  -ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(6) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: 0.62s;
  -moz-animation-delay: 0.62s;
  -webkit-animation-delay: 0.62s;
  -o-animation-delay: 0.62s;
  animation-delay: 0.62s;
}

.modaal-loading-spinner > div:nth-of-type(6) {
  -ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(7) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

.modaal-loading-spinner > div:nth-of-type(7) {
  -ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(8) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: 0.87s;
  -moz-animation-delay: 0.87s;
  -webkit-animation-delay: 0.87s;
  -o-animation-delay: 0.87s;
  animation-delay: 0.87s;
}

.modaal-loading-spinner > div:nth-of-type(8) {
  -ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}

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

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[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;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: black;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #000000;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Do not show the outlines on anything */
/* Focus styles MUST be set specicifcally elsewhere */
/* using the body.user-is-tabbing selector */
*:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

.contentWithSmallRightImage > * + * {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .contentWithSmallRightImage {
    display: flex;
    flex-direction: row;
  }
  .contentWithSmallRightImage > * {
    flex-grow: 1;
  }
  .contentWithSmallRightImage > * + * {
    flex-shrink: 0;
    flex-grow: 0;
    margin-top: 0;
    padding-left: 70px;
    padding-right: 70px;
  }
}

.contentWithMediumLeftImage > * + * {
  margin-top: 30px;
}
.contentWithMediumLeftImage .aligncenter {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .contentWithMediumLeftImage {
    display: flex;
    flex-direction: row;
    margin-left: -15px;
    margin-right: -15px;
  }
  .contentWithMediumLeftImage > * {
    width: calc(33.333333% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }
  .contentWithMediumLeftImage > * + * {
    margin-top: 0;
    padding-top: 0;
    padding-top: 30px;
    width: calc(66.666667% - 30px);
  }
}
@media only screen and (min-width: 768px) {
  .contentWithMediumLeftImage--reverseTablet {
    flex-direction: row-reverse;
  }
}

.c--white {
  color: #ffffff;
}
.c--offWhite {
  color: #ededed;
}
.c--black {
  color: #000000;
}
.c--green--bright {
  color: #7ab700;
}
.c--green--dark {
  color: #00601d;
}
.c--green--hkn {
  color: #008348;
}
.c--green--hknalt {
  background-color: #1d7f38;
}
.c--purple {
  color: #8C278A;
}
.c--blue {
  color: #366DB8;
}
.c--red {
  color: #F83122;
}
.c--yellow {
  background-color: #ECD234;
}

.bgc--white {
  background-color: #ffffff;
}
.bgc--offWhite {
  background-color: #ededed;
}
.bgc--black {
  background-color: #000000;
}
.bgc--green--bright {
  background-color: #7ab700;
}
.bgc--green--dark {
  background-color: #00601d;
}
.bgc--green--hkn {
  background-color: #008348;
}
.bgc--green--hknalt {
  background-color: #1d7f38;
}
.bgc--purple {
  background-color: #8C278A;
}
.bgc--blue {
  background-color: #366DB8;
}
.bgc--red {
  background-color: #F83122;
}
.bgc--yellow {
  background-color: #ECD234;
}
.bgc--offWhiteToWhite {
  background: rgb(237, 237, 237);
  background: linear-gradient(180deg, rgb(237, 237, 237) 0%, rgb(255, 255, 255) 100%);
}

.d-fx {
  display: flex;
}
.d-b {
  display: flex;
}
.d-ib {
  display: inline-block;
}
.d-i {
  display: inline;
}

.fjc--right {
  display: flex;
  justify-content: flex-end;
}
.fjc--left {
  display: flex;
  justify-content: flex-start;
}
.fjc--center {
  display: flex;
  justify-content: center;
}
.fjc--v-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.fxg {
  flex-grow: 1;
}

.jc-sb {
  justify-content: space-between;
}

.fxd-r {
  flex-direction: row;
}
.fxd-c {
  flex-direction: column;
}

.tt-u {
  text-transform: uppercase;
}

.bgi--hex--tl {
  background-color: #ffffff;
  background-image: url("img/background/offWhite-hex-bg-topLeft-504-274.svg");
  background-size: 387.6923076923px;
  background-position: -78px -72px;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1280px) {
  .bgi--hex--tl {
    background-position: -78px -72px;
    background-size: 504px;
  }
}
.bgi--hex--br {
  background-color: #ffffff;
  background-image: url("img/background/offWhite-hex-bg-bottom-right-607-475.svg");
  background-size: 466.9230769231px;
  background-position: right bottom;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1280px) {
  .bgi--hex--br {
    background-size: 607px;
  }
}
.bgi--darkHex {
  background-color: #000000;
  background-image: url("img/background/donny-jiang-Uj_g1ZSzPoY-unsplash-darkened.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.bgi--greyHexBtm {
  background-color: #f1f1f1;
  background-image: url("img/background/greyHexDoF-btm.jpg");
  background-size: 200% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) {
  .bgi--greyHexBtm {
    background-size: 100% auto;
  }
}
.bgi--greenFaintHexTile {
  position: relative;
}
.bgi--greenFaintHexTile:before {
  z-index: -1;
  display: block;
  content: "";
  position: absolute;
  top: 150px;
  right: 0;
  left: 0;
  bottom: 0;
  background-image: url("img/background/green-faint-hex-tile-bg-1600-449.png");
  background-size: cover;
}

.td--u {
  text-decoration: underline;
}
.td--n {
  text-decoration: none;
}

.ta--r {
  text-align: right;
}
.ta--l {
  text-align: left;
}
.ta--c {
  text-align: center;
}

.tbLines--offWhite {
  border-top: 5px solid #ededed;
  border-bottom: 5px solid #ededed;
}
@media only screen and (min-width: 768px) {
  .tbLines--offWhite {
    border-top-width: 10px;
    border-bottom-width: 10px;
  }
}
.tbLines--green--bright {
  border-top: 5px solid #7ab700;
  border-bottom: 5px solid #7ab700;
}
@media only screen and (min-width: 768px) {
  .tbLines--green--bright {
    border-top-width: 10px;
    border-bottom-width: 10px;
  }
}
.tbLines--green--hkn {
  border-top: 5px solid #008348;
  border-bottom: 5px solid #008348;
}
@media only screen and (min-width: 768px) {
  .tbLines--green--hkn {
    border-top-width: 10px;
    border-bottom-width: 10px;
  }
}
.tbLines--topOnly {
  border-bottom: none;
}
.tbLines--bottomOnly {
  border-top: none;
}

.std-v-padding {
  padding-top: 50px;
  padding-bottom: 50px;
}
.std-v-padding--topOnly {
  padding-bottom: 0 !important;
}
.std-v-padding--bottomOnly {
  padding-top: 0 !important;
}
@media only screen and (min-width: 768px) {
  .std-v-padding {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1280px) {
  .std-v-padding {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.std-v-padding .container + .container {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .std-v-padding .container + .container {
    margin-top: 45px;
  }
}
@media only screen and (min-width: 1280px) {
  .std-v-padding .container + .container {
    margin-top: 60px;
  }
}
.std-v-padding.tbLines {
  padding-top: 45px;
  padding-bottom: 45px;
}
@media only screen and (min-width: 768px) {
  .std-v-padding.tbLines {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 1280px) {
  .std-v-padding.tbLines {
    padding-top: 110px;
    padding-bottom: 110px;
  }
}
.std-v-padding.tbLines.tbLines--topOnly {
  padding-bottom: 50px;
}
@media only screen and (min-width: 768px) {
  .std-v-padding.tbLines.tbLines--topOnly {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1280px) {
  .std-v-padding.tbLines.tbLines--topOnly {
    padding-bottom: 120px;
  }
}

.std-h-padding {
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (min-width: 360px) {
  .std-h-padding {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 411px) {
  .std-h-padding {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .std-h-padding {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 1280px) {
  .std-h-padding--larger {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.std-h-padding--allRound {
  padding: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (min-width: 360px) {
  .std-h-padding--allRound {
    padding: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 411px) {
  .std-h-padding--allRound {
    padding: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .std-h-padding--allRound {
    padding: 25px;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 1280px) {
  .std-h-padding--allRound.std-h-padding--larger {
    padding: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

.block-padding {
  padding: 30px 10px;
}
@media only screen and (min-width: 360px) {
  .block-padding {
    padding: 35px 15px;
  }
}
@media only screen and (min-width: 411px) {
  .block-padding {
    padding: 35px 20px;
  }
}
@media only screen and (min-width: 768px) {
  .block-padding {
    padding: 40px 25px;
  }
}
.block-padding--large {
  padding: 40px 10px;
}
@media only screen and (min-width: 360px) {
  .block-padding--large {
    padding: 50px 15px;
  }
}
@media only screen and (min-width: 411px) {
  .block-padding--large {
    padding: 50px 20px;
  }
}
@media only screen and (min-width: 768px) {
  .block-padding--large {
    padding: 50px 25px;
  }
}
@media only screen and (min-width: 1024px) {
  .block-padding--large {
    padding: 50px 25px;
  }
}
@media only screen and (min-width: 1280px) {
  .block-padding--large {
    padding: 60px 60px;
  }
}

.xander {
  position: relative;
  overflow: auto;
}
.xander:before {
  position: absolute;
  display: block;
  content: "";
  border-radius: 10px;
  border: 1px solid #7ab700;
  top: 10px;
  left: 10px;
  bottom: 0;
  right: 0;
}
.xander__content {
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.xander__content > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.xander__content {
  padding-top: 60%;
}
@media only screen and (min-width: 768px) {
  .xander__content {
    padding-top: 37%;
  }
}
@media only screen and (min-width: 1280px) {
  .xander:before {
    border-width: 2px;
  }
}
.xander--purple:before {
  border-color: #8C278A;
}

.block-std-text .display-h1,
.block-std-text h1,
.block-std-text .display-h2,
.block-std-text h2,
.block-std-text .display-h3,
.block-std-text h3,
.block-std-text .display-h4,
.block-std-text h4,
.block-std-text .display-h5,
.block-std-text h5,
.block-std-text .display-h6,
.block-std-text h6,
.block-std-text .display-p,
.block-std-text p {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1;
}
.block-std-text .display-h2,
.block-std-text h2 {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .block-std-text .display-h2,
  .block-std-text h2 {
    font-size: 2.6666666667rem;
  }
}
.block-std-text .display-h3,
.block-std-text h3 {
  font-size: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .block-std-text .display-h3,
  .block-std-text h3 {
    font-size: 1.7777777778rem;
  }
}
.block-std-text .display-h4,
.block-std-text h4 {
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .block-std-text .display-h4,
  .block-std-text h4 {
    font-size: 1.3333333333rem;
  }
}
.block-std-text .display-h5,
.block-std-text h5 {
  font-size: 1.3rem;
}
@media only screen and (min-width: 768px) {
  .block-std-text .display-h5,
  .block-std-text h5 {
    font-size: 1.2222222222rem;
  }
}
.block-std-text .display-p,
.block-std-text p {
  font-size: 1rem;
  line-height: 1.2;
}
.block-std-text .display-h2 + .display-h2,
.block-std-text .display-h2 + h2,
.block-std-text h2 + .display-h2,
.block-std-text h2 + h2 {
  margin-top: 0.3rem;
}
.block-std-text .display-h2 + p,
.block-std-text h2 + p,
.block-std-text .display-h3 + p,
.block-std-text h3 + p {
  margin-top: 1.6rem;
}
.block-std-text .display-p + .display-p,
.block-std-text p + p,
.block-std-text * + ul,
.block-std-text * + ol,
.block-std-text ul + .display-p,
.block-std-text ul + p {
  margin-top: 1.6rem;
}
.block-std-text .display-p + ul,
.block-std-text p + ul {
  margin-top: 0.8rem;
}
.block-std-text .display-h4 + p,
.block-std-text h4 + p,
.block-std-text .display-h5 + p,
.block-std-text h5 + p,
.block-std-text .display-h6 + p,
.block-std-text h6 + p {
  margin-top: 0.2rem;
}
.block-std-text .heroHeading + p {
  margin-top: 1.6rem;
}
.block-std-text .ctaTopMargin,
.block-std-text .blockTopMargin {
  margin-top: 1.6rem;
}
.block-std-text .exploreText p {
  margin-bottom: 10px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .block-std-text .exploreText h3 {
    font-size: 2.1111111111rem;
  }
}
.block-std-text .image_content_element h1:first-of-type + *, .block-std-text .image_content_element h2:first-of-type + *, .block-std-text .image_content_element h3:first-of-type + *, .block-std-text .image_content_element h4:first-of-type + *, .block-std-text .image_content_element h5:first-of-type + *, .block-std-text .image_content_element h6:first-of-type + * {
  margin-top: 0.7rem;
}

.social_media_download_area .block-std-text h3,
.social_media_text_suggestions_area .block-std-text h3 {
  margin-bottom: 1.6rem;
}

.saveTimeMoneyPlanet {
  background-image: url("img/background/forestBg-1230-610.jpg");
  background-size: cover;
  background-position: 0 0;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 1280px) {
  .saveTimeMoneyPlanet {
    height: 610px;
  }
}
.saveTimeMoneyPlanet__content {
  max-width: 540px;
  margin-right: auto;
}
.saveTimeMoneyPlanet:before {
  display: none;
  content: "";
  background-image: url("img/saveTimeMoneyEarthHex-white-noIcons-620-798.svg");
  background-size: 476.9230769231px;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  top: -94px;
  right: -438px;
  width: 620px;
  height: 798px;
}
@media only screen and (min-width: 768px) {
  .saveTimeMoneyPlanet:before {
    display: block;
  }
}
@media only screen and (min-width: 1024px) {
  .saveTimeMoneyPlanet:before {
    top: -84px;
    right: -246px;
  }
}
@media only screen and (min-width: 1280px) {
  .saveTimeMoneyPlanet:before {
    top: -99px;
    right: -130px;
    background-size: 620px;
  }
}

.benefitsCardImg--big {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding-top: 53.6231884058%;
}
@media only screen and (min-width: 768px) {
  .benefitsCardImg--big {
    padding-top: 84.2105263158%;
  }
}

.benefitsCardImg--fixed {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding-top: 84.2105263158%;
}

.card.shortlisted {
  width: 100%;
  max-width: 344px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .card.shortlisted {
    max-width: 456px;
  }
}

.benefitsCardImg--fixed720 {
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding-top: 126.3157894737%;
}

.leftTab:before {
  display: inline-block;
  content: "";
  background-image: url("img/shapes/leftTab-14-24.svg");
  background-size: 14px;
  width: 14px;
  height: 24px;
  margin-right: 4px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
}
.leftTab--green--bright::before {
  background-image: url("img/shapes/leftTab-14-24--green--bright.svg");
}
.leftTab--green--dark::before {
  background-image: url("img/shapes/leftTab-14-24--green--dark.svg");
}
.leftTab--green--hkn::before {
  background-image: url("img/shapes/leftTab-14-24--green--hkn.svg");
}
.willow {
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
}
.willow .card img {
  display: block;
  width: 100%;
  height: auto;
}
.willow .willow__textImg {
  margin-top: 20px;
  flex-grow: 1;
  display: flex;
}
.willow .willow__textImg .willow__img {
  margin-right: 15px;
  flex-basis: 93px;
}
.willow .willow__textImg .willow__img .circleImg {
  width: 93px;
  height: 93px;
}
.willow .willow__textImg .willow__textCTA {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.willow .willow__textImg .willow__textCTA .willow__text {
  padding-top: 8px;
  padding-bottom: 15px;
}
.willow .willow__textImg .willow__textCTA .willow__cta {
  border-top: 1px solid #000;
}
.willow .willow__textImg .willow__textCTA .willow__cta a {
  padding-left: 0;
}
.willow .willow__textImg .willow__textCTA .willow__cta .cta {
  justify-content: start;
}

.area-1 p {
  margin-bottom: 15px;
}
.area-1 .card {
  margin-bottom: 15px;
  padding-top: 45.7142857143%;
  position: relative;
}
.area-1 .card img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1280px) {
  .area-1 .card {
    padding-top: 109.8245614035%;
  }
}
.area-1 .circleArrow {
  background-color: #ffffff;
}
.area-1 a.cta {
  color: #ffffff;
  justify-content: start;
  padding-left: 0;
}
@media only screen and (min-width: 1280px) {
  .area-1--onWhite .card {
    padding-top: 81.0810810811%;
  }
}
.area-1--onWhite .circleArrow {
  background-color: #000000;
}
.area-1--onWhite a.cta {
  color: #000000;
}

.glassware__img {
  background-image: url("img/background/glassware-2-768-512.jpg");
  background-size: cover;
  background-position: 50% 50%;
  padding-top: 61.8421052632%;
}
.glassware__content {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (min-width: 768px) {
  .glassware__content {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1280px) {
  .glassware__content {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.glassware__content > * {
  margin-left: 10px;
  margin-right: 10px;
}
@media only screen and (min-width: 360px) {
  .glassware__content > * {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (min-width: 411px) {
  .glassware__content > * {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .glassware__content > * {
    margin-left: 25px;
    margin-right: 25px;
  }
}
@media only screen and (min-width: 1280px) {
  .glassware__content > * {
    margin-left: auto;
    margin-right: auto;
    width: 71.25%;
  }
}
@media only screen and (min-width: 1600px) {
  .glassware__content > * {
    width: 570px;
    margin-left: 110px;
  }
}
@media only screen and (min-width: 768px) {
  .glassware {
    display: flex;
  }
  .glassware > * {
    flex-basis: 50%;
  }
  .glassware__img {
    padding-top: 0;
  }
}

.productMainContent__spec {
  margin-top: 40px;
}

@media only screen and (min-width: 1280px) {
  .productMainContent {
    display: flex;
    align-items: start;
    margin-left: -15px;
    margin-right: -15px;
    justify-content: space-between;
  }
  .productMainContent__content {
    flex-basis: calc(50% - 30px);
  }
  .productMainContent__spec {
    flex-basis: calc(50% - 30px);
    margin-top: 0px;
    display: flex;
    align-items: center;
  }
  .productMainContent__spec .productShotHr {
    flex-basis: 270px;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .productMainContent__spec .productMainContent__spec__text {
    padding-left: 30px;
  }
}
.productShotHr__img {
  padding-left: 15px;
  padding-right: 15px;
}
.productShotHr__img__wide {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: block;
  height: auto;
  width: 100%;
}
.productShotHr__img__tall {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  display: none;
}
.productShotHr hr {
  border: none;
  margin: 0;
  padding: 0;
  background-color: #7ab700;
  position: relative;
  height: 6px;
  margin-left: 3px;
  margin-right: 3px;
}
.productShotHr hr:before, .productShotHr hr:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  width: 6px;
  height: 6px;
  background-color: inherit;
}
.productShotHr hr:before {
  left: 0;
  transform: scale(0.7071067812, 0.7071067812) rotate(45deg);
  transform-origin: 0% 0%;
}
.productShotHr hr:after {
  right: 0;
  transform: scale(0.7071067812, 0.7071067812) rotate(-45deg);
  transform-origin: 100% 0%;
}

@media only screen and (min-width: 1280px) {
  .productShotHr {
    position: relative;
  }
  .productShotHr__img {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .productShotHr__img__wide {
    display: none;
  }
  .productShotHr__img__tall {
    display: block;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .productShotHr hr {
    position: relative;
    width: 6px;
    margin-top: 3px;
    margin-bottom: 3px;
    position: absolute;
    right: 0;
    top: 0;
    height: calc(100% - 6px);
    width: 6px;
    background-color: #7ab700;
    margin-left: 0;
    margin-right: 0;
  }
  .productShotHr hr:before, .productShotHr hr:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: inherit;
  }
  .productShotHr hr:before {
    top: 0;
    transform: scale(0.7071067812, 0.7071067812) rotate(-45deg);
    transform-origin: 0% 0%;
  }
  .productShotHr hr:after {
    bottom: 0;
    transform: scale(0.7071067812, 0.7071067812) rotate(45deg);
    transform-origin: 0% 100%;
  }
}
.keyStats__stat {
  padding-top: 10px;
  padding-bottom: 10px;
}
.keyStats__stat p,
.keyStats__stat p + p {
  margin: 0;
  padding: 0;
}
.keyStats__stat__label {
  margin-bottom: 4px !important;
  text-transform: uppercase;
  color: #008348;
  font-size: 1rem;
}
.keyStats__stat__value {
  text-transform: uppercase;
  color: #000000;
  font-weight: bold;
  font-size: 1.1rem;
}
.keyStats__stat + .keyStats__stat {
  border-top: 1px solid #ededed;
}

@media only screen and (min-width: 1280px) {
  .keyStats__stat {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .keyStats__stat p,
  .keyStats__stat p + p {
    margin: 0;
    padding: 0;
  }
  .keyStats__stat__label {
    margin-bottom: 8px !important;
    text-transform: uppercase;
    color: #008348;
    font-size: 1rem;
  }
  .keyStats__stat__value {
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    font-size: 1.1rem;
  }
  .keyStats__stat + .keyStats__stat {
    border-top: 1px solid #ededed;
  }
}
.techSpecCta a {
  font-weight: bold;
  text-decoration: none;
  position: relative;
}
.techSpecCta a:after {
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  content: "";
  display: block;
  border-top: 2px solid #7ab700;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
/* Custom Fonts */
@font-face {
  /* font-family: 'HEINEKENcore';
  src: url('fonts/HeinekenCore/HEINEKENCore.eot');
  src: url('fonts/HeinekenCore/HEINEKENCore.otf');
  font-style: normal; */
  font-family: "HEINEKENcore";
  src: url("fonts/HeinekenCore/HEINEKENCore.eot"); /* IE9 Compat Modes */
  src: url("fonts/HeinekenCore/HEINEKENCore.eot?#iefix") format("embedded-opentype"), url("fonts/HeinekenCore/HEINEKENCore.woff2") format("woff2"), url("fonts/HeinekenCore/HEINEKENCore.woff") format("woff"), url("fonts/HeinekenCore/HEINEKENCore.ttf") format("truetype"); /* Safari, Android, iOS */
  font-style: normal;
}
@font-face {
  font-family: "HEINEKENcore";
  src: url("fonts/HeinekenCore/HEINEKENCore-Bold.woff2") format("woff2"), url("fonts/HeinekenCore/HEINEKENCore-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
/*

@font-face {
    font-family: 'HEINEKENcore';
    src: url('fonts/HEINEKENCore/HEINEKENCore-Italic.woff2') format('woff2'),
        url('fonts/HEINEKENCore/HEINEKENCore-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'HEINEKENcore';
    src: url('fonts/HEINEKENCore/HEINEKENCore.woff2') format('woff2'),
        url('fonts/HEINEKENCore/HEINEKENCore.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}*/
/* Custom Fonts - END*/
body,
button,
input,
select,
optgroup,
textarea {
  font-size: 1rem;
  color: #000000;
  font-family: HEINEKENcore, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  line-height: 1.5;
}

html {
  font-size: 14px;
}
@media only screen and (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1280px) {
  html {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1280px) {
  p.fz--larger,
  .fz--larger {
    font-size: 1.1666666667rem;
  }
}

p.source {
  font-size: 75%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

.productMainContent__content h2:first-of-type {
  text-transform: uppercase;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

h2.benefitsTextWrapping {
  margin-left: auto;
  margin-right: auto;
  max-width: 250px;
}
@media only screen and (min-width: 411px) {
  h2.benefitsTextWrapping {
    max-width: 385px;
  }
}
@media only screen and (min-width: 768px) {
  h2.benefitsTextWrapping {
    max-width: 970px;
  }
}

body.page-template-template-home-php .introImageHeroBlock > .container > * {
  margin-right: auto;
  max-width: 345px;
}
@media only screen and (min-width: 768px) {
  body.page-template-template-home-php .introImageHeroBlock > .container > * {
    max-width: 415px;
  }
}
@media only screen and (min-width: 1280px) {
  body.page-template-template-home-php .introImageHeroBlock > .container > * {
    max-width: 770px;
  }
}

body.page-template-template-benefits-php .introImageHeroBlock > .container > * {
  margin-right: auto;
  max-width: 345px;
}
@media only screen and (min-width: 768px) {
  body.page-template-template-benefits-php .introImageHeroBlock > .container > * {
    max-width: 630px;
  }
}
@media only screen and (min-width: 1280px) {
  body.page-template-template-benefits-php .introImageHeroBlock > .container > * {
    max-width: 1020px;
  }
}

body.page-template-template-technology-php .introImageHeroBlock > .container > div,
body.page-template-template-technology-php .introImageHeroBlock > .container > p {
  margin-right: auto;
  max-width: 370px;
}
@media only screen and (min-width: 768px) {
  body.page-template-template-technology-php .introImageHeroBlock > .container > div,
  body.page-template-template-technology-php .introImageHeroBlock > .container > p {
    max-width: 370px;
  }
}
@media only screen and (min-width: 1280px) {
  body.page-template-template-technology-php .introImageHeroBlock > .container > div {
    max-width: 820px;
  }
  body.page-template-template-technology-php .introImageHeroBlock > .container > p {
    max-width: 740px;
  }
}

body.page-template-template-technology-systems-php .introImageHeroBlock > .container > div,
body.page-template-template-technology-systems-php .introImageHeroBlock > .container > p {
  margin-right: auto;
  max-width: 370px;
}
@media only screen and (min-width: 768px) {
  body.page-template-template-technology-systems-php .introImageHeroBlock > .container > div,
  body.page-template-template-technology-systems-php .introImageHeroBlock > .container > p {
    max-width: 370px;
  }
}
@media only screen and (min-width: 1280px) {
  body.page-template-template-technology-systems-php .introImageHeroBlock > .container > div {
    max-width: 820px;
  }
  body.page-template-template-technology-systems-php .introImageHeroBlock > .container > p {
    max-width: 740px;
  }
}

body.page-template-template-technology-systems-php .introImageHeroBlock.introImageHeroBlock--bar-systems > .container > div,
body.page-template-template-technology-systems-php .introImageHeroBlock.introImageHeroBlock--bar-systems > .container > p {
  margin-right: auto;
  max-width: none;
}
@media only screen and (min-width: 768px) {
  body.page-template-template-technology-systems-php .introImageHeroBlock.introImageHeroBlock--bar-systems > .container > div,
  body.page-template-template-technology-systems-php .introImageHeroBlock.introImageHeroBlock--bar-systems > .container > p {
    max-width: none;
  }
}
@media only screen and (min-width: 1280px) {
  body.page-template-template-technology-systems-php .introImageHeroBlock.introImageHeroBlock--bar-systems > .container > div {
    max-width: none;
  }
  body.page-template-template-technology-systems-php .introImageHeroBlock.introImageHeroBlock--bar-systems > .container > p {
    max-width: none;
  }
}

.largeLeftConstrained {
  margin-right: auto;
  max-width: 866px;
}

.sustainabilityTextWrap > * {
  margin-left: auto;
  margin-right: auto;
  max-width: 755px;
}

body.page-template-template-home-php .introImageHeroBlock > .container {
  padding-top: 50px;
  padding-bottom: 77px;
}
@media only screen and (min-width: 768px) {
  body.page-template-template-home-php .introImageHeroBlock > .container {
    padding-top: 90px;
    padding-bottom: 117px;
  }
}
@media only screen and (min-width: 1024px) {
  body.page-template-template-home-php .introImageHeroBlock > .container {
    padding-top: 50px;
    padding-bottom: 140px;
  }
}
@media only screen and (min-width: 1280px) {
  body.page-template-template-home-php .introImageHeroBlock > .container {
    padding-top: 50px;
    padding-bottom: 160px;
  }
}
@media only screen and (min-width: 1440px) {
  body.page-template-template-home-php .introImageHeroBlock > .container {
    padding-top: 70px;
    padding-bottom: 160px;
  }
}
@media only screen and (min-width: 1600px) {
  body.page-template-template-home-php .introImageHeroBlock > .container {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 1920px) {
  body.page-template-template-home-php .introImageHeroBlock > .container {
    padding-top: 150px;
  }
}

/* Elements
--------------------------------------------- */
body {
  background: #ffffff;
}

hr {
  background-color: #000000;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

hr.thick--black {
  border: none;
  margin: 0;
  padding: 0;
  background-color: #000000;
  position: relative;
  height: 12px;
  margin-left: 6px;
  margin-right: 6px;
}
hr.thick--black:before, hr.thick--black:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  width: 12px;
  height: 12px;
  background-color: inherit;
}
hr.thick--black:before {
  left: 0;
  transform: scale(0.7071067812, 0.7071067812) rotate(45deg);
  transform-origin: 0% 0%;
}
hr.thick--black:after {
  right: 0;
  transform: scale(0.7071067812, 0.7071067812) rotate(-45deg);
  transform-origin: 100% 0%;
}
hr.gold {
  height: 6px;
  background-color: #b77927;
}

ul,
ol {
  margin: 0 0 1.5em 0;
  padding-left: 30px;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

ul.hexagons,
ol.hexagons {
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  list-style-type: none;
}
ul.hexagons li,
ol.hexagons li {
  margin: 0;
  padding-left: 22px;
  position: relative;
}
ul.hexagons li + li,
ol.hexagons li + li {
  margin-top: 0.2rem;
}
ul.hexagons li:before,
ol.hexagons li:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0px;
  width: 10px;
  height: 11px;
  background-image: url(img/shapes/bulletHex-green-hkn-10-11.svg);
  background-repeat: no-repeat;
  background-size: 10px 11px;
  background-position: 50% 50%;
}
@media only screen and (min-width: 768px) {
  ul.hexagons li:before,
  ol.hexagons li:before {
    top: 7px;
  }
}
@media only screen and (min-width: 1280px) {
  ul.hexagons li:before,
  ol.hexagons li:before {
    top: 9px;
  }
}
ul.hexagons--red li:before,
ol.hexagons--red li:before {
  background-image: url(img/shapes/bulletHex-red-10-11.svg);
}
ul.hexagons--blue li:before,
ol.hexagons--blue li:before {
  background-image: url(img/shapes/bulletHex-blue-10-11.svg);
}
ul.hexagons--purple li:before,
ol.hexagons--purple li:before {
  background-image: url(img/shapes/bulletHex-purple-10-11.svg);
}
ul.hexagons--green--hkn li:before,
ol.hexagons--green--hkn li:before {
  background-image: url(img/shapes/bulletHex-green-hkn-10-11.svg);
}
ul.hexagons--green--dark li:before,
ol.hexagons--green--dark li:before {
  background-image: url(img/shapes/bulletHex-green-dark-10-11.svg);
}
ul.hexagons--green--bright li:before,
ol.hexagons--green--bright li:before {
  background-image: url(img/shapes/bulletHex-green-bright-10-11.svg);
}

.productULs ul,
.productMainContent__content ul {
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  list-style-type: none;
}
.productULs ul li,
.productMainContent__content ul li {
  margin: 0;
  padding-left: 22px;
  position: relative;
}
.productULs ul li + li,
.productMainContent__content ul li + li {
  margin-top: 0.2rem;
}
.productULs ul li:before,
.productMainContent__content ul li:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0px;
  width: 10px;
  height: 11px;
  background-image: url(img/shapes/bulletHex-green-bright-10-11.svg);
  background-repeat: no-repeat;
  background-size: 10px 11px;
  background-position: 50% 50%;
}
@media only screen and (min-width: 768px) {
  .productULs ul li:before,
  .productMainContent__content ul li:before {
    top: 7px;
  }
}
@media only screen and (min-width: 1280px) {
  .productULs ul li:before,
  .productMainContent__content ul li:before {
    top: 9px;
  }
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

.page-template-default .site-main table {
  border-collapse: collapse;
}
.page-template-default .site-main table td {
  border: 1px solid #888;
  padding: 10px;
}
.page-template-default .site-main table tbody td {
  vertical-align: top;
}

table.c-termsTable {
  border-collapse: collapse;
}
table.c-termsTable td, table.c-termsTable th {
  border: 1px solid #888;
  padding: 10px;
  text-align: center;
}
table.c-termsTable th {
  font-weight: bold;
}
table.c-termsTable--fwi th {
  font-weight: inherit;
}
table.c-termsTable--vat th {
  vertical-align: top;
}

.circleArrow {
  display: inline-block;
  width: 30px;
  border-radius: 50%;
  height: 30px;
  background-color: #00601d;
  position: relative;
}
.circleArrow:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("img/arrow/arrow-white-right-8-12.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 8px;
}
.circleArrow--blue {
  background-color: #366DB8;
}
.circleArrow--green--bright {
  background-color: #7ab700;
}
.circleArrow--green--hkn {
  background-color: #008348;
}
.circleArrow--purple {
  background-color: #8C278A;
}
.circleArrow--red {
  background-color: #F83122;
}
.circleArrow--black {
  background-color: #000000;
}
.circleArrow--yellow {
  background-color: #ECD234;
}
.circleArrow--inverse {
  background-color: #ffffff;
}
.circleArrow--inverse--green {
  background-color: #ffffff;
}
.circleArrow--inverse--green:before {
  background-image: url("img/arrow/arrow-green-hkn-right-8-12.svg");
}
.circleArrow--micro {
  width: 15px;
  height: 15px;
}
.circleArrow--micro:before {
  background-size: 5px;
  background-position: 50% 50%;
}
.circleArrow--small {
  width: 20px;
  height: 20px;
}
.circleArrow--small:before {
  background-size: 6px;
  background-position: 50% 50%;
}
.circleArrow--pointLeft:before {
  transform: rotate(180deg);
}

.hexArrow {
  display: inline-block;
  width: 80px;
  height: 69px;
  position: relative;
  background-image: url("img/shapes/hexagon-green-dark-104-90.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.hexArrow:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("img/arrow/arrow-white-down-36-24.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 27px;
}
@media only screen and (min-width: 1280px) {
  .hexArrow {
    width: 104px;
    height: 90px;
  }
  .hexArrow:before {
    background-size: 36px;
  }
}
.hexArrow--blue {
  background-image: url("img/shapes/hexagon-blue-104-90.svg");
}
.hexArrow--green--bright {
  background-image: url("img/shapes/hexagon-green-bright-104-90.svg");
}
.hexArrow--purple {
  background-image: url("img/shapes/hexagon-purple-104-90.svg");
}
.hexArrow--red {
  background-image: url("img/shapes/hexagon-red-104-90.svg");
}
.hexArrow--yellow {
  background-image: url("img/shapes/hexagon-yellow-104-90.svg");
}
.hexArrow--gold {
  background-image: url("img/shapes/hexagon-gold-104-90.svg");
}
.hexArrow--pointRight:before {
  transform: rotate(-90deg);
}

.circleImg {
  border-radius: 50%;
  border: 1px solid #000000;
  padding: 2px;
  width: 133px;
  height: 133px;
}
.circleImg > * {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffffff;
}
.circleImg--large {
  width: 162px;
  height: 162px;
  border-width: 2px;
}
@media only screen and (min-width: 1024px) {
  .circleImg--large {
    width: 328px;
    height: 328px;
  }
}

.single_t_c_expand_area__cta {
  text-align: center;
  position: relative;
}
.single_t_c_expand_area__cta:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #000;
  z-index: 1;
  transform: translate(0, -50%);
}
.single_t_c_expand_area__cta button {
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: none;
  padding: 0;
  margin: 0;
  font-size: 1rem;
  padding: 10px;
}

.selectorBackLink {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
}
.selectorBackLink p {
  margin-top: 0;
  margin-bottom: 0;
}
.selectorBackLink a {
  border: 1px solid #000;
}
@media only screen and (min-width: 360px) {
  .selectorBackLink {
    top: 15px;
    left: 15px;
  }
}
@media only screen and (min-width: 411px) {
  .selectorBackLink {
    top: 20px;
    left: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .selectorBackLink {
    top: 25px;
    left: 25px;
  }
}
@media only screen and (min-width: 1024px) {
  .selectorBackLink {
    top: 30px;
    left: 30px;
  }
}
@media only screen and (min-width: 1600px) {
  .selectorBackLink {
    top: 40px;
    left: 60px;
  }
}

/* wrapper for embedding videos
--------------------------------------------- */
.e-videoEmbedContainer {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

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

/* Links
--------------------------------------------- */
a {
  color: #000000;
}
a:visited {
  color: inherit;
}
a:hover, a:focus, a:active {
  color: inherit;
}
a:focus {
  outline: none;
}
a:hover, a:active {
  outline: 0;
}

body.user-is-tabbing a:focus {
  text-decoration: underline;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

.filterBtns {
  margin-top: 20px;
}
.filterBtns button {
  background-color: #ffffff;
  border-color: #ededed;
  font-weight: bold;
  font-size: 18px;
  padding: 12px;
  min-width: 60px;
  margin: 10px;
}
.filterBtns button.active {
  border-color: #F83122;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea,
select {
  color: #000000;
  border: 1px solid #000000;
  border-radius: 6px;
  padding: 10px;
  width: 100%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus,
select:focus {
  color: #000000;
  border-color: #008348;
}

textarea {
  width: 100%;
}

button[type=submit] {
  position: relative;
  border-radius: 6px;
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
  padding: 18px;
  padding-right: 70px;
  font-weight: bold;
  font-size: 18px;
}
button[type=submit]:after {
  content: "";
  width: 30px;
  height: 30px;
  background-color: #008348;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translate(0, -50%);
  background-image: url("img/arrow/arrow-white-right-8-12.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 8px;
}
button[type=submit] .lds-ring {
  display: none;
  transform: scale(0.3, 0.3);
}
button[type=submit].processing {
  cursor: progress;
}
button[type=submit].processing:after {
  background-image: none;
}
button[type=submit].processing .lds-ring {
  position: absolute;
  top: 50%;
  right: -7px;
  display: inline-block;
  transform: translate(0, -50%) scale(0.3, 0.3);
  z-index: 1;
}
button[type=submit].green--bright:after {
  background-color: #7ab700;
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.formElement label {
  font-weight: bold;
  font-size: 18px;
}
.formElement input, .formElement textarea {
  font-weight: bold;
  font-size: 18px;
}

.formElement--textarea label,
.formElement--text label,
.formElement--email label {
  display: block;
  margin-bottom: 10px;
}
.formElement--select label {
  display: block;
  margin-bottom: 10px;
}
.formElement--select select {
  display: block;
  font-weight: bold;
  font-size: 18px;
}
.formElement--select select,
.formElement--select option {
  text-transform: uppercase;
}

* + button[type=submit] {
  margin-top: 40px;
}

* + .formElement--select,
.block-std-text form * + p {
  margin-top: 30px;
}

* + .formElement--checkbox {
  margin-top: 15px;
}

.formElement--checkbox {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* When the checkbox is checked, add the tick */
}
.formElement--checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.formElement--checkbox label {
  padding-left: 40px;
  display: block;
  position: relative;
  z-index: 1;
}
.formElement--checkbox label:before {
  /* Create a custom checkbox */
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid #000;
}
.formElement--checkbox span.formElement__tick {
  position: absolute;
  top: -2px;
  left: 11px;
  width: 10px;
  height: 20px;
  border: solid #008348;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  display: none;
}
.formElement--checkbox input:checked ~ span.formElement__tick {
  display: block;
}

.formElement--radio {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.formElement--radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.formElement--radio label {
  position: relative;
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 10px 45px;
  border: 1px solid #000000;
  border-radius: 6px;
  background-color: #ffffff;
}
.formElement--radio label:before, .formElement--radio label:after {
  content: "";
  position: absolute;
  display: none;
}
.formElement--radio label:before {
  background-color: #00601d;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  right: 15px;
  top: 10px;
}
.formElement--radio label:after {
  position: absolute;
  top: 16px;
  right: 26px;
  width: 7px;
  height: 14px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.formElement--radio input:checked ~ label {
  color: #ffffff;
  background-color: #008348;
  border-color: #008348;
}
.formElement--radio input:checked ~ label:before, .formElement--radio input:checked ~ label:after {
  display: block;
}

.formElement--file {
  margin-top: 10px;
}

.formElement.inputLabelAnimated {
  position: relative;
}
.formElement.inputLabelAnimated label {
  text-transform: uppercase;
  margin-bottom: 0;
  background-color: #fff;
  position: absolute;
  top: 25px;
  left: 6px;
  transform: translate(0, -50%);
  transition: top 0.3s, font-size 0.3s;
  padding-left: 4px;
  padding-right: 4px;
}
.formElement.inputLabelAnimated--active label {
  top: 0;
  font-size: 12px;
}

.formElement--select select {
  display: block;
}

.formElement.error label:before,
.formElement.error select,
.formElement.error input,
.formElement.error textarea {
  border-color: #F83122;
}
.formElement p.error {
  margin-top: 0;
  color: #F83122;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.container {
  margin-left: 10px;
  margin-right: 10px;
}
@media only screen and (min-width: 360px) {
  .container {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (min-width: 411px) {
  .container {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .container {
    margin-left: auto;
    margin-right: auto;
    width: 718px;
  }
}
@media only screen and (min-width: 1024px) {
  .container {
    width: 974px;
  }
}
@media only screen and (min-width: 1280px) {
  .container {
    width: 1230px;
  }
}
@media only screen and (min-width: 1280px) {
  .container--slimmer {
    width: 1170px;
  }
}
.container--benefitsSlider {
  margin-left: 0;
  margin-right: 0;
  width: auto;
}
@media only screen and (min-width: 1280px) {
  .container--benefitsSlider {
    margin-left: auto;
    margin-right: auto;
    width: 1170px;
  }
}

.col > * + * {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .col-2-tablet-portrait {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
    flex-wrap: wrap;
  }
  .col-2-tablet-portrait > * {
    margin-left: 15px;
    margin-right: 15px;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(50% - 30px);
  }
  .col-2-tablet-portrait > *:nth-of-type(1),
  .col-2-tablet-portrait > *:nth-of-type(2) {
    margin-top: 0;
  }
}
.col-2-tablet-portrait--halfTopMargin > * + * {
  margin-top: 15px;
}
.col-2-tablet-portrait--doubleTopMargin > * + * {
  margin-top: 60px;
}
@media only screen and (min-width: 1280px) {
  .col-2-small {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
    flex-wrap: wrap;
  }
  .col-2-small > * {
    margin-left: 15px;
    margin-right: 15px;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(50% - 30px);
  }
  .col-2-small > *:nth-of-type(1),
  .col-2-small > *:nth-of-type(2) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .col-3-small {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
    flex-wrap: wrap;
  }
  .col-3-small > * {
    margin-left: 15px;
    margin-right: 15px;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(33.333333% - 30px);
  }
  .col-3-small > *:nth-of-type(1),
  .col-3-small > *:nth-of-type(2),
  .col-3-small > *:nth-of-type(3) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .col-4-small {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
    flex-wrap: wrap;
  }
  .col-4-small > * {
    margin-left: 15px;
    margin-right: 15px;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(25% - 30px);
  }
  .col-4-small > *:nth-of-type(1),
  .col-4-small > *:nth-of-type(2),
  .col-4-small > *:nth-of-type(3),
  .col-4-small > *:nth-of-type(4) {
    margin-top: 0;
  }
}
.col--no-grow > * {
  flex-grow: 0;
}

@media only screen and (min-width: 768px) {
  .col-2-tablet-portrait-alternate > *:nth-child(even) .col-2-tablet-portrait {
    flex-direction: row-reverse;
  }
}

.l-someKindOfLayout {
  margin-top: -2rem;
}
.l-someKindOfLayout > * {
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .l-someKindOfLayout {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .l-someKindOfLayout > * {
    max-width: none;
    flex-basis: calc(50% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 2rem;
  }
}

.l-pftf-signpost {
  max-width: 385px;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  row-gap: 1.5rem;
  column-gap: 1.5rem;
}
.l-pftf-signpost__img {
  text-align: center;
}
.l-pftf-signpost__content h2, .l-pftf-signpost__content p {
  color: #ffffff;
}
.l-pftf-signpost__content h2 {
  text-transform: uppercase;
}
.l-pftf-signpost__img, .l-pftf-signpost__content {
  flex-basis: 100%;
}
@media only screen and (min-width: 768px) {
  .l-pftf-signpost {
    max-width: none;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    align-items: center;
  }
  .l-pftf-signpost__img {
    flex-basis: 30%;
  }
  .l-pftf-signpost__content {
    flex-basis: 70%;
  }
}
@media only screen and (min-width: 1280px) {
  .l-pftf-signpost {
    column-gap: 0;
  }
  .l-pftf-signpost__img {
    flex-basis: 40%;
  }
  .l-pftf-signpost__content {
    flex-basis: 60%;
  }
}
.l-onTap-signpost {
  max-width: 385px;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  row-gap: 1.5rem;
  column-gap: 1.5rem;
}
.l-onTap-signpost__img {
  text-align: center;
}
.l-onTap-signpost__content h2, .l-onTap-signpost__content p {
  color: #ffffff;
}
.l-onTap-signpost__content h2 a.cta--white, .l-onTap-signpost__content p a.cta--white {
  color: #000;
}
.l-onTap-signpost__content h2 {
  text-transform: uppercase;
}
.l-onTap-signpost__img, .l-onTap-signpost__content {
  flex-basis: 100%;
}
@media only screen and (min-width: 768px) {
  .l-onTap-signpost {
    max-width: none;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
  }
  .l-onTap-signpost__img {
    flex-basis: 30%;
  }
  .l-onTap-signpost__content {
    flex-basis: 70%;
  }
}
@media only screen and (min-width: 1024px) {
  .l-onTap-signpost__img img {
    padding-top: 1rem;
  }
}
@media only screen and (min-width: 1280px) {
  .l-onTap-signpost {
    column-gap: 0;
  }
  .l-onTap-signpost__img {
    flex-basis: 40%;
  }
  .l-onTap-signpost__img img {
    width: 85%;
  }
  .l-onTap-signpost__content {
    flex-basis: 60%;
  }
}
/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
.s-cmrmlpHero {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 416px;
  overflow: hidden;
}
.s-cmrmlpHero .container {
  padding-top: 8rem;
  display: flex;
  flex-direction: column;
}
.s-cmrmlpHero__img img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 356px;
}

@media only screen and (min-width: 625px) {
  .s-cmrmlpHero {
    max-width: none;
  }
  .s-cmrmlpHero .container {
    padding-top: 6rem;
    flex-direction: row;
    align-items: center;
  }
  .s-cmrmlpHero__text {
    flex-basis: 55%;
    flex-grow: 1;
    flex-shrink: 1;
    padding-right: 5%;
  }
  .s-cmrmlpHero__img {
    flex-basis: 45%;
    flex-grow: 1;
    flex-shrink: 1;
  }
  .s-cmrmlpHero__img > div {
    position: relative;
    padding-top: 110.9321058688%;
  }
  .s-cmrmlpHero__img > div img {
    width: 135.7882623705%;
    max-width: none;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .s-cmrmlpHero__text {
    flex-basis: 60%;
    padding-right: 10%;
  }
  .s-cmrmlpHero__img {
    flex-basis: 40%;
    flex-grow: 1;
    flex-shrink: 1;
  }
  .s-cmrmlpHero__img > div {
    padding-top: 0;
  }
  .s-cmrmlpHero__img > div img {
    width: 590px;
    position: static;
    margin-right: auto;
    margin-left: 0;
  }
}
.s-cmrmlpHero__text h1,
.s-cmrmlpHero__text h2,
.s-cmrmlpHero__text p {
  margin: 0;
  padding: 0;
}
.s-cmrmlpHero__text h1 {
  line-height: 1;
  font-size: 28px;
}
@media only screen and (min-width: 360px) {
  .s-cmrmlpHero__text h1 {
    font-size: 34px;
  }
}
@media only screen and (min-width: 1024px) {
  .s-cmrmlpHero__text h1 {
    font-size: 84px;
  }
}
.s-cmrmlpHero__text p {
  font-size: 1.1666666667rem;
  line-height: 1.2;
}
.s-cmrmlpHero__text h2 {
  font-size: 1.5rem;
  line-height: 1;
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-align: center;
}
@media only screen and (min-width: 625px) {
  .s-cmrmlpHero__text h2 {
    text-align: left;
    margin-bottom: 0;
  }
}

.s-cmrmlpHero__img img {
  display: block;
}

.s-overlapDownlink {
  position: relative;
  z-index: 2;
}
.s-overlapDownlink > .container {
  position: relative;
}
.s-overlapDownlink > .container > * {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(0, -50%);
}
.s-overlapDownlink > .container > * span {
  display: block;
}

.c-leftKeyLineArea {
  position: relative;
  padding-left: 10px;
}
@media only screen and (min-width: 360px) {
  .c-leftKeyLineArea {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 411px) {
  .c-leftKeyLineArea {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .c-leftKeyLineArea {
    padding-left: 25px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-leftKeyLineArea {
    padding-left: 40px;
  }
}

.c-leftKeyLineArea__hr {
  position: relative;
  width: 4px;
  margin-top: 2px;
  margin-bottom: 2px;
  position: absolute;
  left: 0;
  top: 0;
  height: calc(100% - 4px);
  width: 4px;
  background-color: #008348;
}
.c-leftKeyLineArea__hr:before, .c-leftKeyLineArea__hr:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: inherit;
}
.c-leftKeyLineArea__hr:before {
  top: 0;
  transform: scale(0.7071067812, 0.7071067812) rotate(-45deg);
  transform-origin: 0% 0%;
}
.c-leftKeyLineArea__hr:after {
  bottom: 0;
  transform: scale(0.7071067812, 0.7071067812) rotate(45deg);
  transform-origin: 0% 100%;
}
@media only screen and (min-width: 768px) {
  .c-leftKeyLineArea__hr {
    position: relative;
    width: 6px;
    margin-top: 3px;
    margin-bottom: 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: calc(100% - 6px);
    width: 6px;
    background-color: #008348;
  }
  .c-leftKeyLineArea__hr:before, .c-leftKeyLineArea__hr:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: inherit;
  }
  .c-leftKeyLineArea__hr:before {
    top: 0;
    transform: scale(0.7071067812, 0.7071067812) rotate(-45deg);
    transform-origin: 0% 0%;
  }
  .c-leftKeyLineArea__hr:after {
    bottom: 0;
    transform: scale(0.7071067812, 0.7071067812) rotate(45deg);
    transform-origin: 0% 100%;
  }
}
@media only screen and (min-width: 1280px) {
  .c-leftKeyLineArea__hr {
    position: relative;
    width: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: absolute;
    left: 0;
    top: 0;
    height: calc(100% - 10px);
    width: 10px;
    background-color: #008348;
  }
  .c-leftKeyLineArea__hr:before, .c-leftKeyLineArea__hr:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: inherit;
  }
  .c-leftKeyLineArea__hr:before {
    top: 0;
    transform: scale(0.7071067812, 0.7071067812) rotate(-45deg);
    transform-origin: 0% 0%;
  }
  .c-leftKeyLineArea__hr:after {
    bottom: 0;
    transform: scale(0.7071067812, 0.7071067812) rotate(45deg);
    transform-origin: 0% 100%;
  }
}

.c-leftKeyLineArea--yellow .c-leftKeyLineArea__hr {
  background-color: #ECD234;
}
.c-leftKeyLineArea--green--bright .c-leftKeyLineArea__hr {
  background-color: #7ab700;
}

.c-cmrmLpBox {
  background-color: #1d7f38;
  padding-bottom: 4px;
}
.c-cmrmLpBox + .c-cmrmLpProdGraphics {
  margin-top: 2rem;
}

.c-cmrmLpBox__main {
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  position: relative;
  margin: 0;
  padding: 1rem;
  padding-right: 64px;
  padding-left: calc(1rem + 4px);
  color: #ffffff;
  background-color: transparent;
  border: none;
  border-radius: 0;
  width: 100%;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4;
}
.c-cmrmLpBox__main::before, .c-cmrmLpBox__main::after {
  display: block;
  position: absolute;
  content: "";
  right: 20px;
  width: 38px;
  height: 33px;
  background-image: url("img/shapes/hexagon-white-104-90.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.c-cmrmLpBox__main::after {
  background-image: url("img/arrow/arrow-green-hknalt-down-36-24.svg");
  background-size: 16px;
}

.c-cmrmLpBox--open .c-cmrmLpBox__main::after {
  transform: rotate(180deg);
}

.c-cmrmLpBox__expand {
  overflow: hidden;
  margin: 0 4px;
  background-color: #fff;
}
.c-cmrmLpBox__expand > div {
  padding: 1rem;
  padding-top: 0;
}

.c-cmrmLpBox__expand h4 {
  font-size: 1rem;
  line-height: 1.2;
}
.c-cmrmLpBox__expand p + h4 {
  margin-top: 1rem;
}
.c-cmrmLpBox__expand h4 + p {
  margin-top: 0;
}
.c-cmrmLpBox__expand p + p {
  margin-top: 0.2rem;
}

.c-cmrmLpProdGraphics {
  display: flex;
  align-items: end;
}
.c-cmrmLpProdGraphics div {
  flex-basis: 43.3879781421%;
  padding-right: 1rem;
}
.c-cmrmLpProdGraphics div + div {
  flex-basis: 56.6120218579%;
  padding-bottom: 1rem;
  padding-right: 0;
}
.c-cmrmLpProdGraphics img {
  display: block;
  height: auto;
  width: 100%;
}

.l-cmrmLpIntroText {
  margin-left: auto;
  margin-right: auto;
  max-width: 850px;
}

.l-cmrmLpInfoAndForm > * {
  margin-top: 2rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.l-cmrmLpInfoAndForm > * + * {
  margin-top: 4rem;
}
@media only screen and (min-width: 1024px) {
  .l-cmrmLpInfoAndForm {
    display: flex;
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .l-cmrmLpInfoAndForm > * {
    margin-left: 1rem;
    margin-right: 0;
    width: calc(50% - 1rem);
  }
  .l-cmrmLpInfoAndForm > * + * {
    width: calc(50% - 4rem);
    margin-left: 3rem;
    margin-right: 1rem;
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 1280px) {
  .l-cmrmLpInfoAndForm > * {
    margin-left: 1rem;
    margin-right: 0;
    width: calc(50% - 1rem);
  }
  .l-cmrmLpInfoAndForm > * + * {
    width: calc(50% - 6rem);
    margin-left: 5rem;
    margin-right: 1rem;
    margin-top: 2rem;
  }
}

.s-recruitHero {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  overflow: hidden;
}
.s-recruitHero .container {
  padding-top: 8rem;
  padding-bottom: 2rem;
}
@media only screen and (min-width: 1024px) {
  .s-recruitHero .container {
    padding-top: 9.5rem;
    padding-bottom: 3.5rem;
  }
}
@media only screen and (min-width: 1280px) {
  .s-recruitHero .container {
    padding-top: 11rem;
    padding-bottom: 5rem;
  }
}
.s-recruitHero__text h1,
.s-recruitHero__text h2,
.s-recruitHero__text p {
  margin: 0;
  padding: 0;
}
.s-recruitHero__text h1 {
  line-height: 1;
  font-size: 28px;
}
@media only screen and (min-width: 360px) {
  .s-recruitHero__text h1 {
    font-size: 34px;
  }
}
@media only screen and (min-width: 1024px) {
  .s-recruitHero__text h1 {
    font-size: 84px;
  }
}
.s-recruitHero__text p {
  font-size: 1.1666666667rem;
  line-height: 1.2;
}
.s-recruitHero__text h2 {
  font-size: 1.5rem;
  line-height: 1;
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-align: center;
}
@media only screen and (min-width: 625px) {
  .s-recruitHero__text h2 {
    text-align: left;
  }
}

.s-recruitHero__img img {
  display: block;
}

.l-recruitIntroText {
  margin-left: auto;
  margin-right: auto;
  max-width: 850px;
}

.l-recruitIntroText h2 {
  font-size: 1.5rem;
  line-height: 1.3;
}
.l-recruitIntroText p {
  line-height: 1.5;
}

.l-recruitInfoAndForm p {
  line-height: 1.5;
}
.l-recruitInfoAndForm h3 {
  color: #008348;
  font-size: 1.3rem;
  line-height: 1.3;
  margin-top: 1.5rem;
}
.l-recruitInfoAndForm h3 + p {
  margin-top: 0.5rem;
}

.l-recruitInfoAndForm > * {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.l-recruitInfoAndForm > * + * {
  margin-top: 4rem;
}
@media only screen and (min-width: 1024px) {
  .l-recruitInfoAndForm {
    display: flex;
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .l-recruitInfoAndForm > * {
    margin-left: 1rem;
    margin-right: 0;
    width: calc(50% - 1rem);
  }
  .l-recruitInfoAndForm > * + * {
    width: calc(50% - 4rem);
    margin-left: 3rem;
    margin-right: 1rem;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .l-recruitInfoAndForm > * {
    margin-left: 1rem;
    width: calc(50% - 1rem);
  }
  .l-recruitInfoAndForm > * + * {
    width: calc(50% - 6rem);
    margin-left: 5rem;
  }
}

.l-videoPlaylistArea > * {
  margin-top: 2rem;
}
@media only screen and (min-width: 768px) {
  .l-videoPlaylistArea {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
  }
  .l-videoPlaylistArea > * {
    flex-basis: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 10px;
  }
  .l-videoPlaylistArea > * + * {
    flex-basis: 50%;
    padding-right: 0;
  }
  .l-videoPlaylistArea .c-playlistVideoMain__video {
    padding-top: 36px;
  }
}

.c-playlistVideoMain__text {
  padding-top: 1.5rem;
}
.c-playlistVideoMain__text h2 {
  font-size: 1.6rem;
}

.c-playlistVideoMain__ctas {
  padding-top: 1.5rem;
}

.c-vidPlaylist__filter {
  display: flex;
  flex-direction: row;
  justify-content: start;
}

.c-vidPlaylist__items {
  background-color: #f2f2f2;
  padding: 20px;
  padding-top: 0;
  max-height: 660px;
  overflow-y: auto;
}

.e-videoPlaylistItem {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 30px;
  position: relative;
}
.e-videoPlaylistItem .e-videoPlaylistItem__thumb,
.e-videoPlaylistItem .e-videoPlaylistItem__text {
  flex-grow: 0;
  flex-shrink: 0;
}
.e-videoPlaylistItem::after {
  content: "";
  display: block;
  background-color: #c3c3c3;
  height: 2px;
  width: 100%;
  position: absolute;
  top: -15px;
}

.e-videoPlaylistItem__thumb {
  flex-basis: 40%;
}

.e-videoPlaylistItem__text {
  flex-basis: 60%;
  padding-left: 1rem;
}
.e-videoPlaylistItem__text h3,
.e-videoPlaylistItem__text p {
  margin: 0;
  padding: 0;
  line-height: 1.2;
}
.e-videoPlaylistItem__text h3 {
  margin-bottom: 10px;
  font-size: 16px;
}
.e-videoPlaylistItem__text p {
  font-size: 14px;
}

.e-vidPlFilterBtn {
  position: relative;
  display: block;
  background-color: #f2f2f2;
  margin: 0;
  padding: 9px;
  border-radius: 0%;
  border: none;
  cursor: pointer;
  font-weight: bold;
  color: #808080;
}
.e-vidPlFilterBtn--active {
  color: #000000;
}
.e-vidPlFilterBtn--active::after {
  content: "";
  height: 2px;
  background-color: #008348;
  position: absolute;
  width: calc(100% - 18px);
  bottom: 5px;
  left: 50%;
  transform: translate(-50%, 0);
}

.e-imgPlayBtn {
  display: block;
  background-color: transparent;
  margin: 0;
  padding: 0;
  border-radius: 0%;
  border: none;
  cursor: pointer;
  position: relative;
}
.e-imgPlayBtn::after, .e-imgPlayBtn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
}
.e-imgPlayBtn::after {
  border-left: 10px solid #ffffff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  transform: translate(-30%, -50%);
}
.e-imgPlayBtn::before {
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  background-color: #008348;
  border-radius: 50%;
}
.e-imgPlayBtn img {
  display: block;
  width: 100%;
  height: auto;
}
.e-imgPlayBtn.e-imgPlayBtn--comingSoon {
  cursor: auto;
  background: #000;
}
.e-imgPlayBtn.e-imgPlayBtn--comingSoon::after, .e-imgPlayBtn.e-imgPlayBtn--comingSoon::before {
  display: none;
}
.e-imgPlayBtn.e-imgPlayBtn--comingSoon img {
  opacity: 0.6;
}
.e-imgPlayBtn.e-imgPlayBtn--comingSoon p {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
  text-shadow: 0px 0px 2px rgb(0, 0, 0);
}

.s-watchNextSignposts > * {
  padding: 3rem 0;
}

.l-watchNext > * {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.l-watchNext > * + * {
  margin-top: 2rem;
}
@media only screen and (min-width: 768px) {
  .l-watchNext {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: -2rem;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .l-watchNext > * {
    max-width: none;
    flex-basis: calc(50% - 1rem);
    flex-grow: 0;
    flex-shrink: 0;
    margin-top: 2rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
@media only screen and (min-width: 1024px) {
  .l-watchNext {
    flex-wrap: nowrap;
    align-items: stretch;
    margin-top: 0;
  }
  .l-watchNext > * {
    flex-basis: calc(25% - 1rem);
    margin-top: 0;
  }
}

.l-watchNext p {
  margin: 0.5rem 0;
  padding: 0;
}

.c-leftKeyLineArea--custom h2 {
  margin: 0;
  font-size: 28px;
  line-height: 1;
  padding: 0.5rem 0;
}
@media only screen and (min-width: 768px) {
  .c-leftKeyLineArea--custom {
    display: flex;
    align-items: center;
    height: 100%;
  }
  .c-leftKeyLineArea--custom h2 {
    font-size: 70px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-leftKeyLineArea--custom h2 {
    font-size: 60px;
  }
}

.l-lrgVidEmbdWithText {
  max-width: 500px;
  margin: 0 auto;
}
.l-lrgVidEmbdWithText .e-videoEmbedContainer {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 768px) {
  .l-lrgVidEmbdWithText {
    max-width: none;
    margin: 0 -1rem;
    display: flex;
    flex-direction: row;
  }
  .l-lrgVidEmbdWithText .e-videoEmbedContainer {
    margin-bottom: 0;
  }
  .l-lrgVidEmbdWithText > * {
    flex-basis: calc(60% - 2rem);
    margin: 0 1rem;
    flex-shrink: 0;
    flex-grow: 0;
  }
  .l-lrgVidEmbdWithText > * + * {
    flex-basis: calc(40% - 2rem);
  }
}
@media only screen and (min-width: 1280px) {
  .l-lrgVidEmbdWithText {
    margin: 0 -1.5rem;
    display: flex;
  }
  .l-lrgVidEmbdWithText > * {
    flex-basis: calc(65% - 3rem);
    margin: 0 1.5rem;
  }
  .l-lrgVidEmbdWithText > * + * {
    flex-basis: calc(35% - 3rem);
  }
}

.s-otherEventSParea {
  background: #000;
}

.s-otherEventSParea h2 {
  color: #ECD234;
  text-align: center;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 10px;
  font-size: 1.6rem;
  line-height: 1.4;
  margin: 0;
  padding: 0;
  margin-bottom: 2rem;
}

.l-otherEventSParea {
  max-width: 500px;
  margin: 0 auto;
}
.l-otherEventSParea .c-otherEventsSP__img img {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 768px) {
  .l-otherEventSParea {
    max-width: none;
    margin: 0;
  }
  .l-otherEventSParea .c-otherEventsSP__img img {
    margin-bottom: 0;
  }
  .l-otherEventSParea .c-otherEventsSP {
    margin: 0 -1rem;
    display: flex;
    flex-direction: row;
  }
  .l-otherEventSParea .c-otherEventsSP > * {
    flex-basis: calc(50% - 2rem);
    margin: 0 1rem;
    flex-shrink: 0;
    flex-grow: 0;
  }
  .l-otherEventSParea .c-otherEventsSP > * + * {
    flex-basis: calc(50% - 2rem);
  }
}
@media only screen and (min-width: 1024px) {
  .l-otherEventSParea .c-otherEventsSP > * {
    flex-basis: calc(45% - 2rem);
  }
  .l-otherEventSParea .c-otherEventsSP > * + * {
    flex-basis: calc(55% - 2rem);
  }
}
@media only screen and (min-width: 1280px) {
  .l-otherEventSParea .c-otherEventsSP {
    margin: 0 -1.5rem;
  }
  .l-otherEventSParea .c-otherEventsSP > * {
    margin: 0 1.5rem;
    flex-basis: calc(40% - 3rem);
  }
  .l-otherEventSParea .c-otherEventsSP > * + * {
    flex-basis: calc(60% - 3rem);
  }
}

.c-otherEventsSP__img img {
  display: block;
}

.s-winsavelpHero {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 416px;
  overflow: hidden;
}
.s-winsavelpHero .container {
  padding-top: 8rem;
  display: flex;
  flex-direction: column;
}
.s-winsavelpHero__img {
  padding-top: 1rem;
}
.s-winsavelpHero__img img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 356px;
}
.s-winsavelpHero__img div img {
  display: none;
}

@media only screen and (min-width: 768px) {
  .s-winsavelpHero {
    max-width: none;
  }
  .s-winsavelpHero .container {
    padding-top: 0;
    flex-direction: row;
    align-items: flex-start;
  }
  .s-winsavelpHero__text {
    padding-top: 6rem;
    flex-basis: 53%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .s-winsavelpHero__img {
    padding-top: 0;
    flex-grow: 1;
    flex-shrink: 1;
  }
  .s-winsavelpHero__img img {
    display: none;
  }
  .s-winsavelpHero__img div img {
    display: block;
    max-width: none;
  }
}
@media only screen and (min-width: 1024px) {
  .s-winsavelpHero__text {
    padding-top: 9rem;
    flex-basis: 45%;
  }
}
@media only screen and (min-width: 1280px) {
  .s-winsavelpHero__text {
    padding-top: 10rem;
    flex-basis: 45%;
  }
}
.s-winsavelpHero__text h1,
.s-winsavelpHero__text h2,
.s-winsavelpHero__text p {
  margin: 0;
  padding: 0;
}
.s-winsavelpHero__text h1 {
  line-height: 1;
  font-size: 26px;
}
.s-winsavelpHero__text p {
  font-size: 1.1666666667rem;
  line-height: 1.2;
  margin-top: 1em;
}
@media only screen and (min-width: 768px) {
  .s-winsavelpHero__text p {
    margin-top: 0.5em;
  }
}
.s-winsavelpHero__text h2 {
  font-size: 1.5rem;
  line-height: 1;
  margin-top: 1em;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .s-winsavelpHero__text h2 {
    text-align: left;
    margin-top: 0.5em;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1024px) {
  .s-winsavelpHero__text h1 {
    font-size: 32px;
  }
  .s-winsavelpHero__text p {
    margin-top: 1em;
    font-size: 18px;
  }
  .s-winsavelpHero__text h2 {
    margin-top: 1em;
    font-size: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .s-winsavelpHero__text h1 {
    font-size: 36px;
  }
  .s-winsavelpHero__text p {
    font-size: 26px;
    padding-right: 1rem;
  }
  .s-winsavelpHero__text h2 {
    font-size: 30px;
  }
}

.l-winsavelpIntroText h2,
.l-winsavelpIntroText p,
.l-winsavelpInfoAndForm .n-productDetails h2,
.l-winsavelpInfoAndForm .n-productDetails p {
  margin: 0;
  padding: 0;
}
.l-winsavelpIntroText h2,
.l-winsavelpInfoAndForm .n-productDetails h2 {
  line-height: 1.2;
}
.l-winsavelpIntroText h2 + p,
.l-winsavelpInfoAndForm .n-productDetails h2 + p {
  margin-top: 0.4rem;
}
.l-winsavelpIntroText p + h2,
.l-winsavelpInfoAndForm .n-productDetails p + h2 {
  margin-top: 1rem;
}

.l-winsavelpInfoAndForm .n-productDetails img {
  margin-top: 1.5rem;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
}

.l-winsavelpIntroText {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
}

.l-winsavelpInfoAndForm > * {
  margin-top: 2rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.l-winsavelpInfoAndForm > * + * {
  margin-top: 4rem;
}
@media only screen and (min-width: 1024px) {
  .l-winsavelpInfoAndForm {
    display: flex;
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .l-winsavelpInfoAndForm > * {
    margin-left: 1rem;
    margin-right: 0;
    width: calc(50% - 1rem);
  }
  .l-winsavelpInfoAndForm > * + * {
    width: calc(50% - 4rem);
    margin-left: 3rem;
    margin-right: 1rem;
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 1280px) {
  .l-winsavelpInfoAndForm > * {
    margin-left: 1rem;
    margin-right: 0;
    width: calc(50% - 1rem);
  }
  .l-winsavelpInfoAndForm > * + * {
    width: calc(50% - 6rem);
    margin-left: 5rem;
    margin-right: 1rem;
    margin-top: 2rem;
  }
}

.vod_cast_guest_cards {
  margin-top: 2rem;
}
.vod_cast_guest_cards .review--tile__img:after {
  display: none;
}

.c-vodcast-available-on h3 {
  text-align: center;
  margin: 0;
}
.c-vodcast-available-on ul {
  margin: 0;
  padding: 0;
  padding-bottom: 1rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.c-vodcast-available-on ul li {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  list-style-type: none;
}
.c-vodcast-available-on ul li a {
  display: block;
  width: 3.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.c-vodcast-available-on ul li a img {
  display: block;
  height: auto;
}
.c-vodcast-available-on__img--spotify {
  width: 90%;
}
.c-vodcast-available-on__img--apple {
  width: 85%;
}
.c-vodcast-available-on__img--youtube {
  width: 100%;
  margin-bottom: 4px;
}

.s-videoPlaylistArea--vodcast .c-vidPlaylist__filter {
  display: none;
}
.s-videoPlaylistArea--vodcast .l-videoPlaylistArea {
  margin-top: 1rem;
}
@media only screen and (min-width: 768px) {
  .s-videoPlaylistArea--vodcast .l-videoPlaylistArea .c-playlistVideoMain__video {
    padding-top: 96px;
  }
}

.c-vodcastSignpost__img {
  background-color: #002b25;
}
.c-vodcastSignpost__box {
  color: #fff;
  background-color: #002b25;
}
.c-vodcastSignpost__box::before {
  border-color: #ba7813;
}

.c-vodcastSignpost h2, .c-vodcastSignpost p {
  margin: 0;
  padding: 0;
}
.c-vodcastSignpost h2 {
  line-height: 1;
  font-size: 22px;
}
@media only screen and (min-width: 344px) {
  .c-vodcastSignpost h2 {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-vodcastSignpost h2 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .c-vodcastSignpost h2 {
    font-size: 55px;
  }
}
.c-vodcastSignpost p {
  margin-top: 16px;
}
@media only screen and (min-width: 1024px) {
  .c-vodcastSignpost p {
    font-size: 18px;
    margin-top: 18px;
  }
}
@media only screen and (min-width: 1280px) {
  .c-vodcastSignpost p {
    font-size: 22px;
  }
}
.c-vodcastSignpost a {
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
}
.c-vodcastSignpost a:hover, .c-vodcastSignpost a:focus {
  color: #fff;
  text-decoration: underline;
}
.c-vodcastSignpost a:hover::after, .c-vodcastSignpost a:focus::after {
  transform: translateY(-50%) rotate(-72deg);
}
.c-vodcastSignpost a:hover::before, .c-vodcastSignpost a:focus::before {
  transform: translateY(-50%) rotate(72deg);
}

.c-vodcastSignpost {
  margin: 0 auto;
  margin-top: -50px;
  max-width: 330px;
}
.c-vodcastSignpost__img {
  position: relative;
  z-index: 2;
  border-radius: 50%;
  overflow: hidden;
}
.c-vodcastSignpost__img img {
  display: block;
  height: auto;
}
.c-vodcastSignpost__box {
  padding: 30px;
  margin-top: -100px;
  padding-top: 120px;
  padding-bottom: 34px;
  position: relative;
  z-index: 1;
  margin-left: 24px;
  margin-right: 24px;
}
.c-vodcastSignpost__box::before {
  position: absolute;
  content: "";
  top: 70px;
  right: 16px;
  bottom: 16px;
  left: 16px;
  border-style: solid;
  border-width: 2px;
  border-top-width: 0;
}

p.c-vodcastSignpost__box__cta {
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  justify-content: center;
}
p.c-vodcastSignpost__box__cta a {
  display: inline-block;
  position: relative;
  border: 1px solid #ba7813;
  padding: 10px 20px;
}
p.c-vodcastSignpost__box__cta a::before, p.c-vodcastSignpost__box__cta a::after {
  transition: all 0.5s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  background-image: url("img/vodcastAssets/Five_Pointed_Star_Solid.svg");
  width: 25px;
  height: 25px;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}
p.c-vodcastSignpost__box__cta a::before {
  right: -32px;
}
p.c-vodcastSignpost__box__cta a::after {
  left: -32px;
}

@media only screen and (min-width: 768px) {
  .c-vodcastSignpost {
    margin-top: -80px;
    max-width: 800px;
    display: flex;
    align-items: center;
  }
  .c-vodcastSignpost__img {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 260px;
  }
  .c-vodcastSignpost__box {
    padding: 34px;
    margin-left: -100px;
    padding-left: 130px;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .c-vodcastSignpost__box::before {
    position: absolute;
    content: "";
    top: 16px;
    right: 16px;
    bottom: 16px;
    left: 96px;
    border-top-width: 2px;
    border-left-width: 0;
  }
  .c-vodcastSignpost p.c-vodcastSignpost__box__cta {
    justify-content: start;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-vodcastSignpost {
    margin-top: -94px;
    max-width: none;
  }
  .c-vodcastSignpost__img {
    flex-basis: 320px;
  }
  .c-vodcastSignpost__box {
    padding: 40px;
    margin-left: -100px;
    padding-left: 130px;
  }
  .c-vodcastSignpost__box::before {
    left: 80px;
  }
  .c-vodcastSignpost p.c-vodcastSignpost__box__cta {
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 26px;
  }
  .c-vodcastSignpost p.c-vodcastSignpost__box__cta a {
    padding-left: 34px;
    padding-right: 34px;
  }
  .c-vodcastSignpost p.c-vodcastSignpost__box__cta a::before {
    right: -40px;
  }
  .c-vodcastSignpost p.c-vodcastSignpost__box__cta a::after {
    left: -40px;
  }
}
@media only screen and (min-width: 1280px) {
  .c-vodcastSignpost {
    margin-top: -110px;
    max-width: none;
  }
  .c-vodcastSignpost__img {
    flex-basis: 380px;
  }
  .c-vodcastSignpost__box {
    padding: 50px;
    margin-left: -100px;
    padding-left: 140px;
  }
  .c-vodcastSignpost__box::before {
    left: 70px;
    right: 20px;
    bottom: 20px;
    top: 20px;
  }
  .c-vodcastSignpost p.c-vodcastSignpost__box__cta {
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 26px;
  }
  .c-vodcastSignpost p.c-vodcastSignpost__box__cta a {
    padding-left: 34px;
    padding-right: 34px;
  }
  .c-vodcastSignpost p.c-vodcastSignpost__box__cta a::before, .c-vodcastSignpost p.c-vodcastSignpost__box__cta a::after {
    width: 30px;
    height: 30px;
  }
  .c-vodcastSignpost p.c-vodcastSignpost__box__cta a::before {
    right: -50px;
  }
  .c-vodcastSignpost p.c-vodcastSignpost__box__cta a::after {
    left: -50px;
  }
}
.c-vodcastPrizeSignpost {
  background-color: #002b25;
}
.c-vodcastPrizeSignpost::before {
  border-color: #ba7813;
}
.c-vodcastPrizeSignpost h2 {
  color: #7ab700;
}
.c-vodcastPrizeSignpost p, .c-vodcastPrizeSignpost p a {
  color: #fff;
}

.c-vodcastPrizeSignpost h2, .c-vodcastPrizeSignpost p {
  margin: 0;
  padding: 0;
  text-align: center;
}
.c-vodcastPrizeSignpost h2 {
  line-height: 1.1;
  font-size: 18px;
}
@media only screen and (min-width: 1280px) {
  .c-vodcastPrizeSignpost h2 {
    font-size: 20px;
  }
}
.c-vodcastPrizeSignpost p {
  margin-top: 1.5rem;
}
.c-vodcastPrizeSignpost p + p {
  font-size: 12px;
}
.c-vodcastPrizeSignpost p a {
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #ba7813;
  padding: 8px 30px;
}
.c-vodcastPrizeSignpost p a:hover, .c-vodcastPrizeSignpost p a:focus {
  text-decoration: underline;
}

.c-vodcastPrizeSignpost {
  z-index: 1;
  position: relative;
  margin: 0 auto;
  margin-top: -50px;
  max-width: 330px;
}
.c-vodcastPrizeSignpost::before {
  z-index: 2;
  position: absolute;
  content: "";
  top: 16px;
  right: 16px;
  bottom: 16px;
  left: 16px;
  border-style: solid;
  border-width: 2px;
}
.c-vodcastPrizeSignpost__img {
  overflow: hidden;
  height: 220px;
}
.c-vodcastPrizeSignpost__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-vodcastPrizeSignpost__graphic, .c-vodcastPrizeSignpost__text {
  position: relative;
  z-index: 3;
  padding: 2.5rem 3rem;
}
.c-vodcastPrizeSignpost__text {
  padding-top: 0;
}

@media only screen and (min-width: 768px) {
  .c-vodcastPrizeSignpost {
    margin-top: -80px;
    max-width: 800px;
    display: flex;
    align-items: center;
  }
  .c-vodcastPrizeSignpost__img {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 200px;
  }
  .c-vodcastPrizeSignpost__graphic, .c-vodcastPrizeSignpost__text {
    padding: 0;
  }
  .c-vodcastPrizeSignpost__graphic {
    padding-left: 1rem;
  }
  .c-vodcastPrizeSignpost__text {
    padding-right: 5px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-vodcastPrizeSignpost {
    margin-top: -94px;
    max-width: none;
  }
  .c-vodcastPrizeSignpost__img {
    flex-basis: 320px;
    height: 280px;
  }
  .c-vodcastPrizeSignpost__graphic, .c-vodcastPrizeSignpost__text {
    padding: 0;
  }
  .c-vodcastPrizeSignpost__graphic {
    padding-left: 2rem;
    padding-right: 1rem;
  }
  .c-vodcastPrizeSignpost__text {
    flex-basis: 25%;
    flex-shrink: 0;
    flex-grow: 0;
    padding-right: 1rem;
  }
}
@media only screen and (min-width: 1280px) {
  .c-vodcastPrizeSignpost {
    margin-top: -110px;
    max-width: none;
  }
  .c-vodcastPrizeSignpost__img {
    flex-basis: 336px;
  }
  .c-vodcastPrizeSignpost__graphic {
    padding-left: 5rem;
    padding-right: 1rem;
  }
  .c-vodcastPrizeSignpost__text {
    flex-basis: 30%;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.s-10kprizeHero {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 380px;
  overflow: hidden;
}
.s-10kprizeHero .container {
  padding-top: 8rem;
  display: flex;
  flex-direction: column-reverse;
}
.s-10kprizeHero__text {
  padding-bottom: 3rem;
}
.s-10kprizeHero__img {
  padding-top: 3rem;
  padding-bottom: 3rem;
  max-width: 240px;
  margin: 0 auto;
}
.s-10kprizeHero__img img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.s-10kprizeHero__img img + img {
  width: 50%;
  margin-top: 8%;
}

@media only screen and (min-width: 768px) {
  .s-10kprizeHero {
    max-width: none;
  }
  .s-10kprizeHero .container {
    padding-top: 0;
    flex-direction: row;
    align-items: flex-start;
  }
  .s-10kprizeHero__text {
    padding-top: 6rem;
    padding-bottom: 2rem;
    flex-basis: 53%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .s-10kprizeHero__img {
    padding-top: 7rem;
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media only screen and (min-width: 1024px) {
  .s-10kprizeHero__text {
    flex-basis: 45%;
    padding-top: 9rem;
    padding-bottom: 3rem;
  }
  .s-10kprizeHero__img {
    padding-top: 6rem;
    max-width: 420px;
  }
}
@media only screen and (min-width: 1280px) {
  .s-10kprizeHero__text {
    flex-basis: 50%;
    padding-top: 10rem;
    padding-bottom: 4rem;
  }
  .s-10kprizeHero__img {
    padding-top: 6.5rem;
    max-width: 600px;
  }
}
.s-10kprizeHero__text h1,
.s-10kprizeHero__text h2,
.s-10kprizeHero__text p {
  margin: 0;
  padding: 0;
}
.s-10kprizeHero__text h1 {
  line-height: 1;
  font-size: 24px;
}
@media only screen and (min-width: 380px) {
  .s-10kprizeHero__text h1 {
    font-size: 26px;
  }
}
.s-10kprizeHero__text p {
  font-size: 1.1666666667rem;
  line-height: 1.2;
  margin-top: 1em;
}
.s-10kprizeHero__text p + p {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .s-10kprizeHero__text p + p {
    text-align: left;
  }
}
.s-10kprizeHero__text p a {
  font-weight: bold;
  display: inline-block;
  border: 1px solid #ba7813;
  padding: 8px 30px;
  color: #ffffff;
  text-decoration: none;
}
.s-10kprizeHero__text p a:hover, .s-10kprizeHero__text p a:focus {
  text-decoration: underline;
}
.s-10kprizeHero__text h2 {
  font-size: 1.5rem;
  line-height: 1;
  margin-top: 1em;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .s-10kprizeHero__text h2 {
    text-align: left;
    margin-top: 0.5em;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1024px) {
  .s-10kprizeHero__text h1 {
    font-size: 32px;
  }
  .s-10kprizeHero__text p {
    margin-top: 1em;
    font-size: 18px;
  }
}
@media only screen and (min-width: 1280px) {
  .s-10kprizeHero__text h1 {
    font-size: 38px;
  }
  .s-10kprizeHero__text p {
    margin-top: 1.5rem;
  }
  .s-10kprizeHero__text p:first-of-type {
    font-size: 22px;
  }
}

.l-10kprizeIntroText h2 {
  font-size: 34px;
}
.l-10kprizeIntroText h2 + p {
  font-size: 20px;
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.4;
  margin-top: 0.8rem;
}
.l-10kprizeIntroText h2 + p + p {
  max-width: 770px;
  line-height: 1.4;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.9rem;
}
.l-10kprizeIntroText h3 {
  margin-top: 3rem;
  font-size: 20px;
  color: #3a9246;
}

.l-10kprizeIntroText__packages p {
  color: #7ab700;
  font-weight: bold;
  text-align: center;
}

.l-10kprizeInfoAndForm .n-productDetails h2,
.l-10kprizeInfoAndForm .n-productDetails p {
  margin: 0;
  padding: 0;
}
.l-10kprizeInfoAndForm .n-productDetails h2 {
  line-height: 1.2;
}
.l-10kprizeInfoAndForm .n-productDetails h2 + p {
  margin-top: 0.4rem;
}
.l-10kprizeInfoAndForm .n-productDetails p + p {
  margin-top: 1rem;
}
.l-10kprizeInfoAndForm .n-productDetails h2 + p + p + p {
  max-width: 425px;
  margin-top: 1rem;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.2;
}
.l-10kprizeInfoAndForm .n-productDetails img {
  margin-top: 1.5rem;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 585px;
}

.l-10kprizeIntroText {
  margin-left: auto;
  margin-right: auto;
}

.l-10kprizeIntroText__packages {
  display: flex;
  flex-wrap: wrap;
  padding-top: 2rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 550px;
}
@media only screen and (min-width: 768px) {
  .l-10kprizeIntroText__packages {
    max-width: 940px;
  }
}
.l-10kprizeIntroText__packages > div {
  width: 50%;
  padding-bottom: 2rem;
}
.l-10kprizeIntroText__packages > div img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  max-width: 120px;
}
@media only screen and (min-width: 768px) {
  .l-10kprizeIntroText__packages > div {
    width: 25%;
  }
}
@media only screen and (min-width: 1024px) {
  .l-10kprizeIntroText__packages > div {
    width: 25%;
  }
}
.l-10kprizeInfoAndForm > * {
  margin-top: 2rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.l-10kprizeInfoAndForm > * + * {
  margin-top: 4rem;
}
@media only screen and (min-width: 1024px) {
  .l-10kprizeInfoAndForm {
    display: flex;
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .l-10kprizeInfoAndForm > * {
    margin-left: 1rem;
    margin-right: 0;
    width: calc(50% - 1rem);
  }
  .l-10kprizeInfoAndForm > * + * {
    width: calc(50% - 4rem);
    margin-left: 3rem;
    margin-right: 1rem;
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 1280px) {
  .l-10kprizeInfoAndForm > * {
    margin-left: 1rem;
    margin-right: 0;
    width: calc(50% - 1rem);
  }
  .l-10kprizeInfoAndForm > * + * {
    width: calc(50% - 6rem);
    margin-left: 5rem;
    margin-right: 1rem;
    margin-top: 2rem;
  }
}

.c-threeLandlordsStrip {
  margin-top: 6rem;
  margin-bottom: 6rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.c-threeLandlordsStrip .container .c-threeLandlordsStrip__img {
  margin-top: -4rem;
  text-align: center;
}
.c-threeLandlordsStrip .container .c-threeLandlordsStrip__img img {
  border-radius: 50%;
  width: 185px;
  height: auto;
  filter: drop-shadow(5px 5px 10px #000000);
}
.c-threeLandlordsStrip .container .c-threeLandlordsStrip__txt h2 {
  color: #fff;
  text-align: center;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.c-threeLandlordsStrip .container .c-threeLandlordsStrip__cta p a {
  font-weight: bold;
  display: inline-block;
  border: 1px solid #ba7813;
  padding: 8px 30px;
  color: #ffffff;
  text-decoration: none;
}
.c-threeLandlordsStrip .container .c-threeLandlordsStrip__cta p a:hover, .c-threeLandlordsStrip .container .c-threeLandlordsStrip__cta p a:focus {
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .c-threeLandlordsStrip {
    margin-bottom: 8rem;
  }
  .c-threeLandlordsStrip .container {
    display: flex;
    align-items: center;
  }
  .c-threeLandlordsStrip .container .c-threeLandlordsStrip__img {
    flex-grow: 0;
    flex-shrink: 0;
    margin-bottom: -4rem;
  }
  .c-threeLandlordsStrip .container .c-threeLandlordsStrip__txt {
    flex-grow: 1;
    flex-shrink: 1;
  }
  .c-threeLandlordsStrip .container .c-threeLandlordsStrip__txt h2 {
    max-width: none;
    margin-top: 0;
    margin-bottom: 0;
  }
  .c-threeLandlordsStrip .container .c-threeLandlordsStrip__cta {
    flex-grow: 0;
    flex-shrink: 0;
  }
  .c-threeLandlordsStrip .container .c-threeLandlordsStrip__cta p {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .c-threeLandlordsStrip .container .c-threeLandlordsStrip__img {
    margin-top: -4.8rem;
    margin-bottom: -4.8rem;
  }
  .c-threeLandlordsStrip .container .c-threeLandlordsStrip__img img {
    width: 250px;
  }
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation ul li a {
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1rem;
  font-weight: bold;
}

.main-navigation ul li a:after {
  transition: width 0.3s;
  content: "";
  display: block;
  margin-left: 0;
  margin-right: auto;
  width: 0%;
  height: 2px;
  background-color: #008348;
  position: relative;
  top: 2px;
}
.main-navigation ul li a:focus {
  text-decoration: none;
}
.main-navigation ul li a:hover:after {
  width: 100%;
  height: 2px;
}
.main-navigation ul li.current_page_ancestor > a:after, .main-navigation ul li.current-menu-item > a:after, .main-navigation ul li.active > a:after {
  width: 100%;
  height: 2px;
}
.main-navigation ul li .sub-menu a::after {
  display: none;
}
.main-navigation ul li.green--bright a:after {
  background-color: #7ab700;
}
.main-navigation ul li.green--bright .sub-menu .current-menu-item a {
  color: #7ab700;
}
.main-navigation ul li.green--bright .sub-menu a:hover {
  color: #7ab700;
}
.main-navigation ul li.purple a:after {
  background-color: #8C278A;
}
.main-navigation ul li.purple .sub-menu .current-menu-item a {
  color: #8C278A;
}
.main-navigation ul li.purple .sub-menu a:hover {
  color: #8C278A;
}
.main-navigation ul li.blue a:after {
  background-color: #366DB8;
}
.main-navigation ul li.blue .sub-menu .current-menu-item a {
  color: #366DB8;
}
.main-navigation ul li.blue .sub-menu a:hover {
  color: #366DB8;
}
.main-navigation ul li.red a:after {
  background-color: #F83122;
}
.main-navigation ul li.red .sub-menu .current-menu-item a {
  color: #F83122;
}
.main-navigation ul li.red .sub-menu a:hover {
  color: #F83122;
}
.main-navigation ul li.yellow a:after {
  background-color: #ECD234;
}
.main-navigation ul li.yellow .sub-menu .current-menu-item a {
  color: #ECD234;
}
.main-navigation ul li.yellow .sub-menu a:hover {
  color: #ECD234;
}
.main-navigation ul li.gold a:after {
  background-color: #ba7813;
}
.main-navigation ul li.gold .sub-menu .current-menu-item a {
  color: #ba7813;
}
.main-navigation ul li.gold .sub-menu a:hover {
  color: #ba7813;
}
@media only screen and (min-width: 768px) {
  .main-navigation ul li a:after {
    top: 12px;
  }
}

body.user-is-tabbing .main-navigation ul li a:focus:after {
  width: 100%;
  height: 2px;
}

.main-navigation ul {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-navigation ul, .main-navigation ul li {
  margin: 0;
  padding: 0;
}
.main-navigation ul li {
  text-align: center;
}
.main-navigation ul li + li {
  margin-top: 20px;
}
.main-navigation .menu-item-has-children .sub-menu {
  display: none;
  padding-top: 12px;
}
.main-navigation .menu-item-has-children .sub-menu li + li {
  margin-top: 6px;
}
.main-navigation .menu-item-has-children.current_page_ancestor .sub-menu {
  display: block;
}

.main-navigation {
  background-image: url("img/background/donny-jiang-Uj_g1ZSzPoY-unsplash-darkened.jpg");
  background-size: cover;
}
.main-navigation .container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main-navigation hr {
  border: none;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  height: 6px;
  margin-left: 3px;
  margin-right: 3px;
}
.main-navigation hr:before, .main-navigation hr:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  width: 6px;
  height: 6px;
  background-color: inherit;
}
.main-navigation hr:before {
  left: 0;
  transform: scale(0.7071067812, 0.7071067812) rotate(45deg);
  transform-origin: 0% 0%;
}
.main-navigation hr:after {
  right: 0;
  transform: scale(0.7071067812, 0.7071067812) rotate(-45deg);
  transform-origin: 100% 0%;
}
.main-navigation .main-navigation__cta {
  display: flex;
  justify-content: center;
}

@media only screen and (min-width: 926px) {
  .main-navigation {
    background-image: none;
    background-size: cover;
  }
  .main-navigation .container {
    flex-direction: row;
    justify-content: flex-end;
  }
  .main-navigation hr {
    display: none;
  }
  .main-navigation .main-navigation__cta {
    display: none;
  }
  .main-navigation ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .main-navigation ul li + li {
    margin-top: 0;
    margin-left: 20px;
  }
  .main-navigation .menu-item-has-children {
    position: relative;
  }
  .main-navigation .menu-item-has-children .sub-menu {
    position: absolute;
    width: 200%;
    padding-top: 22px;
    top: 100%;
    transform: translate(-50%, 0);
    left: 50%;
  }
  .main-navigation .menu-item-has-children .sub-menu li {
    text-align: center;
  }
  .main-navigation .menu-item-has-children .sub-menu li + li {
    margin-left: 0;
  }
  .main-navigation .menu-item-has-children.current_page_ancestor .sub-menu {
    display: none;
  }
}
.site-header__menuBtn {
  border: 1px solid #ffffff;
  padding: 4px;
  width: 44px;
  height: 44px;
}

button.headerMenuBtn {
  display: block;
  height: 100%;
  width: 100%;
  background-color: #00601d;
  border: none;
  border-radius: 0px;
  position: relative;
}
button.headerMenuBtn:before, button.headerMenuBtn:after {
  display: block;
  content: "";
  width: 60%;
  border-color: #ffffff;
  border-style: solid;
  position: absolute;
  left: 50%;
  top: 8px;
  border-width: 3px 0 0 0;
  height: 7px;
}
button.headerMenuBtn:before {
  transform: translate(-50%, 0%);
}
button.headerMenuBtn:after {
  height: 10px;
  border-width: 3px 0 3px 0;
  transform: translate(-50%, 7px);
}
button.headerMenuBtn.headerMenuBtn--cross:before, button.headerMenuBtn.headerMenuBtn--cross:after {
  top: 50%;
  border-width: 3px 0 0 0;
  width: 70%;
  height: 0;
}
button.headerMenuBtn.headerMenuBtn--cross:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
button.headerMenuBtn.headerMenuBtn--cross:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/* Blocks
--------------------------------------------- */
.site-header {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 20;
}

.site-header > .container {
  margin-top: 10px;
}
@media only screen and (min-width: 360px) {
  .site-header > .container {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 411px) {
  .site-header > .container {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 926px) {
  .site-header > .container, .site-header .main-navigation > .container {
    width: auto;
    margin-top: 25px;
    margin-left: 25px;
    margin-right: 25px;
  }
}
@media only screen and (min-width: 1440px) {
  .site-header > .container, .site-header .main-navigation > .container {
    margin-left: 45px;
    margin-right: 45px;
  }
}
@media only screen and (min-width: 1600px) {
  .site-header > .container, .site-header .main-navigation > .container {
    width: 1480px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 926px) {
  .site-header .main-navigation > .container {
    margin-top: 0;
    padding-top: 14px;
  }
}
@media only screen and (min-width: 1024px) {
  .site-header .main-navigation > .container {
    padding-top: 20px;
  }
}

body.mob-nav-open {
  height: 100vh;
  width: 100%;
  overflow: hidden;
}
body.mob-nav-open .site-header {
  height: 100%;
}
body.mob-nav-open .main-navigation {
  display: block;
  padding-top: 88px;
  padding-bottom: 80px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
body.mob-nav-open .main-navigation .container {
  height: 100%;
}

.site-header > .container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.site-header .site-header__logo, .site-header .site-header__menuBtn {
  position: relative;
  z-index: 21;
}
.site-header .site-header__logo {
  width: 127px;
}
@media only screen and (min-width: 926px) {
  .site-header .site-header__logo {
    width: 127px;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .site-header .site-header__logo {
    width: 167px;
  }
}
@media only screen and (min-width: 926px) {
  .site-header .site-header__menuBtn {
    display: none;
  }
}
.site-header .main-navigation {
  display: none;
}
@media only screen and (min-width: 926px) {
  .site-header .main-navigation {
    display: block;
  }
}

.site-footer {
  background-color: #000000;
  overflow: auto;
}
.site-footer h6 {
  text-transform: uppercase;
}
.site-footer h6 {
  font-size: 18px;
}
.site-footer p, .site-footer li {
  font-size: 16px;
}

.footerHexSeperarator {
  display: block;
  width: 100%;
  height: 218px;
  background-image: url("img/shapes/footer-white-black-hex-divide-1600-284.svg");
  background-repeat: repeat-x;
  background-position: center bottom;
  background-size: 1230.7692307692px;
}
@media only screen and (min-width: 1280px) {
  .footerHexSeperarator {
    height: 284px;
    background-size: 1600px;
  }
}

.site-footer__content {
  color: #ffffff;
}
.site-footer__content a {
  color: #ffffff;
  text-decoration: none;
}
.site-footer__content a:hover {
  text-decoration: underline;
}
.site-footer__content a.telLink {
  text-decoration: none;
}
.site-footer__content a.emailLink {
  text-decoration: underline;
}
.site-footer__content ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.site-footer__content ul li {
  margin: 0;
  padding: 0;
  margin-top: 10px;
}

.site-footer__content {
  text-align: center;
}
.site-footer__content > * + * {
  margin-top: 40px;
}
@media only screen and (min-width: 1024px) {
  .site-footer__content {
    text-align: left;
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
  }
  .site-footer__content > * + * {
    margin-top: 0px;
  }
  .site-footer__content__logo {
    display: block;
    position: relative;
    top: -14px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1280px) {
  .site-footer__content__logo {
    left: -15px;
  }
}
@media only screen and (min-width: 1024px) {
  .site-footer__content__logo img {
    display: block;
  }
  .site-footer__content > * {
    margin-left: 15px;
    margin-right: 15px;
    flex-basis: 25%;
  }
}

.site-info {
  color: #ffffff;
  text-align: center;
}
.site-info hr {
  background-color: #ffffff;
  height: 1px;
  border: none;
  margin: 0;
  padding: 0;
}
.site-info p {
  margin-top: 60px;
  margin-bottom: 60px;
  font-size: 12px;
}
@media only screen and (min-width: 1280px) {
  .site-info p {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 16px;
  }
}

.site-footer__drinkaware {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}
.site-footer__drinkaware a {
  display: block;
  width: 150px;
}
.site-footer__drinkaware a img {
  display: block;
}
@media only screen and (min-width: 1024px) {
  .site-footer__drinkaware {
    justify-content: flex-end;
    margin-left: -15px;
    margin-right: -15px;
  }
  .site-footer__drinkaware a {
    flex-basis: 25%;
    margin-right: -15px;
  }
  .site-footer__drinkaware a img {
    width: 150px;
  }
}

@media only screen and (min-width: 1280px) {
  .site-footer .container.std-v-padding {
    padding-bottom: 80px;
  }
}

.introImageHeroBlock {
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
  padding-top: 90px;
}
.introImageHeroBlock:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.introImageHeroBlock > .container {
  position: relative;
  z-index: 2;
}

.introImageHeroBlock--noDarken:before {
  display: none;
}

.introImageHeroBlock__downLink {
  position: relative;
  z-index: 2;
  margin-top: -40px;
  bottom: -40px;
}
.introImageHeroBlock__downLink--withText {
  margin-top: -35px;
  bottom: -35px;
}
@media only screen and (min-width: 1280px) {
  .introImageHeroBlock__downLink {
    margin-top: -55px;
    bottom: -55px;
  }
  .introImageHeroBlock__downLink--withText {
    margin-top: -45px;
    bottom: -45px;
  }
}
.introImageHeroBlock__downLink > .container {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (min-width: 1280px) {
  .introImageHeroBlock__downLink .downLink--withText {
    flex-basis: 647px;
  }
}

@media only screen and (min-width: 1800px) {
  .introImageHeroBlock {
    background-position: 50% 30%;
  }
}
.introImageHeroBlock > .container {
  padding-top: 50px;
  padding-bottom: 77px;
}
@media only screen and (min-width: 768px) {
  .introImageHeroBlock > .container {
    padding-top: 90px;
    padding-bottom: 117px;
  }
}
@media only screen and (min-width: 1024px) {
  .introImageHeroBlock > .container {
    padding-top: 50px;
    padding-bottom: 77px;
  }
}
@media only screen and (min-width: 1440px) {
  .introImageHeroBlock > .container {
    padding-top: 120px;
    padding-bottom: 127px;
  }
}
@media only screen and (min-width: 1600px) {
  .introImageHeroBlock > .container {
    padding-top: 150px;
    padding-bottom: 157px;
  }
}
@media only screen and (min-width: 1920px) {
  .introImageHeroBlock > .container {
    padding-top: 190px;
    padding-bottom: 197px;
  }
}

body.page-template-template-selector .introImageHeroBlock > .container,
body.page-template-template-system-php .introImageHeroBlock > .container {
  padding-top: 20px;
  padding-bottom: 47px;
}
@media only screen and (min-width: 768px) {
  body.page-template-template-selector .introImageHeroBlock > .container,
  body.page-template-template-system-php .introImageHeroBlock > .container {
    padding-top: 60px;
    padding-bottom: 77px;
  }
}
@media only screen and (min-width: 1024px) {
  body.page-template-template-selector .introImageHeroBlock > .container,
  body.page-template-template-system-php .introImageHeroBlock > .container {
    padding-top: 60px;
    padding-bottom: 77px;
  }
}
@media only screen and (min-width: 1440px) {
  body.page-template-template-selector .introImageHeroBlock > .container,
  body.page-template-template-system-php .introImageHeroBlock > .container {
    padding-top: 120px;
    padding-bottom: 127px;
  }
}
@media only screen and (min-width: 1600px) {
  body.page-template-template-selector .introImageHeroBlock > .container,
  body.page-template-template-system-php .introImageHeroBlock > .container {
    padding-top: 120px;
    padding-bottom: 127px;
  }
}
@media only screen and (min-width: 1920px) {
  body.page-template-template-selector .introImageHeroBlock > .container,
  body.page-template-template-system-php .introImageHeroBlock > .container {
    padding-top: 120px;
    padding-bottom: 127px;
  }
}

.introHeroBlock {
  height: 350px;
}
@media only screen and (min-width: 360px) {
  .introHeroBlock {
    height: 360px;
  }
}
@media only screen and (min-width: 411px) {
  .introHeroBlock {
    height: 370px;
  }
}
@media only screen and (min-width: 768px) {
  .introHeroBlock {
    height: 400px;
  }
}
@media only screen and (min-width: 1024px) {
  .introHeroBlock {
    height: 400px;
  }
}
@media only screen and (min-width: 1280px) {
  .introHeroBlock {
    height: 450px;
  }
}
@media only screen and (min-width: 1440px) {
  .introHeroBlock {
    height: 500px;
  }
}
@media only screen and (min-width: 1600px) {
  .introHeroBlock {
    height: 550px;
  }
}

.introHeroBlock {
  position: relative;
}

.introHeroBlock__bgImg {
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}

.introHeroBlock .introHeroBlock__darkenOverlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.introHeroBlock--darkenTop .introHeroBlock__darkenOverlay {
  height: 30%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.15) 75%, rgba(0, 0, 0, 0) 100%);
}
.introHeroBlock--darkenAll .introHeroBlock__darkenOverlay {
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.introHeroBlock__downLink .hexArrow {
  display: block;
}
.introHeroBlock__downLink > .container {
  position: relative;
}
.introHeroBlock__downLink > .container a {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-50%);
}
.advancedTech h2, .advancedTech p {
  margin: 0;
  padding: 0;
}
.advancedTech h2 {
  font-size: 32px;
  line-height: 1;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1280px) {
  .advancedTech h2 {
    font-size: 55px;
  }
}

.advancedTech {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.advancedTech__content__text {
  margin-top: 30px;
}
@media only screen and (min-width: 1280px) {
  .advancedTech__content {
    display: flex;
    align-items: center;
  }
  .advancedTech__content__text {
    order: -1;
    flex-grow: 1;
    flex-shrink: 1;
    margin-right: 70px;
    margin-top: 0;
  }
  .advancedTech__content__img {
    flex-grow: 0;
    flex-shrink: 0;
  }
}
/*
[1]: All items a forced onto a single line, causing the overflow when necessary.
[2]: Automatic overflow means a scroll bar won’t be present if it isn’t needed
[3]: Make it smooth scrolling on iOS devices before 
[4]: Hide the ugly scrollbars in Edge until the scrollable area is hovered
[5]: Hide the scroll bar in WebKit browsers
*/
.benefitsSlider {
  justify-content: space-between;
  display: flex; /* [1] */
  overflow-x: auto; /* [2] */
  -webkit-overflow-scrolling: touch; /* [3] */
  -ms-overflow-style: -ms-autohiding-scrollbar; /* [4] */
}
@media only screen and (min-width: 1280px) {
  .benefitsSlider {
    overflow-x: visible;
  }
}

/* [5] */
.benefitsSlider::-webkit-scrollbar {
  display: none;
}

.benefitsSlider__slide {
  box-sizing: content-box;
  padding: 10px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 70vw;
}
@media only screen and (min-width: 360px) {
  .benefitsSlider__slide {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 411px) {
  .benefitsSlider__slide {
    padding-left: 20px;
    padding-right: 20px;
    width: 49vw;
  }
  .benefitsSlider__slide + .benefitsSlider__slide {
    padding-left: 10px;
  }
}
@media only screen and (min-width: 596px) {
  .benefitsSlider__slide {
    width: 35vw;
  }
}
@media only screen and (min-width: 768px) {
  .benefitsSlider__slide {
    padding-left: 25px;
    padding-right: 25px;
    width: 200px;
  }
  .benefitsSlider__slide + .benefitsSlider__slide {
    padding-left: 5px;
  }
}
@media only screen and (min-width: 1024px) {
  .benefitsSlider__slide {
    width: 210px;
  }
}
@media only screen and (min-width: 1280px) {
  .benefitsSlider__slide {
    padding-left: 0;
    padding-right: 0;
  }
  .benefitsSlider__slide + .benefitsSlider__slide {
    padding-left: 0;
  }
}
.benefitsSlider .benefitsSlider__slide > div,
.benefitsSlider .benefitsSlider__slide .card {
  margin-bottom: 10px;
}
.benefitsSlider .benefitsSlider__slide p > a {
  text-decoration: none;
  display: inline-block;
  position: relative;
}
.benefitsSlider .benefitsSlider__slide p > a:after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  margin-top: 5px;
  background-color: #000000;
}
.benefitsSlider.benefitsSlider--themeBlue .benefitsSlider__slide p > a:after {
  background-color: #366DB8;
}
.benefitsSlider.benefitsSlider--themeGreen--hkn .benefitsSlider__slide p > a:after {
  background-color: #008348;
}

.brandsLogoSlider__slide {
  width: 105px;
  height: 124px;
  position: relative;
  overflow: visible;
  margin-left: 10px;
  margin-right: 10px;
}
.brandsLogoSlider__slide:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("img/shapes/hex-filled-offWhite-210-248.svg");
  background-size: 105px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.brandsLogoSlider__slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.6, 0.6);
}
@media only screen and (min-width: 768px) {
  .brandsLogoSlider__slide {
    width: 210px;
    height: 248px;
  }
  .brandsLogoSlider__slide:before {
    left: 0;
    width: 210px;
    height: 248px;
    background-size: 210px;
  }
  .brandsLogoSlider__slide img {
    transform: translate(-50%, -50%);
  }
}

.brandsLogoSlider {
  margin-left: auto;
  margin-right: auto;
  width: 250px;
}
.brandsLogoSlider .slick-prev:before, .brandsLogoSlider .slick-next:before {
  color: #ffffff;
}
@media only screen and (min-width: 580px) {
  .brandsLogoSlider {
    width: 375px;
  }
}
@media only screen and (min-width: 768px) {
  .brandsLogoSlider {
    width: 690px;
  }
}
@media only screen and (min-width: 1024px) {
  .brandsLogoSlider {
    width: 690px;
  }
}
@media only screen and (min-width: 1280px) {
  .brandsLogoSlider {
    width: 1150px;
  }
}
.techSpecs {
  background-color: #000000;
  padding-top: 1px;
  padding-bottom: 1px;
}
.techSpecs h3, .techSpecs th, .techSpecs td {
  color: #ffffff;
  text-align: left;
}
.techSpecs table {
  margin-bottom: 0;
}
.techSpecs td, .techSpecs th {
  width: 50%;
  vertical-align: top;
}

.modaal-wrapper.techSpecModaal .modaal-container {
  background-color: #000000;
  max-width: 1140px;
}

#techSpecModaalContent {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .techSpecs__tables {
    display: flex;
  }
  .techSpecs__tables > * {
    flex-basis: 50%;
    padding-right: 20px;
  }
  .techSpecs__tables > * + * {
    border-left: 2px solid #ffffff;
    padding-right: 0;
    padding-left: 20px;
  }
}

.modaal-wrapper.termsModaal .modaal-close {
  background: #000;
}

.modaal-video-wrap {
  margin-left: 0;
  margin-right: 0;
}

.review--tile {
  display: flex;
}
.review--tile__img {
  flex-basis: 25%;
  margin-right: -15px;
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
.review--tile__content {
  flex-basis: calc(75% + 15px);
  margin-top: 10px;
}

.review--tile__img:after {
  display: block;
  content: "";
  background-image: url("img/shapes/quoteHexIcon-red-58-50.svg");
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-size: 30px;
  width: 58px;
  height: 58px;
  position: absolute;
  right: -29px;
  top: 50px;
}
.review--tile__content {
  padding: 20px;
  padding-left: 40px;
}

@media only screen and (min-width: 1280px) {
  .review--tile__img {
    flex-basis: 24.5614%;
    margin-right: -20px;
  }
  .review--tile__img:after {
    background-size: 58px;
    top: 55px;
  }
  .review--tile__content {
    flex-basis: calc(75.4386% + 20px);
    padding: 41px;
    padding-left: 55px;
  }
}
.reviewSlider--green--bright .review--wide .review--tile__img:after {
  background-image: url("img/shapes/quoteHexIcon-green-bright-58-50.svg");
}
.reviewSlider--purple .review--wide .review--tile__img:after {
  background-image: url("img/shapes/quoteHexIcon-purple-58-50.svg");
}

.review--wide {
  flex-direction: column;
}
.review--wide .review--tile__img {
  flex-basis: auto;
  width: 75%;
  margin-right: auto;
  margin-bottom: -20px;
}
.review--wide .review--tile__img:after {
  right: auto;
  top: auto;
  bottom: -29px;
  left: 34px;
  background-position: 50% 50%;
  background-size: 48px;
}
.review--wide .review--tile__content {
  flex-basis: auto;
  margin-left: 20px;
  padding: 10px;
  padding-top: 50px;
}
.review--wide .review--tile__content > * + * {
  margin-top: 14px;
}
@media only screen and (min-width: 360px) {
  .review--wide .review--tile__content {
    padding: 15px;
    padding-top: 50px;
  }
}
@media only screen and (min-width: 411px) {
  .review--wide .review--tile__content {
    padding: 20px;
    padding-top: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .review--wide .review--tile__content {
    padding: 25px;
    padding-top: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .review--wide .review--tile__content {
    padding: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .review--wide {
    flex-direction: row;
  }
  .review--wide .review--tile__img {
    flex-basis: 31.6239%;
    margin-bottom: auto;
  }
  .review--wide .review--tile__img:after {
    right: -28px;
    top: 60px;
    bottom: auto;
    left: auto;
    background-size: 58px;
  }
  .review--wide .review--tile__content {
    margin-top: 30px;
    margin-left: -30px;
    flex-basis: calc(68.3761% + 30px);
    padding-left: 80px;
  }
}

@media only screen and (min-width: 1280px) {
  .col-2-small .review--tile:nth-of-type(4n-1), .col-2-small .review--tile:nth-of-type(4n) {
    flex-direction: row-reverse;
  }
  .col-2-small .review--tile:nth-of-type(4n-1) .review--tile__img, .col-2-small .review--tile:nth-of-type(4n) .review--tile__img {
    flex-basis: 24.5614%;
    margin-right: 0;
    margin-left: -20px;
  }
  .col-2-small .review--tile:nth-of-type(4n-1) .review--tile__img:after, .col-2-small .review--tile:nth-of-type(4n) .review--tile__img:after {
    right: auto;
    left: -29px;
  }
  .col-2-small .review--tile:nth-of-type(4n-1) .review--tile__content, .col-2-small .review--tile:nth-of-type(4n) .review--tile__content {
    flex-basis: calc(75.4386% + 20px);
    padding-right: 55px;
    padding-left: 41px;
  }
}

.review_video_slider__slide {
  background-color: #000;
}
.review_video_slider__slide:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 0) 60%);
}
@media only screen and (min-width: 1280px) {
  .review_video_slider__slide:before {
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0) 60%);
  }
}

.review_video_slider__slide {
  position: relative;
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 69.9346405229%;
}
@media only screen and (min-width: 768px) {
  .review_video_slider__slide {
    padding-top: 52.5%;
  }
}
@media only screen and (min-width: 1280px) {
  .review_video_slider__slide {
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 41.0256410256%;
  }
}
.review_video_slider__slide__img {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.review_video_slider__slide__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.review_video_slider__slide__content {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: flex-start;
}
@media only screen and (min-width: 580px) {
  .review_video_slider__slide__content {
    align-items: center;
  }
}

.review_video_slider__slide__content__text > * {
  color: #ffffff;
  max-width: 410px;
}
.review_video_slider__slide__content__text.block-std-text h3 + p {
  margin-top: 0;
}

.review_video_slider__slide__content {
  bottom: 12px;
  right: 12px;
  left: 12px;
}

.review_video_slider__slide__content__icon {
  margin-right: 12px;
}

@media only screen and (min-width: 768px) {
  .review_video_slider__slide__content {
    bottom: 18px;
    right: 18px;
    left: 18px;
  }
  .review_video_slider__slide__content__icon {
    margin-right: 15.6px;
  }
}
@media only screen and (min-width: 1280px) {
  .review_video_slider__slide__content {
    bottom: 30px;
    right: 30px;
    left: 30px;
  }
  .review_video_slider__slide__content__icon {
    margin-right: 26px;
  }
}
.review_video_slider-slickControls {
  padding-left: 6.553%;
  padding-right: 6.553%;
}
@media only screen and (min-width: 768px) {
  .review_video_slider-slickControls {
    padding-left: 12.5%;
    padding-right: 12.5%;
  }
}

.review_video_slider-slick.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.review_video_slider-slickControls .slick-arrow {
  position: static;
  display: block;
  transform: none;
  background-color: #000;
  border-radius: 50%;
  background-size: 8px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("img/arrow/arrow-white-right-8-12.svg");
  background-size: 12px;
  width: 40px;
  height: 40px;
}
.review_video_slider-slickControls .slick-arrow:before {
  display: none;
}
.review_video_slider-slickControls .slick-prev {
  transform: rotate(-180deg);
  margin-right: 20px;
}

.review_video_slider-slickControls .slick-dots {
  position: static;
  line-height: 1;
  display: flex;
}
.review_video_slider-slickControls .slick-dots li {
  display: block;
  transition: width 0.5s;
  width: 20px;
}
.review_video_slider-slickControls .slick-dots li button {
  width: 100%;
}
.review_video_slider-slickControls .slick-dots li button:before {
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
  height: 4px;
  border-radius: 2px;
  content: "";
  background-color: #000000;
  transition: background-color 0.3s;
  opacity: 1;
}
.review_video_slider-slickControls .slick-dots li.slick-active {
  width: 60px;
}
.review_video_slider-slickControls .slick-dots li.slick-active button:before {
  background-color: #f00;
}
@media only screen and (min-width: 768px) {
  .review_video_slider-slickControls .slick-dots {
    text-align: left;
  }
}

.review_video_slider-slickControls {
  margin-top: 20px;
  display: flex;
}
.review_video_slider-slickControls__arrows, .review_video_slider-slickControls__dots {
  position: relative;
}
.review_video_slider-slickControls__dots {
  display: block;
  flex-basis: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
.review_video_slider-slickControls__arrows {
  padding-right: 8px;
  display: none;
}
@media only screen and (min-width: 768px) {
  .review_video_slider-slickControls__dots {
    flex-basis: 50%;
  }
  .review_video_slider-slickControls__arrows {
    display: flex;
    justify-content: flex-end;
    flex-basis: 50%;
  }
}
@media only screen and (min-width: 1280px) {
  .review_video_slider-slickControls__dots {
    padding-left: 15px;
    flex-basis: 50%;
  }
  .review_video_slider-slickControls__arrows {
    padding-right: 15px;
  }
}

.selectorScreen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
}
.selectorScreen__content {
  padding-top: 110px;
  padding-bottom: 40px;
}
.selectorScreen--result {
  display: block;
}

.selectorScreen {
  background-image: url("img/background/selectorBG.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.selectorScreen .selectorScreen--questions__question {
  overflow: visible;
}

.selectorScreen--questions__question {
  background-color: #ffffff;
  position: relative;
  padding-top: 40px;
  padding-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (min-width: 360px) {
  .selectorScreen--questions__question {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 411px) {
  .selectorScreen--questions__question {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .selectorScreen--questions__question {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 970px) {
  .selectorScreen--questions__question {
    padding-top: 30px;
    padding-left: 60px;
    padding-right: 60px;
  }
}

.selectorScreen--questions__question p.questionText {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 6px;
}
.selectorScreen--questions__question p.questionPlsSelectText {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .selectorScreen--questions__question p.questionText {
    font-size: 24px;
    margin-bottom: 8px;
  }
  .selectorScreen--questions__question p.questionPlsSelectText {
    margin-top: 25px;
    margin-bottom: 12px;
    font-size: 16px;
  }
}
@media only screen and (min-width: 970px) {
  .selectorScreen--questions__question p.questionText {
    font-size: 32px;
  }
}

.selectorScreen--questions__question__number {
  background-image: url("img/shapes/hexagon-green-bright-104-90.svg");
  background-size: 42px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 42px;
  height: 37px;
  position: absolute;
  top: -18px;
  left: 10px;
}
.selectorScreen--questions__question__number p {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-weight: bold;
  font-size: 20px;
}
@media only screen and (min-width: 970px) {
  .selectorScreen--questions__question__number {
    width: 74px;
    background-size: 74px;
    height: 64px;
    top: 15px;
    left: -37px;
  }
  .selectorScreen--questions__question__number p {
    font-size: 40px;
  }
}

.selectorScreen--questions__question__continueBtn a {
  cursor: pointer;
}
.selectorScreen--questions__backBtn,
.selectorScreen--questions__progress {
  margin-left: 10px;
  margin-right: 10px;
}
@media only screen and (min-width: 360px) {
  .selectorScreen--questions__backBtn,
  .selectorScreen--questions__progress {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (min-width: 411px) {
  .selectorScreen--questions__backBtn,
  .selectorScreen--questions__progress {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .selectorScreen--questions__backBtn,
  .selectorScreen--questions__progress {
    margin-left: 25px;
    margin-right: 25px;
  }
}
@media only screen and (min-width: 970px) {
  .selectorScreen--questions__backBtn,
  .selectorScreen--questions__progress {
    margin-left: auto;
    margin-right: auto;
    max-width: 870px;
  }
}

.selectorScreen--questions__slider {
  margin-bottom: 20px;
  display: none;
}
@media only screen and (min-width: 970px) {
  .selectorScreen--questions__slider {
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }
}
.selectorScreen--questions__slider.slick-initialized {
  display: block;
}

.selectorScreen--questions__question {
  margin: 10px;
  margin-top: 30px;
}
@media only screen and (min-width: 360px) {
  .selectorScreen--questions__question {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (min-width: 411px) {
  .selectorScreen--questions__question {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .selectorScreen--questions__question {
    margin-left: 25px;
    margin-right: 25px;
  }
}
@media only screen and (min-width: 970px) {
  .selectorScreen--questions__question {
    margin-top: 10px;
    margin-left: 50px;
    margin-right: 50px;
  }
}

.selectorScreen--questions__backBtn button {
  cursor: pointer;
  background-color: transparent;
  border: 1px solid red;
  border-color: transparent;
  font-weight: bold;
  padding: 8px 8px 8px 28px;
  position: relative;
}
.selectorScreen--questions__backBtn button:before {
  content: "";
  display: block;
  border-radius: 50%;
  background-color: #000000;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%) rotate(180deg);
  background-image: url("img/arrow/arrow-white-right-8-12.svg");
  background-repeat: no-repeat;
  background-size: 6px;
  background-position: 50% 50%;
}

.selectorScreen--intro .container > p {
  max-width: 850px;
}
@media only screen and (min-width: 520px) {
  .selectorScreen--intro .heroHeading h1 span {
    display: inline-block;
  }
}

.selectorScreen--result p.source {
  margin-top: 0.6rem;
}
.selectorScreen--result p.source + p.source {
  margin-top: 0;
}

.selectorScreen--result__mainContent__textIntro p:first-of-type {
  font-weight: bold;
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .selectorScreen--result__mainContent__textIntro p:first-of-type {
    font-size: 1.3333333333rem;
  }
}

.selectorScreen--result__addons__item p:first-of-type {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
}
@media only screen and (min-width: 768px) {
  .selectorScreen--result__addons__item p:first-of-type {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1280px) {
  .selectorScreen--result__addons__item p:first-of-type {
    font-size: 15px;
  }
}
.selectorScreen--result__addons__item p + h4 {
  margin-top: 4px;
}
.selectorScreen--result__addons__item h4 + p {
  margin-top: 0.6rem;
}
.selectorScreen--result__addons__item p + ul {
  margin-top: 0.6rem;
}

p.selectorScreen--questions__question__continueBtn {
  margin-top: 30px;
}

.selectorScreen--result__mainContent__textIntro {
  padding-top: 30px;
}

.selectorScreen--result__mainContent__cols {
  margin-top: 30px;
}

.selectorScreen--result__mainContent h4 + ul {
  margin-top: 10px;
}
@media only screen and (min-width: 1280px) {
  .selectorScreen--result__mainContent {
    display: flex;
  }
  .selectorScreen--result__mainContent > * {
    flex-basis: 270px;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .selectorScreen--result__mainContent > * + * {
    flex-basis: fill;
    flex-grow: 1;
    flex-shrink: 1;
    margin-left: 30px;
  }
}

.selectorScreen--result__addons__productShot {
  overflow: hidden;
  margin-bottom: 25px;
}

.selectorScreen--result__addons__productShot__letterbox,
.selectorScreen--result__addons__productShot__landscape {
  width: 100%;
  display: block;
  height: auto;
}

@media only screen and (min-width: 1024px) {
  .selectorScreen--result__addons__productShot__letterbox {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  .selectorScreen--result__addons__productShot__letterbox {
    display: block;
  }
}

.selectorScreen--result__addons__productShot__landscape {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .selectorScreen--result__addons__productShot__landscape {
    display: block;
  }
}
@media only screen and (min-width: 1280px) {
  .selectorScreen--result__addons__productShot__landscape {
    display: none;
  }
}

.selectorScreen--questions__progress {
  display: flex;
}
.selectorScreen--questions__progress > * {
  flex-basis: 20%;
  background-color: #ededed;
  height: 10px;
  position: relative;
}
.selectorScreen--questions__progress > * + * {
  margin-left: 10px;
}
.selectorScreen--questions__progress > *:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 0%;
  height: 100%;
  background-color: #008348;
  transition: width 0.3s;
}
.selectorScreen--questions__progress > *:nth-of-type(1):before {
  width: 100%;
}
.selectorScreen--questions__progress.q2 > *:nth-of-type(2):before {
  width: 100%;
}
.selectorScreen--questions__progress.q3 > *:nth-of-type(3):before {
  width: 100%;
}
.selectorScreen--questions__progress.q4 > *:nth-of-type(4):before {
  width: 100%;
}
.selectorScreen--questions__progress.q5 > *:nth-of-type(5):before {
  width: 100%;
}

.selectorScreen--contact__content > * + * {
  margin-top: 30px;
}
@media only screen and (min-width: 1024px) {
  .selectorScreen--contact__content {
    display: flex;
    align-items: flex-start;
  }
  .selectorScreen--contact__content > * + * {
    margin-top: 0px;
  }
  .selectorScreen--contact__content > *:nth-of-type(1) {
    width: 65.811965812%;
    order: 2;
  }
  .selectorScreen--contact__content > *:nth-of-type(2) {
    width: 35.8974358974%;
    margin-right: -1.7094017094%;
    order: 1;
    padding-right: 0;
  }
}

.selectorScreen--contact__content__results table th, .selectorScreen--contact__content__results table td {
  text-align: left;
  color: #ffffff;
  font-weight: normal;
  font-size: 14px;
}
@media only screen and (min-width: 1024px) {
  .selectorScreen--contact__content__results table th, .selectorScreen--contact__content__results table td {
    font-size: 16px;
  }
}
.selectorScreen--contact__content__results h4 {
  border-bottom: 1px solid #ffffff;
  line-height: 1.3;
  margin-bottom: 10px;
  padding-bottom: 4px;
}
.selectorScreen--contact__content__results p.systemDesc {
  margin-top: 0.7rem;
  font-size: 14px;
}
@media only screen and (min-width: 1024px) {
  .selectorScreen--contact__content__results p.systemDesc {
    font-size: 16px;
  }
}
.selectorScreen--contact__content__results p.systemname {
  font-weight: bold;
  font-size: 16px;
}
@media only screen and (min-width: 1024px) {
  .selectorScreen--contact__content__results > * {
    padding-right: 40px;
  }
}

.potfAd {
  background-color: #000;
  background-image: url("img/background/greenPointField-1600-787.jpg");
  background-size: cover;
  background-position: center bottom;
  position: relative;
  padding: 10px;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}
.potfAd:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.potfAd > * {
  position: relative;
  z-index: 2;
}
.potfAd h3 {
  color: #ffffff;
}
.potfAd > .card {
  margin-left: auto;
  margin-right: auto;
  max-width: 280px;
  margin-bottom: 20px;
}
.potfAd > .card img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .potfAd {
    display: flex;
    align-items: flex-start;
    max-width: none;
    padding: 25px;
  }
  .potfAd > .card {
    margin-left: 20px;
    margin-right: 0;
    max-width: none;
    margin-bottom: 0px;
    order: 2;
  }
  .potfAd h3 {
    line-height: 1.2;
  }
  .potfAd:before {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
@media only screen and (min-width: 1024px) {
  .potfAd {
    padding: 80px 50px;
  }
  .potfAd h3 {
    line-height: 1.3;
    font-size: 2.4rem;
    padding-right: 80px;
  }
  .potfAd > .card {
    flex-basis: 35%;
  }
  .potfAd > * + * {
    flex-basis: 65%;
  }
}
@media only screen and (min-width: 1280px) {
  .potfAd h3 {
    padding-right: 150px;
  }
}

.greenPubGuideAd {
  background-color: #1b2425;
  padding: 25px 10px;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}
.greenPubGuideAd h3 {
  color: #ffffff;
}
.greenPubGuideAd h3 + p {
  color: #ffffff;
}
.greenPubGuideAd > .image {
  margin-left: auto;
  margin-right: auto;
  max-width: 200px;
  margin-bottom: 20px;
}
.greenPubGuideAd > .image img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .greenPubGuideAd {
    display: flex;
    align-items: flex-start;
    max-width: none;
    padding: 25px;
  }
  .greenPubGuideAd h3 {
    line-height: 1.2;
    padding-right: 130px;
  }
  .greenPubGuideAd > .image {
    margin-left: 20px;
    margin-right: 0;
    max-width: none;
    margin-bottom: 0px;
    order: 2;
    flex-basis: 30%;
  }
  .greenPubGuideAd > * + * {
    flex-basis: 70%;
  }
}
@media only screen and (min-width: 1024px) {
  .greenPubGuideAd {
    padding: 40px 50px;
  }
  .greenPubGuideAd h3 {
    font-size: 2.4rem;
    padding-right: 150px;
  }
  .greenPubGuideAd h3 + p {
    font-size: 1.1rem;
    line-height: 1.3;
  }
  .greenPubGuideAd > .image {
    margin-left: 60px;
    flex-basis: 30%;
  }
  .greenPubGuideAd > * + * {
    flex-basis: 70%;
  }
}
@media only screen and (min-width: 1280px) {
  .greenPubGuideAd {
    padding: 50px 50px;
  }
  .greenPubGuideAd h3 {
    padding-right: 190px;
  }
  .greenPubGuideAd h3 + p {
    padding-right: 40px;
  }
  .greenPubGuideAd > .image {
    margin-left: 80px;
    flex-basis: 30%;
  }
}

.agegate {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 30;
}

.agegate {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
}
.agegate__content {
  opacity: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 375px) {
  .agegate__content {
    max-width: 345px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .agegate__content {
    max-width: 500px;
  }
}
@media only screen and (min-width: 1280px) {
  .agegate__content {
    max-width: 760px;
  }
}
.agegate.agegate--loaded .agegate__content {
  opacity: 1;
}

.agegate {
  background-color: #000;
}
.agegate--loaded {
  background-image: url("img/background/agegateBg3.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.agegate__content__logo {
  max-width: 160px;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .agegate__content__logo {
    max-width: 292px;
    margin-bottom: 34px;
  }
}
.agegate__content__logo img {
  display: block;
}

.agegate__content__copy p {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 19px;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .agegate__content__copy p {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .agegate__content__copy p {
    font-size: 28px;
  }
}
.agegate__content__copy p + p {
  font-size: 16px;
  margin-top: 6px;
  margin-bottom: 33px;
}
@media only screen and (min-width: 768px) {
  .agegate__content__copy p + p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1280px) {
  .agegate__content__copy p + p {
    font-size: 20px;
    margin-top: 8px;
  }
}

.agegate__content__terms p {
  color: #fff;
  text-align: center;
  margin-top: 22px;
}
.agegate__content__terms p a {
  color: #fff;
}

.agegate__content__cta p {
  margin-top: 30px;
}

.agegate__content__input > * {
  display: flex;
  justify-content: center;
}

.agegate__content__input__element {
  position: relative;
  flex-basis: 25%;
  margin: 0 6px;
}
.agegate__content__input__element:before {
  color: white;
  text-align: center;
  content: "Y";
  display: block;
  background-image: url("img/shapes/hexagon-green-bright-104-90.svg");
  background-size: 30px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 30px;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  position: absolute;
  top: -14px;
  left: 5px;
}
@media only screen and (min-width: 1280px) {
  .agegate__content__input__element:before {
    background-size: 48px;
    width: 48px;
    height: 48px;
    top: 12px;
    left: -24px;
    line-height: 48px;
    font-size: 26px;
    font-weight: bold;
  }
}
@media only screen and (min-width: 1280px) {
  .agegate__content__input__element {
    margin: 0 20px;
  }
}
.agegate__content__input input[type=number] {
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.3);
  border-color: white;
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  line-height: 1;
  padding: 10px;
  padding-top: 13px;
}
@media only screen and (min-width: 768px) {
  .agegate__content__input input[type=number] {
    font-size: 40px;
    padding: 20px;
    padding-top: 23px;
  }
}
@media only screen and (min-width: 1280px) {
  .agegate__content__input input[type=number] {
    font-size: 70px;
  }
}

.agegate__content__input__year .agegate__content__input__element:before {
  content: "Y";
}
.agegate__content__input__month .agegate__content__input__element:before {
  content: "M";
}
.agegate__content__input__day .agegate__content__input__element:before {
  content: "D";
}

.agegate__content__input__month,
.agegate__content__input__day {
  display: none;
}

.agegate.agegate--month .agegate__content__input__year {
  display: none;
}
.agegate.agegate--month .agegate__content__input__month {
  display: flex;
}
.agegate.agegate--day .agegate__content__input__year {
  display: none;
}
.agegate.agegate--day .agegate__content__input__month {
  display: none;
}
.agegate.agegate--day .agegate__content__input__day {
  display: flex;
}

.faq_area__items__item h4 a {
  color: #008348;
  text-decoration: none;
}
.faq_area__items__item h4 a:hover {
  text-decoration: underline;
}

.faq_area__items__item + .faq_area__items__item {
  margin-top: 30px;
}

.faq_area__items {
  margin-top: 30px;
  margin-bottom: 40px;
  padding-bottom: 30px;
}

.faq_area__items__item__answer {
  padding-top: 10px;
}

* > .faq_area:last-of-type .faq_area__items {
  border-bottom: 3px solid #000000;
}

.ews_main_content__logoDate {
  margin-bottom: 30px;
}

.ews_main_content__logo,
.ews_main_content__date {
  margin: 0 auto;
  padding-right: 10px;
  padding-left: 10px;
}

.ews_main_content__logo {
  max-width: 226px;
}

.ews_main_content__date {
  max-width: 358px;
  margin-top: 30px;
}

.ews_main_content__graphic {
  display: none;
}

.ews_main_content--2023 .ews_main_content__logo {
  max-width: 230px;
}
.ews_main_content--2023 .ews_main_content__date {
  max-width: 242px;
  margin-top: 30px;
}
.ews_main_content--2023 .ews_main_content__graphic {
  display: block;
  max-width: 320px;
  margin: 0 auto;
  margin-top: 2rem;
}

@media only screen and (min-width: 768px) {
  .ews_main_content__logoDate {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .ews_main_content__logo,
  .ews_main_content__date {
    padding: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0;
  }
  .ews_main_content__logo {
    flex-basis: 226px;
    padding-right: 30px;
    border-right: 2px solid #000;
  }
  .ews_main_content__date {
    flex-basis: 358px;
    padding-left: 30px;
  }
  .ews_main_content {
    overflow: hidden;
  }
  .ews_main_content .container {
    display: flex;
  }
  .ews_main_content__main {
    width: 70%;
  }
  .ews_main_content__graphic {
    width: 30%;
    display: block;
    position: relative;
  }
  .ews_main_content__graphic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 450px;
    max-width: none;
    margin-right: -20.2222222222%;
  }
  .ews_main_content--2023 .ews_main_content__logo {
    max-width: 242px;
  }
  .ews_main_content--2023 .ews_main_content__date {
    max-width: 255px;
    margin-top: 0px;
  }
  .ews_main_content--2023 .ews_main_content .container {
    align-items: center;
  }
  .ews_main_content--2023 .ews_main_content__main {
    padding-right: 3rem;
  }
  .ews_main_content--2023 .ews_main_content__graphic {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: none;
    margin: 0;
  }
  .ews_main_content--2023 .ews_main_content__graphic img {
    position: static;
    width: 100%;
    height: auto;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .ews_main_content__main {
    width: 60%;
  }
  .ews_main_content__graphic {
    width: 40%;
  }
  .ews_main_content--2023 .ews_main_content__main {
    width: 60%;
  }
  .ews_main_content--2023 .ews_main_content__graphic {
    width: 40%;
  }
}
@media only screen and (min-width: 1280px) {
  .ews_main_content__graphic img {
    left: 15%;
  }
  .ews_main_content--2023 {
    justify-content: center;
  }
  .ews_main_content--2023 .ews_main_content__main {
    width: 65%;
  }
  .ews_main_content--2023 .ews_main_content__graphic {
    width: 35%;
  }
  .ews_main_content--2023 .ews_main_content__graphic img {
    left: 0;
  }
}
.c-tabbedContent {
  filter: drop-shadow(0px 0px 8px #858585);
  max-width: 770px;
  margin-left: auto;
  margin-right: auto;
}

.c-tabbedContent__tabList {
  padding-left: 1.5rem;
  display: flex;
}
.c-tabbedContent__tabList [role=tab] {
  background: #008348;
  color: #ffffff;
  border: none;
  padding: 0.5rem 1rem;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  position: relative;
}
.c-tabbedContent__tabList [role=tab][aria-selected=true] {
  cursor: default;
  color: #008348;
  background: #ffffff;
}
.c-tabbedContent__tabList [role=tab][aria-selected=true]::after {
  content: "";
  display: block;
  height: 2px;
  background: #c5c5c5;
  position: absolute;
  bottom: 0;
  right: 0.5rem;
  left: 0.5rem;
}
@media only screen and (min-width: 768px) {
  .c-tabbedContent__tabList [role=tab] {
    padding: 0.75rem 1.5rem;
  }
  .c-tabbedContent__tabList [role=tab][aria-selected=true]::after {
    right: 1rem;
    left: 1rem;
  }
}

.c-tabbedContent__tabPanels [role=tabpanel] {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  background: #fff;
  padding: 1rem;
}
@media only screen and (min-width: 768px) {
  .c-tabbedContent__tabPanels [role=tabpanel] {
    padding: 2rem;
  }
}
.c-tabbedContent__tabPanels .c-leftKeyLineArea > p:first-of-type {
  padding-top: 1.5rem;
  font-size: 1.2rem;
  color: #008348;
}
@media only screen and (min-width: 768px) {
  .c-tabbedContent__tabPanels .c-leftKeyLineArea > p:first-of-type {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1280px) {
  .c-tabbedContent__tabPanels .c-leftKeyLineArea h2 {
    font-size: 2.2rem;
  }
}

.tabbed_contact_form__newCustomerCtaImgArea > div:nth-of-type(1) {
  padding-top: 1rem;
}
.tabbed_contact_form__newCustomerCtaImgArea > div:nth-of-type(2) {
  padding-top: 1rem;
}
.tabbed_contact_form__newCustomerCtaImgArea > div:nth-of-type(2) img {
  display: block;
  height: auto;
  max-width: 191px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .tabbed_contact_form__newCustomerCtaImgArea {
    display: flex;
    padding-top: 1rem;
  }
  .tabbed_contact_form__newCustomerCtaImgArea > div:nth-of-type(1) {
    padding-top: 2rem;
  }
  .tabbed_contact_form__newCustomerCtaImgArea > div:nth-of-type(1) p:nth-of-type(2) {
    padding-top: 1rem;
  }
}
/* Bricks
--------------------------------------------- */
.cta {
  padding: 10px 15px;
  display: flex;
  justify-content: center;
}
.cta__content {
  display: flex;
  align-items: center;
}
.cta__content .text {
  flex-grow: 1;
}
.cta__content .circleArrow {
  margin-left: 15px;
  flex-grow: 0;
  flex-shrink: 0;
}
.cta__content .circleArrow--micro {
  margin-left: 8px;
}
.cta--back .cta__content {
  flex-direction: row-reverse;
}
.cta--back .cta__content .circleArrow {
  margin-left: 0;
  margin-right: 15px;
}

.cta {
  font-weight: bold;
  border-radius: 10px;
  text-decoration: none;
}
.cta:hover {
  text-decoration: underline;
}
.cta--white {
  background-color: #ffffff;
}
.cta--whiteWithBlackBorder {
  background-color: #ffffff;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
}
.cta--black {
  background-color: #000000;
  color: #ffffff;
}
.cta--black .text {
  color: #ffffff;
}

.heroHeading {
  padding-left: 10px;
}
@media only screen and (min-width: 360px) {
  .heroHeading {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 411px) {
  .heroHeading {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .heroHeading {
    padding-left: 25px;
  }
}

.heroHeading .h1 {
  font-size: 28px;
}
@media only screen and (min-width: 360px) {
  .heroHeading .h1 {
    font-size: 34px;
  }
}
@media only screen and (min-width: 1280px) {
  .heroHeading .h1 {
    font-size: 84px;
  }
}
.heroHeading {
  position: relative;
}
.heroHeading .p, .heroHeading .h1, .heroHeading .hr {
  margin: 0;
  padding: 0;
  border: none;
}
.heroHeading .p, .heroHeading .h1 {
  color: #ffffff;
  font-weight: normal;
  line-height: 1;
}
.heroHeading .p {
  text-transform: uppercase;
}
.heroHeading .p--postTitleText {
  margin-top: 1rem;
  font-size: 1.6rem;
}
.heroHeading .h1 {
  font-weight: bold;
}
.heroHeading .hr {
  position: relative;
  width: 4px;
  margin-top: 2px;
  margin-bottom: 2px;
  position: absolute;
  left: 0;
  top: 0;
  height: calc(100% - 4px);
  width: 4px;
  background-color: #008348;
}
.heroHeading .hr:before, .heroHeading .hr:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: inherit;
}
.heroHeading .hr:before {
  top: 0;
  transform: scale(0.7071067812, 0.7071067812) rotate(-45deg);
  transform-origin: 0% 0%;
}
.heroHeading .hr:after {
  bottom: 0;
  transform: scale(0.7071067812, 0.7071067812) rotate(45deg);
  transform-origin: 0% 100%;
}
@media only screen and (min-width: 768px) {
  .heroHeading .hr {
    position: relative;
    width: 6px;
    margin-top: 3px;
    margin-bottom: 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: calc(100% - 6px);
    width: 6px;
    background-color: #008348;
  }
  .heroHeading .hr:before, .heroHeading .hr:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: inherit;
  }
  .heroHeading .hr:before {
    top: 0;
    transform: scale(0.7071067812, 0.7071067812) rotate(-45deg);
    transform-origin: 0% 0%;
  }
  .heroHeading .hr:after {
    bottom: 0;
    transform: scale(0.7071067812, 0.7071067812) rotate(45deg);
    transform-origin: 0% 100%;
  }
}
@media only screen and (min-width: 1280px) {
  .heroHeading .hr {
    position: relative;
    width: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: absolute;
    left: 0;
    top: 0;
    height: calc(100% - 10px);
    width: 10px;
    background-color: #008348;
  }
  .heroHeading .hr:before, .heroHeading .hr:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: inherit;
  }
  .heroHeading .hr:before {
    top: 0;
    transform: scale(0.7071067812, 0.7071067812) rotate(-45deg);
    transform-origin: 0% 0%;
  }
  .heroHeading .hr:after {
    bottom: 0;
    transform: scale(0.7071067812, 0.7071067812) rotate(45deg);
    transform-origin: 0% 100%;
  }
}

.heroHeading--green--bright .hr {
  background-color: #7ab700;
}
.heroHeading--blue .hr {
  background-color: #366DB8;
}
.heroHeading--purple .hr {
  background-color: #8C278A;
}
.heroHeading--red .hr {
  background-color: #F83122;
}
.heroHeading--yellow .hr {
  background-color: #ECD234;
}

@media only screen and (min-width: 1280px) {
  .p--postTitleText {
    margin-top: 2rem;
    font-size: 1.7rem;
  }
}
.downLink {
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}
.downLink:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 1280px) {
  .downLink {
    font-size: 24px;
  }
}

.downLink--withText .downLink__content {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border-radius: 10px;
  border: 3px solid #00601d;
}
.downLink--withText .downLink__content .text {
  flex-grow: 1;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
.downLink--withText .downLink__content .hexArrow {
  flex-grow: 0;
  flex-shrink: 0;
}
.downLink--withText--blue .downLink__content {
  border-color: #366DB8;
}

.downLink--withText .downLink__content {
  margin-right: 40px;
}
.downLink--withText .downLink__content .hexArrow {
  margin-right: -40px;
  margin-top: -3px;
  margin-bottom: -3px;
}
@media only screen and (min-width: 1280px) {
  .downLink--withText .downLink__content {
    margin-right: 52px;
  }
  .downLink--withText .downLink__content .hexArrow {
    margin-right: -52px;
  }
}

.card {
  overflow: hidden;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.3);
}
.card--noDS {
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0);
}
.card--micro {
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.3);
}
.card--offWhite {
  background-color: #ededed;
}
.card--black {
  background-color: #000000;
  color: #ffffff;
}

.card--imgFrameCta {
  max-width: 385px;
}
@media only screen and (min-width: 768px) {
  .card--imgFrameCta {
    max-width: none;
  }
}
.card--imgFrameCta__img {
  position: relative;
  overflow: hidden;
}
.card--imgFrameCta__img img {
  display: block;
  width: 100%;
  height: auto;
}
.card--imgFrameCta__img:after {
  border-radius: 10px;
  border: 2px solid #ffffff;
  display: block;
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  left: 10px;
  bottom: -20px;
}
.card--imgFrameCta__cta {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 360px) {
  .card--imgFrameCta__img:after {
    top: 15px;
    right: 15px;
    left: 15px;
  }
  .card--imgFrameCta__cta {
    padding: 15px;
  }
}
@media only screen and (min-width: 411px) {
  .card--imgFrameCta__img:after {
    top: 20px;
    right: 20px;
    left: 20px;
  }
  .card--imgFrameCta__cta {
    padding: 15px 20px;
  }
}

a.card--imgFrameCta__cta {
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}

.card--headlineCTAimgBg {
  background-size: cover;
  background-position: 50% 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 250px;
}
@media only screen and (min-width: 768px) {
  .card--headlineCTAimgBg {
    height: 320px;
  }
}
@media only screen and (min-width: 1280px) {
  .card--headlineCTAimgBg {
    height: 420px;
  }
}

.card--withNumber {
  position: relative;
  margin-top: 25px;
  overflow: visible;
  padding: 40px 20px 30px 20px;
}
.card--withNumber__number {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translate(-50%, 0);
  background-image: url("img/shapes/hex-filled-vertical-green-hkn-44-50.svg");
  background-repeat: no-repeat;
  background-size: 44px 50px;
  background-position: 50% 50%;
  height: 50px;
  width: 44px;
}
.card--withNumber__number__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  color: #ffffff;
}
.card--withNumber__content p {
  text-align: center;
}
.card--withNumber__content p:first-of-type {
  font-weight: bold;
  position: relative;
}
.card--withNumber__content p:first-of-type:after {
  content: "";
  border-top: 1px solid #008348;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 173px;
}
.card--withNumber--purple .card--withNumber__number {
  background-image: url("img/shapes/hex-filled-vertical-purple-44-50.svg");
}
.card--withNumber--purple .card--withNumber__content p:first-of-type:after {
  border-top-color: #8C278A;
}

.card--withImage {
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 160px;
}
.card--withImage__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 140px;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}

@media only screen and (min-width: 1280px) {
  .card--reduceLargest {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
  }
}

a.videoPlayBtn {
  display: block;
  color: #ffffff;
  text-decoration: none;
}
a.videoPlayBtn .icon {
  background-image: url("img/hexPlayIcon-green-bright-122-138.svg");
  background-position: 50% 50%;
  background-size: 122px;
  width: 122px;
  height: 138px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
a.videoPlayBtn .text {
  display: block;
  color: inherit;
  margin: 0;
  padding: 0;
  text-align: center;
}
a.videoPlayBtn:hover .text {
  text-decoration: underline;
}
a.videoPlayBtn--purple .icon {
  background-image: url("img/hexPlayIcon-purple-122-138.svg");
}
a.videoPlayBtn--red .icon {
  background-image: url("img/hexPlayIcon-red-122-138.svg");
}

a.videoPlayBtn .icon {
  background-size: 36.6px;
  width: 36.6px;
  height: 41.4px;
}
@media only screen and (min-width: 411px) {
  a.videoPlayBtn .icon {
    background-size: 48.8px;
    width: 48.8px;
    height: 55.2px;
  }
}
@media only screen and (min-width: 580px) {
  a.videoPlayBtn .icon {
    background-size: 61px;
    width: 61px;
    height: 69px;
  }
}
@media only screen and (min-width: 768px) {
  a.videoPlayBtn .icon {
    background-size: 91.5px;
    width: 91.5px;
    height: 103.5px;
  }
}
@media only screen and (min-width: 1024px) {
  a.videoPlayBtn .icon {
    background-size: 122px;
    width: 122px;
    height: 138px;
  }
}
a.EWSvideoPlayBtn {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
a.EWSvideoPlayBtn::before, a.EWSvideoPlayBtn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
a.EWSvideoPlayBtn::before {
  background-color: #008348;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
a.EWSvideoPlayBtn::after {
  height: 0;
  width: 0;
  border-left: 20px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  margin-left: 3px;
}

.smDLitem--suggestionText .smDLitem__content,
.smDLitem__text {
  height: 100%;
}
.smDLitem--suggestionText .smDLitem__text {
  padding: 15px;
}
@media only screen and (min-width: 768px) {
  .smDLitem--suggestionText .smDLitem__text {
    padding: 30px;
  }
}

.smDLitem__title {
  margin-bottom: 10px;
}

.smDLitem__img {
  margin-bottom: 20px;
}

.smDLitem__content {
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
}
@media only screen and (min-width: 768px) {
  .smDLitem__content {
    max-width: 344px;
  }
}
@media only screen and (min-width: 1024px) {
  .smDLitem__content {
    max-width: 472px;
  }
}

.ews_video_tile {
  max-width: 472px;
  flex-grow: 0;
  margin-left: auto;
  margin-right: auto;
}

.ews_video_tile__video {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.3);
  margin-bottom: 1.25rem;
}
.ews_video_tile__video img {
  display: block;
  height: auto;
}

.ews_video_tile__comingSoonText > h3 {
  font-weight: bold;
  font-size: 1.5rem;
  text-transform: uppercase;
  color: #008348;
  margin-bottom: 0.625rem;
}

.ews_video_tile__title > h4 {
  font-weight: bold;
  font-size: 1.1rem;
}

.ews_video_tile__subTitle > p {
  color: #008348;
  font-style: italic;
  margin-top: 0.25rem;
}

.ews_video_tile__text, .ews_video_tile__availabilityDate {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.ews_video_tile__showMoreText {
  margin-bottom: 0.625rem;
}

.ews_video_tile__showMoreCta {
  margin-top: 0.375rem;
}
.ews_video_tile__showMoreCta p {
  text-transform: uppercase;
  font-weight: bold;
}
.ews_video_tile__showMoreCta p a {
  color: #008348;
}

.ews_video_tile__reminder p + p {
  margin-top: 1rem;
}
.ews_video_tile__reminder .cta {
  justify-content: start;
  padding: 0;
}
.ews_video_tile__reminder .cta .circleArrow {
  transform: rotate(90deg);
}

.ews_video_tile--video .ews_video_tile__image {
  display: none;
}

.ews_video_tile--image {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ews_video_tile--image .ews_video_tile__video,
.ews_video_tile--image .ews_video_tile__title,
.ews_video_tile--image .ews_video_tile__subTitle,
.ews_video_tile--image .ews_video_tile__text,
.ews_video_tile--image .ews_video_tile__showMoreText,
.ews_video_tile--image .ews_video_tile__showMoreCta {
  display: none;
}

.ews_video_area .potfAd {
  background-position: center center;
}
.ews_video_area .potfAd h3 {
  font-size: 1.6rem;
}
.ews_video_area .potfAd .card {
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
@media only screen and (min-width: 768px) {
  .ews_video_area .potfAd .card {
    flex-basis: 30%;
  }
  .ews_video_area .potfAd > * + * {
    flex-basis: 70%;
  }
}

@media only screen and (min-width: 1024px) {
  .l-gpgIntroText .container {
    width: 974px;
  }
}
@media only screen and (min-width: 1280px) {
  .l-gpgIntroText .container {
    width: 974px;
  }
}

.c-separatorBand {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.c-separatorBand p {
  text-align: center;
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.c-separatorBand p {
  font-size: 18px;
}
@media only screen and (min-width: 360px) {
  .c-separatorBand p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 411px) {
  .c-separatorBand p {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) {
  .c-separatorBand p {
    font-size: 24px;
  }
}

.l-gpgDownloadAssets {
  margin-top: -3rem;
}
.l-gpgDownloadAssets > * {
  margin-top: 3rem;
}
@media only screen and (min-width: 411px) {
  .l-gpgDownloadAssets {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .l-gpgDownloadAssets > * {
    flex-basis: calc(50% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .l-gpgDownloadAssets > * {
    flex-basis: calc(33% - 2rem);
  }
}
@media only screen and (min-width: 1280px) {
  .l-gpgDownloadAssets > * {
    flex-basis: calc(25% - 2rem);
  }
}

.c-GPGdownloadTile {
  display: flex;
  flex-direction: column;
}
.c-GPGdownloadTile .c-GPGdownloadTile__img,
.c-GPGdownloadTile .c-GPGdownloadTile__cta {
  flex-grow: 0;
}
.c-GPGdownloadTile .c-GPGdownloadTile__text {
  flex-grow: 1;
}

.c-GPGdownloadTile__img {
  padding-bottom: 1.5rem;
}
.c-GPGdownloadTile__img img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #000;
}

.c-GPGdownloadTile__text h6, .c-GPGdownloadTile__text p {
  margin: 0;
  padding: 0;
}
.c-GPGdownloadTile__text h6 {
  font-size: 24px;
}

.c-GPGdownloadTile__cta {
  padding-top: 1.5rem;
}
.c-GPGdownloadTile__cta p {
  margin: 0;
}

.c-indexPageSignPostTile__headline {
  overflow: auto;
}
.c-indexPageSignPostTile__headline > * {
  font-size: 1.5rem;
  margin: 0;
  padding: 1rem 0;
}

.c-indexPageSignPostTile__headline,
.c-indexPageSignPostTile__body {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

@media only screen and (min-width: 768px) {
  .c-indexPageSignPostTile {
    display: flex;
    flex-direction: column;
  }
  .c-indexPageSignPostTile .c-indexPageSignPostTile__img,
  .c-indexPageSignPostTile .c-indexPageSignPostTile__headline,
  .c-indexPageSignPostTile .c-indexPageSignPostTile__cta {
    flex-grow: 0;
  }
  .c-indexPageSignPostTile .c-indexPageSignPostTile__body {
    flex-grow: 1;
  }
}

sup.e-registeredMark {
  font-size: 0.4em;
  top: -1em;
}

.l-multicheckboxes {
  display: flex;
  flex-wrap: wrap;
}
.l-multicheckboxes > * {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .l-multicheckboxes > * {
    width: 50%;
  }
}
.l-multicheckboxes .formElement--checkbox {
  margin-top: 15px;
}

body .js-gpgThankYou--show {
  display: none;
}
body.js-gpgThankYou .js-gpgThankYou--show {
  display: block;
}
body.js-gpgThankYou .js-gpgThankYou--hide {
  display: none;
}

.s-bannerText {
  background-color: #000000;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.s-bannerText h2 {
  text-align: center;
  color: #ffffff;
  line-height: 1.2;
  font-size: 1.6rem;
}

.l-skywalker > * {
  margin-top: 2rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1024px) {
  .l-skywalker {
    display: flex;
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .l-skywalker > * {
    margin-left: 1rem;
    margin-right: 1rem;
    width: calc(50% - 2rem);
  }
}

.c-locationBox {
  background-color: #ECD234;
  padding-bottom: 4px;
}
.c-locationBox + .c-locationBox {
  margin-top: 1rem;
}

.c-locationBox__main {
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.c-locationBox__main > p {
  padding: 1rem;
  padding-right: 50px;
  padding-left: calc(1rem + 4px);
}
.c-locationBox__main::before, .c-locationBox__main::after {
  display: block;
  position: absolute;
  content: "";
  right: 20px;
  width: 38px;
  height: 33px;
  background-image: url("img/shapes/hexagon-white-104-90.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.c-locationBox__main::after {
  background-image: url("img/arrow/arrow-yellow-down-36-24.svg");
  background-size: 16px;
}

.c-locationBox--open .c-locationBox__main::after {
  transform: rotate(180deg);
}

.c-locationBox__expand {
  overflow: hidden;
  margin: 0 4px;
  background-color: #fff;
}
.c-locationBox__expand > div {
  padding: 1rem;
}

.c-locationBox__expand h4 {
  font-size: 1rem;
  line-height: 1.2;
}
.c-locationBox__expand p + h4 {
  margin-top: 1rem;
}
.c-locationBox__expand h4 + p {
  margin-top: 0;
}
.c-locationBox__expand p + p {
  margin-top: 0.2rem;
}

/*# sourceMappingURL=style.css.map */