@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "Site Icons";
  src: url("../fonts/icomoon.eot?v=1");
  src: url("../fonts/icomoon.eot?#iefix&v=1") format("embedded-opentype"), url("../fonts/icomoon.woff?v=1") format("woff"), url("../fonts/icomoon.ttf?v=1") format("truetype"), url("../fonts/icomoon.svg?v=1") format("svg"); }

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
button {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

body,
input[type='submit'],
input[type='button'],
button {
  -webkit-font-smoothing: antialiased; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }
  blockquote::before, blockquote::after,
  q::before,
  q::after {
    content: none; }

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

input[type='text'],
input[type='search'],
input[type='email'],
input[type='password'],
input[type='number'],
input[type='color'],
input[type='submit'],
input[type='button'],
button,
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  border: none;
  border-radius: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  line-height: 16px;
  background: none; }

input[type='radio'],
input[type='checkbox'],
input[type='color'],
input[type='submit'],
input[type='button'],
button,
select {
  cursor: pointer; }

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fafafa inset;
          box-shadow: 0 0 0 1000px #fafafa inset;
  background-color: transparent;
  background-image: none; }

input::-webkit-input-placeholder {
  color: #ffffff;
  font-weight: normal;
  opacity: 1; }

input::-moz-placeholder {
  color: #ffffff;
  font-weight: normal;
  opacity: 1; }

input:-ms-input-placeholder {
  color: #ffffff;
  font-weight: normal;
  opacity: 1; }

input::-ms-input-placeholder {
  color: #ffffff;
  font-weight: normal;
  opacity: 1; }

input::placeholder {
  color: #ffffff;
  font-weight: normal;
  opacity: 1; }

input:focus,
textarea:focus,
select:focus {
  outline-offset: 0; }

:focus {
  outline: none; }

textarea {
  resize: none; }

textarea::-webkit-input-placeholder {
  color: #ffffff;
  font-weight: normal;
  opacity: 1; }

textarea::-moz-placeholder {
  color: #ffffff;
  font-weight: normal;
  opacity: 1; }

textarea:-ms-input-placeholder {
  color: #ffffff;
  font-weight: normal;
  opacity: 1; }

textarea::-ms-input-placeholder {
  color: #ffffff;
  font-weight: normal;
  opacity: 1; }

textarea::placeholder {
  color: #ffffff;
  font-weight: normal;
  opacity: 1; }

strong,
b {
  font-weight: bold; }

em,
i {
  font-style: italic; }

.flex-container, .video .flex-container--square, .video .flex-container, .listing__image, .listing__image--rectangle {
  position: relative;
  height: 0;
  overflow: hidden; }
  .flex-container iframe, .video .flex-container--square iframe, .video .flex-container iframe, .listing__image iframe, .listing__image--rectangle iframe,
  .flex-container object,
  .video .flex-container--square object,
  .video .flex-container object,
  .listing__image object,
  .listing__image--rectangle object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

@media only screen and (max-width: 767px) {
  .nav__item.selected, .nav__item.selected:hover, .nav__item.selected:focus {
    background-color: #191919; } }

.nav__item.selected a, .nav__item.selected:hover a, .nav__item.selected:focus a {
  color: #18F851; }

.subnav:hover .subnav__title a, .subnav:focus .subnav__title a, .subnav:hover .subnav__title:hover a, .subnav:hover .subnav__title:focus a, .subnav:focus .subnav__title:hover a, .subnav:focus .subnav__title:focus a, .subnav.open--mobile .subnav__title a {
  opacity: 0.5; }

.subnav__categories li.selected, .subnav__categories li.selected:hover, .subnav__categories li.selected:focus, .subnav__categories li:hover, .subnav__categories li:focus {
  background-color: #fafafa; }
  .subnav__categories li.selected a, .subnav__categories li.selected:hover a, .subnav__categories li.selected:focus a, .subnav__categories li:hover a, .subnav__categories li:focus a {
    color: #191919;
    opacity: 1; }

.row {
  margin-left: -16px;
  font-size: 0; }
  @media only screen and (max-width: 479px) {
    .row {
      margin-left: -14px; } }
  .row.row--percentage {
    margin-left: -17.85%; }
    @media only screen and (max-width: 1235px) {
      .row.row--percentage {
        margin-left: -14.28%; } }
    @media only screen and (max-width: 900px) {
      .row.row--percentage {
        margin-left: -7.14%; } }
  .row.row--reverse {
    direction: rtl;
    text-align: left; }
  .row.row--centred {
    text-align: center; }
  .row.row--flush {
    margin-left: 0; }
    .row.row--flush > .col {
      padding-left: 0; }
  .row.row--padding {
    padding: 0 40px; }

.col {
  font-size: 22px;
  text-align: left;
  direction: ltr;
  vertical-align: top;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: normal;
  padding-left: 16px; }
  @media only screen and (max-width: 479px) {
    .col {
      padding-left: 14px; } }
  .col.col--percentage {
    padding-left: 15%; }
    @media only screen and (max-width: 1235px) {
      .col.col--percentage {
        padding-left: 12%; } }
    @media only screen and (max-width: 900px) {
      .col.col--percentage {
        padding-left: 6%; } }
  .col.col--nopadding {
    margin-left: -16px; }
  @media only screen and (max-width: 767px) {
    .col.col--mobile-margin {
      margin-bottom: 60px; } }
  @media only screen and (max-width: 900px) {
    .col.col--hidden {
      display: none; } }

.a1-12 {
  width: 8.33333%; }

.a2-12 {
  width: 16.66667%; }

.a3-12 {
  width: 25%; }

.a4-12 {
  width: 33.33333%; }

.a5-12 {
  width: 41.66667%; }

.a6-12 {
  width: 50%; }

.a7-12 {
  width: 58.33333%; }

.a8-12 {
  width: 66.66667%; }

.a9-12 {
  width: 75%; }

.a10-12 {
  width: 83.33333%; }

.a11-12 {
  width: 91.66667%; }

.a12-12 {
  width: 100%; }

@media only screen and (max-width: 1235px) {
  .b1-12 {
    width: 8.33333%; }
  .b2-12 {
    width: 16.66667%; }
  .b3-12 {
    width: 25%; }
  .b4-12 {
    width: 33.33333%; }
  .b5-12 {
    width: 41.66667%; }
  .b6-12 {
    width: 50%; }
  .b7-12 {
    width: 58.33333%; }
  .b8-12 {
    width: 66.66667%; }
  .b9-12 {
    width: 75%; }
  .b10-12 {
    width: 83.33333%; }
  .b11-12 {
    width: 91.66667%; }
  .b12-12 {
    width: 100%; } }

@media only screen and (max-width: 900px) {
  .c1-12 {
    width: 8.33333%; }
  .c2-12 {
    width: 16.66667%; }
  .c3-12 {
    width: 25%; }
  .c4-12 {
    width: 33.33333%; }
  .c5-12 {
    width: 41.66667%; }
  .c6-12 {
    width: 50%; }
  .c7-12 {
    width: 58.33333%; }
  .c8-12 {
    width: 66.66667%; }
  .c9-12 {
    width: 75%; }
  .c10-12 {
    width: 83.33333%; }
  .c11-12 {
    width: 91.66667%; }
  .c12-12 {
    width: 100%; } }

@media only screen and (max-width: 767px) {
  .d1-12 {
    width: 8.33333%; }
  .d2-12 {
    width: 16.66667%; }
  .d3-12 {
    width: 25%; }
  .d4-12 {
    width: 33.33333%; }
  .d5-12 {
    width: 41.66667%; }
  .d6-12 {
    width: 50%; }
  .d7-12 {
    width: 58.33333%; }
  .d8-12 {
    width: 66.66667%; }
  .d9-12 {
    width: 75%; }
  .d10-12 {
    width: 83.33333%; }
  .d11-12 {
    width: 91.66667%; }
  .d12-12 {
    width: 100%; } }

@media only screen and (max-width: 685px) {
  .e1-12 {
    width: 8.33333%; }
  .e2-12 {
    width: 16.66667%; }
  .e3-12 {
    width: 25%; }
  .e4-12 {
    width: 33.33333%; }
  .e5-12 {
    width: 41.66667%; }
  .e6-12 {
    width: 50%; }
  .e7-12 {
    width: 58.33333%; }
  .e8-12 {
    width: 66.66667%; }
  .e9-12 {
    width: 75%; }
  .e10-12 {
    width: 83.33333%; }
  .e11-12 {
    width: 91.66667%; }
  .e12-12 {
    width: 100%; } }

@media only screen and (max-width: 479px) {
  .f1-12 {
    width: 8.33333%; }
  .f2-12 {
    width: 16.66667%; }
  .f3-12 {
    width: 25%; }
  .f4-12 {
    width: 33.33333%; }
  .f5-12 {
    width: 41.66667%; }
  .f6-12 {
    width: 50%; }
  .f7-12 {
    width: 58.33333%; }
  .f8-12 {
    width: 66.66667%; }
  .f9-12 {
    width: 75%; }
  .f10-12 {
    width: 83.33333%; }
  .f11-12 {
    width: 91.66667%; }
  .f12-12 {
    width: 100%; } }

img,
object,
video,
audio {
  max-width: 100%; }

img {
  height: auto;
  display: block; }

.flex-container {
  padding-bottom: 56.25%; }

.icon::before,
.icon-end::after, .quote .quote__icon::before, .arrow::before, .background__select-container::after, .background__plus, .header__search__icon::before, .listing__play-button::before, .nav__toggle::before, .pagination__numbers__arrow::before, .product__info::before, .share__icon::before, .sticky-button::before, .shopthepost-widget#override .stp-control::before {
  font-family: "Site Icons";
  vertical-align: middle;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1; }

.icon--pinterest::before,
.icon-end--pinterest::after {
  content: "\e910"; }

.icon--facebook::before,
.icon-end--facebook::after {
  content: "\e900"; }

.icon--instagram-chunky::before,
.icon-end--instagram-chunky::after {
  content: "\e602"; }

.icon--twitter::before,
.icon-end--twitter::after, .share__icon--twitter::before {
  content: "\e903"; }

.icon--googleplus::before,
.icon-end--googleplus::after {
  content: "\e901"; }

.icon--rss::before,
.icon-end--rss::after {
  content: "\e902"; }

.icon--clock::before,
.icon-end--clock::after {
  content: "\e905"; }

.icon--food::before,
.icon-end--food::after {
  content: "\e906"; }

.icon--instagram::before,
.icon-end--instagram::after {
  content: "\e907"; }

.icon--map::before,
.icon-end--map::after {
  content: "\e908"; }

.icon--phone::before,
.icon-end--phone::after {
  content: "\e909"; }

.icon--recipes::before,
.icon-end--recipes::after {
  content: "\e90a"; }

.icon--search::before,
.icon-end--search::after, .header__search__icon::before {
  content: "\e90b"; }

.icon--arrow::before,
.icon-end--arrow::after, .arrow::before, .background__select-container::after, .pagination__numbers__arrow::before, .shopthepost-widget#override .stp-control::before {
  content: "\e904"; }

.icon--close::before,
.icon-end--close::after, .background__plus::before, .sticky-button::before {
  content: "\e90c"; }

.icon--menu::before,
.icon-end--menu::after, .nav__toggle::before {
  content: "\e90d"; }

.icon--quote::before,
.icon-end--quote::after, .quote .quote__icon::before {
  content: "\e90e"; }

.icon--play::before,
.icon-end--play::after, .listing__play-button::before {
  content: "\e90f"; }

.icon--patreon::before,
.icon-end--patreon::after {
  content: "\e100"; }

.icon--snapchat::before,
.icon-end--snapchat::after {
  content: "\e113"; }

.icon--youtube::before,
.icon-end--youtube::after {
  content: "\e114"; }

.icon--soundcloud::before,
.icon-end--soundcloud::after {
  content: "\e115"; }

.icon--newfacebook::before,
.icon-end--newfacebook::after, .share__icon--facebook::before {
  content: "\e911"; }

.icon--info::before,
.icon-end--info::after, .product__info::before {
  content: "\e912"; }

.container {
  margin: 0 auto;
  max-width: 1920px;
  padding: 0 40px; }
  @media only screen and (max-width: 479px) {
    .container {
      padding-left: 16px;
      padding-right: 16px; } }

.container--padding {
  padding: 32px 40px; }
  @media only screen and (max-width: 479px) {
    .container--padding {
      padding: 32px 16px; } }

.container--maxwidth {
  max-width: 800px; }
  @media only screen and (max-width: 479px) {
    .container--maxwidth {
      padding: 0; } }

.container--margin-bottom {
  margin-bottom: 1.5rem; }

.container--small-margin-bottom {
  margin-bottom: 16px; }

.container--full-bleed {
  background-color: #191919;
  max-width: none;
  padding: 0; }

@media only screen and (max-width: 479px) {
  .container--nopadding-mobile {
    padding: 0; } }

.container--edit {
  padding: 0 57px; }
  @media only screen and (max-width: 479px) {
    .container--edit {
      padding: 0; } }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 1;
      flex-shrink: 1; }
  .flex--wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .flex--align-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .flex--justify-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.invisible {
  left: -999rem;
  position: absolute; }

.removed {
  display: none; }

.relative {
  position: relative; }

.mb-16 {
  margin-bottom: 1rem; }

.mb-48 {
  margin-bottom: 3rem; }

@media only screen and (max-width: 900px) {
  .hide-mobile {
    display: none; } }

.h1,
.typeset h2,
.step h2,
.typeset h3,
.step h3,
.page-header__title,
.banner__headline {
  font-size: 80px;
  color: #ffffff;
  display: inline-block;
  font-family: "titling-gothic-fb-condensed";
  font-weight: 900;
  line-height: 0.95;
  max-width: 800px;
  text-transform: uppercase; }
  @media only screen and (max-width: 685px) {
    .h1,
    .typeset h2,
    .step h2,
    .typeset h3,
    .step h3,
    .page-header__title,
    .banner__headline {
      font-size: 48px;
      line-height: 1;
      max-width: 350px; } }
  .h1 span,
  .typeset h2 span,
  .step h2 span,
  .typeset h3 span,
  .step h3 span,
  .page-header__title span,
  .banner__headline span {
    background: #191919;
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
    -webkit-box-shadow: 16px 0 0 0 #191919, -16px 0 0 0 #191919;
            box-shadow: 16px 0 0 0 #191919, -16px 0 0 0 #191919;
    display: inline;
    position: relative;
    vertical-align: middle; }

.h2,
.page-title {
  font-size: 24px;
  display: block;
  font-family: "titling-gothic-fb-compressed";
  font-weight: 900;
  margin-bottom: 8px;
  text-align: center;
  text-transform: uppercase; }

.h3,
.nav__item {
  font-size: 18px;
  font-family: "titling-gothic-fb-condensed";
  font-weight: bold;
  line-height: 1.33;
  margin: 3.2px 0 16px;
  text-transform: uppercase; }
  .h3 span,
  .nav__item span {
    background: #191919;
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
    -webkit-box-shadow: 16px 0 0 0 #191919, -16px 0 0 0 #191919;
            box-shadow: 16px 0 0 0 #191919, -16px 0 0 0 #191919;
    display: inline; }

.h3--divider {
  position: relative; }
  .h3--divider::after {
    background-color: #18F851;
    bottom: -16px;
    content: '';
    height: 2px;
    left: 50%;
    margin: 3px auto 0;
    opacity: 0;
    position: absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: opacity 0.2s, visibility 0.2s;
    transition: opacity 0.2s, visibility 0.2s;
    visibility: hidden;
    width: 88px; }

.h4 {
  font-size: 22px;
  display: block;
  font-family: "campaign";
  font-weight: bold;
  text-align: center; }
  @media only screen and (max-width: 479px) {
    .h4 {
      font-size: 16px; } }

.h5,
.background__content__form button {
  font-size: 32px;
  color: #191919;
  display: block;
  font-family: "titling-gothic-fb-condensed";
  margin-bottom: 24px;
  text-transform: uppercase; }
  @media only screen and (max-width: 685px) {
    .h5,
    .background__content__form button {
      font-size: 28px; } }

.h5--small-margin {
  margin-bottom: 16px; }
  @media only screen and (max-width: 685px) {
    .h5--small-margin {
      margin-bottom: 4px; } }

.p-big,
.quote p {
  font-size: 32px;
  display: block;
  font-family: "campaign";
  margin: 0 0 16px; }

.p,
.typeset p,
.typeset ul,
.typeset ol,
.typeset img,
.step p,
.step ul,
.step ol,
.step img,
.cookie-notice,
.categories,
.page-description p,
.step .step__content p,
.step span,
.page-description-small p,
.background__content__form select,
.background__content__form input[type='text'],
.background__content__form input[type='email'],
.background__content__form textarea,
.footer__nav li,
.pagination__numbers,
.section__characteristics-description,
.section__about-introduction,
.subnav__categories li {
  font-size: 16px;
  display: block;
  font-family: "campaign";
  line-height: 1.875;
  margin: 0 0 16px; }

.p--text-center {
  text-align: center; }

.p--normal-line-height {
  line-height: 1.375; }

.p--bold,
.step span,
.listing__title,
.section__subheading {
  color: #191919;
  font-weight: 900; }

.p--big,
.page-description p {
  font-size: 20px;
  line-height: 1.4; }
  @media only screen and (max-width: 479px) {
    .p--big,
    .page-description p {
      font-size: 16px; } }

.p--error {
  font-size: 14px;
  color: #18F851;
  margin-bottom: 4px; }
  .p--error.hidden {
    display: none; }

.p--small-margin {
  margin-bottom: 2px; }

.a,
.typeset a,
.step a,
.cookie-notice a {
  color: #ffffff;
  text-decoration: none; }
  .a:hover, .a:focus,
  .typeset a:hover,
  .step a:hover,
  .cookie-notice a:hover,
  .typeset a:focus,
  .step a:focus,
  .cookie-notice a:focus {
    cursor: pointer; }

.a--footer:hover, .a--footer:focus {
  color: #18F851; }

.icon-end--facebook:hover, .icon-end--facebook:focus {
  color: #3c5a99; }

.icon-end--instagram-chunky:hover, .icon-end--instagram-chunky:focus {
  color: #D22F8A; }

.icon-end--pinterest:hover, .icon-end--pinterest:focus {
  color: #0FC73E; }

.icon-end--rss:hover, .icon-end--rss:focus {
  color: #FF9A05; }

.icon-end--twitter:hover, .icon-end--twitter:focus {
  color: #1da1fa; }

.icon-end--snapchat:hover, .icon-end--snapchat:focus {
  color: #FFFB07; }

.icon-end--patreon:hover, .icon-end--patreon:focus {
  color: #F96A59; }

.icon-end--youtube:hover, .icon-end--youtube:focus {
  color: #FF0000; }

.icon-end--soundcloud:hover, .icon-end--soundcloud:focus {
  color: #FF4A00; }

.ol, .ul,
.typeset ol,
.step ol,
.typeset ul,
.step ul {
  padding-left: 19.2px; }

.ol li, .ul li, .typeset ol li,
.step ol li, .typeset ul li,
.step ul li {
  margin-bottom: 9.6px; }

.ul li, .typeset ul li,
.step ul li {
  list-style: disc outside; }

.ol li, .typeset ol li,
.step ol li {
  list-style: decimal outside; }

.typeset h2,
.step h2 {
  font-size: 32px; }

.typeset h3,
.step h3 {
  font-size: 28px; }

.typeset a,
.step a {
  color: rgba(25, 25, 25, 0.75);
  font-style: italic;
  -webkit-transition: color 0.2s, -webkit-text-decoration 0.2s;
  transition: color 0.2s, -webkit-text-decoration 0.2s;
  transition: color 0.2s, text-decoration 0.2s;
  transition: color 0.2s, text-decoration 0.2s, -webkit-text-decoration 0.2s; }
  .typeset a:hover, .typeset a:focus,
  .step a:hover,
  .step a:focus {
    color: #191919;
    text-decoration: underline; }

.typeset--large p {
  font-size: 20px;
  line-height: 1.4; }

.cookie-notice {
  background-color: #191919;
  color: #ffffff;
  display: none;
  line-height: 1.4;
  margin: 0;
  padding: 16px;
  padding-right: 56px;
  position: relative;
  z-index: 1; }
  .cookie-notice a {
    color: #18F851;
    font-weight: 600; }
    .cookie-notice a:hover, .cookie-notice a:focus {
      color: #0FC73E;
      cursor: pointer; }
  .cookie-notice button {
    font-size: 32px;
    position: absolute;
    right: 16px;
    top: 19.2px;
    width: auto; }
  .cookie-notice span {
    color: #18F851;
    font-weight: 600; }
    .cookie-notice span:hover, .cookie-notice span:focus {
      color: #0FC73E;
      cursor: pointer; }
  .show-cookie-notice .cookie-notice {
    display: block; }

body,
input,
textarea,
button {
  font-size: 22px;
  font-family: "campaign"; }

body {
  color: #191919;
  line-height: 1.4;
  overflow-x: hidden; }
  body.mobile-nav-open {
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      body.mobile-nav-open .main {
        margin-top: 96px; } }
    @media only screen and (max-width: 767px) {
      body.mobile-nav-open .header {
        position: fixed;
        top: 0; } }
    @media only screen and (max-width: 767px) {
      body.mobile-nav-open .header__nav {
        opacity: 1;
        visibility: visible;
        z-index: 15; } }
  body.mobile-search-open .mobile-search {
    opacity: 1;
    visibility: visible;
    z-index: 15; }
  @media only screen and (max-width: 767px) {
    body.mobile-search-open .main {
      margin-top: 96px; } }
  body.mobile-search-open .header {
    position: fixed;
    top: 0; }

.overlay-open {
  height: 100vh;
  overflow: hidden; }

.main {
  overflow: hidden; }

.mobile-search {
  background-color: #1A1A1A;
  opacity: 0;
  padding: 24px 0;
  position: fixed;
  text-align: center;
  -webkit-transition: opacity 0.2s, visibility 0.2s;
  transition: opacity 0.2s, visibility 0.2s;
  visibility: hidden;
  width: 100%;
  z-index: 10; }
  .mobile-search .background {
    z-index: -1; }

.subnav__title {
  margin-top: 6px;
  padding: 4px 8px; }
  @media only screen and (max-width: 767px) {
    .subnav__title {
      height: 56px;
      margin-top: 0;
      padding: 0; } }
  @media only screen and (max-width: 767px) {
    .subnav__title a {
      padding: 16px 40px; } }
  @media only screen and (max-width: 479px) {
    .subnav__title a {
      padding-left: 16px; } }
  @media only screen and (max-width: 767px) {
    .subnav__title.selected {
      background-color: #191919; } }
  .subnav__title.selected a {
    color: #18F851; }

.copyright {
  background-color: #1A1A1A;
  height: 80px; }
  @media only screen and (max-width: 479px) {
    .copyright {
      height: auto; } }
  .copyright p {
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
    line-height: 80px;
    position: absolute;
    vertical-align: middle; }
    @media only screen and (max-width: 479px) {
      .copyright p {
        display: block;
        position: relative;
        text-align: center; } }

.copyright__copyright {
  left: 32px; }
  @media only screen and (max-width: 479px) {
    .copyright__copyright {
      left: auto; } }

.copyright__terms {
  right: 32px; }
  @media only screen and (max-width: 479px) {
    .copyright__terms {
      right: auto; } }
  .copyright__terms a {
    margin-right: 16px; }
    .copyright__terms a:last-of-type {
      margin-right: 0; }

.ie8-only {
  display: none; }

.page-header {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1200px;
  position: relative;
  width: 100%; }
  @media only screen and (max-width: 2000px) {
    .page-header {
      height: 650px; } }
  @media only screen and (max-width: 685px) {
    .page-header {
      height: 549px; } }

.page-header--bg-top {
  background-position: top center; }

.page-header__title {
  bottom: 104px;
  position: absolute; }

.quote .quote__icon {
  font-size: 48px;
  color: #18F851;
  display: block;
  line-height: 1;
  margin-top: 56px;
  text-align: center; }
  @media only screen and (max-width: 685px) {
    .quote .quote__icon {
      font-size: 32px;
      margin-top: 32px; } }
  @media only screen and (max-width: 479px) {
    .quote .quote__icon {
      font-size: 28px; } }

.quote p {
  margin: 16px auto 80px;
  position: relative;
  text-align: center; }
  @media only screen and (max-width: 685px) {
    .quote p {
      font-size: 24px;
      line-height: 1.875;
      margin-bottom: 64px; } }
  @media only screen and (max-width: 479px) {
    .quote p {
      font-size: 18px;
      line-height: 1.875;
      margin-bottom: 48px;
      max-width: 320px; } }
  .quote p span {
    display: inline-block;
    max-width: 790px; }

.page-title {
  font-size: 64px;
  line-height: 0.85;
  margin: 52.8px auto;
  max-width: 650px;
  position: relative; }
  @media only screen and (max-width: 685px) {
    .page-title {
      font-size: 32px;
      margin: 28px 0; } }

.page-title--no-margin-bottom {
  margin-bottom: 0;
  margin-top: 24px; }

.categories {
  display: block;
  margin-top: 16px;
  text-align: center; }
  .categories li {
    background-color: transparent;
    border: 1px solid #0FC73E;
    border-radius: 20px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 0 8px 8px;
    -webkit-transition: background-color 0.2s, color 0.2s, border 0.2s;
    transition: background-color 0.2s, color 0.2s, border 0.2s; }
    .categories li a {
      color: #191919;
      display: inline-block;
      height: 100%;
      padding: 0 24px; }
    .categories li:hover, .categories li:focus, .categories li.selected {
      background-color: #191919;
      border: 1px solid #191919; }
      .categories li:hover a, .categories li:focus a, .categories li.selected a {
        color: #ffffff; }
    .categories li.no-deco {
      border: 0; }
      .categories li.no-deco:hover, .categories li.no-deco:focus {
        background-color: transparent;
        border: 0; }
    @media only screen and (max-width: 685px) {
      .categories li {
        margin: 0 2.66667px 8px; } }
  .categories--sub {
    font-size: 14px; }
    .categories--sub li {
      height: 2rem;
      line-height: 2rem; }
  .categories--mb-48 {
    margin-bottom: 3rem; }

@media only screen and (max-width: 479px) {
  .slideshow .listing__play-button {
    font-size: 32px; } }

.video {
  background-color: #1A1A1A;
  margin-bottom: 64px;
  max-height: 1200px;
  position: relative;
  z-index: 0; }
  @media only screen and (max-width: 2000px) {
    .video {
      max-height: 650px; } }
  .video .flex-container--square {
    padding-bottom: 100%;
    margin: 0 auto;
    max-width: 1200px; }
    @media only screen and (max-width: 2000px) {
      .video .flex-container--square {
        max-width: 650px; } }
    .video .flex-container--square iframe {
      max-height: 1200px;
      max-width: 1200px; }
      @media only screen and (max-width: 2000px) {
        .video .flex-container--square iframe {
          max-height: 650px;
          max-width: 650px; } }
  .video .flex-container {
    padding-bottom: 56.25%;
    margin: 0 auto;
    max-width: 2133px; }
    @media only screen and (max-width: 2000px) {
      .video .flex-container {
        max-width: 1155.5px; } }
    .video .flex-container iframe {
      max-height: 1200px;
      max-width: 2133px; }
      @media only screen and (max-width: 2000px) {
        .video .flex-container iframe {
          max-height: 650px;
          max-width: 1155.5px; } }

.page-description {
  margin: 0 auto 60px;
  max-width: 650px;
  position: relative;
  text-align: center;
  z-index: 2; }
  @media only screen and (max-width: 685px) {
    .page-description {
      margin-bottom: 32px; } }
  @media only screen and (max-width: 685px) {
    .page-description p {
      font-size: 18px; } }
  .page-description img {
    display: inline-block; }
  .page-description--mb-16 {
    margin-bottom: 1rem; }

.step {
  margin-bottom: 16px; }
  .step .step__content p {
    display: inline-block;
    margin-left: 30px;
    vertical-align: bottom; }
  .step span {
    display: inline-block;
    margin-bottom: 0;
    position: absolute;
    vertical-align: bottom; }

.related-entries {
  border-top: 1px solid #fafafa;
  padding: 80px 0; }
  @media only screen and (max-width: 685px) {
    .related-entries {
      padding: 32px 0; } }
  .related-entries h2 {
    margin-bottom: 0;
    text-align: left; }
  .related-entries .listing__wrapper::after {
    margin-top: 40px; }

.textblock {
  margin: 0 auto;
  max-width: 800px; }

.imageblock {
  margin-bottom: 1.5rem; }

.page-subtitle {
  font-size: 64px;
  color: #18F851;
  font-family: "titling-gothic-fb-compressed", sans-serif;
  font-weight: bold;
  line-height: 0.85;
  margin: 16px 0;
  text-align: center;
  text-transform: uppercase; }
  @media only screen and (max-width: 685px) {
    .page-subtitle {
      font-size: 32px;
      margin-top: 5px; } }

.about-quote {
  margin: 0 auto;
  max-width: 500px;
  padding: 4rem 0; }

.page-description-small {
  margin: 0 auto;
  max-width: 450px;
  text-align: center; }
  @media only screen and (max-width: 685px) {
    .page-description-small {
      margin-left: 0; } }
  .page-description-small--characteristics {
    margin: 0 auto; }
    @media only screen and (max-width: 685px) {
      .page-description-small--characteristics {
        margin: 0 auto; } }
  .page-description-small--left {
    margin-left: 0;
    text-align: left; }
  .page-description-small p {
    line-height: 22px; }

.arrow {
  background-color: rgba(250, 250, 250, 0.56);
  display: none;
  height: 68px;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 68px;
  z-index: 2; }
  .arrow::before {
    font-size: 32px;
    color: #191919;
    line-height: 68px;
    margin-left: 40%;
    position: absolute; }
    @media only screen and (max-width: 900px) {
      .arrow::before {
        font-size: 24px;
        line-height: 50px; } }
    @media only screen and (max-width: 767px) {
      .arrow::before {
        font-size: 32px;
        line-height: 68px; } }
    @media only screen and (max-width: 479px) {
      .arrow::before {
        font-size: 18px;
        line-height: 32px; } }
  .arrow:hover, .arrow:focus {
    background-color: #18F851;
    cursor: pointer; }
  .arrow--product {
    top: 50%; }
  @media only screen and (max-width: 900px) {
    .arrow {
      height: 50px;
      width: 50px; } }
  @media only screen and (max-width: 767px) {
    .arrow {
      height: 68px;
      width: 68px; } }
  @media only screen and (max-width: 479px) {
    .arrow {
      height: 32px;
      width: 32px; } }

.arrow--left {
  left: -34px; }
  .arrow--left::before {
    margin-left: 31%;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  @media only screen and (max-width: 900px) {
    .arrow--left {
      left: -25px; } }
  @media only screen and (max-width: 767px) {
    .arrow--left {
      left: -34px; } }
  @media only screen and (max-width: 479px) {
    .arrow--left {
      left: -16px; } }

.arrow--right {
  right: -34px; }
  @media only screen and (max-width: 900px) {
    .arrow--right {
      right: -25px; } }
  @media only screen and (max-width: 767px) {
    .arrow--right {
      right: -34px; } }
  @media only screen and (max-width: 479px) {
    .arrow--right {
      right: -16px; } }

.contact,
.newsletter {
  opacity: 0;
  z-index: -1; }
  .contact.shown,
  .newsletter.shown {
    opacity: 1;
    z-index: 50; }
    .contact.shown .favourite-recipe,
    .newsletter.shown .favourite-recipe {
      display: none; }

.grecaptcha-badge {
  visibility: hidden; }

.recaptcha-small-print {
  font-size: 14px;
  margin-bottom: 1rem;
  max-width: 600px; }
  .recaptcha-small-print a {
    color: inherit;
    text-decoration: none; }

.ad-slot {
  border: 1px solid #f0f0ef;
  height: 180px;
  margin: 0 auto;
  width: 728px; }
  @media only screen and (max-width: 900px) {
    .ad-slot {
      height: 180px;
      width: 468px; } }
  @media only screen and (max-width: 479px) {
    .ad-slot {
      height: 150px;
      width: 320px; } }

.background {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  color: #ffffff;
  left: 0;
  overflow: scroll;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 50; }
  .background::before {
    background-color: rgba(25, 25, 25, 0.75);
    bottom: 0;
    content: '';
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1; }
  .background--partial {
    background-color: #1A1A1A;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    left: auto;
    min-width: 50vw;
    padding: 5rem 4rem;
    right: -100%;
    -webkit-transition: right 0.2s;
    transition: right 0.2s;
    width: 50%; }
    .shown .background--partial {
      right: 0; }
    @media only screen and (max-width: 767px) {
      .background--partial {
        width: 100%; } }

.background--no-js {
  display: block; }

.background__content {
  margin: auto;
  width: 800px; }
  .background--partial .background__content {
    width: auto; }
  @media only screen and (max-width: 900px) {
    .background__content {
      left: 0;
      padding: 0 40px;
      position: relative;
      top: 0;
      -webkit-transform: none;
              transform: none;
      width: auto; } }
  @media only screen and (max-width: 479px) {
    .background__content {
      padding: 0 16px; } }
  .background__content.hidden {
    display: none; }
  @media only screen and (max-width: 479px) {
    .background__content .p--big {
      font-size: 18px; } }
  @media only screen and (max-width: 479px) {
    .background__content .p--normal-line-height {
      margin-bottom: 0; } }
  @media only screen and (max-width: 900px) {
    .background__content--partial {
      padding: 0; } }

.background__thankyou {
  display: none;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100vw; }
  .background__thankyou .h1 {
    margin: 0 auto;
    text-align: center; }
  .background__thankyou.shown {
    display: block; }

.background__content__title {
  font-size: 48px;
  margin-bottom: 8px;
  margin-top: 72px; }
  @media only screen and (max-width: 685px) {
    .background__content__title {
      font-size: 32px;
      line-height: 1; } }
  .background__content__title--partial {
    font-size: 32px;
    color: #18F851;
    margin-top: 0; }

.background__content__form {
  margin-top: 42px;
  overflow: hidden; }
  @media only screen and (max-width: 685px) {
    .background__content__form {
      margin-top: 20px; } }
  .background__content__form select {
    background-color: rgba(25, 25, 25, 0.75);
    border: 1px solid #ffffff;
    color: #ffffff;
    display: block;
    margin-bottom: 24px;
    padding: 16px;
    width: 100%; }
    .background__content__form select.error {
      border: 1px solid #18F851; }
    .background__content__form select.favourite-recipe {
      display: none; }
  .background__content__form input[type='text'], .background__content__form input[type='email'] {
    background-color: rgba(25, 25, 25, 0.75);
    border: 1px solid #ffffff;
    color: #ffffff;
    display: block;
    font-weight: bold;
    margin-bottom: 24px;
    max-width: 400px;
    padding: 16px; }
    .background__content__form input[type='text'].error, .background__content__form input[type='email'].error {
      border: 1px solid #18F851; }
    .background__content__form input[type='text'].favourite-recipe, .background__content__form input[type='email'].favourite-recipe {
      display: none; }
  .background__content__form textarea {
    background-color: rgba(25, 25, 25, 0.75);
    border: 1px solid #ffffff;
    color: #ffffff;
    display: block;
    font-weight: bold;
    margin-bottom: 24px;
    max-width: 600px;
    padding: 16px; }
    .background__content__form textarea.error {
      border: 1px solid #18F851; }
    .background__content__form textarea.favourite-recipe {
      display: none; }
  .background__content__form button {
    font-size: 24px;
    background-color: #18F851;
    color: #191919;
    display: block;
    margin: 0;
    padding: 24px;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    width: auto; }
    .background__content__form button:hover, .background__content__form button:focus {
      background-color: #0FC73E; }
    @media only screen and (max-width: 767px) {
      .background__content__form button {
        margin-bottom: 32px; } }
    @media only screen and (max-width: 685px) {
      .background__content__form button {
        font-size: 18px;
        padding: 18.4px; } }
    .background__content__form button span {
      font-size: 22px;
      bottom: 2px;
      display: inline-block;
      line-height: 0.8;
      margin-left: 12px;
      position: relative;
      vertical-align: middle; }
      @media only screen and (max-width: 685px) {
        .background__content__form button span {
          font-size: 16px; } }
  .background__content__form .label-ie8 {
    display: none; }
  .background__content__form--partial input[type='text'], .background__content__form--partial input[type='email'] {
    border: 1px solid #18F851; }

.background__select-container {
  font-size: 16px;
  color: #ffffff;
  max-width: 400px;
  position: relative; }
  .background__select-container::after {
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

.background__content__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px;
  margin: 40px auto 24px;
  width: 50px; }

.background__details {
  margin: 0.5rem 0; }

.background__content__description {
  margin-top: 24px; }
  .background__content__description--partial {
    font-size: 20px; }

.background__close {
  color: #18F851;
  font-size: 55px;
  position: absolute;
  right: 96px;
  top: 64px;
  -webkit-transition: color 0.2s;
  transition: color 0.2s; }
  .background__close:hover, .background__close:focus {
    color: #0FC73E;
    cursor: pointer; }
  @media only screen and (max-width: 900px) {
    .background__close {
      right: 24px;
      top: 8px; } }
  @media only screen and (max-width: 685px) {
    .background__close {
      font-size: 48px;
      right: 8px;
      top: 4px; } }
  .background__close.hidden {
    display: none; }
  .background__close--partial {
    font-size: 32px;
    right: 0.5rem;
    top: 0; }

.background--no-overlay {
  position: relative;
  -webkit-transform: none;
          transform: none;
  z-index: 0; }
  .background--no-overlay .background__close {
    display: none; }
  .background--no-overlay .background__content {
    left: 0;
    margin: 0 auto 80px;
    position: relative;
    top: 0;
    -webkit-transform: none;
            transform: none; }
  .background--no-overlay .background__thankyou {
    left: 0;
    padding: 80px 0;
    position: relative;
    top: 0;
    -webkit-transform: none;
            transform: none; }

.background__plus {
  color: #18F851;
  display: inline-block;
  margin: 0 0.5rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.banner {
  position: relative; }
  .banner a {
    color: inherit;
    text-decoration: none; }

.banner__content {
  bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: 0;
  position: absolute;
  width: 100%; }
  @media only screen and (max-width: 900px) {
    .banner__content {
      position: relative; } }
  @media only screen and (max-width: 900px) {
    .banner--half-width .banner__content {
      position: absolute; } }

.banner__headline {
  margin: 0 2rem; }
  .banner--half-width .banner__headline {
    font-size: 64px;
    margin: 0 1rem; }
    .banner--half-width .banner__headline--mb {
      margin-bottom: 1rem; }
  @media only screen and (max-width: 900px) {
    .banner__headline {
      font-size: 32px;
      color: #191919;
      margin: 0.5rem 0; }
      .banner--half-width .banner__headline {
        font-size: 32px;
        color: #ffffff; } }
  .banner__headline--mb {
    margin-bottom: 1.5rem; }

.banner__text {
  font-size: 14px;
  background-color: #191919;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #ffffff;
  font-weight: bold;
  padding: 1rem 2rem; }
  .banner--half-width .banner__text {
    padding: 1rem;
    width: 100%; }
  @media only screen and (max-width: 900px) {
    .banner__text {
      background-color: transparent;
      color: #191919;
      margin: 0 0 1rem;
      padding: 0; }
      .banner--half-width .banner__text {
        background-color: #191919;
        color: #ffffff;
        margin: 0; } }

.divider {
  max-width: 800px; }
  .divider::before {
    background-color: #18F851;
    content: '';
    display: block;
    height: 2px;
    margin-bottom: 2rem;
    margin-left: 2.5rem;
    width: 85px; }
  @media only screen and (max-width: 479px) {
    .divider::before {
      margin-left: 0; } }

.divider-after::after {
  background-color: #18F851;
  bottom: -1.5rem;
  content: '';
  display: block;
  height: 2px;
  margin: 2rem auto;
  position: absolute;
  width: 85px; }

.footer {
  background-color: #000;
  color: #ffffff;
  padding: 64px 0 48px;
  position: relative;
  z-index: 1; }
  @media only screen and (max-width: 479px) {
    .footer {
      padding: 38px 0 28.8px; } }
  .footer img {
    margin-bottom: 48px;
    width: 90px; }
    @media only screen and (max-width: 479px) {
      .footer img {
        margin-bottom: 30px; } }

.footer__nav {
  display: inline-block; }
  .footer__nav li {
    margin-bottom: 16px; }
    .footer__nav li:hover, .footer__nav li:focus {
      cursor: pointer; }
    .footer__nav li:last-of-type {
      margin-bottom: 0; }
  .footer__nav .footer__nav__contact {
    display: none; }

.footer__nav--secondary {
  position: absolute;
  right: 0; }
  @media only screen and (max-width: 900px) {
    .footer__nav--secondary {
      margin-left: 16px;
      right: auto; } }
  @media only screen and (max-width: 767px) {
    .footer__nav--secondary {
      margin-left: 56px; } }

.footer__signup {
  font-size: 20px;
  border: 1px solid #ffffff;
  display: none;
  font-family: "titling-gothic-fb-condensed";
  padding: 16px 22.4px 16px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  vertical-align: middle;
  width: auto; }
  .footer__signup:hover, .footer__signup:focus {
    background-color: #191919; }
  @media only screen and (max-width: 767px) {
    .footer__signup {
      width: auto; } }
  @media only screen and (max-width: 479px) {
    .footer__signup {
      font-size: 18px;
      padding: 18px 0 16px;
      width: 100%; } }

.footer__signup--ie8,
.footer__nav__contact--ie8 {
  display: block; }
  @media only screen and (max-width: 767px) {
    .footer__signup--ie8,
    .footer__nav__contact--ie8 {
      display: inline-block; } }

.footer__logo {
  background-image: url("../img/logo-2020.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 26px;
  margin-bottom: 48px;
  width: 90px; }

.footer__social li {
  font-size: 32px;
  display: inline-block;
  margin-bottom: 8px; }
  @media only screen and (max-width: 1235px) {
    .footer__social li {
      font-size: 28px; } }

.footer__social a {
  margin-right: 32px; }
  @media only screen and (max-width: 1235px) {
    .footer__social a {
      margin-right: 20px; } }
  .footer__social a:last-of-type {
    margin-right: 0; }

.header {
  background-color: #000;
  padding-top: 16px;
  position: relative;
  width: 100%;
  z-index: 20; }
  @media only screen and (max-width: 767px) {
    .header {
      height: 96px;
      padding: 0;
      text-align: center; } }

.header__logo {
  background: url("../img/logo-2020.svg") no-repeat center;
  background-size: contain;
  bottom: 25.6px;
  height: 3.5em;
  position: absolute;
  width: 11.2em;
  z-index: 2; }
  @media only screen and (max-width: 900px) {
    .header__logo {
      background-size: contain;
      height: 2.15em;
      width: 6.8em; } }
  @media only screen and (max-width: 767px) {
    .header__logo {
      bottom: 0;
      display: inline-block;
      margin: 24px auto;
      position: relative; } }

.header__social {
  display: block;
  text-align: right; }
  .header__social a {
    display: inline-block;
    margin-left: 8px; }
  .header__social li {
    font-size: 18px; }
  @media only screen and (max-width: 767px) {
    .header__social {
      display: none; } }

.header__search-form {
  background-color: #1A1A1A;
  border-radius: 21.5px;
  display: inline-block;
  height: 43px;
  margin-right: 16px;
  max-width: 170px;
  overflow: hidden;
  position: relative;
  vertical-align: middle; }
  .header__search-form input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #ffffff;
    height: 100%;
    line-height: 43px;
    max-width: 170px;
    padding: 0 48px 0 20px; }

.header__search-form--mobile {
  margin-right: 0;
  min-width: 60vw; }
  @media only screen and (max-width: 685px) {
    .header__search-form--mobile {
      min-width: 70vw; } }
  @media only screen and (max-width: 479px) {
    .header__search-form--mobile {
      min-width: 90vw; } }
  .header__search-form--mobile input {
    min-width: 60vw;
    padding: 0 16px;
    text-align: center; }
    @media only screen and (max-width: 685px) {
      .header__search-form--mobile input {
        min-width: 70vw; } }
    @media only screen and (max-width: 479px) {
      .header__search-form--mobile input {
        min-width: 90vw; } }

.header__search__icon {
  position: absolute;
  right: 12px;
  top: 0;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  width: auto;
  z-index: 2; }
  .header__search__icon::before {
    font-size: 18px;
    color: #ffffff;
    line-height: 43px; }
  .header__search__icon:hover, .header__search__icon:focus {
    cursor: pointer; }

.header__search__icon--mobile {
  display: none;
  right: 40px;
  top: 24px;
  width: auto; }
  @media only screen and (max-width: 767px) {
    .header__search__icon--mobile {
      display: block; } }
  @media only screen and (max-width: 479px) {
    .header__search__icon--mobile {
      right: 16px; } }

.header__nav {
  margin-right: -8px;
  margin-top: 40px;
  text-align: right;
  -webkit-transition: opacity 0.2s, visibility 0.2s 0s;
  transition: opacity 0.2s, visibility 0.2s 0s;
  vertical-align: middle; }
  @media only screen and (max-width: 767px) {
    .header__nav {
      background-color: #191919;
      border-top: 2px solid #0FC73E;
      bottom: 0;
      left: 0;
      margin: 0;
      opacity: 0;
      overflow-y: scroll;
      position: fixed;
      text-align: left;
      top: 96px;
      visibility: hidden;
      width: 100%;
      z-index: 50; } }

.listing {
  margin-top: 16px; }

.listing__image {
  padding-bottom: 100%;
  margin-bottom: 8px;
  position: relative; }

.listing__image--rectangle {
  padding-bottom: 57.14286%; }
  @media only screen and (max-width: 685px) {
    .listing__image--rectangle.listing__image--big-margin {
      height: 51px;
      margin-bottom: 16px;
      padding-bottom: 0;
      width: 90px; } }

.listing__image--big-margin {
  margin-bottom: 56px; }
  @media only screen and (max-width: 685px) {
    .listing__image--big-margin {
      height: 90px;
      margin-bottom: 16px;
      padding-bottom: 0;
      width: 90px; } }

.listing__play-button {
  background-color: #ffffff;
  border-radius: 50%;
  color: #191919;
  font-size: 55px;
  height: 33%;
  left: 50%;
  max-height: 90px;
  max-width: 90px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  width: 33%; }
  .listing__play-button.listing__play-button--stories {
    height: 57.75%; }
  .listing__play-button::before {
    left: 55%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  @media only screen and (max-width: 1235px) {
    .listing__play-button {
      font-size: 48px; } }
  @media only screen and (max-width: 900px) {
    .listing__play-button {
      font-size: 32px; } }
  @media only screen and (max-width: 767px) {
    .listing__play-button {
      font-size: 55px; } }
  @media only screen and (max-width: 685px) {
    .listing__play-button {
      font-size: 48px; } }

.listing__wrapper {
  height: 130px;
  position: relative; }
  .listing__wrapper--slideshow {
    height: 100px; }
  .listing__wrapper::after {
    background-color: #18F851;
    bottom: 0;
    content: '';
    display: inline-block;
    height: 2px;
    position: absolute;
    -webkit-transition: color 0.2s, width 0.2s;
    transition: color 0.2s, width 0.2s;
    width: 85px; }

@media only screen and (max-width: 479px) {
  .listing__wrapper--slideshow::after {
    width: 60px; } }

.listing__wrapper--margin-bottom::after {
  margin-bottom: 40px; }

.listing__title {
  line-height: 1.25;
  margin-bottom: 56px;
  text-transform: uppercase;
  -webkit-transition: color 0.2s;
  transition: color 0.2s; }

.listing__description {
  color: #191919;
  margin-bottom: 56px;
  max-width: 700px; }

.listing__hover:hover .listing__title, .listing__hover:focus .listing__title {
  color: #0FC73E; }

.listing__hover:hover .listing__wrapper::after, .listing__hover:focus .listing__wrapper::after {
  background-color: #0FC73E;
  width: 120px; }

@media only screen and (max-width: 479px) {
  .listing__hover:hover .listing__wrapper--slideshow::after, .listing__hover:focus .listing__wrapper--slideshow::after {
    width: 90px; } }

.listing__hover:hover .listing__play-button, .listing__hover:focus .listing__play-button {
  background-color: #18F851; }

.nav__item {
  display: inline-block;
  margin: 0;
  margin-bottom: 11.2px;
  padding: 4px 8px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s; }
  @media only screen and (max-width: 767px) {
    .nav__item {
      border-bottom: 1px solid #fafafa;
      display: block;
      height: 56px;
      margin: 0;
      padding: 0; } }
  .nav__item a {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s; }
    @media only screen and (max-width: 767px) {
      .nav__item a {
        display: block;
        padding: 16px 40px; } }
    @media only screen and (max-width: 479px) {
      .nav__item a {
        padding-left: 16px; } }
  .nav__item:hover a, .nav__item:focus a {
    opacity: 0.5; }
  .nav__item--no-subnav {
    margin-top: 6px;
    padding: 4px 0; }
    @media only screen and (max-width: 767px) {
      .nav__item--no-subnav {
        margin-top: 0;
        padding: 0; } }
    .nav__item--no-subnav a {
      padding: 4px 8px; }
      @media only screen and (max-width: 767px) {
        .nav__item--no-subnav a {
          display: block;
          padding: 16px 40px; } }
      @media only screen and (max-width: 479px) {
        .nav__item--no-subnav a {
          padding-left: 16px; } }
      .nav__item--no-subnav a.ie8-only {
        display: none; }

.nav__item--book {
  background-color: #18F851;
  margin-left: 9.6px;
  padding: 9.6px 8px; }
  .nav__item--book a {
    color: #191919; }
  .nav__item--book.selected {
    background-color: #18F851; }
    .nav__item--book.selected a {
      color: #191919; }
    .nav__item--book.selected:hover, .nav__item--book.selected:focus {
      background-color: #0FC73E; }
  .nav__item--book:hover, .nav__item--book:focus {
    background-color: #0FC73E; }
    .nav__item--book:hover a, .nav__item--book:focus a {
      opacity: 1; }
  @media only screen and (max-width: 767px) {
    .nav__item--book {
      background-color: transparent;
      border: 0;
      border-radius: 0;
      display: block;
      height: auto;
      margin-right: 40px;
      margin-top: 24px;
      padding: 0;
      text-align: right; }
      .nav__item--book:hover, .nav__item--book:focus {
        background-color: transparent; }
        .nav__item--book:hover a, .nav__item--book:focus a {
          background-color: #ffffff;
          color: #191919; }
      .nav__item--book.selected {
        background-color: transparent; }
        .nav__item--book.selected a {
          background-color: #191919;
          color: #ffffff; }
          .nav__item--book.selected a:hover, .nav__item--book.selected a:focus {
            background-color: #191919;
            color: #ffffff; }
        .nav__item--book.selected:hover, .nav__item--book.selected:focus {
          background-color: transparent; }
          .nav__item--book.selected:hover a, .nav__item--book.selected:focus a {
            background-color: #191919;
            color: #ffffff; }
      .nav__item--book a {
        background-color: #ffffff;
        border-radius: 5px;
        display: inline-block;
        padding: 12.8px 16px; }
        .nav__item--book a:hover, .nav__item--book a:focus {
          background-color: rgba(255, 255, 255, 0.8);
          color: #191919; } }
  @media only screen and (max-width: 479px) {
    .nav__item--book {
      margin-right: 16px; } }

.nav__toggle {
  font-size: 18px;
  color: #ffffff;
  display: none;
  left: 40px;
  position: absolute;
  top: 36px;
  width: auto;
  z-index: 8; }
  .nav__toggle:hover, .nav__toggle:focus {
    cursor: pointer; }
  @media only screen and (max-width: 767px) {
    .nav__toggle {
      display: block; } }
  @media only screen and (max-width: 479px) {
    .nav__toggle {
      left: 16px; } }

.nav__item--footer {
  background-color: #000;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .nav__item--footer {
      border: 0;
      height: auto; } }
  .nav__item--footer:hover, .nav__item--footer:focus {
    background-color: #000; }
  .nav__item--footer a {
    color: #ffffff;
    font-weight: normal;
    padding: 0;
    text-transform: none; }
    .nav__item--footer a:focus, .nav__item--footer a:hover {
      color: #18F851; }

.pagination {
  border-top: 1px solid #fafafa;
  color: rgba(25, 25, 25, 0.75);
  padding: 16px 0;
  text-align: right; }
  .pagination p {
    display: inline-block;
    margin-right: 16px; }

.pagination__numbers {
  display: inline-block; }
  .pagination__numbers a {
    color: rgba(25, 25, 25, 0.75);
    text-decoration: none;
    -webkit-transition: color 0.2s;
    transition: color 0.2s; }
    .pagination__numbers a.current, .pagination__numbers a:hover, .pagination__numbers a:focus {
      color: #191919; }
  .pagination__numbers li {
    display: inline-block;
    height: 28px;
    margin-right: 3.2px;
    position: relative;
    text-align: center;
    width: 28px; }
    .pagination__numbers li::before {
      background-color: transparent;
      border-radius: 50%;
      bottom: 0;
      content: '';
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      -webkit-transition: background-color 0.2s;
      transition: background-color 0.2s;
      z-index: -1; }
    .pagination__numbers li:first-of-type {
      margin-left: 3.2px; }
    .pagination__numbers li.current a, .pagination__numbers li:hover a, .pagination__numbers li:focus a {
      color: #191919; }
    .pagination__numbers li.current::before, .pagination__numbers li:hover::before, .pagination__numbers li:focus::before {
      background-color: #f0f0ef; }

.pagination__numbers__arrow {
  color: #18F851;
  display: inline-block;
  position: relative;
  top: 3px;
  -webkit-transition: color 0.2s;
  transition: color 0.2s; }
  .pagination__numbers__arrow::before {
    font-size: 14px; }
  .pagination__numbers__arrow:hover, .pagination__numbers__arrow:focus {
    color: #0FC73E;
    cursor: pointer; }

.pagination__numbers__arrow--next {
  margin-left: 8px; }

.pagination__numbers__arrow--prev {
  margin-right: 8px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

.product {
  margin-bottom: 5rem; }

.product__info p,
.product__ingredients p {
  font-size: 14px; }

.product__info {
  border: 1px solid #191919;
  padding: 1rem 1.5rem 1rem 4rem;
  position: relative; }
  .product__info::before {
    left: 1.5rem;
    position: absolute;
    top: 1rem; }

.product__shop {
  margin-bottom: 4rem;
  margin-right: 2.5rem;
  max-width: 144px; }
  .product__shop:last-of-type {
    margin-right: 0; }
  @media only screen and (max-width: 900px) {
    .product__shop {
      max-width: 80px; } }

.recipe {
  background-color: #fafafa;
  margin-bottom: 80px;
  padding: 41.6px;
  z-index: 2; }
  @media only screen and (max-width: 900px) {
    .recipe {
      margin-bottom: 64px;
      padding-top: 16px;
      -webkit-transition: opacity 0.2s, visibility 0.2s 0s;
      transition: opacity 0.2s, visibility 0.2s 0s; } }
  @media only screen and (max-width: 479px) {
    .recipe {
      padding: 16px 16px 16px; } }
  .recipe h2 {
    margin-bottom: 24px;
    text-align: left; }
  .recipe p,
  .recipe .p {
    color: #191919;
    margin: 0; }

@media only screen and (max-width: 900px) {
  .recipe--shown {
    opacity: 1;
    visibility: visible; } }

.recipe__ingredients {
  margin-bottom: 24px; }
  .recipe__ingredients h3 {
    margin-bottom: 8px;
    text-align: left; }

.recipe-tab {
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #191919;
  display: none;
  padding: 24px 0;
  position: relative;
  text-align: center;
  -webkit-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
  width: 50%;
  z-index: 2; }
  .recipe-tab h2 {
    margin: 0; }
  .recipe-tab:hover, .recipe-tab:focus {
    background-color: #fafafa;
    color: #18F851;
    cursor: pointer; }
    .recipe-tab:hover .h3--divider::after, .recipe-tab:focus .h3--divider::after {
      opacity: 1;
      visibility: visible; }
  @media only screen and (max-width: 900px) {
    .recipe-tab {
      display: inline-block; } }

.recipe-tab--method {
  float: right; }

.recipe-tab--selected {
  background-color: #fafafa;
  color: #191919; }
  .recipe-tab--selected .h3--divider::after {
    opacity: 1;
    visibility: visible; }

.section {
  padding: 80px 108px;
  position: relative; }
  @media only screen and (max-width: 1235px) {
    .section {
      padding: 80px 48px; } }
  @media only screen and (max-width: 900px) {
    .section {
      padding: 80px 16px; } }
  @media only screen and (max-width: 767px) {
    .section {
      padding: 80px 0; } }
  @media only screen and (max-width: 685px) {
    .section {
      padding: 64px 0; } }
  @media only screen and (max-width: 479px) {
    .section {
      padding: 40px 0; } }

.section--secondary-background {
  background-color: #191919;
  color: #ffffff; }

.section--light-background {
  background-color: #fafafa;
  color: #191919; }

.section--small-padding {
  padding: 64px 0 44px; }
  @media only screen and (max-width: 479px) {
    .section--small-padding {
      padding: 40px 0 16px; } }

@media only screen and (max-width: 685px) {
  .section--mobile-left-align .page-title,
  .section--mobile-left-align .page-subtitle,
  .section--mobile-left-align .page-description-small {
    text-align: left; } }

.section--mobile-left-align .page-title {
  margin-top: 0; }

.section--mobile-left-align .page-description-small p {
  margin-bottom: 0; }

.section__heading {
  font-size: 48px;
  color: #191919;
  font-family: "titling-gothic-fb-skyline", sans-serif;
  font-weight: 300;
  text-align: left;
  text-transform: uppercase; }
  .section__heading--small {
    color: #ffffff;
    margin-bottom: 8px;
    text-align: center; }
  @media only screen and (max-width: 685px) {
    .section__heading {
      font-size: 32px;
      margin-bottom: 0; } }

.section__round-image {
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  margin: 0 auto 32px;
  position: relative; }

.section__round-image--characteristics {
  background-size: cover;
  height: 153px;
  width: 153px; }
  @media only screen and (max-width: 767px) {
    .section__round-image--characteristics {
      height: 120px;
      width: 120px; } }
  @media only screen and (max-width: 685px) {
    .section__round-image--characteristics {
      height: 92px;
      margin-bottom: 24px;
      width: 92px; } }

.section__round-image--profile {
  height: 290px;
  overflow: hidden;
  width: 290px; }
  @media only screen and (max-width: 767px) {
    .section__round-image--profile {
      height: 240px;
      width: 240px; } }

.section__characteristics-description {
  margin: 0 auto; }
  @media only screen and (max-width: 685px) {
    .section__characteristics-description {
      max-width: 415px;
      padding: 0 32px;
      text-align: center; } }

.section__about-introduction {
  color: #191919;
  margin: 0 auto;
  max-width: 415px;
  padding: 0 8px;
  text-align: center; }

.section__subheading {
  text-align: center; }

.section__divider {
  background-color: #0FC73E;
  height: 2px;
  margin: 8px auto 24px;
  width: 85px; }

.section__listing {
  position: relative; }

.section__contact-heading {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 16px; }

.section__contact-info {
  line-height: 20px;
  margin-left: 44.8px;
  margin-top: -4px; }
  .section__contact-info a {
    color: #191919; }

.section__icon {
  display: inline-block;
  width: 24px; }

@media only screen and (max-width: 685px) {
  .section__double-p {
    margin-bottom: 0; } }

.share {
  margin: 32px 0 36.8px;
  text-align: center;
  z-index: 2; }
  @media only screen and (max-width: 685px) {
    .share {
      margin: 32px 0 64px; } }
  .share a {
    display: block;
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 100%; }

.share__title {
  font-size: 14px;
  color: #191919;
  margin-bottom: 0; }

.share__icon {
  font-size: 24px;
  color: #18F851;
  display: inline-block;
  -webkit-transition: color 0.2s;
  transition: color 0.2s; }
  .share__icon:hover {
    color: #0FC73E; }

.share__item {
  display: inline-block;
  margin-left: 1rem; }

.subnav {
  display: inline-block;
  height: 53px;
  margin-bottom: 0;
  padding: 0;
  position: relative;
  vertical-align: top; }
  @media only screen and (max-width: 767px) {
    .subnav {
      display: block;
      height: auto;
      padding-bottom: 0;
      top: 0;
      vertical-align: middle; } }
  .subnav:hover, .subnav:focus {
    background-color: transparent; }
    .subnav:hover .subnav__title.selected, .subnav:focus .subnav__title.selected {
      color: #18F851; }
      @media only screen and (max-width: 767px) {
        .subnav:hover .subnav__title.selected, .subnav:focus .subnav__title.selected {
          background-color: #191919; } }
      .subnav:hover .subnav__title.selected a, .subnav:focus .subnav__title.selected a {
        opacity: 0.8; }
    .subnav:hover .subnav__categories, .subnav:focus .subnav__categories {
      opacity: 1;
      visibility: visible; }
  .subnav.open--mobile {
    border: 0; }
    .subnav.open--mobile .subnav__categories {
      display: block; }
      .subnav.open--mobile .subnav__categories a {
        color: #ffffff; }
      .subnav.open--mobile .subnav__categories li.selected a {
        color: #191919; }
      .subnav.open--mobile .subnav__categories li.selected:hover a, .subnav.open--mobile .subnav__categories li.selected:focus a {
        color: #191919; }
      .subnav.open--mobile .subnav__categories li:hover a, .subnav.open--mobile .subnav__categories li:focus a {
        color: #191919; }

.subnav__categories {
  background-color: #191919;
  border-top: 3px solid #0FC73E;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  left: 50%;
  margin-top: 16px;
  opacity: 0;
  padding: 0;
  position: absolute;
  text-align: left;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  visibility: hidden;
  white-space: nowrap;
  z-index: 2; }
  @media only screen and (max-width: 767px) {
    .subnav__categories {
      border-top: 0;
      display: none;
      left: 0;
      margin-top: 0;
      min-width: 0;
      opacity: 1;
      padding: 0;
      position: relative;
      text-align: left;
      -webkit-transform: none;
              transform: none;
      visibility: visible; } }
  .subnav__categories.inline-block {
    display: inline-block; }
  .subnav__categories li {
    display: block;
    font-weight: normal;
    margin: 0;
    position: relative;
    text-transform: none;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s; }
    @media only screen and (max-width: 767px) {
      .subnav__categories li {
        border: 0;
        height: auto; } }
    .subnav__categories li a {
      color: #18F851;
      display: block;
      height: 100%;
      opacity: 1 !important;
      padding: 8px 28.8px;
      -webkit-transition: color 0.2s;
      transition: color 0.2s; }
      .subnav__categories li a:hover, .subnav__categories li a:focus {
        color: #191919; }
      @media only screen and (max-width: 767px) {
        .subnav__categories li a {
          display: block;
          padding: 8px 59.2px; } }
      @media only screen and (max-width: 479px) {
        .subnav__categories li a {
          padding: 8px 35.2px; } }
  .subnav__categories .subnav__categories__all {
    display: none; }
    @media only screen and (max-width: 767px) {
      .subnav__categories .subnav__categories__all {
        display: block; } }

.sticky-button {
  font-size: 28px;
  background-color: #1A1A1A;
  border-top: 6px solid #18F851;
  bottom: 0;
  color: #ffffff;
  font-family: "titling-gothic-fb-compressed";
  height: 86px;
  position: fixed;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: 0.2s background-color, 0.2s border-top;
  transition: 0.2s background-color, 0.2s border-top;
  width: 290px;
  z-index: 10; }
  .sticky-button::before {
    color: #18F851;
    display: inline-block;
    margin: 0 0.5rem;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: 0.2s color;
    transition: 0.2s color;
    vertical-align: baseline; }
  .sticky-button--alt {
    background-color: #18F851;
    border-top: 6px solid #000; }
    .sticky-button--alt::before {
      color: #ffffff; }
  @media only screen and (max-width: 479px) {
    .sticky-button {
      width: 100%; } }

.js .arrow {
  display: inline-block; }

.js .footer__signup {
  display: block; }
  @media only screen and (max-width: 767px) {
    .js .footer__signup {
      display: inline-block; } }

.js .footer__signup--ie8 {
  display: none; }

.js .footer__nav .footer__nav__contact {
  display: block; }

.js .footer__nav .footer__nav__contact--ie8 {
  display: none; }

.js .background--no-js {
  display: none; }

.js .background--no-overlay {
  display: block; }

.slideshow {
  position: relative;
  overflow: hidden;
  height: 800px; }
  @media only screen and (max-width: 2000px) {
    .slideshow {
      height: 650px; } }
  @media only screen and (max-width: 685px) {
    .slideshow {
      height: 549px; } }

.slideshow__prop {
  visibility: hidden; }

.slideshow__slide {
  font-size: 0;
  position: absolute;
  top: 0;
  z-index: 0;
  max-width: none;
  width: 100%;
  height: 100%;
  opacity: 0; }

.slideshow.slideshow--swap .slideshow__slide,
.slideshow .slideshow__slide.slideshow__slide--behind {
  left: -100%;
  right: 100%; }

.slideshow .slideshow__slide,
.slideshow.slideshow--swap .slideshow__slide.slideshow__slide--behind {
  left: 100%;
  right: -100%; }

.slideshow .slideshow__slide--behind,
.slideshow .slideshow__slide--top {
  -webkit-transition: left 1s ease, right 1s ease, opacity 0.6s ease;
  transition: left 1s ease, right 1s ease, opacity 0.6s ease; }

.slideshow .slideshow__slide--behind,
.slideshow.slideshow--swap .slideshow__slide--behind {
  z-index: 1; }

.slideshow .slideshow__slide--top,
.slideshow.slideshow--swap .slideshow__slide--top {
  left: 0;
  right: 0;
  opacity: 1;
  z-index: 2; }

.slideshow .slideshow__slide--first-main {
  left: 0;
  opacity: 1; }

.slideshow__slide__info {
  max-width: 500px;
  position: absolute;
  padding: 0;
  bottom: 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .slideshow__slide__info .h1 {
    font-size: 88px;
    font-family: "titling-gothic-fb-compressed", sans-serif;
    font-weight: 900;
    line-height: 0.77;
    margin-bottom: 16px; }
    @media only screen and (max-width: 685px) {
      .slideshow__slide__info .h1 {
        font-size: 48px;
        margin-bottom: 24px;
        max-width: 90vw; } }
    .slideshow__slide__info .h1 span {
      background-color: transparent;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .slideshow__slide__info .h3 {
    font-size: 72px;
    font-family: "titling-gothic-fb-skyline", sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #ffffff;
    margin-bottom: 40px;
    line-height: 1;
    margin-right: 80px; }
    @media only screen and (max-width: 685px) {
      .slideshow__slide__info .h3 {
        font-size: 32px;
        margin-bottom: 24px; } }
    .slideshow__slide__info .h3 span {
      background-color: transparent;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .slideshow__slide__info a {
    color: #191919;
    text-align: left;
    padding: 24px 40px;
    display: inline-block;
    background-color: #18F851;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s; }
    .slideshow__slide__info a:hover, .slideshow__slide__info a:focus {
      background-color: #0FC73E; }
    .slideshow__slide__info a p {
      font-size: 20px;
      color: #191919;
      font-family: "campaign";
      font-weight: 900;
      text-transform: uppercase;
      display: inline-block;
      margin: 0;
      text-align: center;
      vertical-align: middle; }
    @media only screen and (max-width: 685px) {
      .slideshow__slide__info a {
        padding: 11.2px 16px 16px; }
        .slideshow__slide__info a p {
          font-size: 18px;
          font-weight: 600; } }
    .slideshow__slide__info a span {
      font-size: 18px;
      vertical-align: middle;
      margin-left: 16px;
      position: relative; }
      @media only screen and (max-width: 685px) {
        .slideshow__slide__info a span {
          font-size: 16px;
          margin-left: 12.8px; } }

.slideshow__pagination {
  z-index: 8;
  text-align: center;
  position: absolute;
  bottom: 16px;
  width: 100%; }
  .slideshow__pagination li {
    z-index: 8;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 16px;
    background-color: #ffffff;
    border-radius: 50%; }
    @media only screen and (max-width: 685px) {
      .slideshow__pagination li {
        width: 8px;
        height: 8px;
        margin-left: 8px; } }
    .slideshow__pagination li:hover, .slideshow__pagination li:focus {
      cursor: pointer; }
  .slideshow__pagination .active {
    background-color: #18F851; }

.tns-outer {
  padding: 0;
  margin-left: -16px; }
  .tns-outer.ms-touch {
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: none;
    -ms-scroll-chaining: none;
    -ms-scroll-snap-type: mandatory;
    -ms-scroll-snap-points-x: snapInterval(0, 100%); }

.tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer; }

.tns-slider {
  -webkit-transition: all 0s;
  transition: all 0s; }
  .tns-slider > .tns-item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-bottom: 2px;
    padding-left: 16px; }

.tns-horizontal.tns-subpixel {
  white-space: nowrap; }
  .tns-horizontal.tns-subpixel > .tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal; }
  .tns-horizontal.tns-subpixel:after {
    clear: both;
    content: '';
    display: table; }

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
  margin-right: -100%; }

.tns-no-calc {
  position: relative;
  left: 0; }

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6; }
  .tns-lazy-img.loaded {
    opacity: 1; }

.tns-ovh {
  overflow: hidden; }

.tns-visually-hidden {
  position: absolute;
  left: -10000em; }

.tns-fadeIn {
  opacity: 1;
  z-index: 0; }

.tns-normal,
.tns-fadeOut {
  opacity: 0;
  z-index: -1; }

.tns-single .tns-item img {
  width: 100%; }

.js-object-fit-img-fallback {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.js-object-fit-img {
  max-width: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center; }
  .js-object-fit-img.hidden {
    display: none; }

.js-object-fit-img-fallback--top {
  background-position: top center; }

.js-object-fit-img--top {
  -o-object-position: top center;
     object-position: top center; }

.shopthepost-widget#override {
  margin-bottom: 6rem; }
  .shopthepost-widget#override [id^=stp-].stp-outer img {
    width: 100% !important;
    height: auto !important;
    min-height: initial !important;
    max-width: 100% !important;
    max-height: initial !important;
    vertical-align: middle !important; }
  .shopthepost-widget#override .stp-outer {
    margin-left: -17px;
    max-width: 1920px !important; }
    @media only screen and (max-width: 479px) {
      .shopthepost-widget#override .stp-outer {
        margin-left: auto; } }
  .shopthepost-widget#override .stp-shift {
    margin-left: 68px !important; }
  .shopthepost-widget#override .stp-product {
    background-color: #ffffff;
    padding-bottom: 2rem;
    width: 300px; }
    .shopthepost-widget#override .stp-product::after {
      background-color: #18F851;
      bottom: 0;
      content: '';
      display: inline-block;
      height: 2px;
      left: 0;
      position: absolute;
      -webkit-transition: color 0.2s, width 0.2s;
      transition: color 0.2s, width 0.2s;
      width: 85px; }
    .shopthepost-widget#override .stp-product:hover::after {
      color: #0FC73E;
      width: 120px; }
  .shopthepost-widget#override .stp-control {
    background: #ffffff !important;
    overflow: visible !important;
    position: absolute !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 68px !important; }
    .shopthepost-widget#override .stp-control::before {
      font-size: 32px;
      background-color: #fafafa;
      color: #191919;
      line-height: 68px;
      padding: 0 1.5rem;
      position: absolute;
      text-indent: initial !important;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media only screen and (max-width: 900px) {
        .shopthepost-widget#override .stp-control::before {
          font-size: 24px;
          line-height: 50px; } }
      @media only screen and (max-width: 767px) {
        .shopthepost-widget#override .stp-control::before {
          font-size: 32px;
          line-height: 68px; } }
      @media only screen and (max-width: 479px) {
        .shopthepost-widget#override .stp-control::before {
          font-size: 18px;
          line-height: 32px; } }
    .shopthepost-widget#override .stp-control:hover::before {
      background: #18F851 !important; }
    .shopthepost-widget#override .stp-control.stp-left::before {
      left: 0;
      -webkit-transform: rotate(180deg) translateY(50%);
              transform: rotate(180deg) translateY(50%); }
    .shopthepost-widget#override .stp-control.stp-right::before {
      right: 0; }