@charset "UTF-8";
@import url(../fonts/font-din/din.css);
@import url(https://fonts.googleapis.com/css?family=Parisienne);
@import url(../fonts/font-snell/snell.css);
@media (min-width: 640px) {
  .ungrid-row {
    width: 100%;
    display: table;
    table-layout: fixed; }
  .ungrid-col {
    display: table-cell; } }

.grid .row .column {
  box-sizing: border-box;
  float: left; }

.grid .row .column.width-1 {
  width: 8.3333333333%; }

.grid .row .column.width-2 {
  width: 16.6666666667%; }

.grid .row .column.width-3 {
  width: 25%; }

.grid .row .column.width-4 {
  width: 33.3333333333%; }

.grid .row .column.width-5 {
  width: 41.6666666667%; }

.grid .row .column.width-6 {
  width: 50%; }

.grid .row .column.width-7 {
  width: 58.3333333333%; }

.grid .row .column.width-8 {
  width: 66.6666666667%; }

.grid .row .column.width-9 {
  width: 75%; }

.grid .row .column.width-10 {
  width: 83.3333333333%; }

.grid .row .column.width-11 {
  width: 91.6666666667%; }

.grid .row .column.width-12 {
  width: 100%; }

@media only screen and (max-width: 769px) {
  .grid .row .column.width-small-1 {
    width: 8.3333333333%; }
  .grid .row .column.width-small-2 {
    width: 16.6666666667%; }
  .grid .row .column.width-small-3 {
    width: 25%; }
  .grid .row .column.width-small-4 {
    width: 33.3333333333%; }
  .grid .row .column.width-small-5 {
    width: 41.6666666667%; }
  .grid .row .column.width-small-6 {
    width: 50%; }
  .grid .row .column.width-small-7 {
    width: 58.3333333333%; }
  .grid .row .column.width-small-8 {
    width: 66.6666666667%; }
  .grid .row .column.width-small-9 {
    width: 75%; }
  .grid .row .column.width-small-10 {
    width: 83.3333333333%; }
  .grid .row .column.width-small-11 {
    width: 91.6666666667%; }
  .grid .row .column.width-small-12 {
    width: 100%; } }

@media only screen and (min-width: 769px) {
  .show-for-small {
    display: none !important; } }

@media only screen and (max-width: 768px) {
  .show-for-large {
    display: none !important; } }

@font-face {
  font-family: 'Rust';
  src: url("../fonts/IntroRustG-Base2Line.woff2") format("woff2"), url("../fonts/IntroRustG-Base2Line.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

.font-din-regular {
  font-family: "DINRegular"; }

.font-din-black {
  font-family: "DINBlack"; }

.font-snell {
  font-family: "SnellRoundhandLTStd-Scr"; }

.font-din-pro-condensed {
  font-family: "DIN Pro Cond"; }

.font-din-pro-condensed-black {
  font-family: "DIN Pro Cond Black"; }

.font-din-pro {
  font-family: "DIN Pro"; }

.error {
  color: red; }

.mandatory {
  color: red; }

.rb-notificationbar {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 9999;
  position: absolute;
  top: -200px;
  left: 0;
  width: 100%;
  background-color: rgba(57, 3, 0, 0.8);
  box-sizing: border-box;
  color: #fff;
  font-size: 1.5em;
  padding: 15px 40px 15px 15px;
  min-height: 50px; }
  .rb-notificationbar a {
    color: #d2a06c; }
  .rb-notificationbar .close {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #d2a06c;
    font-size: 2em; }
  .rb-notificationbar.open {
    top: 0; }

.color-dark-brown {
  color: #663333; }

html {
  margin: 0;
  padding: 0; }

body {
  width: 100%;
  font-size: 62.5%;
  margin: 0;
  padding: 0;
  background-color: #fff;
  font-family: Verdana; }

.clear {
  clear: both;
  height: 0; }

.page-width {
  max-width: 1200px;
  position: relative; }
  .page-width img {
    max-width: 100%; }

.infopage {
  padding: 30px 0 30px 0;
  font-size: 1.2em; }
  .infopage a {
    color: inherit;
    text-decoration: underline; }
  .infopage h2 {
    font-family: "DINBlack";
    margin: 2em 0 0 0;
    font-size: 2em; }
  .infopage h3 {
    font-family: "DINRegular";
    margin: 1em 0 0.2em 0;
    font-size: 1.5em; }

.infopage-v2 {
  background-color: #f1f1f1;
  font-size: 1.3em;
  line-height: 1.6em; }
  .infopage-v2 h1 {
    text-align: center;
    margin: 1em 0 1em 0; }
  .infopage-v2 h2 {
    font-family: "DINBlack";
    margin: 2em 0 0 0;
    font-size: 2em; }
  .infopage-v2 h3 {
    font-family: "DINRegular";
    margin: 1em 0 0.2em 0;
    font-size: 1.5em; }
  .infopage-v2 a {
    color: inherit;
    text-decoration: underline; }
  .infopage-v2 .infopage-v2-inner {
    text-align: left;
    max-width: 1200px;
    background-color: #fff;
    padding: 40px 10% 40px 10%; }
  .infopage-v2 table {
    border-collapse: collapse;
    border: solid 1px #ddd; }
    .infopage-v2 table td, .infopage-v2 table th {
      padding: 7px;
      border-bottom: solid 1px #ddd; }
    .infopage-v2 table tr:nth-child(even) td {
      background-color: #f1f1f1; }
    .infopage-v2 table th {
      background-color: #bbb;
      font-family: "DINRegular";
      font-size: 1.2em;
      text-align: left; }

.new-header-style {
  font-size: 1.2em;
  margin: 10px 0 40px 0;
  text-align: center;
  font-family: "DINRegular";
  max-width: 80%; }
  .new-header-style h1 {
    margin-top: 0;
    font-family: "DIN Pro Cond Black"; }
  .new-header-style .header-blurb {
    text-transform: none;
    color: #663333;
    font-size: 1.2em; }
  .new-header-style .column {
    text-align: left;
    padding: 10px;
    font-size: 1.2em; }
    @media only screen and (max-width: 769px) {
      .new-header-style .column {
        text-align: center; } }
  .new-header-style .column:first-of-type {
    border-right: solid 1px #ddd;
    text-align: right; }
    @media only screen and (max-width: 769px) {
      .new-header-style .column:first-of-type {
        border-right: 0;
        text-align: center; } }
  .new-header-style a {
    text-decoration: underline;
    color: inherit; }

.rb-overlay {
  background-color: black;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 65px;
  z-index: 5000;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  color: #fff;
  font-family: "DINRegular";
  font-size: 2.5em;
  display: none;
  padding-top: 17px;
  box-sizing: border-box; }
  .rb-overlay a {
    box-sizing: border-box;
    font-size: 0.6em;
    background-color: #609191;
    color: #fff;
    border: 0;
    padding: 0;
    font-family: DINRegular;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 0;
    border: solid 2px #fff;
    display: inline-block;
    margin-top: 0px;
    text-decoration: none;
    width: 230px;
    margin-left: 20px;
    position: relative;
    top: -5px; }
    @media (max-width: 480px) {
      .rb-overlay a {
        width: auto;
        display: block;
        margin: 10px; } }

.recipes a {
  color: #663333;
  text-decoration: none; }

.header {
  background-color: #ebe3d7;
  height: 110px;
  position: relative; }
  .header .logo {
    margin-top: 0px;
    position: relative;
    top: 4px;
    display: block;
    margin-left: 16px;
    padding: 0; }
    .header .logo img {
      width: 163px;
      height: auto; }

.basket-2017 {
  position: absolute;
  top: 18px;
  right: 20px;
  box-sizing: border-box; }
  .basket-2017 .country-switch {
    float: left;
    height: 50px;
    width: 50px; }
    .basket-2017 .country-switch a img {
      width: 30px;
      border-radius: 50%;
      border: solid 1px #663333;
      position: relative;
      top: 10px; }
  .basket-2017 .link--search {
    font-size: 1.7em;
    text-decoration: none;
    color: #663333;
    float: left;
    padding: 15px 15px 0 15px;
    margin-right: 5px;
    height: 50px;
    background-color: #e3d7c6;
    font-family: "DINRegular"; }
    .basket-2017 .link--search:hover {
      background-color: #dacbb5; }
    .basket-2017 .link--search i {
      font-size: 20px;
      margin-right: 10px; }
  .basket-2017 .link--basket {
    padding: 15px 15px 0 15px;
    font-size: 1.7em;
    font-family: "DINRegular";
    text-decoration: none;
    color: #663333;
    float: left;
    background-color: #fff;
    box-sizing: border-box;
    height: 50px; }
    .basket-2017 .link--basket i {
      font-size: 20px;
      color: #609191;
      margin-right: 10px; }
  .basket-2017 .link--checkout {
    float: right;
    background-color: #609191;
    color: #fff;
    display: inline-block;
    padding: 18px 15px 0 15px;
    text-decoration: none;
    font-size: 1.2em;
    height: 50px;
    box-sizing: border-box; }
    .basket-2017 .link--checkout:hover {
      background-color: #7ca8a8; }

.extralinks {
  position: absolute;
  top: 85px;
  right: 20px; }
  .extralinks > a {
    margin-left: 10px;
    color: inherit;
    font-size: 1em;
    position: relative;
    bottom: 5px;
    text-transform: uppercase; }

.basket {
  position: absolute;
  top: 70px;
  right: 16px;
  background-color: #fff;
  font-size: 1.6em;
  border-radius: 5px; }
  .basket:hover {
    box-shadow: 2px 2px 1px #888888;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px; }
    .basket:hover a.link-cart {
      border-bottom-left-radius: 0px; }
    .basket:hover a.link-checkout {
      border-bottom-right-radius: 0px; }
  .basket a, .basket span {
    float: left;
    height: 50px;
    border-radius: 5px;
    box-sizing: border-box;
    font-family: "DINRegular"; }
  .basket a {
    color: #663333;
    text-decoration: none; }
  .basket .link-cart {
    background-color: #e3d7c6;
    position: relative;
    width: 50px;
    height: 50px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
    .basket .link-cart i {
      position: absolute;
      top: 12px;
      left: 12px;
      font-size: 2em; }
  .basket .link-checkout {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    background-color: #609191;
    padding-top: 12px;
    text-align: center;
    width: 70px;
    color: #fff;
    font-size: 0.8em; }
    .basket .link-checkout:hover {
      background-color: #4c7272; }
  .basket span {
    padding: 18px 0 0 0;
    width: 160px;
    text-align: center; }

.search {
  position: absolute;
  top: 100px;
  right: 16px;
  background-color: #fff;
  height: 25px;
  box-sizing: border-box;
  width: 255px;
  border-radius: 5px; }
  .search input[type="text"] {
    border-radius: 5px;
    font-size: 1.4em;
    width: 232px;
    height: 25px;
    padding: 0 0 0 6px;
    box-sizing: border-box;
    border: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    font-family: "DINRegular"; }
  .search i {
    color: #663333;
    font-size: 1.2em;
    padding: 0px 0 0 0px;
    margin: 2px 0 0 0; }

.nav-main {
  background-color: #e3d7c6;
  background-position: top center;
  background-repeat: repeat-x;
  height: 45px;
  border-top: solid 2px #fff; }
  .nav-main ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .nav-main li a {
    font-family: "DINRegular";
    background-position: top center;
    background-repeat: repeat-x;
    float: left;
    border-right: solid 0px #fff;
    color: #663333;
    text-transform: uppercase;
    text-decoration: none;
    height: 43px;
    display: inline-block;
    box-sizing: border-box;
    font-size: 1.5em;
    width: 164px;
    text-align: center;
    position: relative;
    padding-top: 14px;
    /*   
    &.green { background-color: $green; }
    &.red { background-color: $red; }
    &.orange { background-color: $orange; }
    &.brown { background-color: $brown; }
    &.light-brown { background-color: $light-brown; }
    &.light-orange { background-color: $light-orange; }
    &.light-red { background-color: $light-red; }
    */ }
    .nav-main li a.indent {
      padding-left: 30px; }
  .nav-main li.nav-main-home a {
    border-left: solid 0px #fff; }
  .nav-main ul li a {
    transition: background .1s ease-in-out;
    -moz-transition: background .1s ease-in-out;
    -webkit-transition: background .1s ease-in-out; }
  .nav-main ul li ul {
    width: 370px;
    overflow: hidden;
    position: absolute;
    top: 43px;
    z-index: 10;
    left: -9999px; }
    .nav-main ul li ul li a {
      border-right: 0;
      opacity: 0.9;
      width: 370px;
      text-align: left;
      text-indent: 15px; }
      .nav-main ul li ul li a:hover {
        opacity: 1; }
  .nav-main ul li:hover a {
    color: #fff; }
  .nav-main ul li.nav-main-events a {
    width: 180px; }
  .nav-main ul li.nav-main-weddings a {
    width: 210px; }
  .nav-main ul li.nav-main-recipes a {
    width: 156px; }
  .nav-main ul li.nav-main-events:hover a {
    background-color: #d75f67; }
  .nav-main ul li.nav-main-events:hover ul, .nav-main ul li.nav-main-events:hover ul a {
    width: 250px; }
  .nav-main ul li.nav-main-events:hover ul {
    left: 438px; }
  .nav-main ul li.nav-main-shop:hover a {
    background-color: #d75f67; }
  .nav-main ul li.nav-main-shop:hover ul {
    left: 0px;
    width: 240px; }
  .nav-main ul li.nav-main-shop.selected a {
    background-color: #d75f67;
    color: #fff; }
  .nav-main ul li.nav-main-gifts:hover a {
    background-color: #d75f67; }
  .nav-main ul li.nav-main-gifts:hover ul {
    left: 110px;
    width: 240px; }
  .nav-main ul li.nav-main-home:hover a {
    background-color: #609191; }
  .nav-main ul li.nav-main-home.selected a {
    background-color: #609191;
    color: #fff; }
  .nav-main ul li.nav-main-about:hover a {
    background-color: #c7732e; }
  .nav-main ul li.nav-main-about:hover ul {
    left: 918px;
    width: 230px; }
    .nav-main ul li.nav-main-about:hover ul a {
      width: 100%;
      text-align: right;
      display: block;
      padding-right: 10px; }
  .nav-main ul li.nav-main-about.selected a {
    background-color: #c7732e;
    color: #fff; }
  .nav-main ul li.nav-main-contact.selected a {
    background-color: #faaa61;
    color: #fff; }
  .nav-main ul li.nav-main-contact:hover a {
    background-color: #faaa61; }
  .nav-main ul li.nav-main-contact:hover ul {
    left: 940px;
    width: 260px; }
    .nav-main ul li.nav-main-contact:hover ul a {
      width: 260px;
      text-align: right;
      padding-right: 10px; }

.basket .basket-popup {
  display: none;
  background-color: #fff;
  position: absolute;
  top: 50px;
  right: 0;
  z-index: 50;
  width: 400px;
  border-radius: 5px;
  border-top-right-radius: 0;
  padding: 15px;
  font-size: 0.8em;
  box-shadow: 2px 2px 1px #888888; }
  .basket .basket-popup h4 {
    margin: 0 0 1em 0;
    color: #663333;
    font-size: 1.5em;
    font-family: "DINRegular";
    border-bottom: solid 1px #ddd;
    padding-bottom: 5px; }
  .basket .basket-popup table td {
    border-bottom: solid 1px #ddd;
    padding: 3px 0 3px 0; }
  .basket .basket-popup table tr.total td {
    font-weight: bold; }
  .basket .basket-popup .popcorn-visual-wrapper {
    background-color: #ebe3d7;
    text-align: center;
    padding: 20px 0 20px 0;
    margin-bottom: 10px;
    font-size: 1.4em;
    color: #663333;
    font-family: "DINRegular";
    border-radius: 5px; }
  .basket .basket-popup .popcorn-visual {
    margin-bottom: 20px; }
    .basket .basket-popup .popcorn-visual .pop {
      width: 50px;
      height: 50px;
      background-color: #663333;
      display: inline-block;
      margin: 0 2px 0 2px;
      /*
      background-image: url(/uploads/productimages/pouches/default_img_3col_2015shop.jpg);
      */
      background-size: 50px 50px; }
      .basket .basket-popup .popcorn-visual .pop img {
        width: 100%;
        height: auto; }
  .basket .basket-popup #basket-button {
    margin-top: 10px;
    display: block;
    float: none;
    padding: 5px 0 5px 0;
    background-color: #609191;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border-radius: 0;
    height: auto; }

.basket:hover .basket-popup {
  display: block; }

.announcement-bar {
  background-color: #609191;
  color: #fff;
  padding: 8px;
  font-size: 1.6em;
  font-family: DINBlack;
  text-transform: uppercase; }
  .announcement-bar a {
    color: inherit; }

.sticky-toolbar {
  background-color: #ebe3d7; }
  .sticky-toolbar .announcement-bar {
    display: none; }
  .sticky-toolbar .sticky-toolbar-top {
    max-width: 1200px;
    position: relative;
    display: none;
    background-color: #ebe3d7;
    height: 40px; }
    .sticky-toolbar .sticky-toolbar-top .sticky-toolbar-logo {
      position: absolute;
      top: 7px;
      left: 7px; }
      .sticky-toolbar .sticky-toolbar-top .sticky-toolbar-logo img {
        height: 22px;
        width: auto; }
  .sticky-toolbar .basket-2017 {
    font-size: 0.9em;
    top: 7px;
    right: 7px;
    height: 3px; }
    .sticky-toolbar .basket-2017 .link--basket {
      height: 25px;
      padding: 5px; }
    .sticky-toolbar .basket-2017 .link--checkout {
      height: 25px;
      padding: 5px 10px 5px 10px; }
    .sticky-toolbar .basket-2017 .link--search {
      height: 25px;
      width: 25px;
      padding: 4px 0 0 0; }
      .sticky-toolbar .basket-2017 .link--search i {
        font-size: 1em;
        margin: 0; }

.sticky-toolbar.active {
  z-index: 999999;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000; }
  .sticky-toolbar.active .sticky-toolbar-top {
    display: block; }
  .sticky-toolbar.active .announcement-bar {
    display: block; }

.header-mobile {
  background-color: #ebe3d7; }
  .header-mobile .logo {
    display: block;
    padding: 8px 0 8px 16px;
    float: left; }
    .header-mobile .logo img {
      width: 100px;
      height: auto; }
  .header-mobile .count-basket {
    background-color: #cd3640;
    color: #fff;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: block;
    font-family: "DINRegular";
    font-size: 0.35em;
    padding-top: 3px;
    padding-right: 1px;
    position: absolute;
    top: 0;
    right: -10px; }
  .header-mobile .link-menu, .header-mobile .link-basket {
    font-size: 3em;
    color: #663333;
    float: right;
    margin: 16px 16px 0 0;
    position: relative; }
  .header-mobile .country-switch {
    float: right;
    height: 50px;
    width: 50px; }
    .header-mobile .country-switch img {
      width: 30px;
      border-radius: 50%;
      border: solid 1px #663333;
      position: relative;
      top: 20px; }
  .header-mobile .nav-mobile {
    display: none;
    background-color: #e3d7c6;
    padding: 20px 0 20px 0; }
    .header-mobile .nav-mobile ul, .header-mobile .nav-mobile li {
      margin: 0;
      padding: 0; }
    .header-mobile .nav-mobile a {
      display: block;
      color: #663333;
      text-decoration: none;
      font-size: 1.4em;
      line-height: 1.8em;
      font-weight: bold; }
    .header-mobile .nav-mobile ul li ul {
      display: none;
      background-color: #d2bfa4;
      padding: 10px 0 10px 0;
      margin: 10px 0 10px 0; }
      .header-mobile .nav-mobile ul li ul li a {
        font-weight: normal; }

.pouch-array {
  margin: 50px 0 50px 0; }
  .pouch-array .pouch {
    display: inline-block;
    box-sizing: border-box;
    width: 270px;
    height: 312px;
    position: relative;
    background-color: #fff;
    margin: 0 10px 10px 10px;
    box-shadow: 2px 2px 2px #d8d4bc;
    border-radius: 5px; }
    .pouch-array .pouch a {
      box-sizing: border-box;
      display: inline-block;
      box-sizing: border-box; }
      .pouch-array .pouch a img {
        width: 100%;
        border: solid 15px #fff; }
      .pouch-array .pouch a span.title, .pouch-array .pouch a span.price {
        float: left;
        text-align: left;
        display: block;
        font-family: "DINRegular";
        font-size: 1.6em;
        text-decoration: none;
        margin-left: 15px;
        color: #663333; }
      .pouch-array .pouch a span.price {
        float: right;
        margin-right: 15px;
        color: #888; }

.pouch-array-v2 .pouch.gift .pouch-info .extra {
  height: 40px; }
  .pouch-array-v2 .pouch.gift .pouch-info .extra .size {
    display: inline; }
  .pouch-array-v2 .pouch.gift .pouch-info .extra select {
    width: 125px;
    font-size: 1.2em; }
  .pouch-array-v2 .pouch.gift .pouch-info .extra .more-info-link {
    font-family: "DINBlack";
    font-size: 1.5em;
    color: #609191;
    letter-spacing: 0px;
    position: relative;
    top: -10px; }

.pouch-array-v2 .pouch {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 270px;
  overflow: hidden;
  cursor: pointer;
  margin: 8px; }
  .pouch-array-v2 .pouch.hidden {
    display: none !important; }
  .pouch-array-v2 .pouch .awards {
    position: absolute;
    top: 25px;
    left: 25px; }
    @media only screen and (max-width: 600px) {
      .pouch-array-v2 .pouch .awards {
        top: 0px;
        left: 0px; } }
    .pouch-array-v2 .pouch .awards img {
      max-width: 50px; }
  .pouch-array-v2 .pouch .pouch-image img {
    max-width: 270px;
    min-height: 165px; }
  .pouch-array-v2 .pouch .pouch-info {
    background-color: #e3d7c6;
    width: 100%;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }
    .pouch-array-v2 .pouch .pouch-info a {
      text-decoration: none; }
    .pouch-array-v2 .pouch .pouch-info .title {
      font-size: 1.7em;
      line-height: 1.3em;
      text-align: center;
      width: 100%;
      padding: 0 3% 0 3%;
      font-family: "DINBlack";
      text-transform: uppercase;
      height: 60px;
      color: #663333;
      color: #fff;
      background-color: #a48352;
      line-height: 60px; }
      .pouch-array-v2 .pouch .pouch-info .title span {
        display: inline-block;
        vertical-align: middle;
        line-height: normal; }
    .pouch-array-v2 .pouch .pouch-info .extra {
      padding-top: 10px;
      height: 40px; }
      .pouch-array-v2 .pouch .pouch-info .extra .weight {
        width: 125px;
        font-size: 1.2em; }
      .pouch-array-v2 .pouch .pouch-info .extra .quantity {
        border: 0;
        padding: 0;
        width: 20px;
        padding: 4px;
        font-family: "DINRegular";
        text-align: center;
        border-radius: 2px;
        margin: 0 2px 0 2px; }
    .pouch-array-v2 .pouch .pouch-info button.add-to-basket {
      background-color: #609191;
      color: #fff;
      border: 0;
      padding: 0;
      font-family: "DINRegular";
      text-transform: uppercase;
      padding: 4px;
      border-radius: 2px; }
      .pouch-array-v2 .pouch .pouch-info button.add-to-basket:hover {
        background-color: #4c7272; }
  .pouch-array-v2 .pouch .review {
    padding-top: 10px;
    color: #888; }
    .pouch-array-v2 .pouch .review span.fa {
      font-size: 1.4em;
      color: #ddd; }
      .pouch-array-v2 .pouch .review span.fa.checked {
        color: #f6df00; }

@media only screen and (max-width: 600px) {
  .pouch-array-v2 .pouch:not(.noshrink) {
    max-width: 160px; }
    .pouch-array-v2 .pouch:not(.noshrink) .pouch-image img {
      max-width: 160px;
      height: auto; }
    .pouch-array-v2 .pouch:not(.noshrink) .pouch-info .title {
      height: auto;
      font-size: 1.4em;
      padding: 0 5px 0 5px; }
    .pouch-array-v2 .pouch:not(.noshrink) .pouch-info .extra {
      padding: 5px;
      box-sizing: border-box;
      height: auto; }
      .pouch-array-v2 .pouch:not(.noshrink) .pouch-info .extra select {
        display: block;
        max-width: 100%;
        margin-bottom: 5px; } }

body {
  background-color: #fff; }

section#shop-pouches {
  padding: 0 0 120px 0;
  border-top: solid 2px #fff; }
  section#shop-pouches h1 {
    color: #663333;
    margin: 0.5em 0 0 0;
    padding: 0;
    font-size: 5em;
    font-family: "DIN Pro Cond Black";
    text-transform: uppercase; }
    @media only screen and (max-width: 769px) {
      section#shop-pouches h1 {
        font-size: 3em; } }
  section#shop-pouches .filter-wrapper {
    width: 100%; }
    @media only screen and (min-width: 769px) {
      section#shop-pouches .filter-wrapper.fixed {
        position: fixed;
        top: 0;
        max-width: 1200px;
        z-index: 1000;
        border-bottom: solid 5px #FFF; } }
  section#shop-pouches .filters {
    background-color: #e3d7c6;
    padding: 0;
    text-align: left;
    font-size: 1.2em; }
    section#shop-pouches .filters h2 {
      margin-top: 0;
      font-family: "DINBlack";
      margin: 0;
      color: #663333;
      text-transform: uppercase;
      font-weight: normal; }
    section#shop-pouches .filters h3 {
      font-family: "DINBlack";
      font-weight: normal;
      font-size: 1.2em;
      margin: 0 0 10px 0;
      color: #663333; }
    section#shop-pouches .filters .column {
      padding: 20px; }
    section#shop-pouches .filters .filter {
      margin-top: 5px;
      /* Checkbox Filter */
      /* End Checkbox Filter */
      /* Keyword Filter */
      /* End Keyword Filter */ }
      section#shop-pouches .filters .filter.keyword input[type="text"] {
        width: 100%;
        background-color: #ebe3d7;
        color: #663333;
        padding: 8px;
        border: 0;
        font-family: "DINRegular";
        border-radius: 3px; }
    section#shop-pouches .filters .filter-clear {
      font-size: 0.8em;
      text-decoration: none;
      display: block;
      margin-top: 3px;
      color: inherit;
      color: #d2a06c; }
  section#shop-pouches .pouch-array {
    margin: 0; }

section#shop-pouch-landing {
  background-color: #fff; }
  section#shop-pouch-landing .hero img {
    position: relative;
    top: -15px;
    max-width: 80%;
    height: auto; }
  section#shop-pouch-landing .breadcrumb {
    text-align: left;
    padding-top: 30px;
    color: #888;
    margin-bottom: 20px; }
    section#shop-pouch-landing .breadcrumb a {
      color: inherit;
      text-decoration: none; }
      section#shop-pouch-landing .breadcrumb a:hover {
        text-decoration: underline; }
  section#shop-pouch-landing h1 {
    color: #663333;
    margin: 0 0 30px 0;
    padding: 0;
    font-size: 5em;
    font-family: "SnellRoundhandLTStd-Scr";
    border-bottom: solid 1px #ddd;
    padding: 25px 0 10px 0;
    border-top: solid 1px #ddd; }
  section#shop-pouch-landing .product-details {
    text-align: left; }
    section#shop-pouch-landing .product-details .buy-now {
      width: 100%;
      position: relative;
      background-color: #ebe3d7;
      color: #663333;
      font-family: "DINRegular";
      height: 53px; }
      @media only screen and (max-width: 769px) {
        section#shop-pouch-landing .product-details .buy-now {
          height: 83px;
          line-height: 2.5em; } }
      section#shop-pouch-landing .product-details .buy-now.gifts {
        height: auto;
        line-height: 2.5em; }
      section#shop-pouch-landing .product-details .buy-now .gift-message {
        margin-top: 15px; }
      section#shop-pouch-landing .product-details .buy-now .sizes {
        font-size: 1.8em;
        padding: 16px; }
        @media only screen and (max-width: 769px) {
          section#shop-pouch-landing .product-details .buy-now .sizes {
            font-size: 1.4em; }
            section#shop-pouch-landing .product-details .buy-now .sizes input {
              display: inline-block; }
            section#shop-pouch-landing .product-details .buy-now .sizes label {
              max-width: 50%;
              display: inline-block; } }
        section#shop-pouch-landing .product-details .buy-now .sizes .price {
          font-family: "DINBlack";
          color: #609191; }
        section#shop-pouch-landing .product-details .buy-now .sizes input {
          position: relative;
          bottom: 2px;
          margin-right: 4px; }
          @media only screen and (max-width: 769px) {
            section#shop-pouch-landing .product-details .buy-now .sizes input {
              bottom: 0; } }
      section#shop-pouch-landing .product-details .buy-now button {
        background-color: #609191;
        text-transform: uppercase;
        font-family: "DINRegular";
        border: 0;
        padding: 10px;
        color: #fff;
        font-size: 1.2em;
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer; }
        section#shop-pouch-landing .product-details .buy-now button:hover {
          background-color: #7ca8a8; }
      section#shop-pouch-landing .product-details .buy-now .quantity {
        position: absolute;
        top: 15px;
        right: 130px; }
        @media only screen and (max-width: 769px) {
          section#shop-pouch-landing .product-details .buy-now .quantity {
            top: 50px;
            right: 25px; } }
        section#shop-pouch-landing .product-details .buy-now .quantity input {
          text-align: center;
          font-family: "DINRegular";
          width: 30px;
          border: 0;
          padding: 5px; }
        section#shop-pouch-landing .product-details .buy-now .quantity i {
          font-size: 1.5em;
          position: relative;
          top: 3px;
          margin: 0 5px 0 5px;
          cursor: pointer; }
      section#shop-pouch-landing .product-details .buy-now select {
        max-width: 100%; }
    section#shop-pouch-landing .product-details .tabbed-info {
      margin-top: 15px; }
      section#shop-pouch-landing .product-details .tabbed-info p {
        margin: 0 0 1.5em 0; }
      section#shop-pouch-landing .product-details .tabbed-info .nav {
        border-bottom: solid 1px #ddd; }
        section#shop-pouch-landing .product-details .tabbed-info .nav a {
          padding: 10px 20px 10px 20px;
          display: inline-block;
          border-right: solid 1px #ddd;
          border-top: solid 1px #ddd;
          border-bottom: solid 1px #ddd;
          color: #888;
          text-decoration: none;
          font-family: "DINRegular";
          font-size: 1.3em;
          position: relative;
          bottom: -1px;
          background-color: #fff; }
          section#shop-pouch-landing .product-details .tabbed-info .nav a:first-of-type {
            border-left: solid 1px #ddd; }
          section#shop-pouch-landing .product-details .tabbed-info .nav a.active {
            background-color: #ebe3d7;
            border-bottom: solid 1px #ebe3d7;
            color: #663333; }
          section#shop-pouch-landing .product-details .tabbed-info .nav a:hover {
            background-color: #f4efe8; }
    section#shop-pouch-landing .product-details .tab {
      background-color: #ebe3d7;
      border: solid 1px #ddd;
      border-bottom: 0;
      border-top: 0;
      padding: 30px;
      font-size: 1.4em;
      color: #663333; }
    section#shop-pouch-landing .product-details .free-shipping {
      background-color: #c9b393;
      padding: 30px;
      font-family: "DINRegular";
      font-size: 2em;
      color: #663333; }
    section#shop-pouch-landing .product-details .awards {
      font-size: 1.2em;
      font-family: "DINBlack";
      margin-top: 30px; }
      section#shop-pouch-landing .product-details .awards img {
        max-width: 100px;
        margin-top: 10px; }
    section#shop-pouch-landing .product-details .reviews .review-title {
      font-family: "DINBlack";
      font-size: 1.4em;
      margin-bottom: 25px; }
    section#shop-pouch-landing .product-details .reviews .review {
      margin-bottom: 25px; }
      section#shop-pouch-landing .product-details .reviews .review .review-header {
        border-bottom: solid 1px #d2a06c;
        padding-bottom: 5px; }
        section#shop-pouch-landing .product-details .reviews .review .review-header .name {
          margin-left: 5px; }
        section#shop-pouch-landing .product-details .reviews .review .review-header .date {
          float: right;
          font-style: italic; }
    section#shop-pouch-landing .product-details .reviews .review-body {
      padding-top: 5px; }
    section#shop-pouch-landing .product-details .form {
      border-top: solid 1px #d2a06c;
      padding-top: 30px; }
      section#shop-pouch-landing .product-details .form .star-rating {
        margin-bottom: 10px;
        cursor: pointer; }
      section#shop-pouch-landing .product-details .form .title {
        font-family: "DINBlack";
        font-size: 1.2em;
        margin-bottom: 20px; }
      section#shop-pouch-landing .product-details .form input[type="text"], section#shop-pouch-landing .product-details .form textarea {
        background-color: #fff;
        font-family: "DINRegular";
        border-radius: 3px;
        border: 0;
        display: block;
        opacity: 0.8;
        margin-bottom: 5px;
        padding: 7px;
        font-size: 1.1em; }
      section#shop-pouch-landing .product-details .form .review-form-name {
        width: 45%;
        float: left; }
      section#shop-pouch-landing .product-details .form .review-form-email {
        width: 50%;
        float: right; }
      section#shop-pouch-landing .product-details .form .review-form-submit {
        background-color: #609191;
        text-transform: uppercase;
        font-family: "DINRegular";
        border: 0;
        padding: 10px;
        color: #fff;
        font-size: 1em; }
        section#shop-pouch-landing .product-details .form .review-form-submit:hover {
          background-color: #7ca8a8; }
      section#shop-pouch-landing .product-details .form textarea {
        width: 100%;
        height: 50px; }
    section#shop-pouch-landing .product-details .other-images {
      padding-left: 30px;
      margin-bottom: 15px; }
      section#shop-pouch-landing .product-details .other-images div.other-img {
        background-color: red;
        width: 50px;
        height: 50px;
        display: inline-block;
        margin-right: 10px;
        cursor: pointer; }
        section#shop-pouch-landing .product-details .other-images div.other-img img {
          max-width: 50px;
          height: auto; }
    section#shop-pouch-landing .product-details l
.social {
      padding-left: 30px; }
      section#shop-pouch-landing .product-details l
.social a {
        color: inherit; }
      section#shop-pouch-landing .product-details l
.social i {
        font-size: 3em; }
  section#shop-pouch-landing .related-products {
    border-top: solid 1px #ddd;
    padding-top: 30px;
    margin-top: 30px;
    margin-bottom: 30px; }
    section#shop-pouch-landing .related-products .related-products-heading {
      font-family: "SnellRoundhandLTStd-Scr";
      font-size: 3em;
      color: #663333;
      margin-bottom: 20px; }
  section#shop-pouch-landing #giftcard_store_form {
    text-align: left;
    border-top: solid 1px #663333;
    margin-top: 30px;
    padding-top: 30px; }
    section#shop-pouch-landing #giftcard_store_form h2 {
      font-family: "DINBlack";
      font-size: 1.2em; }
    section#shop-pouch-landing #giftcard_store_form label {
      display: block;
      margin-top: 15px;
      margin-bottom: 3px; }
    section#shop-pouch-landing #giftcard_store_form input[type="text"], section#shop-pouch-landing #giftcard_store_form textarea {
      border: solid 1px #b68a59;
      padding: 6px;
      font-family: "DINRegular";
      width: 100%;
      border-radius: 3px; }
    section#shop-pouch-landing #giftcard_store_form input[type="submit"] {
      margin-top: 15px;
      display: block;
      background-color: #609191;
      text-transform: uppercase;
      font-family: "DINRegular";
      border: 0;
      padding: 10px;
      color: #fff;
      font-size: 1.2em; }
      section#shop-pouch-landing #giftcard_store_form input[type="submit"]:hover {
        background-color: #7ca8a8; }

section#shop-pouch-landing.james-bond-popcorn {
  background-color: #000;
  color: #fff; }
  section#shop-pouch-landing.james-bond-popcorn h1 {
    font-family: "DINRegular";
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 40px;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    padding-bottom: 30px; }
    section#shop-pouch-landing.james-bond-popcorn h1 img {
      max-height: 57px;
      width: auto;
      position: relative;
      top: 8px;
      left: -10px; }
  section#shop-pouch-landing.james-bond-popcorn .buy-now {
    background-color: #fff;
    color: #000; }
    section#shop-pouch-landing.james-bond-popcorn .buy-now .sizes .price {
      color: #000; }
    section#shop-pouch-landing.james-bond-popcorn .buy-now button {
      background-color: #000;
      color: #fff; }
  section#shop-pouch-landing.james-bond-popcorn .tabbed-info .nav a {
    background-color: #000;
    color: #fff; }
    section#shop-pouch-landing.james-bond-popcorn .tabbed-info .nav a.active {
      background-color: #fff;
      color: #000;
      border-bottom-color: #fff; }
    section#shop-pouch-landing.james-bond-popcorn .tabbed-info .nav a:hover {
      background-color: #333;
      color: #fff; }
  section#shop-pouch-landing.james-bond-popcorn .tabbed-info .tab {
    background-color: #fff;
    color: #000; }
  section#shop-pouch-landing.james-bond-popcorn .free-shipping {
    background-color: #333;
    color: #fff; }
  section#shop-pouch-landing.james-bond-popcorn .related-products-heading {
    color: #fff; }

section#shop-pouch-landing.marmite-popcorn {
  background-color: #ffff01; }
  section#shop-pouch-landing.marmite-popcorn h1 {
    font-family: "DINBlack";
    color: #000;
    text-transform: uppercase;
    border-bottom: 0;
    margin-bottom: 0;
    border-top: solid 1px #000; }
  section#shop-pouch-landing.marmite-popcorn h1 + p {
    font-family: "SnellRoundhandLTStd-Scr";
    font-size: 2.8em;
    margin-top: 0;
    margin-bottom: 50px;
    padding-bottom: 20px;
    border-bottom: solid 1px #000; }
  section#shop-pouch-landing.marmite-popcorn .product-details .buy-now {
    background-color: #000;
    color: #fff; }
    section#shop-pouch-landing.marmite-popcorn .product-details .buy-now .price {
      color: #ffff01; }
    section#shop-pouch-landing.marmite-popcorn .product-details .buy-now button {
      background-color: #ffff01;
      color: #000; }
  section#shop-pouch-landing.marmite-popcorn .tabbed-info .nav a {
    background-color: #000;
    color: #fff; }
    section#shop-pouch-landing.marmite-popcorn .tabbed-info .nav a.active {
      background-color: #fff;
      color: #000;
      border-bottom: solid 1px #fff; }
    section#shop-pouch-landing.marmite-popcorn .tabbed-info .nav a:hover {
      background-color: #fff;
      color: #000; }
  section#shop-pouch-landing.marmite-popcorn .tabbed-info .tab {
    background-color: #fff; }
  section#shop-pouch-landing.marmite-popcorn .free-shipping {
    background-color: #000;
    color: #ffff01; }
  section#shop-pouch-landing.marmite-popcorn .breadcrumb, section#shop-pouch-landing.marmite-popcorn .breadcrumb a {
    color: #000; }

section#shop-pouches .product-count {
  color: #b68a59;
  font-size: 1.2em;
  font-style: italic; }

section#shop-pouches .mobile-filter-menu-trigger {
  background-color: #ebe3d7;
  padding: 5px;
  display: block;
  color: #663333;
  font-family: "DIN Pro Cond";
  font-size: 2em;
  text-decoration: none;
  border-radius: 10px;
  margin: 0 15px 0 15px;
  text-transform: uppercase;
  margin-bottom: 15px; }
  @media only screen and (min-width: 769px) {
    section#shop-pouches .mobile-filter-menu-trigger {
      display: none; } }

section#shop-pouches #shop-filter-mobile-menu.mobile-menu-style {
  top: 0;
  right: 0;
  width: 80%;
  border-left: solid 1px #663333; }

@media only screen and (min-width: 769px) {
  section#shop-pouches .mobile-filters-2020 {
    display: none; } }

section#shop-pouches .mobile-filters-2020 .selected-indicator {
  color: #609191;
  margin-right: 5px; }

@media only screen and (max-width: 769px) {
  section#shop-pouches .popcorn-shop-desktop-filters {
    display: none; } }

section#shop-pouches .collection-filters-2020 {
  border-bottom: dotted 3px #ddd;
  padding-bottom: 10px; }
  @media only screen and (max-width: 769px) {
    section#shop-pouches .collection-filters-2020 {
      display: none; } }
  section#shop-pouches .collection-filters-2020 ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    section#shop-pouches .collection-filters-2020 ul li {
      display: inline-block;
      /*
        &:nth-child(1n) a { color:#2eafaf; }
        &:nth-child(2n) a { color:#c68f54; }
        &:nth-child(3n) a { color:#c68f54; }
        &:nth-child(4n) a { color:#ff8c39; }
        &:nth-child(5n) a { color:#858e40; }
        &:nth-child(6n) a { color:#78b0ab; }
        &:nth-child(7n) a { color:#112e1d; }
        &:nth-child(8n) a { color:#f63b56; }
        &:nth-child(9n) a { color:#a85792; }
        &:nth-child(10n) a { color:#751c17; }
                
        &:nth-child(1n) a.active { border-color:#2eafaf; }
        &:nth-child(2n) a.active { border-color:#c68f54; }
        &:nth-child(3n) a.active { border-color:#c68f54; }
        &:nth-child(4n) a.active { border-color:#ff8c39; }
        &:nth-child(5n) a.active { border-color:#858e40; }
        &:nth-child(6n) a.active { border-color:#78b0ab; }
        &:nth-child(7n) a.active { border-color:#112e1d; }
        &:nth-child(8n) a.active { border-color:#f63b56; }
        &:nth-child(9n) a.active { border-color:#a85792; }
        &:nth-child(10n) a.active { border-color:#751c17; }
        */ }
  section#shop-pouches .collection-filters-2020 li a {
    font-family: "DINRegular";
    text-decoration: none;
    font-size: 1.8em;
    display: inline-block;
    margin: 5px 7px 5px 7px;
    padding: 10px;
    text-transform: uppercase;
    border-radius: 4px;
    color: #663333;
    box-sizing: border-box;
    border: solid 2px transparent; }
    section#shop-pouches .collection-filters-2020 li a:hover {
      background-color: #f1f1f1; }
    section#shop-pouches .collection-filters-2020 li a.active {
      background-color: #609191;
      color: #fff; }
    section#shop-pouches .collection-filters-2020 li a.christmas, section#shop-pouches .collection-filters-2020 li a.valentines {
      background-color: #A50034;
      color: #fff;
      margin-right: 5px;
      margin-left: 5px; }
      section#shop-pouches .collection-filters-2020 li a.christmas:hover, section#shop-pouches .collection-filters-2020 li a.valentines:hover {
        background-color: #720024; }
  section#shop-pouches .collection-filters-2020 li.alt a {
    font-family: "DINRegular";
    color: #663333 !important;
    text-transform: uppercase; }
    section#shop-pouches .collection-filters-2020 li.alt a.yellow {
      background-color: #FFC72C;
      color: #fff !important; }
    section#shop-pouches .collection-filters-2020 li.alt a.bundles {
      background-color: #866D4B;
      color: #fff !important; }

.lp-carousel {
  background-color: #fff;
  width: 100%;
  min-height: 190px; }
  .lp-carousel ul.slick-dots {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    bottom: 32px;
    text-align: center;
    width: 100%; }
    .lp-carousel ul.slick-dots li {
      margin: 0;
      padding: 0;
      display: inline-block; }
      .lp-carousel ul.slick-dots li button {
        font-size: 0;
        display: block;
        width: 20px;
        height: 20px;
        padding: 5px;
        background: transparent;
        outline: none;
        border: 0;
        cursor: pointer; }
        .lp-carousel ul.slick-dots li button:before {
          content: '•';
          text-align: center;
          color: #663333;
          width: 20px;
          height: 20px;
          position: absolute;
          line-height: 20px;
          font-size: 20px;
          font-family: 'slick';
          opacity: .25; }
      .lp-carousel ul.slick-dots li.slick-active button:before {
        opacity: 1; }
  .lp-carousel button.slick-prev, .lp-carousel button.slick-next {
    position: absolute;
    top: 180px;
    height: 40px;
    width: 45px;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 0;
    color: transparent; }
    .lp-carousel button.slick-prev:before, .lp-carousel button.slick-next:before {
      font-family: "FontAwesome";
      color: #663333;
      font-size: 40px;
      opacity: .25; }
    .lp-carousel button.slick-prev:hover:before, .lp-carousel button.slick-next:hover:before {
      opacity: 1; }
  .lp-carousel button.slick-prev {
    left: 16px; }
    .lp-carousel button.slick-prev:before {
      content: "\f0a8"; }
  .lp-carousel button.slick-next {
    right: 16px; }
    .lp-carousel button.slick-next:before {
      content: "\f0a9"; }

.js-slideshow {
  background-color: #fff;
  width: 100%; }
  .js-slideshow ul.slick-dots {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    bottom: 32px;
    text-align: center;
    width: 100%; }
    .js-slideshow ul.slick-dots li {
      margin: 0;
      padding: 0;
      display: inline-block; }
      .js-slideshow ul.slick-dots li button {
        font-size: 0;
        display: block;
        width: 20px;
        height: 20px;
        padding: 5px;
        background: transparent;
        outline: none;
        border: 0;
        cursor: pointer; }
        .js-slideshow ul.slick-dots li button:before {
          content: '•';
          text-align: center;
          color: #663333;
          width: 20px;
          height: 20px;
          position: absolute;
          line-height: 20px;
          font-size: 20px;
          font-family: 'slick';
          opacity: .25; }
      .js-slideshow ul.slick-dots li.slick-active button:before {
        opacity: 1; }
  .js-slideshow button.slick-prev, .js-slideshow button.slick-next {
    position: absolute;
    top: 180px;
    height: 40px;
    width: 45px;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 0;
    color: transparent; }
    .js-slideshow button.slick-prev:before, .js-slideshow button.slick-next:before {
      font-family: "FontAwesome";
      color: #663333;
      font-size: 40px;
      opacity: .25; }
    .js-slideshow button.slick-prev:hover:before, .js-slideshow button.slick-next:hover:before {
      opacity: 1; }
  .js-slideshow button.slick-prev {
    left: 16px; }
    .js-slideshow button.slick-prev:before {
      content: "\f0a8"; }
  .js-slideshow button.slick-next {
    right: 16px; }
    .js-slideshow button.slick-next:before {
      content: "\f0a9"; }

.slide1 {
  background: #ffffff;
  /* Old browsers */ }
  .slide1 img {
    max-width: 1200px;
    width: 100%; }

h1 {
  margin: 0.5em 0 0 0;
  padding: 0;
  font-size: 5em;
  font-family: "DIN Pro Cond Black";
  text-transform: uppercase;
  color: #663333; }
  @media only screen and (max-width: 500px) {
    h1 {
      font-size: 3em; } }

#homepage .social {
  background-color: #ebe3d7;
  padding: 30px 0 30px 0; }
  #homepage .social h1 {
    margin-bottom: 30px; }
  #homepage .social .social-title {
    margin: 0 0 20px 0;
    font-family: "SnellRoundhandLTStd-Scr";
    color: #663333;
    font-size: 3em; }
    #homepage .social .social-title a {
      color: inherit;
      text-decoration: none; }

.homepage-about h1 {
  margin-bottom: 30px; }

.homepage-about p {
  font-size: 1.3em;
  font-family: "DINRegular";
  line-height: 1.6em;
  max-width: 80%; }

.homepage-badge {
  display: block;
  border: solid 1px #ddd;
  text-align: center;
  margin-bottom: 40px; }
  .homepage-badge .__imagelink {
    display: block; }
    .homepage-badge .__imagelink img {
      max-width: 100%;
      width: 100%;
      border: 0;
      max-height: 100%; }
  @media screen and (min-width: 640px) {
    .homepage-badge:hover .__textbutton {
      background-color: #9ed8e3; } }
  .homepage-badge .__textbutton {
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
    margin: 10px;
    padding: 14px 0 14px 0;
    border: solid 5px #000;
    text-transform: uppercase;
    font-family: "DINBlack";
    font-size: 2em;
    color: #000;
    text-decoration: none;
    display: block;
    min-height: 83px;
    position: relative; }
    @media screen and (min-width: 640px) {
      .homepage-badge .__textbutton span.text-wrapper {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); } }
    .homepage-badge .__textbutton span.subtitle {
      display: block;
      margin-top: 5px;
      font-family: "DINRegular"; }
  @media screen and (max-width: 640px) {
    .homepage-badge {
      margin: 0;
      border: 0;
      padding-bottom: 10px;
      padding-top: 10px;
      border-bottom: solid 1px #ddd;
      -webkit-transition: background-color 300ms ease-out;
      -moz-transition: background-color 300ms ease-out;
      -o-transition: background-color 300ms ease-out;
      transition: background-color 300ms ease-out; }
      .homepage-badge:hover {
        background-color: #9ed8e3; }
      .homepage-badge .__imagelink {
        display: table-cell;
        margin: 0;
        padding: 0; }
        .homepage-badge .__imagelink img {
          border: 0; }
      .homepage-badge .__textbutton {
        display: table-cell;
        width: 70%;
        padding: 10px 0 10px 10px;
        vertical-align: middle;
        text-align: left;
        border: 0; }
        .homepage-badge .__textbutton span.subtitle {
          font-size: 0.7em; } }
  @media screen and (min-width: 640px) {
    .homepage-badge.c1 {
      margin-right: 20px; }
    .homepage-badge.c2 {
      margin-right: 10px;
      margin-left: 10px; }
    .homepage-badge.c3 {
      margin-left: 20px; } }

.homepage--about-us {
  background-color: #9ed8e3;
  color: #5a3b34;
  padding: 20px 0 20px 0;
  font-family: "DINBlack";
  text-transform: uppercase;
  font-size: 3em; }
  @media screen and (max-width: 640px) {
    .homepage--about-us {
      padding-left: 20px;
      padding-right: 20px;
      font-size: 2em; } }
  .homepage--about-us .__width-restriction {
    max-width: 900px; }
  .homepage--about-us .__greate-taste {
    max-width: 350px; }
    .homepage--about-us .__greate-taste div {
      display: table-cell; }
      .homepage--about-us .__greate-taste div.__left img {
        max-width: 130px; }
      .homepage--about-us .__greate-taste div.__right {
        font-size: 0.8em;
        color: #fff;
        vertical-align: middle;
        padding-left: 20px; }
        .homepage--about-us .__greate-taste div.__right span {
          font-size: 3em;
          display: block; }

.homepage--testimonials {
  background-color: #f1e8d9;
  padding: 20px 0 20px 0;
  font-family: "DINBlack";
  text-transform: uppercase;
  font-size: 3em; }
  @media screen and (max-width: 640px) {
    .homepage--testimonials {
      padding-left: 20px;
      padding-right: 20px;
      font-size: 2em; } }
  .homepage--testimonials .__testimonial span {
    display: block;
    font-size: 0.7em;
    margin-top: 10px;
    color: #663333; }
    .homepage--testimonials .__testimonial span:before, .homepage--testimonials .__testimonial span:after {
      content: "\f005";
      font-family: FontAwesome;
      font-size: 0.7em;
      position: relative;
      bottom: 2px;
      margin: 0 5px 0 5px; }
  .homepage--testimonials .__testimonial.__red {
    color: #d75f67; }
  .homepage--testimonials .__testimonial.__orange {
    color: #c7732e; }
  .homepage--testimonials .__testimonial.__blue {
    color: #86b9c2; }

section#cart .coins {
  background-color: #ebe3d7;
  padding: 5px;
  font-family: "DINRegular";
  font-size: 1.2em; }

section#cart h1 {
  color: #663333;
  margin: 0.5em 0 0 0;
  padding: 0;
  font-size: 5em;
  font-family: "SnellRoundhandLTStd-Scr";
  border-bottom: solid 1px #ddd;
  padding-bottom: 25px;
  margin-bottom: 25px; }

section#cart .xmas-posting-warning {
  background-color: #d75f67;
  color: #fff;
  padding: 25px;
  margin-bottom: 10px;
  margin-left: 25px;
  font-size: 1.4em;
  font-family: "DINRegular";
  line-height: 1.5em; }
  section#cart .xmas-posting-warning span {
    font-family: "DINBlack"; }
  section#cart .xmas-posting-warning a {
    color: inherit; }

section#cart .basket-summary {
  background-color: #e3d7c6;
  padding: 25px;
  margin-left: 25px;
  border-radius: 5px; }
  @media only screen and (max-width: 769px) {
    section#cart .basket-summary {
      margin-left: 0; } }
  section#cart .basket-summary h2 {
    font-family: "DINBlack";
    margin: 0;
    font-size: 1.8em; }
  section#cart .basket-summary .basket-summary-row {
    border-bottom: solid 1px #c9b393;
    font-size: 1.4em;
    padding: 10px 0 10px 0;
    font-family: "DINRegular"; }
    section#cart .basket-summary .basket-summary-row span {
      float: right; }
    section#cart .basket-summary .basket-summary-row.total {
      font-family: "DINBlack"; }
    section#cart .basket-summary .basket-summary-row h3 {
      margin: 0 0 10px 0;
      padding: 0;
      font-size: 1em;
      font-family: "DINBlack";
      font-weight: bold; }
  section#cart .basket-summary .cards {
    margin-top: 15px; }
    section#cart .basket-summary .cards img {
      width: 50px;
      height: auto; }
    section#cart .basket-summary .cards .secure {
      float: right; }
      section#cart .basket-summary .cards .secure i {
        font-size: 3.3em;
        color: #663333; }
  section#cart .basket-summary .basket-card-details {
    font-size: 1.4em; }
    section#cart .basket-summary .basket-card-details label {
      display: block;
      font-family: "DINRegular";
      width: 100%;
      margin-top: 1em; }
    section#cart .basket-summary .basket-card-details input[type="text"] {
      display: block;
      padding: 5px;
      width: 100%;
      font-family: "DINRegular";
      margin-top: 3px; }
      section#cart .basket-summary .basket-card-details input[type="text"].card-lastName, section#cart .basket-summary .basket-card-details input[type="text"].cart-firstName {
        width: 49%;
        display: inline-block; }
      section#cart .basket-summary .basket-card-details input[type="text"].card-expiryMonth, section#cart .basket-summary .basket-card-details input[type="text"].card-expiryYear {
        width: 40px;
        display: inline-block;
        text-align: center; }
      section#cart .basket-summary .basket-card-details input[type="text"].card-cvv {
        width: 60px; }
    section#cart .basket-summary .basket-card-details .paynow {
      font-size: 1em; }

section#cart .basket-contents-row {
  border-bottom: solid 1px #ddd;
  padding: 15px 0 15px 0; }
  section#cart .basket-contents-row input[type="checkbox"] {
    font-size: 2em;
    margin-right: 10px; }

section#cart .basket-contents {
  font-family: "DINRegular"; }
  section#cart .basket-contents .product-title {
    font-size: 1.4em;
    font-family: "DINBlack"; }
  section#cart .basket-contents .product-description {
    margin-top: 15px;
    font-size: 1.2em;
    line-height: 1.4em; }
    section#cart .basket-contents .product-description .quantity-price > span {
      font-family: "DINBlack";
      border-left: solid 1px #ddd;
      margin-left: 10px;
      padding-left: 10px; }
      section#cart .basket-contents .product-description .quantity-price > span:first-of-type {
        margin-left: 0;
        border-left: 0;
        padding-left: 0; }
    section#cart .basket-contents .product-description .quantity-price > span {
      font-family: "DINBlack";
      border-left: solid 1px #ddd;
      margin-left: 10px;
      padding-left: 10px; }
      section#cart .basket-contents .product-description .quantity-price > span:first-of-type {
        margin-left: 0;
        border-left: 0;
        padding-left: 0; }
      @media only screen and (max-width: 769px) {
        section#cart .basket-contents .product-description .quantity-price > span {
          border: 0;
          margin: 0;
          padding: 0;
          display: block; } }
    section#cart .basket-contents .product-description .quantity-price > span > span {
      font-family: "DINRegular"; }
    section#cart .basket-contents .product-description .line_giftmessage {
      margin-top: 10px; }
      section#cart .basket-contents .product-description .line_giftmessage span {
        font-family: "DINBlack"; }
      section#cart .basket-contents .product-description .line_giftmessage a {
        color: #609191; }
  section#cart .basket-contents .awards {
    margin-top: 15px; }
    section#cart .basket-contents .awards img {
      width: 50px;
      height: 50px; }
  section#cart .basket-contents .quantity i {
    font-size: 2em;
    margin: 5px;
    position: relative;
    top: 5px;
    cursor: pointer; }
  section#cart .basket-contents .quantity input {
    border: 0;
    background-color: #ebe3d7;
    text-align: center;
    font-size: 1.5m;
    width: 70px;
    padding: 6px 3px 6px 3px; }
  section#cart .basket-contents .quantity .upgrade {
    color: #609191;
    text-decoration: underline;
    display: block;
    font-size: 1.2em;
    margin-top: 15px;
    margin-bottom: -10px; }
  section#cart .basket-contents td {
    padding: 0; }
    section#cart .basket-contents td.description {
      border-right: solid 1px #ddd; }
      @media only screen and (max-width: 769px) {
        section#cart .basket-contents td.description {
          padding-left: 15px;
          padding-right: 10px; } }
  section#cart .basket-contents .product-image {
    width: 100px;
    height: auto; }

section#cart .giftmessage {
  margin-left: 25px;
  background-color: #dacbb5;
  border-top: solid 1px #c9b393;
  padding: 25px; }
  @media only screen and (max-width: 769px) {
    section#cart .giftmessage {
      margin-left: 0; } }
  section#cart .giftmessage a {
    background-color: #663333;
    color: #fff;
    padding: 10px 15px 10px 15px;
    border: 0;
    margin-top: 5px;
    text-decoration: none;
    width: 100%;
    font-family: "DINRegular";
    display: block;
    text-align: center;
    font-size: 1.2em; }

section#cart .cards {
  margin-left: 25px;
  text-align: center;
  padding-top: 10px; }
  section#cart .cards p {
    color: #888; }
  section#cart .cards img {
    max-width: 40px; }

section#cart .voucher {
  border-bottom: solid 1px #c9b393;
  padding: 10px 0 10px 0; }
  @media only screen and (max-width: 769px) {
    section#cart .voucher {
      margin-left: 0; } }
  section#cart .voucher h3 {
    margin: 0 0 10px 0; }
  section#cart .voucher form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px; }
    section#cart .voucher form.populated {
      background: transparent; }
      section#cart .voucher form.populated span {
        font-size: 1.4em;
        position: relative;
        top: 6px;
        font-family: "DINRegular"; }
  section#cart .voucher input[type="text"] {
    background-color: #fff;
    width: 100%;
    display: inline-block;
    padding: 7px;
    font-family: "DINRegular";
    border: 0;
    font-size: 1.2em;
    border-radius: 5px; }
  section#cart .voucher input[type="submit"] {
    background-color: #663333;
    color: #fff;
    padding: 7px 10px 7px 10px;
    border: 0;
    margin: 0;
    display: inline-block;
    width: 20%;
    border-radius: 5px; }
    section#cart .voucher input[type="submit"]:hover {
      background-color: #773c3c; }

section#cart .paynow {
  border-radius: 5px;
  background-color: #609191;
  text-transform: uppercase;
  font-family: "DINRegular";
  border: 0;
  padding: 25px 0 25px 0;
  margin-top: 25px;
  color: #fff;
  font-size: 1.3em;
  text-decoration: none;
  width: 100%;
  display: block;
  text-align: center; }
  section#cart .paynow:hover {
    background-color: #7ca8a8; }

section#cart .terms {
  text-align: center;
  font-size: 1.2em;
  margin-top: 12px; }

section#cart .promotional-messages {
  font-size: 1.4em;
  padding: 15px;
  background-color: #dacbb5;
  font-family: "DINBlack";
  text-align: center; }

section#cart .update-button {
  border-radius: 5px;
  background-color: #ddd;
  text-transform: uppercase;
  font-family: "DINRegular";
  border: 0;
  padding: 15px 30px 15px 30px;
  margin-top: 25px;
  color: #444;
  font-size: 1.3em;
  text-decoration: none;
  display: block;
  text-align: center;
  width: 223px; }
  @media only screen and (max-width: 769px) {
    section#cart .update-button {
      margin-bottom: 15px; } }
  @media only screen and (min-width: 769px) {
    section#cart .update-button {
      float: right; } }

section#cart .qty-trash {
  display: block;
  margin-top: 15px;
  color: #609191; }

section#cart .addresstable td {
  padding-bottom: 3px; }

section#cart .upsell-wrapper h2 {
  font-family: "DINRegular";
  font-weight: normal;
  margin: 20px 0 0.5em 0; }

section#cart .special-offer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
  row-gap: 10px; }
  @media only screen and (max-width: 900px) {
    section#cart .special-offer {
      padding: 10px; } }
  section#cart .special-offer h2 {
    font-family: "DINBlack";
    margin: 0 0 0.5em 0;
    font-size: 2em; }
  section#cart .special-offer div.item {
    width: 32%;
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px; }
    @media only screen and (max-width: 1050px) {
      section#cart .special-offer div.item {
        width: 48%; } }
    section#cart .special-offer div.item div.image {
      width: 75px; }
      section#cart .special-offer div.item div.image img {
        max-width: 75px;
        max-height: 75px; }
    section#cart .special-offer div.item div.text {
      width: 100%; }
      section#cart .special-offer div.item div.text .title, section#cart .special-offer div.item div.text .price {
        display: block; }
      section#cart .special-offer div.item div.text .title {
        font-family: "DINRegular";
        font-size: 1.2em;
        margin-bottom: 0.3em; }
      section#cart .special-offer div.item div.text .price {
        font-family: "DINBlack";
        font-size: 1.2em; }
        section#cart .special-offer div.item div.text .price .saving {
          color: red;
          font-family: "DINRegular"; }
    section#cart .special-offer div.item .cta {
      color: #1d5965;
      background-color: #9ed8e3;
      text-decoration: none;
      border-radius: 4px;
      padding: 4px;
      display: block;
      box-sizing: border-box;
      max-width: 100px;
      text-align: center;
      font-family: "DINRegular";
      font-size: 1.2em;
      margin-top: 10px; }

.checkout-progress {
  font-size: 2em;
  color: #ddd;
  border-bottom: solid 1px #ddd;
  padding: 10px 0 10px 0;
  text-transform: uppercase; }
  .checkout-progress span {
    font-family: "DINRegular";
    color: #663333; }
    .checkout-progress span.current {
      color: #609191; }
  .checkout-progress a {
    color: inherit;
    text-decoration: none; }

.delivery-form {
  padding: 0 20px 0 20px; }

.delivery-form h2 {
  text-transform: uppercase;
  color: #663333; }

.address-fields {
  font-family: "DINRegular";
  font-size: 1.4em; }
  .address-fields label {
    display: block;
    margin-top: 10px;
    margin-bottom: 2px; }
  .address-fields input[type="text"] {
    padding: 5px;
    width: 95%;
    border-radius: 5px;
    border: 0;
    padding: 10px;
    font-size: 1.1em; }
  .address-fields h2 {
    margin-top: 0; }

section.saved-basket {
  margin-top: 50px; }
  section.saved-basket > p {
    font-size: 1.2em; }
  section.saved-basket h2 {
    font-family: DINRegular;
    font-weight: normal;
    display: block;
    font-size: 2em;
    padding-top: 20px;
    border-top: solid 1px #ddd; }
  section.saved-basket div.js-actions, section.saved-basket div.js-permanent-actions {
    display: block;
    padding-top: 12px; }
    section.saved-basket div.js-actions a, section.saved-basket div.js-permanent-actions a {
      color: inherit;
      text-decoration: underline;
      margin-right: 5px;
      font-size: 1.1em;
      text-decoration: none;
      display: block;
      float: left;
      padding: 5px;
      background-color: #b68a59;
      color: #fff; }
  section.saved-basket .saved-basket-item {
    text-align: left;
    clear: both;
    height: 70px;
    padding: 10px;
    box-sizing: border-box;
    margin-top: 2px;
    background-color: #ebe3d7; }
    section.saved-basket .saved-basket-item div.wrapper, section.saved-basket .saved-basket-item img, section.saved-basket .saved-basket-item div.checkbox {
      float: left; }
    section.saved-basket .saved-basket-item div.checkbox {
      padding: 10px 20px 10px 10px;
      font-size: 2em; }
    section.saved-basket .saved-basket-item img {
      margin-right: 10px; }
    section.saved-basket .saved-basket-item .title {
      font-family: DINRegular;
      font-size: 1.5em; }
      section.saved-basket .saved-basket-item .title span {
        color: #609191;
        padding-left: 5px; }
    section.saved-basket .saved-basket-item div.actions {
      display: block;
      padding-top: 12px; }
      section.saved-basket .saved-basket-item div.actions a {
        color: inherit;
        text-decoration: underline;
        margin-right: 5px;
        font-size: 1.1em;
        text-decoration: none;
        display: block;
        float: left;
        padding: 5px;
        background-color: #b68a59;
        color: #fff; }
    section.saved-basket .saved-basket-item img {
      height: 50px;
      width: auto; }

.news-list-title a {
  color: inherit;
  text-decoration: inherit; }

section#about h2 {
  font-size: 4.3em;
  font-family: "DIN Pro Cond Black";
  text-transform: uppercase;
  margin: 0.6em 0 0.6em 0; }

section#about h3 {
  font-size: 1.6em;
  font-family: "DINBlack"; }

section#about p {
  font-size: 1.4em; }

section#about .color-section {
  background-color: #ebe3d7;
  padding: 30px 0 30px 0; }

section#about .different-grid {
  max-width: 650px;
  font-size: 1.4em; }
  section#about .different-grid.one {
    margin-right: 300px; }
  section#about .different-grid.two {
    margin-left: 300px; }
  section#about .different-grid.three {
    margin-right: 300px; }
  section#about .different-grid.four {
    margin-left: 300px; }
  section#about .different-grid.five {
    margin-right: 300px; }
  @media only screen and (max-width: 769px) {
    section#about .different-grid {
      margin-bottom: 50px; }
      section#about .different-grid.one {
        margin-right: 0; }
      section#about .different-grid.two {
        margin-left: 0; }
      section#about .different-grid.three {
        margin-right: 0; }
      section#about .different-grid.four {
        margin-left: 0; }
      section#about .different-grid.five {
        margin-right: 0; } }
  section#about .different-grid img {
    max-height: 80px;
    margin-top: 0; }
  section#about .different-grid .number {
    font-family: "SnellRoundhandLTStd-Scr";
    font-size: 6em;
    color: #b68a59;
    padding-right: 20px; }
  section#about .different-grid h3 {
    font-family: "DINBlack";
    margin: 0 0 5px 0; }

section#about .awards img {
  max-height: 80px;
  margin: 0 20px 0 20px; }

/* Footer */
section#footer {
  font-family: "DINRegular";
  background-color: #d2a06c;
  padding: 60px 0 60px 0;
  color: #fff;
  line-height: 1.5em;
  font-size: 1.2em; }
  @media only screen and (max-width: 769px) {
    section#footer {
      padding: 20px 0 20px 0; } }
  section#footer .awards {
    padding: 15px 0 10px 0;
    margin-bottom: 25px;
    margin-top: 25px;
    text-align: center; }
    section#footer .awards span {
      color: #663333;
      opacity: 0.5;
      font-size: 2.5em;
      font-family: "DINRegular";
      position: relative;
      bottom: 15px;
      margin-right: 20px; }
    section#footer .awards img {
      height: 55px;
      width: auto;
      margin: 0 10px 0 10px; }
      @media only screen and (max-width: 769px) {
        section#footer .awards img {
          height: 35px;
          margin-bottom: 10px; } }
  section#footer a.linklist {
    color: #fff;
    display: block;
    opacity: 0.8;
    font-size: 1.2em;
    line-height: 1.5em;
    text-decoration: none;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out; }
    @media only screen and (max-width: 769px) {
      section#footer a.linklist {
        line-height: 1.2em; } }
    section#footer a.linklist:hover {
      opacity: 1; }
  section#footer .column {
    border-right: solid 1px #b68a59;
    padding: 0px 30px 0px 30px; }
    section#footer .column:last-of-type {
      border: 0; }
    @media only screen and (max-width: 769px) {
      section#footer .column {
        border-bottom: solid 1px #d2a06c;
        border-right: 0;
        padding-top: 16px;
        padding-bottom: 16px; } }
  section#footer .join-mailing-list {
    background-color: #fff;
    border-radius: 5px;
    height: 40px; }
    section#footer .join-mailing-list input[type="text"] {
      border-bottom-left-radius: 5px;
      border-top-left-radius: 5px;
      font-size: 1em;
      height: 40px;
      border: 0;
      outline: 0;
      padding: 0px 0 0 8px;
      width: 70%; }
    section#footer .join-mailing-list input[type="submit"] {
      opacity: 1;
      border: 0;
      color: #fff;
      background-color: #609191;
      float: right;
      display: block;
      height: 40px;
      width: 30%;
      text-align: center;
      padding: 4px 0 0 0;
      font-family: "DINRegular";
      text-decoration: none;
      font-size: 1.5em;
      border-bottom-right-radius: 5px;
      border-top-right-radius: 5px;
      font-size: 1.2em; }
  section#footer .social {
    font-size: 30px; }
    section#footer .social a {
      display: inline-block;
      margin: 0; }
  section#footer h3 {
    margin: 0 0 0.5em 0;
    font-family: "DINRegular";
    font-size: 2em;
    color: #663333;
    line-height: 1.2em; }
    @media only screen and (max-width: 769px) {
      section#footer h3 {
        font-size: 1.5em; } }
  section#footer .legals {
    border-top: solid 1px #b68a59;
    margin-top: 30px;
    color: #663333;
    font-size: 1em;
    padding-top: 15px; }
    section#footer .legals .column {
      border: 0;
      min-height: 0; }
      @media only screen and (max-width: 769px) {
        section#footer .legals .column {
          text-align: center; } }
    section#footer .legals a {
      display: inline;
      color: inherit;
      font-size: inherit;
      text-decoration: underline; }
      section#footer .legals a:hover {
        color: #fff;
        text-decoration: none; }
  section#footer .__about-us {
    font-size: 1.2em; }

#mailing-list-bar {
  background-color: #ebe3d7; }

.delivery-promo-bar {
  color: #888;
  padding-bottom: 0;
  max-width: 1200px;
  display: flex; }
  @media screen and (max-width: 640px) {
    .delivery-promo-bar {
      margin-top: 0; } }
  .delivery-promo-bar a {
    color: inherit;
    text-decoration: none; }
  .delivery-promo-bar .col {
    flex-grow: 1;
    font-size: 1.5em;
    line-height: 1.3em;
    font-family: "DINRegular";
    border-right: solid 1px #ddd;
    max-width: 33%;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px; }
    .delivery-promo-bar .col:last-of-type {
      border-right: none; }
    .delivery-promo-bar .col span {
      display: block;
      font-size: 0.9em; }
    .delivery-promo-bar .col .partnerlogo {
      max-height: 40px;
      width: auto; }
  @media screen and (max-width: 800px) {
    .delivery-promo-bar .col {
      max-width: 100%;
      border-right: none;
      border-bottom: solid 1px #ddd; }
    .delivery-promo-bar .col.second, .delivery-promo-bar .col.third {
      display: none; } }

section.competitions form {
  width: 500px;
  max-width: 95vw;
  text-align: left; }
  section.competitions form input[type="text"] {
    display: block;
    padding: 10px;
    border-radius: 5px;
    border: solid 1px #ddd;
    width: 500px;
    max-width: 100%;
    margin-bottom: 5px; }
  section.competitions form input[type="submit"] {
    background-color: #609191;
    text-transform: uppercase;
    font-family: "DINRegular";
    border: 0;
    padding: 15px 30px 15px 30px;
    margin-top: 25px;
    color: #fff;
    font-size: 1.3em;
    text-decoration: none;
    display: block;
    text-align: center;
    width: 223px; }

section.competitions .competition-terms {
  background-color: #f2f2f2;
  padding: 10px;
  font-size: 0.9em; }

.offer-flyer, offer-flyer * {
  box-sizing: border-box; }

.offer-flyer {
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 1200px;
  margin: 30px 0 30px 0;
  position: relative;
  min-height: 550px; }
  @media (min-width: 768px) {
    .offer-flyer {
      min-height: 700px; } }
  .offer-flyer .offer-flyer-bg {
    display: none;
    width: 100%;
    height: auto;
    z-index: 1; }
    @media (min-width: 1024px) {
      .offer-flyer .offer-flyer-bg {
        display: block; } }
  .offer-flyer .offer-flyer-bg-mobile {
    overflow: hidden;
    max-height: 120px; }
    .offer-flyer .offer-flyer-bg-mobile img {
      max-width: 100%; }
    @media (min-width: 1024px) {
      .offer-flyer .offer-flyer-bg-mobile {
        display: none; } }
  @media (max-width: 1024px) {
    .offer-flyer {
      height: auto; } }
  .offer-flyer .offer-flyer-inner {
    z-index: 2;
    width: 100%;
    background-color: white;
    padding: 30px;
    height: 53%;
    font-family: "DINRegular";
    font-size: 1.4em; }
    @media (min-width: 768px) {
      .offer-flyer .offer-flyer-inner {
        position: absolute;
        top: 20%; } }
    @media (min-width: 1024px) {
      .offer-flyer .offer-flyer-inner {
        background-color: rgba(255, 255, 255, 0.75);
        right: 7%;
        bottom: 7%;
        top: 40%;
        max-width: 900px;
        max-height: 500px; } }
    .offer-flyer .offer-flyer-inner p:first-of-type {
      margin-top: 0; }
  .offer-flyer form {
    width: 100%;
    max-width: 100%;
    text-align: left; }
    .offer-flyer form input[type="text"] {
      display: block;
      padding: 10px;
      border-radius: 5px;
      border: solid 1px #ddd;
      width: 99%;
      max-width: 100%;
      margin-bottom: 5px; }
      .offer-flyer form input[type="text"][name="OfferpageEntryFirstname"], .offer-flyer form input[type="text"][name="OfferpageEntryLastname"] {
        width: 49%;
        display: inline-block; }
    .offer-flyer form input[type="submit"] {
      background-color: #609191;
      text-transform: uppercase;
      font-family: "DINRegular";
      border: 0;
      padding: 15px 30px 15px 30px;
      margin-top: 25px;
      color: #fff;
      font-size: 1.3em;
      text-decoration: none;
      display: block;
      text-align: center;
      width: 223px; }
    .offer-flyer form select {
      display: block;
      width: 100%; }

.sitesearch {
  display: none;
  border-bottom: solid 5px #ddd;
  position: relative;
  width: 100%; }
  .sitesearch .search-result-template {
    display: none; }
  .sitesearch .search-results {
    text-align: left;
    max-width: 1200px;
    display: table;
    padding-bottom: 25px; }
    .sitesearch .search-results .product-array-v3 .product {
      min-width: 210px; }
    .sitesearch .search-results .no-results {
      font-size: 1.5em;
      text-align: center;
      color: #888; }
    .sitesearch .search-results .search-result {
      background-color: #ebe3d7;
      display: inline-block;
      vertical-align: top;
      padding: 10px;
      width: 200px;
      min-height: 300px;
      border-spacing: 10px;
      border: solid 5px #fff; }
      .sitesearch .search-results .search-result img {
        width: 100%; }
      .sitesearch .search-results .search-result .search-result--imgframe {
        background-color: #fff;
        height: 170px;
        width: 100%;
        vertical-align: middle; }
      .sitesearch .search-results .search-result a.search-result--title {
        font-size: 1.3em;
        text-decoration: none;
        color: inherit;
        padding: 10px;
        display: table-cell;
        width: 100%;
        font-family: Verdana;
        color: #663333;
        height: 60px;
        text-align: center;
        vertical-align: middle; }
      .sitesearch .search-results .search-result .search-result--price {
        font-size: 1.3em;
        text-align: center; }
  .sitesearch .more-results {
    background-color: #609191;
    padding: 10px;
    font-size: 2em;
    color: #fff;
    font-family: "DINRegular";
    border-radius: 3px;
    margin: 2em 0 2em 0;
    display: inline-block;
    text-decoration: none; }
  .sitesearch .sitesearch-bar {
    width: 100%;
    display: block;
    font-size: 2em;
    font-family: "DINRegular";
    color: #663333;
    border: 0;
    padding: 25px;
    text-align: center;
    outline: none; }
  .sitesearch .js-sitesearch-close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 30px;
    color: #888; }

.acct-form {
  box-sizing: border-box; }
  .acct-form input[type="text"], .acct-form input[type="password"], .acct-form textarea {
    box-sizing: border-box;
    border: solid 1px;
    font-size: 1.4em;
    border: solid 1px #ddd;
    padding: 8px;
    display: block;
    margin-bottom: 5px;
    width: 100%; }
  .acct-form input[type="submit"] {
    box-sizing: border-box;
    font-size: 1.2em;
    background-color: #609191;
    color: #fff;
    border: 0;
    padding: 0;
    font-family: DINRegular;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 2px;
    display: block;
    margin-top: 12px; }
  .acct-form label {
    display: block;
    text-align: left;
    color: #663333;
    font-weight: bold;
    letter-spacing: -0.05em;
    margin-bottom: 3px;
    margin-top: 12px; }
  .acct-form .form-tip {
    font-size: 0.9em;
    color: #888;
    font-style: italic;
    text-align: left; }
  .acct-form .two-inputs {
    text-align: left; }
    .acct-form .two-inputs input[type="text"] {
      width: 49%;
      display: inline-block; }
    .acct-form .two-inputs input[type="text"]:last-of-type {
      float: right; }

.formsection {
  color: #444;
  background-color: #f2f2f2;
  padding: 40px;
  margin-bottom: 40px; }
  @media (max-width: 480px) {
    .formsection {
      padding: 20px; } }
  .formsection a {
    color: #609191; }
  .formsection h1, .formsection h2, .formsection h3 {
    margin-top: 0 !important;
    color: #663333; }
  .formsection h3 {
    font-family: DINRegular;
    font-size: 1.5em;
    text-transform: uppercase; }
  .formsection .acct-table-data th {
    border-bottom-color: #bbb; }
  .formsection a.button-action {
    box-sizing: border-box;
    font-size: 1.5em;
    background-color: #609191;
    color: #fff;
    border: 0;
    padding: 0;
    font-family: DINRegular;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 2px;
    margin-top: 12px;
    text-decoration: none;
    display: inline-block; }

section.account {
  max-width: 980px;
  font-size: 1.2em;
  padding: 40px 0 40px 0;
  color: #444; }
  section.account h1 {
    margin-top: 0; }
  section.account h2 {
    font-family: DINRegular;
    font-weight: normal;
    font-size: 1.8em;
    margin: 1.5em 0 1em 0;
    color: #663333; }
  section.account h3 {
    font-family: DINRegular;
    font-weight: normal;
    font-size: 1.2em;
    margin: 1.5em 0 1em 0;
    color: #663333; }
  section.account .breadcrumb {
    color: #888;
    font-family: DINRegular;
    font-size: 1.1em; }
    section.account .breadcrumb a {
      color: inherit;
      text-decoration: none; }
      section.account .breadcrumb a:after {
        font-family: Arial;
        font-size: 0.8em;
        content: "  >  "; }
    section.account .breadcrumb a:last-child:after {
      content: ""; }
    @media (max-width: 480px) {
      section.account .breadcrumb {
        padding-left: 20px;
        padding-right: 20px; } }
  section.account .button-action {
    font-size: 1.4em;
    padding: 14px;
    border: solid 4px #fff;
    border-radius: 0; }
    @media (max-width: 480px) {
      section.account .button-action {
        padding: 6px;
        font-size: 1em;
        border-width: 2px; } }
  section.account button.button-action {
    box-sizing: border-box;
    font-size: 1.2em;
    background-color: #609191;
    color: #fff;
    border: 0;
    padding: 0;
    font-family: DINRegular;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 2px;
    display: block;
    margin-top: 12px; }

.acct-menu {
  border: solid 1px #ddd;
  border-right: 0;
  border-left: 0;
  margin-top: 40px; }
  .acct-menu a {
    display: inline-block;
    box-sixing: border-box;
    padding: 10px;
    text-decoration: none;
    font-family: DINRegular;
    font-size: 1.2em;
    color: #663333; }
    .acct-menu a:hover {
      color: #c7732e; }

.acct-table-data td, .acct-table-data th {
  padding: 8px 5px 8px 5px;
  text-align: left; }

.acct-table-data th {
  text-align: left;
  border-bottom: solid 3px #ebe3d7;
  font-size: 1.2em;
  font-family: DINBlack;
  letter-spacing: 0em; }
  @media (max-width: 480px) {
    .acct-table-data th {
      font-size: 1em; } }

@media (max-width: 480px) {
  .acct-table-data {
    margin-right: 10px;
    margin-left: 10px;
    box-sizing: border-box; } }

section.account .homepage-badge .__textbutton {
  font-size: 1.5em;
  font-family: DINRegular;
  padding-left: 10px; }

@media (max-width: 640px) {
  section.account .homepage-badge {
    padding: 0; } }

.faq_question {
  color: #a85768;
  font-family: DINRegular;
  text-decoration: none;
  font-size: 18px;
  text-transform: uppercase;
  display: block;
  padding-top: 5px;
  margin-bottom: 5px;
  box-sizing: border-box; }

.faq_question:hover, .faq_question.selected {
  color: #231209;
  font-weight: normal;
  background-repeat: no-repeat;
  background-position: 0 0px; }

.faq_question.selected {
  border-top: solid 2px #a85768;
  font-family: DINBlack; }

.faq_answer {
  border-bottom: solid 2px #a85768;
  padding-bottom: 50px; }

h2.faqheading {
  font-family: DINRegular;
  text-transform: uppercase;
  letter-spacing: -2px;
  font-size: 1.9em;
  margin: 50px 0 10px 0; }

@media (min-width: 640px) {
  .formsection-login {
    margin-right: 20px; }
  .formsection-register {
    margin-left: 20px; } }

.js-radio-image {
  cursor: pointer;
  padding: 15px; }
  .js-radio-image input[type="radio"] {
    position: absolute;
    left: -99999px; }
  .js-radio-image > span {
    display: block; }
  .js-radio-image img {
    border: solid 10px #fff; }
  .js-radio-image.active {
    background-color: #9ed8e3; }

.subscription-item-choice {
  margin: 10px; }
  .subscription-item-choice img {
    width: 100%; }

.subscription-lp {
  max-width: 1200px; }
  .subscription-lp h2 {
    font-family: DINRegular;
    font-size: 2.2em;
    margin: 0; }
    @media (max-width: 480px) {
      .subscription-lp h2 {
        font-size: 1.5em; } }
  @media (max-width: 480px) {
    .subscription-lp {
      font-size: 0.8em; } }

#why-join {
  background-color: #f2ebdc;
  color: #5a3b34;
  padding: 40px 0 40px 0; }
  #why-join p {
    font-size: 2em;
    font-family: DINRegular;
    line-height: 1.8em;
    max-width: 80%;
    margin-bottom: 0; }
    #why-join p strong {
      font-family: DINBlack; }
    #why-join p.list {
      font-family: DINBlack;
      text-transform: uppercase;
      line-height: 1.5em; }
  #why-join img {
    max-width: 40%;
    height: 460px;
    display: table-cell; }
  #why-join h2 {
    font-family: DINBlack;
    font-size: 4em; }
    @media (max-width: 480px) {
      #why-join h2 {
        font-size: 2.5em;
        padding-left: 20px;
        padding-right: 20px; } }
  #why-join .subscribe-action-button {
    background-color: #55758d; }
  #why-join .hr {
    border-top: solid 3px #5a3b34;
    max-width: 200px;
    font-size: 0.01px;
    margin: 20px 0 32px 0; }

#samsung-movie-lounge {
  color: #5a3b34;
  padding: 40px 0 40px 0;
  background-color: #ebe3d7; }
  #samsung-movie-lounge h2 {
    font-family: DINBlack;
    text-transform: uppercase;
    font-size: 4em;
    color: #55758d;
    margin-bottom: 0.5em;
    max-width: 95%; }
    @media (max-width: 480px) {
      #samsung-movie-lounge h2 {
        font-size: 2.5em;
        padding-left: 30px;
        padding-right: 30px; } }
  #samsung-movie-lounge p {
    margin: 0 0 1em 0;
    font-size: 1.8em;
    font-family: DINRegular; }
    #samsung-movie-lounge p strong {
      font-family: DINBlack; }
    #samsung-movie-lounge p .uppercase {
      text-transform: uppercase; }
    #samsung-movie-lounge p.subtitle {
      margin-bottom: 2em;
      text-transform: uppercase; }
  #samsung-movie-lounge .subscribe-action-button {
    background-color: #55758d;
    margin-top: 0; }
  #samsung-movie-lounge .left {
    text-align: right; }
  #samsung-movie-lounge .right {
    text-align: left;
    padding-left: 40px;
    font-size: 1.3em; }
    #samsung-movie-lounge .right p {
      max-width: 88%;
      line-height: 1.3em; }
    @media (max-width: 480px) {
      #samsung-movie-lounge .right {
        font-size: 1.2em; } }
  #samsung-movie-lounge img {
    max-height: 290px;
    width: auto; }

#how-it-works {
  background-color: #fff;
  padding: 40px 0 40px 0; }
  #how-it-works h2 {
    font-family: DINBlack;
    color: #5a3b34;
    text-transform: uppercase;
    font-size: 4em;
    margin-bottom: 40px; }
    @media (max-width: 480px) {
      #how-it-works h2 {
        font-size: 2.5em;
        padding-left: 20px;
        padding-right: 20px; } }
  #how-it-works span {
    display: table-cell;
    font-family: DINBlack;
    color: #5a3b34;
    font-size: 2.2em;
    max-width: 300px;
    line-height: 1.2em;
    height: 150px;
    vertical-align: middle; }
    @media (max-width: 480px) {
      #how-it-works span {
        font-size: 2em; } }

.subscription-signup-form {
  background-color: #b9cad6;
  padding: 40px 0 40px 0; }
  .subscription-signup-form p {
    max-width: 70%;
    font-family: DINRegular;
    font-size: 2.2em;
    line-height: 1.3em;
    color: #324857; }
    .subscription-signup-form p strong {
      font-family: DINBlack; }
  .subscription-signup-form h2 {
    font-family: DINBlack;
    color: #425b6d;
    text-transform: uppercase;
    font-size: 4em;
    margin-bottom: 40px;
    display: block; }
    @media (max-width: 480px) {
      .subscription-signup-form h2 {
        font-size: 2.5em;
        padding-left: 20px;
        padding-right: 20px; } }
  .subscription-signup-form .js-radio-image {
    padding: 20px; }
    .subscription-signup-form .js-radio-image:nth-child(1) {
      margin-left: 40px; }
    .subscription-signup-form .js-radio-image:nth-child(1) {
      margin-right: 40px; }
    .subscription-signup-form .js-radio-image > span {
      font-size: 2.3em;
      padding-top: 20px;
      font-family: DINBlack;
      color: #425b6d;
      text-transform: uppercase;
      display: block;
      padding-bottom: 10px; }
      .subscription-signup-form .js-radio-image > span .subtext {
        font-family: DINRegular; }
    .subscription-signup-form .js-radio-image img {
      border-color: #b9cad6; }
    .subscription-signup-form .js-radio-image.active {
      background-color: #609191; }
      .subscription-signup-form .js-radio-image.active span {
        color: #fff; }
      .subscription-signup-form .js-radio-image.active img {
        border-color: #fff; }
  .subscription-signup-form input[type="submit"] {
    background-color: #609191;
    color: #fff;
    margin-top: 20px;
    border: solid 3px #fff;
    padding: 15px 20px 15px 20px;
    font-family: DINBlack;
    text-transform: uppercase;
    font-size: 2em; }
  .subscription-signup-form.buy-as-gift {
    padding: 40px; }
    @media (max-width: 480px) {
      .subscription-signup-form.buy-as-gift {
        padding-left: 10px;
        padding-right: 10px; }
        .subscription-signup-form.buy-as-gift .js-radio-image {
          margin: 10px; }
          .subscription-signup-form.buy-as-gift .js-radio-image .subtext {
            display: block; } }

.subscribe-action-button {
  background-color: #609191;
  color: #fff;
  margin-top: 40px;
  border: solid 3px #fff;
  padding: 15px 20px 15px 20px;
  font-family: DINBlack;
  text-transform: uppercase;
  font-size: 2em;
  text-decoration: none;
  display: inline-block; }

section.subscription-buy {
  max-width: 980px;
  font-size: 1.2em;
  padding: 40px 0 40px 0; }
  section.subscription-buy h1 {
    margin-top: 0; }
  section.subscription-buy button.button-action {
    box-sizing: border-box;
    font-size: 1.2em;
    background-color: #609191;
    color: #fff;
    border: 0;
    padding: 0;
    font-family: DINRegular;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 2px;
    display: block;
    margin-top: 12px; }
  section.subscription-buy .button-action-buy {
    box-sizing: border-box;
    font-size: 1.6em;
    background-color: #609191;
    color: #fff;
    border: 0;
    padding: 0;
    font-family: DINRegular;
    text-transform: uppercase;
    padding: 20px;
    border-radius: 0;
    border: solid 5px #fff;
    display: block;
    margin-top: 12px; }

#subscription-faq {
  background-color: #fff;
  padding: 40px 40px 40px 40px;
  text-align: left; }
  #subscription-faq h2 {
    font-family: DINBlack;
    color: #5a3b34;
    text-transform: uppercase;
    font-size: 4em;
    margin-bottom: 20px; }
    @media (max-width: 480px) {
      #subscription-faq h2 {
        font-size: 2.5em;
        padding-left: 20px;
        padding-right: 20px; } }
  #subscription-faq .faq_question {
    margin-top: 15px;
    max-width: 95%;
    border-bottom: solid 1px #5a3b34;
    padding: 10px 0 0px 0;
    min-height: 55px; }
    #subscription-faq .faq_question.selected {
      color: #5a3b34;
      border-top: 0;
      border-bottom: 0; }
  #subscription-faq .faq_answer {
    font-family: DINRegular;
    font-size: 1.5em;
    line-height: 1.4em;
    max-width: 95%;
    color: #5a3b34; }
    #subscription-faq .faq_answer a {
      color: #5a3b34; }

button.button-action {
  box-sizing: border-box;
  font-size: 1.2em;
  background-color: #609191;
  color: #fff;
  border: 0;
  padding: 0;
  font-family: DINRegular;
  text-transform: uppercase;
  padding: 10px;
  border-radius: 2px;
  display: block;
  margin-top: 12px; }

@media (max-width: 480px) {
  .subscription-order-summary {
    font-size: 0.8em; } }

.subscription-order-summary p {
  font-size: 1.4em; }

.subscription-order-summary h2 {
  font-family: "DINBlack";
  font-size: 2em; }

.subscription-subtotal {
  font-size: 1.6em;
  border-top: solid 1px #bbb;
  border-bottom: solid 1px #bbb;
  padding: 20px 0 20px 0;
  margin: 20px 0 40px 0;
  line-height: 1.6em; }
  @media (max-width: 480px) {
    .subscription-subtotal {
      font-size: 1.2em; } }

#gift-how-it-works {
  background-color: #fff;
  padding: 40px 0 40px 0; }
  #gift-how-it-works h2 {
    font-family: DINBlack;
    color: #5a3b34;
    text-transform: uppercase;
    font-size: 3em;
    margin-bottom: 40px;
    max-width: 70%; }
    @media (max-width: 480px) {
      #gift-how-it-works h2 {
        font-size: 2em; } }
  #gift-how-it-works p {
    font-size: 2em;
    max-width: 60%;
    font-family: DINRegular;
    line-height: 1.3em;
    color: #324857; }
    #gift-how-it-works p strong {
      font-family: DINBlack; }
  #gift-how-it-works span {
    display: table-cell;
    font-family: DINBlack;
    color: #5a3b34;
    font-size: 2.2em;
    max-width: 300px;
    line-height: 1.2em;
    height: 150px;
    vertical-align: middle; }

.button-action-buy {
  box-sizing: border-box;
  font-size: 1.6em;
  background-color: #609191;
  color: #fff;
  border: 0;
  padding: 0;
  font-family: DINRegular;
  text-transform: uppercase;
  padding: 20px;
  border-radius: 0;
  border: solid 5px #fff;
  display: block;
  margin-top: 12px; }
  @media (max-width: 480px) {
    .button-action-buy {
      font-size: 1.2em;
      padding: 10px;
      border-width: 2px; } }

section.simply-lp #banner {
  max-width: 100%; }

section.simply-lp .simply-lp-textsection {
  background-color: #A6C3BF;
  max-width: 1200px;
  padding: 50px 0 50px 0;
  color: #fff;
  font-size: 2em;
  font-family: "DINRegular"; }
  section.simply-lp .simply-lp-textsection p {
    max-width: 80%;
    line-height: 1.3em; }
  section.simply-lp .simply-lp-textsection h1 {
    margin: 0;
    font-family: "DINRegular";
    font-size: 2.5em;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 1em; }

section.simply-lp .simply-lp-product {
  max-width: 1200px;
  color: #fff;
  font-size: 2em; }
  section.simply-lp .simply-lp-product img {
    max-width: 100%; }
  section.simply-lp .simply-lp-product .simply-product-text-column {
    padding: 50px 0 30px 0; }
    @media (max-width: 480px) {
      section.simply-lp .simply-lp-product .simply-product-text-column {
        padding: 0 0 30px 0; } }
  section.simply-lp .simply-lp-product p {
    font-size: 0.8em;
    max-width: 80%; }
    section.simply-lp .simply-lp-product p.highlight {
      font-size: 1.2em;
      line-height: 1.4em; }
  section.simply-lp .simply-lp-product h2 {
    margin: 0;
    font-family: "DINRegular";
    font-size: 2.5em;
    color: #fff;
    text-transform: uppercase;
    max-width: 70%; }
  section.simply-lp .simply-lp-product .buy-now {
    display: inline-block;
    background-color: #593932;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 40px 15px 40px;
    font-family: "DINRegular"; }
  section.simply-lp .simply-lp-product.simply-lp-product-yellow {
    background-color: #F7C939; }
  section.simply-lp .simply-lp-product.simply-lp-product-blue {
    background-color: #A6C3BF; }

.simply-product-lp .extended-flavour-info {
  background-color: #ebe3d7;
  color: #663333;
  padding: 20px;
  text-align: center;
  font-size: 1.8em;
  font-family: "DINRegular";
  max-width: 1200px;
  margin-top: 10px;
  color: #c68745;
  display: flex;
  justify-content: space-between;
  text-align: center; }
  .simply-product-lp .extended-flavour-info > div {
    flex-grow: 1;
    flex-basis: 0; }
  .simply-product-lp .extended-flavour-info div:nth-child(2) {
    flex-grow: 3; }
  .simply-product-lp .extended-flavour-info .signature-inc {
    display: block;
    max-width: 130px; }
  .simply-product-lp .extended-flavour-info .signature {
    display: flex;
    align-items: flex-end;
    justify-content: center; }
    .simply-product-lp .extended-flavour-info .signature img {
      max-width: 150px; }
  @media only screen and (max-width: 1000px) {
    .simply-product-lp .extended-flavour-info {
      flex-direction: column; }
      .simply-product-lp .extended-flavour-info .joe-pic {
        display: none; } }
  .simply-product-lp .extended-flavour-info h4 {
    margin-top: 0.4em;
    font-family: "SnellRoundhandLTStd-Scr";
    font-size: 2.2em;
    transform: rotate(-6deg);
    color: #663333;
    padding-bottom: 15px;
    background-image: url(/images/line-and-diamond-brown.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 50%;
    margin-bottom: 40px; }
  .simply-product-lp .extended-flavour-info p {
    margin-top: 0;
    margin-bottom: 0.5em; }

.cart2018 input.invalid {
  background-color: #d75f67;
  color: #fff; }

.cart2018 .address, .cart2018 .guest-login-option {
  background-color: #ebe3d7;
  padding: 20px;
  margin-bottom: 10px;
  border-radius: 5px; }
  .cart2018 .address h2, .cart2018 .guest-login-option h2 {
    text-transform: none;
    color: #444; }

.cart2018 .address {
  background-color: #eee; }
  .cart2018 .address h2 {
    margin: 0; }
  .cart2018 .address .address-details {
    display: none; }
  .cart2018 .address.active {
    background-color: #ebe3d7; }
    .cart2018 .address.active h2 {
      color: #663333;
      margin-bottom: 0.5em; }
    .cart2018 .address.active .address-details {
      display: block; }

.cart2018 .address-delivery-country {
  display: none; }
  .cart2018 .address-delivery-country select {
    width: 100%; }

.cart2018 .address-delivery-country-text span {
  font-family: "DINBlack"; }

.cart2018 .c2a-wrapper .disable-c2a {
  margin-top: 10px;
  display: block; }

.cart2018 .guest-login-option .guest-login-option-radio {
  margin-bottom: 10px; }
  .cart2018 .guest-login-option .guest-login-option-radio input[type="radio"], .cart2018 .guest-login-option .guest-login-option-radio label {
    display: inline;
    cursor: pointer; }

.cart2018 .guest-login-option .login-form, .cart2018 .guest-login-option .js-checkout-guest {
  display: none;
  margin-top: 20px; }

.cart2018 input[type="submit"] {
  border: 0;
  padding: 10px;
  background-color: #609191;
  color: #FFF;
  text-transform: uppercase;
  display: block;
  border-radius: 5px; }

.cart2018 .address-delivery-selection {
  margin-top: 10px; }

.cart2018 .button-change-address {
  color: #609191;
  margin-top: 5px;
  text-decoration: underline; }

.cart2018 .saved-address-selection-option {
  margin-bottom: 10px; }

.checkout-2018 .card-option {
  font-size: 1.4em;
  background-color: #ebe3d7;
  margin: 0;
  padding: 20px;
  text-align: left; }
  .checkout-2018 .card-option .cards img {
    max-width: 50px; }
  .checkout-2018 .card-option h2 {
    margin: 0 0 1em 0;
    font-family: "DINBlack"; }
  .checkout-2018 .card-option button {
    border: 0;
    padding: 15px;
    background-color: #609191;
    color: #FFF;
    text-transform: uppercase;
    display: inline-block;
    width: auto;
    text-decoration: none; }
    .checkout-2018 .card-option button:hover {
      background-color: #4c7272; }

.checkout-2018 .paypal-option {
  font-size: 1.4em;
  background-color: #ebe3d7;
  margin-top: 10px;
  text-align: left;
  padding: 20px; }
  .checkout-2018 .paypal-option a {
    font-size: 0.9em;
    border: 0;
    padding: 7px;
    background-color: #dacbb5;
    border: solid 2px #b68a59;
    color: #663333;
    font-family: "DINBlack";
    text-transform: uppercase;
    display: inline-block;
    width: auto;
    text-decoration: none; }
    .checkout-2018 .paypal-option a:hover {
      background-color: #d2bfa4; }

.checkout-2018 #card-errors {
  display: none;
  background-color: #d75f67;
  padding: 10px;
  display: block;
  color: #fff;
  margin-top: 5px;
  border-radius: 5px; }

section.bites-lp #banner {
  max-width: 100%; }

section.bites-lp .buy-now {
  display: block;
  border: solid 3px #fff;
  max-width: 200px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 15px; }

section.bites-lp .bites-lp-textsection {
  background-color: #68bfd6;
  max-width: 1200px;
  padding: 50px 0 50px 0;
  color: #fff;
  font-size: 2em;
  font-family: "DINRegular"; }
  section.bites-lp .bites-lp-textsection p {
    max-width: 80%;
    line-height: 1.3em; }
  section.bites-lp .bites-lp-textsection h1 {
    margin: 0;
    font-family: "DINRegular";
    font-size: 2.5em;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 1em; }

section.bites-lp .bites-lp-heading {
  padding: 20px 0 20px 0;
  text-transform: uppercase; }
  section.bites-lp .bites-lp-heading h2 {
    font-size: 1.7em;
    margin: 0 0 5px 0; }
  section.bites-lp .bites-lp-heading h1 {
    font-size: 2em;
    margin: 0; }

section.bites-lp .bites-column-section {
  max-width: 1200px; }
  section.bites-lp .bites-column-section .column {
    background-color: #68bfd6; }
  section.bites-lp .bites-column-section.red .column {
    background-color: #ff000d; }
    section.bites-lp .bites-column-section.red .column .bites-lp-textsection {
      background-color: #ff000d; }
  section.bites-lp .bites-column-section img.fill-column {
    width: 100%;
    max-width: 100%; }

section.bites-lp .bites-lp-product {
  background-color: #e3d7c6;
  max-width: 1200px; }
  section.bites-lp .bites-lp-product img {
    max-width: 100%; }
  section.bites-lp .bites-lp-product .bites-product-text-column {
    padding: 50px 0 30px 0; }
    @media (max-width: 480px) {
      section.bites-lp .bites-lp-product .bites-product-text-column {
        padding: 0 0 30px 0; } }
  section.bites-lp .bites-lp-product a {
    color: #663333 !important; }
  section.bites-lp .bites-lp-product p {
    font-size: 0.8em;
    max-width: 80%; }
    section.bites-lp .bites-lp-product p.highlight {
      font-size: 1.2em;
      line-height: 1.4em; }
  section.bites-lp .bites-lp-product h2 {
    margin: 0;
    font-family: "DINRegular";
    font-size: 2.5em;
    color: #663333;
    text-transform: uppercase;
    max-width: 70%; }
  section.bites-lp .bites-lp-product .buy-now {
    display: inline-block;
    border-color: #663333;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 40px 15px 40px;
    font-family: "DINRegular"; }
  section.bites-lp .bites-lp-product button.add-to-basket-button {
    display: block;
    font-size: 2em;
    background-color: transparent !important;
    margin: 20px;
    border: solid 3px #663333 !important;
    padding: 15px !important;
    color: #663333 !important; }

section.bundles .breadcrumb {
  text-align: left;
  padding-top: 30px;
  color: #888;
  margin-bottom: 20px; }
  section.bundles .breadcrumb a {
    color: inherit;
    text-decoration: none; }
    section.bundles .breadcrumb a:hover {
      text-decoration: underline; }

.bundle h1 {
  margin: 0.5em 0 0.5em 0 !important; }

.bundle .column {
  text-align: left;
  font-size: 1.2em;
  line-height: 1.4em; }

.bundle .column.info {
  padding: 30px 30px 30px 30px; }

.bundle h2 {
  font-family: DINRegular;
  margin: 0 0 1em 0;
  font-size: 1.8em; }

.bundle ul {
  margin: 0;
  padding: 0 0 0 17px; }
  .bundle ul li {
    margin: 0;
    padding: 0; }
  .bundle ul li a {
    text-decoration: none;
    color: inherit; }
    .bundle ul li a:hover {
      text-decoration: underline; }

.bundle .description {
  margin: 10px 0 10px 0; }

.bundle button.button {
  box-sizing: border-box;
  font-size: 1.6em;
  background-color: #fff;
  color: #609191;
  border: 0;
  padding: 0;
  font-family: DINRegular;
  text-transform: uppercase;
  padding: 20px;
  border-radius: 0;
  border: solid 5px #609191;
  display: block; }

section#events h2 {
  border-top: solid 1px #ddd;
  max-width: 1200px;
  font-family: DINRegular;
  font-size: 3em;
  color: #663333;
  padding: 1em 0 0 0; }

.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 1;
  padding: 20px;
  box-sizing: border-box;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center; }

.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em; }

.blocker.behind {
  background-color: transparent; }

.modal {
  font-size: 1.4em;
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 800px;
  box-sizing: border-box;
  width: 90%;
  background: #ebe3d7;
  padding: 15px 30px;
  -webkit-box-shadow: 0 0 5px #555;
  -moz-box-shadow: 0 0 5px #555;
  -o-box-shadow: 0 0 5px #555;
  -ms-box-shadow: 0 0 5px #555;
  box-shadow: 0 0 5px #555;
  text-align: left; }

.modal a.close-modal {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPhJREFUeNqkk9sNwjAMRYvFAlmhK3QGRqASC5ARYARgg3QE+OcHRqArdIWuQIwcFEV2bMqV3Cipc5L4sbpfdk0hF21uFgqKeRftRaMmR757CYiQR7SWxk6BJZ8QbVsCE8wxG2qwpJDmQA7XDFbbKB30XQe6bmt4mlNCgf9P6/gZsmvXoJMS1zFan2KIUK8kQYNtsNzyLGtQSXOCcXWI0PNSGAdEHbO4WmBjrVN+0UTWaMBQtpOgshlYoBUmQuEPGAsFIwwTcLNAEXgwwDCbvZL9DxTIaTSWhlegA0j1ROLWJahPQKlIfeXm+O/JHQLC87yhW3rO9y3AANzmSI/fpnPsAAAAAElFTkSuQmCC"); }

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px; }

.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out; }

.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.modal-spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.5); }
  20% {
    -webkit-transform: scaleY(1); } }

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5); }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1); } }

#mailinglist_join_modal, #referafriend_modal {
  color: #663333;
  padding: 30px; }
  #mailinglist_join_modal p, #referafriend_modal p {
    text-align: center; }
  #mailinglist_join_modal .heading, #referafriend_modal .heading {
    font-family: DINBlack;
    font-size: 1.8em;
    text-align: center;
    margin: 0 0 20px 0;
    text-transform: uppercase; }
  #mailinglist_join_modal .error, #referafriend_modal .error {
    display: none;
    color: red; }
  #mailinglist_join_modal .success, #referafriend_modal .success {
    display: none;
    background-color: #609191;
    padding: 20px;
    color: #fff; }
    #mailinglist_join_modal .success a, #referafriend_modal .success a {
      display: inline-block;
      padding: 10px;
      background-color: transparent;
      color: #fff;
      text-decoration: none;
      font-size: 0.9em;
      font-family: "DINRegular";
      text-transform: uppercase;
      border: solid 2px #fff;
      margin-top: 20px; }
  #mailinglist_join_modal .terms, #referafriend_modal .terms {
    font-size: 0.8em;
    text-align: center;
    margin-top: 20px;
    max-width: 80%; }
    #mailinglist_join_modal .terms a, #referafriend_modal .terms a {
      color: inherit; }
  #mailinglist_join_modal form, #referafriend_modal form {
    margin-top: 20px;
    text-align: center; }
    #mailinglist_join_modal form input[type="text"], #mailinglist_join_modal form input[type="email"], #referafriend_modal form input[type="text"], #referafriend_modal form input[type="email"] {
      background-color: #fff;
      padding: 5px;
      font-family: "DINRegular";
      color: #663333;
      font-size: 1.2em;
      max-width: 300px;
      width: 80%; }
    #mailinglist_join_modal form input[type="submit"], #referafriend_modal form input[type="submit"] {
      background-color: #609191;
      border: 0;
      color: #fff;
      padding: 9px;
      text-transform: uppercase;
      font-family: "DINRegular";
      font-size: 0.9em;
      position: relative;
      top: -1px; }

#mailinglist_join_terms_modal {
  line-height: 1.4em; }

.modal-2023 {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  /* Modal Content/Box */
  /* The Close Button */ }
  .modal-2023 .modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    /* 15% from the top and centered */
    padding: 20px;
    width: 80%;
    /* Could be more or less, depending on screen size */ }
  .modal-2023 .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold; }
  .modal-2023 .close:hover,
  .modal-2023 .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer; }

.modal-2023 .modal-content.leave-intent-modal {
  max-width: 400px;
  background-color: #ebe3d7; }

.personal-message-modal h2 {
  font-family: "DINRegular";
  font-weight: normal; }

.personal-message-modal textarea {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 10px;
  font-family: "DINRegular"; }

.personal-message-modal .btn {
  display: inline-block;
  background-color: #609191;
  color: #fff !important;
  padding: 10px;
  font-size: 1em;
  font-family: "DINRegular";
  text-transform: uppercase;
  text-decoration: none;
  border: 0; }
  .personal-message-modal .btn:hover {
    background-color: #4c7272; }
  .personal-message-modal .btn.secondary {
    background-color: #b68a59; }
    .personal-message-modal .btn.secondary:hover {
      background-color: #997043; }

section#multigift {
  font-size: 1.2em;
  max-width: 1200px;
  color: #663333; }
  section#multigift .breadcrumb {
    color: #888; }
    section#multigift .breadcrumb a {
      color: inherit;
      text-decoration: none; }
      section#multigift .breadcrumb a:hover {
        color: #609191; }
  section#multigift h2 {
    font-family: "DINRegular";
    font-size: 2em; }
  section#multigift h3 {
    font-family: "DINRegular";
    font-size: 1.5em; }
  section#multigift .message {
    background-color: #609191;
    padding: 10px;
    color: #fff; }
  section#multigift .address-table {
    width: 100%; }
    section#multigift .address-table input[type="checkbox"] {
      font-size: 1.4em; }
    section#multigift .address-table td, section#multigift .address-table th {
      padding: 10px;
      border-bottom: solid 1px #ddd;
      text-align: left; }
    section#multigift .address-table th {
      font-family: "DINRegular";
      background-color: #fff;
      font-size: 1.4em;
      border-top: solid 1px #ddd; }
    section#multigift .address-table tr:nth-child(even) {
      background-color: #ebe3d7; }
    section#multigift .address-table tr.form {
      background-color: #fff; }
      section#multigift .address-table tr.form input[type="text"] {
        padding: 10px;
        border-radius: 5px;
        border: solid 1px #ddd;
        font-size: 1.2em;
        width: 100%;
        box-sizing: border-box; }
    section#multigift .address-table a {
      color: inherit;
      text-decoration: none;
      color: #609191; }
      section#multigift .address-table a.js-gift-message {
        font-size: 1.5em; }
  section#multigift .btn {
    display: inline-block;
    background-color: #609191;
    color: #fff !important;
    padding: 10px;
    font-size: 1em;
    font-family: "DINRegular";
    text-transform: uppercase;
    text-decoration: none;
    border: 0; }
    section#multigift .btn:hover {
      background-color: #4c7272; }
    section#multigift .btn.secondary {
      background-color: #b68a59; }
      section#multigift .btn.secondary:hover {
        background-color: #997043; }
  section#multigift .js-checkbox-actions {
    margin-top: 10px; }
  section#multigift #add_recipient_manually_form {
    max-width: 500px;
    text-align: left; }
    section#multigift #add_recipient_manually_form label {
      display: block;
      text-align: left;
      font-weight: bold; }
      section#multigift #add_recipient_manually_form label span {
        color: red; }
    section#multigift #add_recipient_manually_form input[type="text"] {
      padding: 10px;
      border-radius: 5px;
      border: solid 1px #ddd;
      font-size: 1.2em;
      width: 100%;
      box-sizing: border-box;
      margin-bottom: 20px; }
  section#multigift .example-csv {
    border: solid 3px #bbb;
    border-collapse: collapse;
    margin: 20px;
    box-shadow: 3px 3px 5px #888888; }
    section#multigift .example-csv td {
      padding: 7px;
      border: solid 1px #ddd; }
  section#multigift .backbutton {
    margin-top: 40px;
    display: block;
    color: #888;
    text-decoration: none; }
  section#multigift .pouch-info .price {
    font-size: 1.5em; }
  section#multigift .pouch-info a.js-select-gift {
    color: #fff;
    padding: 5px;
    display: inline-block;
    background-color: #609191;
    font-size: 1.3em;
    font-family: "DINRegular";
    text-transform: uppercase;
    margin-top: 5px; }
  section#multigift .pouch.inactive {
    opacity: 0.3; }
    section#multigift .pouch.inactive a.js-select-gift {
      background-color: #b68a59; }
    section#multigift .pouch.inactive:hover {
      opacity: 1; }
      section#multigift .pouch.inactive:hover a.js-select-gift {
        background-color: #609191; }
  section#multigift .js-order-confirmation table {
    max-width: 500px;
    width: 100%;
    border: solid 2px #bbb;
    border-collapse: collapse;
    margin: 20px; }
    section#multigift .js-order-confirmation table td {
      padding: 7px;
      border: solid 1px #ddd; }
    section#multigift .js-order-confirmation table tr.totals td {
      background-color: #f2f2f2; }

#refer-a-friend {
  color: #663333;
  padding-bottom: 50px; }
  #refer-a-friend p {
    font-size: 1.4em; }
    #refer-a-friend p.intro {
      font-size: 1.6em;
      max-width: 700px;
      line-height: 1.6em; }
    #refer-a-friend p strong {
      font-family: "DINBlack";
      font-size: 1.1em; }
  #refer-a-friend form input[type="text"] {
    width: 100%;
    max-width: 600px;
    padding: 10px;
    font-family: "DINRegular";
    font-size: 1.5em; }
  #refer-a-friend form input[type="submit"] {
    border: 0;
    padding: 11px;
    position: relative;
    top: 2px;
    background-color: #609191;
    color: #FFF;
    text-transform: uppercase;
    display: inline-block;
    width: auto;
    text-decoration: none;
    font-size: 1.5em; }
    #refer-a-friend form input[type="submit"]:hover {
      background-color: #4c7272; }
  #refer-a-friend .code {
    font-family: "DINRegular", courier;
    font-size: 2em;
    background-color: #ddd;
    display: inline-block;
    padding: 20px;
    letter-spacing: 0.3em; }
  #refer-a-friend .social-share {
    font-size: 5em;
    padding: 0;
    margin: 0; }
    #refer-a-friend .social-share a {
      color: #609191;
      text-decoration: none; }
  #refer-a-friend .terms-link {
    margin-top: 30px;
    font-size: 1em;
    color: #663333; }
    #refer-a-friend .terms-link a {
      color: inherit;
      text-decoration: underline; }
      #refer-a-friend .terms-link a:hover {
        color: #609191; }

.header .partnerlogo {
  display: inline-block;
  position: absolute;
  top: 35px;
  left: 180px;
  bottom: 40px;
  max-width: 160px; }
  .header .partnerlogo.britishairways {
    top: 20px;
    left: 200px; }
  .header .partnerlogo.aerlingus {
    max-width: 200px;
    top: 38px; }
  .header .partnerlogo.flyingblue {
    max-width: 200px; }

.header-mobile .partnerlogo {
  position: absolute;
  top: 20px;
  left: 130px;
  bottom: 40px;
  max-width: 160px; }
  .header-mobile .partnerlogo.britishairways {
    top: 10px; }
  .header-mobile .partnerlogo.aerlingus {
    top: 22px; }

.rbcustomiser {
  display: none;
  overflow: hidden;
  box-sizing: border-box;
  display: block; }
  .rbcustomiser h2 {
    color: #663333;
    font-family: "DINBlack";
    font-size: 1.4em; }
  .rbcustomiser .canvas {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0; }
    .rbcustomiser .canvas .overlay {
      position: absolute;
      z-index: 500;
      top: 0;
      left: 0;
      overflow: hidden;
      text-align: center;
      border: 0;
      resize: none; }
  .rbcustomiser.gift-customiser {
    background-color: #fff;
    text-align: center;
    padding: 0;
    margin: 0; }

.form-personalise {
  padding: 10px; }
  .form-personalise * {
    box-sizing: border-box; }
  .form-personalise textarea {
    width: 100%;
    border: solid 0px #b68a59;
    font-size: 1.5em;
    padding: 20px;
    background-color: #dacbb5; }

#geoip_modal {
  color: #663333; }
  #geoip_modal .heading {
    font-family: DINBlack;
    font-size: 1.6em;
    text-align: center;
    text-transform: uppercase; }
  #geoip_modal .world-map {
    max-width: 150px;
    margin: 30px 0 10px 0; }
  #geoip_modal .country-option {
    background-color: #dacbb5;
    border: solid 1px #dacbb5;
    padding: 20px;
    display: inline-block;
    text-align: center;
    width: 30%;
    color: #663333;
    text-decoration: none; }
    #geoip_modal .country-option:hover {
      border: solid 1px #663333; }
    @media only screen and (max-width: 700px) {
      #geoip_modal .country-option {
        display: block;
        width: 100%;
        margin-bottom: 5px; } }
    #geoip_modal .country-option span {
      display: block;
      margin-top: 10px; }
    #geoip_modal .country-option img {
      width: 50%;
      max-width: 60px;
      height: auto; }
  #geoip_modal .subtext {
    text-align: center;
    margin-top: 30px;
    font-size: 0.9em; }

.form-age-verification select {
  font-size: 1.4em; }

.form-age-verification input[type="submit"] {
  display: block;
  margin: 30px 0 30px 0;
  background-color: #609191;
  color: #fff;
  padding: 15px;
  font-size: 1.2em;
  text-transform: uppercase;
  border: 0; }

.form-age-verification .remove-products {
  margin: 40px 0 20px 0;
  display: block;
  color: #663333;
  font-size: 1.1em; }
  .form-age-verification .remove-products:hover {
    text-decoration: none;
    color: #609191; }

.new-header-style.two-col {
  display: flex;
  max-width: 100%; }
  .new-header-style.two-col .trend-wrapper {
    height: 25px; }
  .new-header-style.two-col div.l {
    width: 60%;
    padding: 15px 5% 0 5%;
    text-align: center; }
    @media (max-width: 1024px) {
      .new-header-style.two-col div.l {
        width: 100%; } }
  .new-header-style.two-col div.r {
    width: 40%; }
    @media (max-width: 1024px) {
      .new-header-style.two-col div.r {
        display: none; }
        .new-header-style.two-col div.r * {
          display: none; } }
    .new-header-style.two-col div.r img {
      width: 100%;
      height: auto; }

.mobile-menu-style {
  display: none;
  position: absolute;
  z-index: 100;
  background-color: #fff;
  width: 100%;
  background-color: #fff;
  height: 100%; }
  .mobile-menu-style * {
    box-sizing: border-box; }
  .mobile-menu-style h3 {
    background-color: #ebe3d7;
    font-family: "DIN Pro Cond Black";
    font-size: 1.8em;
    margin: 0;
    padding: 12px 12px 12px 12px;
    border-bottom: solid 1px #886e4c;
    text-align: left;
    color: #886e4c;
    text-transform: uppercase; }
    .mobile-menu-style h3 a {
      float: right;
      color: inherit;
      text-decoration: none;
      font-family: "DIN Pro Cond"; }
  .mobile-menu-style ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .mobile-menu-style ul li ul li ul li a {
    /* background-color:#fff; */ }
  .mobile-menu-style > ul > li > a {
    background-color: #d8a978; }
  .mobile-menu-style > ul > li > ul > li > a {
    background-color: #ece2d7; }
  .mobile-menu-style > ul > li > ul > li > ul > li > a {
    background-color: #fff; }
  .mobile-menu-style li {
    width: 100%;
    display: block;
    box-sizing: border-box; }
    .mobile-menu-style li a {
      /* background-color:#ece2d7; */
      border-bottom: solid 1px #886e4c;
      color: #663333;
      padding: 12px 0 12px 0;
      text-align: center;
      display: block;
      font-family: "DIN Pro Cond Black";
      text-transform: uppercase;
      font-size: 1.8em;
      text-decoration: none; }
      .mobile-menu-style li a.hidden {
        display: none; }
    .mobile-menu-style li.expands > a {
      /*background-color:#ece2d7; */ }
    .mobile-menu-style li.expands > a:after {
      font-family: FontAwesome;
      content: "\f054";
      margin-left: 10px;
      color: #886e4c; }
    .mobile-menu-style li.expands ul {
      display: none; }
    .mobile-menu-style li.expands.expanded {
      /*
        & ~ li {
          display: none;
        }
        */ }
      .mobile-menu-style li.expands.expanded > a {
        /* background-color:#d8a978; */ }
      .mobile-menu-style li.expands.expanded ul li ul {
        display: none; }
      .mobile-menu-style li.expands.expanded > ul {
        display: block !important; }
      .mobile-menu-style li.expands.expanded > a:before {
        font-family: FontAwesome;
        content: "\f053";
        margin-right: 10px;
        color: #886e4c; }
      .mobile-menu-style li.expands.expanded > a:after {
        content: ""; }

#header-2020 {
  background-color: #fff;
  box-sizing: border-box;
  position: sticky;
  z-index: 999;
  top: 0px; }
  #header-2020 a {
    color: #663333;
    text-decoration: none; }
  #header-2020 hr {
    font-size: 1px;
    height: 0px;
    background-color: transparent;
    border: 0;
    border-bottom: solid 5px #ddd; }
  #header-2020 .header-wrapper {
    margin: 0 auto;
    background-color: #fff;
    max-width: 1200px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    height: 80px; }
    @media (min-width: 1024px) {
      #header-2020 .header-wrapper * {
        flex-grow: 1; } }
  #header-2020 .logo {
    max-width: 140px;
    padding-top: 10px; }
    @media (max-width: 1200px) {
      #header-2020 .logo {
        margin-left: 5px; } }
    #header-2020 .logo img {
      width: 100%;
      height: auto; }
  #header-2020 .secondary-links-wrapper {
    flex-grow: 1; }
    #header-2020 .secondary-links-wrapper .basket-mobile {
      display: none; }
    @media (max-width: 1024px) {
      #header-2020 .secondary-links-wrapper .basket-mobile {
        display: block; }
      #header-2020 .secondary-links-wrapper .basket-desktop {
        display: none; } }
    #header-2020 .secondary-links-wrapper .basket-mobile a {
      position: relative; }
    #header-2020 .secondary-links-wrapper .basket-mobile .counter {
      background-color: #634137;
      display: block;
      font-family: "DINRegular";
      font-size: 0.6em;
      color: #fff;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      padding-top: 5px;
      z-index: 100;
      position: absolute;
      top: 9px;
      right: -5px;
      border: solid 1px #fff; }
  #header-2020 .main-tabs-wrapper {
    flex-grow: 5;
    padding: 0 20px; }
  #header-2020 .mobile-menu-entrypoint {
    flex-grow: 0;
    display: none; }
    #header-2020 .mobile-menu-entrypoint * {
      box-sizing: border-box; }
    @media (max-width: 1024px) {
      #header-2020 .mobile-menu-entrypoint {
        display: flex; } }
    #header-2020 .mobile-menu-entrypoint a {
      color: #634137;
      font-size: 2em;
      height: 80px;
      display: block;
      vertical-align: middle;
      position: relative;
      text-align: center;
      margin: 0;
      font-size: 4em;
      min-width: 60px; }
      #header-2020 .mobile-menu-entrypoint a i {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 40px;
        height: 40px; }
  @media (max-width: 1024px) {
    #header-2020 .main-tabs-wrapper {
      display: none; } }
  #header-2020 .main-tabs, #header-2020 .secondary-links, #header-2020 .tab-link-parents {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 80px; }
    #header-2020 .main-tabs *, #header-2020 .secondary-links *, #header-2020 .tab-link-parents * {
      box-sizing: border-box; }
    #header-2020 .main-tabs li, #header-2020 .secondary-links li, #header-2020 .tab-link-parents li {
      height: 80px;
      text-align: center; }
    #header-2020 .main-tabs a, #header-2020 .secondary-links a, #header-2020 .tab-link-parents a {
      color: #634137;
      font-family: "DIN Pro Cond Black";
      text-decoration: none;
      text-transform: uppercase;
      font-size: 1.8em;
      height: 8px;
      display: inline-block;
      vertical-align: middle;
      padding-top: 28px; }
  #header-2020 .secondary-links {
    flex-wrap: no-wrap;
    justify-content: flex-end;
    margin-top: 8px; }
    #header-2020 .secondary-links a {
      padding: 0;
      padding-top: 20px; }
      @media (max-width: 1024px) {
        #header-2020 .secondary-links a {
          margin-right: 10px; } }
      #header-2020 .secondary-links a i, #header-2020 .secondary-links a img {
        position: relative; }
      #header-2020 .secondary-links a img {
        top: 5px; }
      #header-2020 .secondary-links a i {
        font-size: 1.3em; }
  #header-2020 .tab-panel {
    display: none;
    position: absolute;
    z-index: 100;
    background-color: #fff;
    width: 100%; }
    #header-2020 .tab-panel .content-wrapper {
      max-width: 1200px;
      margin-right: auto;
      margin-left: auto;
      padding: 20px;
      font-size: 1.4em; }
  #header-2020 #tab-panel-shop, #header-2020 #tab-panel-corporate {
    color: #634137;
    -webkit-box-shadow: 7px 14px 18px -8px #949494;
    -moz-box-shadow: 7px 14px 18px -8px #949494;
    box-shadow: 7px 14px 18px -8px #949494; }
    #header-2020 #tab-panel-shop .content-wrapper, #header-2020 #tab-panel-corporate .content-wrapper {
      display: flex; }
    #header-2020 #tab-panel-shop h3, #header-2020 #tab-panel-corporate h3 {
      font-family: "DIN Pro Cond Black";
      margin: 0 0 1em 0;
      text-transform: uppercase;
      text-align: center;
      font-size: 1.4em; }
    #header-2020 #tab-panel-shop .left, #header-2020 #tab-panel-corporate .left {
      width: 82%; }
      #header-2020 #tab-panel-shop .left .grid-4, #header-2020 #tab-panel-corporate .left .grid-4 {
        display: flex;
        flex-wrap: wrap; }
        #header-2020 #tab-panel-shop .left .grid-4 *, #header-2020 #tab-panel-corporate .left .grid-4 * {
          box-sizing: border-box; }
        #header-2020 #tab-panel-shop .left .grid-4 div, #header-2020 #tab-panel-corporate .left .grid-4 div {
          width: 316px;
          border-right: solid 10px #fff; }
          #header-2020 #tab-panel-shop .left .grid-4 div a, #header-2020 #tab-panel-corporate .left .grid-4 div a {
            display: block;
            position: relative;
            border-left: 0;
            border-bottom: solid 10px #fff;
            text-align: center;
            width: 100%; }
            #header-2020 #tab-panel-shop .left .grid-4 div a img, #header-2020 #tab-panel-corporate .left .grid-4 div a img {
              display: block;
              width: 100%;
              height: auto; }
            #header-2020 #tab-panel-shop .left .grid-4 div a span, #header-2020 #tab-panel-corporate .left .grid-4 div a span {
              display: block;
              background-color: #886e4c;
              text-align: center;
              font-family: "DIN Pro Cond";
              text-transform: uppercase;
              font-size: 1.2em;
              margin: 0;
              padding: 5px 0 5px 0;
              box-sizing: border-box;
              color: #fff;
              width: 100%; }
            #header-2020 #tab-panel-shop .left .grid-4 div a:hover span, #header-2020 #tab-panel-corporate .left .grid-4 div a:hover span {
              background-color: #c68745; }
    #header-2020 #tab-panel-shop .right, #header-2020 #tab-panel-corporate .right {
      width: 18%;
      text-align: center; }
      #header-2020 #tab-panel-shop .right ul, #header-2020 #tab-panel-corporate .right ul {
        list-style: none;
        margin: 0;
        padding: 0; }
        #header-2020 #tab-panel-shop .right ul li, #header-2020 #tab-panel-corporate .right ul li {
          line-height: 1.8em;
          font-size: 1.3em;
          font-family: "DIN Pro"; }
        #header-2020 #tab-panel-shop .right ul a:hover, #header-2020 #tab-panel-corporate .right ul a:hover {
          color: #d2a06c; }
        #header-2020 #tab-panel-shop .right ul a.christmas, #header-2020 #tab-panel-corporate .right ul a.christmas {
          background-color: #A50034;
          color: #fff;
          padding: 3px 6px 3px 6px;
          border-radius: 4px;
          margin-top: 5px;
          display: inline-block; }
  #header-2020 #tab-panel-cart {
    color: #634137;
    background-color: transparent;
    border: 0;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    font-family: "DINRegular"; }
    #header-2020 #tab-panel-cart .coins {
      text-align: center;
      background-color: #ebe3d7;
      padding: 5px 0 5px 0;
      font-size: 0.9em; }
    #header-2020 #tab-panel-cart .content-wrapper {
      background-color: #fff;
      padding: 0;
      max-width: 350px;
      border: solid 1px #ddd;
      border-top: 0;
      right: 0;
      position: absolute;
      width: 350px;
      border-top: 0;
      -webkit-box-shadow: 7px 14px 18px -8px #949494;
      -moz-box-shadow: 7px 14px 18px -8px #949494;
      box-shadow: 7px 14px 18px -8px #949494; }
    #header-2020 #tab-panel-cart .basket-contents {
      max-height: 215px;
      overflow: scroll;
      margin: 15px; }
      #header-2020 #tab-panel-cart .basket-contents .item {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px; }
        #header-2020 #tab-panel-cart .basket-contents .item img {
          max-width: 33%; }
        #header-2020 #tab-panel-cart .basket-contents .item > div {
          width: 64%;
          color: #777; }
          #header-2020 #tab-panel-cart .basket-contents .item > div h4 {
            margin: 0 0 0.5em 0;
            font-family: "DINBlack";
            color: #663333; }
          #header-2020 #tab-panel-cart .basket-contents .item > div span {
            line-height: 2em; }
    #header-2020 #tab-panel-cart h3 {
      font-family: "DINBlack";
      text-align: center;
      text-transform: uppercase; }
    #header-2020 #tab-panel-cart .total {
      margin: 15px;
      display: flex;
      justify-content: space-between;
      font-family: "DINBlack"; }
      #header-2020 #tab-panel-cart .total h4 {
        font-size: 1em;
        margin: 0; }
    #header-2020 #tab-panel-cart .go-to-basket {
      background-color: #609191;
      color: #fff;
      text-transform: uppercase;
      text-align: center;
      border: 0;
      padding: 15px 0 15px 0;
      display: block;
      margin: 15px;
      border-radius: 5px; }
  #header-2020 #mobile-cart-popout {
    height: 100vh;
    color: #390300;
    max-width: 80%;
    border-left: solid 1px #390300; }
    #header-2020 #mobile-cart-popout .basket-contents {
      max-height: 285px;
      overflow: scroll;
      margin: 15px;
      font-size: 1.4em; }
      #header-2020 #mobile-cart-popout .basket-contents .item {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        align-items: flex-start; }
        #header-2020 #mobile-cart-popout .basket-contents .item img {
          max-width: 33%;
          height: auto; }
        #header-2020 #mobile-cart-popout .basket-contents .item > div {
          width: 64%;
          color: #777; }
          #header-2020 #mobile-cart-popout .basket-contents .item > div h4 {
            margin: 0 0 0.5em 0;
            font-family: "DINBlack";
            color: #663333; }
          #header-2020 #mobile-cart-popout .basket-contents .item > div span {
            line-height: 2em; }
    #header-2020 #mobile-cart-popout h3 {
      font-family: "DINBlack";
      text-align: center;
      text-transform: uppercase; }
    #header-2020 #mobile-cart-popout .total {
      font-size: 1.4em;
      margin: 15px;
      display: flex;
      justify-content: space-between;
      font-family: "DINBlack"; }
      #header-2020 #mobile-cart-popout .total h4 {
        font-size: 1em;
        margin: 0; }
    #header-2020 #mobile-cart-popout .go-to-basket, #header-2020 #mobile-cart-popout .js-continue-shopping {
      font-size: 1.4em;
      background-color: #609191;
      color: #fff;
      text-transform: uppercase;
      text-align: center;
      border: 0;
      padding: 15px 0 15px 0;
      display: block;
      margin: 15px; }
    #header-2020 #mobile-cart-popout .js-continue-shopping {
      background-color: #ddd;
      color: #444; }

.tunnel .tunnel-hide {
  display: none; }

#shop-pouch-landing-2020 {
  /* Gifts */ }
  #shop-pouch-landing-2020 .review-prompt {
    color: #888;
    font-size: 0.8em;
    text-align: left; }
  @media only screen and (max-width: 769px) {
    #shop-pouch-landing-2020 {
      padding-left: 15px;
      padding-right: 15px; } }
  #shop-pouch-landing-2020 .related-products-heading {
    font-family: "DIN Pro Cond";
    font-size: 2em;
    color: #663333;
    margin-top: 20px; }
  #shop-pouch-landing-2020 .related-products .pouch-image img {
    max-width: 150px; }
  #shop-pouch-landing-2020 .breadcrumb {
    color: #888;
    text-align: left;
    padding: 20px 0 20px 0;
    border-bottom: solid 1px #ddd; }
    #shop-pouch-landing-2020 .breadcrumb a {
      color: inherit;
      text-decoration: none; }
      #shop-pouch-landing-2020 .breadcrumb a:hover {
        text-decoration: underline; }
  #shop-pouch-landing-2020 .hero {
    margin-top: 50px;
    min-height: 300px;
    width: 100%;
    position: relative; }
    @media only screen and (max-width: 769px) {
      #shop-pouch-landing-2020 .hero {
        margin-top: 10px; } }
    #shop-pouch-landing-2020 .hero img {
      max-width: 95%; }
    @media only screen and (max-width: 769px) {
      #shop-pouch-landing-2020 .hero img {
        max-height: 500px;
        width: auto; } }
    #shop-pouch-landing-2020 .hero .award {
      position: absolute;
      top: 15px;
      right: 15px; }
    #shop-pouch-landing-2020 .hero .vegan-badge {
      position: absolute;
      top: 15px;
      right: 15px; }
      #shop-pouch-landing-2020 .hero .vegan-badge img {
        max-width: 85px;
        max-height: 85px; }
  #shop-pouch-landing-2020 h1 {
    font-family: "DIN Pro Cond Black";
    text-transform: uppercase;
    margin: 0.5em 0 0 0; }
    @media only screen and (max-width: 769px) {
      #shop-pouch-landing-2020 h1 {
        font-size: 3em; } }
  #shop-pouch-landing-2020 .review {
    padding-top: 10px;
    height: 30px;
    color: #888;
    margin-bottom: 15px; }
    #shop-pouch-landing-2020 .review span.fa {
      font-size: 1.4em;
      color: #ddd; }
      #shop-pouch-landing-2020 .review span.fa.checked {
        color: #f6df00; }
    #shop-pouch-landing-2020 .review .promo-tag {
      background-color: #ed8936;
      color: #fff;
      padding: 4px;
      font-family: "DIN Pro";
      font-size: 1.4em;
      display: inline-block;
      border-radius: 6px;
      margin-left: 10px; }
  #shop-pouch-landing-2020 .tabbed-info .nav {
    display: flex;
    border-bottom: solid 1px #ddd;
    margin-bottom: 20px; }
    #shop-pouch-landing-2020 .tabbed-info .nav a {
      width: 100%;
      text-align: left;
      display: inline-block;
      color: #888;
      background-color: #f2f2f2;
      padding: 10px;
      font-size: 1.4em;
      font-family: "DIN Pro Cond Black";
      text-decoration: none;
      border-right: solid 2px #fff; }
      #shop-pouch-landing-2020 .tabbed-info .nav a:last-child {
        border-right: 0; }
      #shop-pouch-landing-2020 .tabbed-info .nav a:hover {
        background-color: #eee; }
      #shop-pouch-landing-2020 .tabbed-info .nav a.active {
        background-color: #ddd; }
  #shop-pouch-landing-2020 .tabbed-info .tab {
    font-size: 1.8em;
    font-family: "DINRegular";
    color: #663333; }
    #shop-pouch-landing-2020 .tabbed-info .tab .awards {
      margin-top: 15px; }
  #shop-pouch-landing-2020 .tabbed-info .tab#nutritional {
    display: none; }
    #shop-pouch-landing-2020 .tabbed-info .tab#nutritional table.nutritional-info {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.8em;
      margin-top: 10px; }
      #shop-pouch-landing-2020 .tabbed-info .tab#nutritional table.nutritional-info td, #shop-pouch-landing-2020 .tabbed-info .tab#nutritional table.nutritional-info th {
        border-top: solid 1px #ddd;
        text-align: left;
        font-family: "DIN Pro";
        padding: 5px; }
      #shop-pouch-landing-2020 .tabbed-info .tab#nutritional table.nutritional-info td {
        text-align: right; }
  #shop-pouch-landing-2020 .buy-now {
    background-color: #f2f2f2;
    padding: 15px;
    margin-top: 15px;
    border-radius: 5px; }
    #shop-pouch-landing-2020 .buy-now .selected-price {
      font-size: 2em;
      color: #663333;
      text-align: center;
      margin-bottom: 10px; }
      #shop-pouch-landing-2020 .buy-now .selected-price span {
        font-family: "DINRegular"; }
      #shop-pouch-landing-2020 .buy-now .selected-price s {
        color: #d75f67; }
    #shop-pouch-landing-2020 .buy-now .sizes {
      display: flex; }
      #shop-pouch-landing-2020 .buy-now .sizes > div {
        flex-grow: 1; }
      #shop-pouch-landing-2020 .buy-now .sizes .select-wrapper select {
        border: solid 1px #ddd;
        padding: 10px;
        font-size: 2em;
        color: #663333;
        font-family: "DINRegular";
        width: 100%; }
      #shop-pouch-landing-2020 .buy-now .sizes .quantity {
        display: flex;
        justify-content: center;
        max-width: 150px; }
        #shop-pouch-landing-2020 .buy-now .sizes .quantity input {
          border: solid 1px #ddd;
          padding: 12px 0px 12px 0;
          width: 50px;
          text-align: center;
          font-size: 2em;
          color: #663333;
          font-family: "DINRegular"; }
        #shop-pouch-landing-2020 .buy-now .sizes .quantity i {
          color: #888;
          cursor: pointer;
          font-size: 2em;
          margin: 10px 5px 0 5px; }
    #shop-pouch-landing-2020 .buy-now button {
      width: 100%;
      background-color: #609191;
      color: #fff;
      padding: 15px 0 15px 0;
      text-align: center;
      font-size: 1.6em;
      font-family: "DINRegular";
      text-transform: uppercase;
      border: 0;
      margin-top: 5px;
      border-radius: 5px;
      cursor: pointer; }
      #shop-pouch-landing-2020 .buy-now button:hover {
        background-color: #568282; }
      #shop-pouch-landing-2020 .buy-now button.age_verified {
        background-color: #C8102E; }
  #shop-pouch-landing-2020 .format-images {
    display: flex;
    padding: 0px;
    width: 100%;
    margin-top: 20px;
    min-height: 100px; }
    #shop-pouch-landing-2020 .format-images div {
      flex-grow: 1;
      width: 100%; }
    #shop-pouch-landing-2020 .format-images img {
      height: auto;
      max-height: 100px;
      cursor: pointer; }
    #shop-pouch-landing-2020 .format-images.scrolling {
      max-width: 300px;
      max-height: 100px;
      overflow: hidden; }
  #shop-pouch-landing-2020 .js-format-images-scroll-control {
    display: flex;
    justify-content: space-between;
    max-width: 300px;
    align-items: center;
    margin-top: 10px; }
    #shop-pouch-landing-2020 .js-format-images-scroll-control i {
      font-size: 4em;
      color: #bbb;
      cursor: pointer; }
    #shop-pouch-landing-2020 .js-format-images-scroll-control span {
      font-size: 1.3em;
      color: #bbb; }
  #shop-pouch-landing-2020 .extended-flavour-info {
    background-color: #ebe3d7;
    color: #663333;
    padding: 20px;
    text-align: center;
    font-size: 1.8em;
    font-family: "DINRegular";
    max-width: 1200px;
    margin-top: 10px;
    color: #c68745;
    display: flex;
    justify-content: space-between;
    text-align: center; }
    #shop-pouch-landing-2020 .extended-flavour-info > div {
      flex-grow: 1;
      flex-basis: 0; }
    #shop-pouch-landing-2020 .extended-flavour-info div:nth-child(2) {
      flex-grow: 3; }
    #shop-pouch-landing-2020 .extended-flavour-info .signature-inc {
      display: block;
      max-width: 130px; }
    #shop-pouch-landing-2020 .extended-flavour-info .signature {
      display: flex;
      align-items: flex-end;
      justify-content: center; }
      #shop-pouch-landing-2020 .extended-flavour-info .signature img {
        max-width: 150px; }
    @media only screen and (max-width: 1000px) {
      #shop-pouch-landing-2020 .extended-flavour-info {
        flex-direction: column; }
        #shop-pouch-landing-2020 .extended-flavour-info .joe-pic {
          display: none; } }
    #shop-pouch-landing-2020 .extended-flavour-info h4 {
      margin-top: 0.4em;
      font-family: "SnellRoundhandLTStd-Scr";
      font-size: 2.2em;
      transform: rotate(-6deg);
      color: #663333;
      padding-bottom: 15px;
      background-image: url(/images/line-and-diamond-brown.png);
      background-position: bottom center;
      background-repeat: no-repeat;
      background-size: 50%;
      margin-bottom: 40px; }
    #shop-pouch-landing-2020 .extended-flavour-info p {
      margin-top: 0;
      margin-bottom: 0.5em; }
  #shop-pouch-landing-2020 .tasting-notes {
    background-color: #2cb1b1;
    color: #fff;
    color: #fff;
    padding: 40px 20px 40px 20px;
    text-align: center;
    font-size: 1.4em;
    font-family: "DINRegular";
    max-width: 1200px;
    margin-top: 10px; }
    #shop-pouch-landing-2020 .tasting-notes .hidden {
      opacity: 0; }
    #shop-pouch-landing-2020 .tasting-notes h4 {
      margin-top: 0;
      font-family: "SnellRoundhandLTStd-Scr";
      font-size: 2em;
      transform: rotate(-2deg);
      font-size: 2.5em;
      color: #663333;
      margin-bottom: 0.8em;
      padding-bottom: 15px;
      background-image: url(/images/line-and-diamond-brown.png);
      background-position: bottom center;
      background-repeat: no-repeat;
      background-size: 300px; }
    #shop-pouch-landing-2020 .tasting-notes .tasting-notes-wrapper {
      display: flex;
      justify-content: center;
      align-items: center; }
      @media only screen and (max-width: 1000px) {
        #shop-pouch-landing-2020 .tasting-notes .tasting-notes-wrapper {
          flex-direction: column; }
          #shop-pouch-landing-2020 .tasting-notes .tasting-notes-wrapper > * {
            margin-bottom: 20px; } }
      #shop-pouch-landing-2020 .tasting-notes .tasting-notes-wrapper > * {
        transition-property: opacity;
        transition-duration: 0.5s;
        transition-timing-function: linear; }
      #shop-pouch-landing-2020 .tasting-notes .tasting-notes-wrapper > div {
        flex-grow: 1;
        max-width: 400px; }
      #shop-pouch-landing-2020 .tasting-notes .tasting-notes-wrapper .intro {
        font-size: 1em; }
      #shop-pouch-landing-2020 .tasting-notes .tasting-notes-wrapper .number, #shop-pouch-landing-2020 .tasting-notes .tasting-notes-wrapper .intro {
        font-family: "SnellRoundhandLTStd-Scr";
        font-size: 2em;
        margin: 0; }
      #shop-pouch-landing-2020 .tasting-notes .tasting-notes-wrapper p {
        font-family: "DINBlack";
        text-transform: uppercase;
        font-size: 1.5em;
        margin-top: 10px; }
      #shop-pouch-landing-2020 .tasting-notes .tasting-notes-wrapper .hourglass {
        max-height: 60px;
        width: auto;
        -webkit-animation: spin 2s linear infinite;
        -moz-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(-24deg); }
  25% {
    /* note that rotation from 0 to 20 deg happens in 25% time = 0.45 seconds. */
    -webkit-transform: rotate(20deg); }
  50% {
    -webkit-transform: rotate(0deg); }
  75% {
    -webkit-transform: rotate(-20deg); }
  100% {
    -webkit-transform: rotate(-24deg); } }
  #shop-pouch-landing-2020 .reviews-2020 {
    color: #663333;
    font-size: 1.6em;
    font-family: "DINRegular";
    max-width: 1200px; }
    #shop-pouch-landing-2020 .reviews-2020 h2 {
      font-family: "SnellRoundhandLTStd-Scr";
      font-size: 2.5em; }
    #shop-pouch-landing-2020 .reviews-2020 .individual-review {
      border-bottom: solid 1px #ddd;
      text-align: left; }
      #shop-pouch-landing-2020 .reviews-2020 .individual-review .intro {
        color: #777; }
        #shop-pouch-landing-2020 .reviews-2020 .individual-review .intro .author {
          font-family: "DINBlack"; }
      #shop-pouch-landing-2020 .reviews-2020 .individual-review .stars {
        color: #f6df00; }
  #shop-pouch-landing-2020 .review-form {
    background-color: #f2f2f2;
    max-width: 600px;
    width: 100%;
    padding: 15px;
    font-size: 1.4em;
    color: #663333;
    margin-bottom: 30px; }
    #shop-pouch-landing-2020 .review-form .title {
      font-family: "DINRegular";
      font-size: 1.2em; }
    #shop-pouch-landing-2020 .review-form input[type="text"], #shop-pouch-landing-2020 .review-form textarea {
      width: 100%;
      display: block;
      padding: 7px;
      margin-top: 5px;
      border: solid 1px #ddd; }
    #shop-pouch-landing-2020 .review-form .g-recaptcha {
      margin-top: 5px; }
    #shop-pouch-landing-2020 .review-form .review-form-submit {
      background-color: #663333;
      color: #fff;
      padding: 10px;
      text-transform: uppercase;
      font-size: 0.8em;
      margin-top: 5px; }
    #shop-pouch-landing-2020 .review-form .star-rating {
      margin: 10px 0 10px 0; }
      #shop-pouch-landing-2020 .review-form .star-rating i {
        color: #f6df00; }
  #shop-pouch-landing-2020 .select-flavours {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0px 0 10px 0; }
    #shop-pouch-landing-2020 .select-flavours select {
      box-sizing: border-box;
      flex: 0 49%;
      max-width: 49%;
      margin-top: 8px;
      border: solid 1px #ddd;
      padding: 10px;
      font-size: 2em;
      color: #663333;
      font-family: "DINRegular"; }
  #shop-pouch-landing-2020 .included-gift-message {
    margin: 10px 0 5px 0; }
    #shop-pouch-landing-2020 .included-gift-message input[type="text"] {
      width: 100%;
      font-size: 2em;
      padding: 10px;
      font-family: "DINRegular";
      color: #663333;
      box-sizing: border-box;
      border: solid 1px #ddd; }

.other-collections {
  display: flex;
  max-width: 1200px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-top: 30px; }
  .other-collections a {
    display: block;
    border: solid 1px #ddd;
    padding: 10px;
    color: #888;
    text-decoration: none;
    flex-grow: 1;
    margin: 5px;
    font-size: 1.4em;
    font-family: "DINRegular"; }
    .other-collections a:hover {
      background-color: #f1f1f1; }

.coins-per-product {
  border: solid 1px #609191;
  display: inline-block;
  color: #609191;
  padding: 5px;
  font-family: "DINBlack";
  margin-left: 15px;
  font-size: 1.2em;
  border-radius: 5px; }

.filter-occasions {
  border-bottom: dotted 3px #ddd;
  padding-bottom: 10px; }
  @media only screen and (max-width: 769px) {
    .filter-occasions {
      display: none; } }
  .filter-occasions a {
    font-family: "DINRegular";
    text-decoration: none;
    font-size: 1.6em;
    display: inline-block;
    margin: 5px 5px 5px 5px;
    padding: 8px;
    text-transform: uppercase;
    border-radius: 4px;
    color: #663333;
    box-sizing: border-box;
    border: solid 2px transparent; }
    .filter-occasions a.all {
      border: solid 2px #663333;
      margin-right: 5px; }
      .filter-occasions a.all.active {
        border: solid 2px #609191; }
    .filter-occasions a.christmas, .filter-occasions a.valentines {
      background-color: #A50034;
      color: #fff;
      margin-right: 5px;
      margin-left: 5px; }
      .filter-occasions a.christmas:hover, .filter-occasions a.valentines:hover {
        background-color: #720024; }
    .filter-occasions a.multigift {
      background-color: #2CCCD3;
      color: #fff;
      margin-right: 5px;
      margin-left: 5px; }
      .filter-occasions a.multigift:hover {
        background-color: #23a3a9; }
    .filter-occasions a.personalised {
      background-color: #866D4B;
      color: #fff;
      margin-right: 5px;
      margin-left: 5px; }
      .filter-occasions a.personalised:hover {
        background-color: #655239; }
    .filter-occasions a:hover {
      background-color: #f1f1f1; }
    .filter-occasions a.active {
      background-color: #609191;
      color: #fff; }

.filter-dropdowns, .filter-gifts-dropdowns {
  margin-top: 10px; }
  .filter-dropdowns select, .filter-gifts-dropdowns select {
    border: 0;
    font-size: 1.3em;
    margin-left: 20px;
    color: #663333; }

.promotag {
  background-color: #13d8c7;
  display: inline-block;
  font-size: 1.1em;
  height: 24px;
  line-height: 24px;
  margin-left: 10px;
  padding: 0 5px 0 5px;
  position: relative;
  color: black; }

.promotag.arrow {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding-left: 17px; }
  .promotag.arrow::after {
    width: 0;
    height: 0;
    position: absolute;
    right: -12px;
    top: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #13d8c7;
    content: ""; }
  .promotag.arrow::before {
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #fff;
    content: ""; }

.html-sitemap {
  color: #390300; }
  .html-sitemap h2 {
    margin-bottom: 1em;
    font-family: "DIN Pro Cond Black"; }
  .html-sitemap ul, .html-sitemap ul li {
    margin: 0;
    padding: 0;
    list-style: none; }
  .html-sitemap ul li a:hover {
    color: #b68a59; }

.js-trend {
  opacity: 0;
  transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out; }

.js-trend.active {
  display: inline-block;
  opacity: 1;
  background-color: #609191;
  color: #fff;
  padding: 4px;
  font-family: "DIN Pro";
  font-size: 1.4em;
  border-radius: 6px;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px; }

.recipe-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch; }

.recipe-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 400px;
  width: 100%;
  margin: 20px;
  text-align: center;
  border-bottom: solid 1px #ddd;
  padding-bottom: 15px; }
  .recipe-card a {
    text-decoration: none;
    color: inherit; }
  .recipe-card .image {
    max-width: 400px;
    height: 250px;
    overflow: hidden; }
    .recipe-card .image img {
      width: 100%;
      height: auto; }
  .recipe-card h2 {
    font-family: "DINBlack";
    margin-top: 15px;
    line-height: 1.3em;
    font-size: 1.4em;
    text-transform: uppercase;
    margin-bottom: 0em;
    color: #663333; }
  .recipe-card .excerpt {
    margin-bottom: 1em;
    font-family: "DINRegular";
    font-size: 1.2em; }
  .recipe-card.category .review {
    margin-top: 10px; }
  .recipe-card .review {
    text-align: center;
    margin-top: 20px;
    align-self: flex-end;
    width: 100%; }
    .recipe-card .review i {
      color: #ddd; }
      .recipe-card .review i.checked {
        color: #f9692a; }
  .recipe-card.category .review {
    border-bottom: 0; }
  .recipe-card .recipe-attributes {
    align-self: flex-end; }

.recipe-attributes {
  width: 100%;
  display: flex;
  justify-content: space-around; }
  .recipe-attributes .icon {
    height: 22px;
    width: auto;
    position: relative;
    top: 6px;
    left: -2px; }

.header-rustle-up {
  font-family: "SnellRoundhandLTStd-Scr";
  color: #663333;
  font-size: 4em;
  margin-top: 1em;
  font-weight: bold; }
  @media only all and (max-width: 850px) {
    .header-rustle-up {
      font-family: "DINBlack";
      text-transform: uppercase;
      font-size: 2em; } }

.recipe-filter {
  margin: 20px 0px 10px 0; }
  .recipe-filter select {
    border: 0;
    margin-right: 15px;
    color: #663333; }
  .recipe-filter .recipe-search {
    display: inline-block; }
    .recipe-filter .recipe-search input[type="text"] {
      width: 100px;
      border: 0;
      border-bottom: solid 1px #888; }
    .recipe-filter .recipe-search button {
      background-color: transparent;
      border: 0;
      color: #663333;
      position: relative;
      right: 5px; }

#recipe-display-one {
  max-width: 1200px;
  padding-top: 40px; }
  @media only all and (max-width: 1200px) {
    #recipe-display-one {
      padding-top: 20px; } }
  #recipe-display-one .top {
    display: flex;
    justify-content: space-evenly;
    margin-top: 0;
    color: #663333; }
    @media only all and (max-width: 850px) {
      #recipe-display-one .top {
        flex-direction: column; } }
    @media only all and (max-width: 1200px) {
      #recipe-display-one .top {
        padding: 15px;
        padding-top: 10px; }
        #recipe-display-one .top .image {
          margin-right: 40px; } }
    #recipe-display-one .top .info {
      width: 100%;
      margin: auto 0 auto 0; }
    #recipe-display-one .top .image {
      text-align: left;
      width: 100%;
      max-width: 600px;
      margin-right: 40px; }
      @media only all and (max-width: 850px) {
        #recipe-display-one .top .image {
          text-align: center;
          margin-bottom: 40px;
          margin-right: 0; }
          #recipe-display-one .top .image .image-wrapper {
            margin-left: auto;
            margin-right: auto; } }
      #recipe-display-one .top .image .image-wrapper {
        max-width: 600px;
        max-height: 375px;
        overflow: hidden; }
        #recipe-display-one .top .image .image-wrapper img {
          width: 100%;
          height: auto; }
      #recipe-display-one .top .image .share {
        text-align: center;
        font-size: 1.2em;
        padding-top: 20px; }
        #recipe-display-one .top .image .share a {
          color: #609191;
          text-decoration: none; }
        #recipe-display-one .top .image .share i {
          font-size: 1.4em;
          margin-left: 10px; }
    #recipe-display-one .top h1 {
      font-family: "DINBlack";
      text-transform: uppercase;
      font-size: 2.5em;
      line-height: 1.4em;
      margin: 0; }
    #recipe-display-one .top .review {
      text-align: center;
      margin-top: 10px;
      align-self: flex-end;
      width: 100%;
      font-size: 1.4em; }
      #recipe-display-one .top .review i {
        color: #ddd; }
        #recipe-display-one .top .review i.checked {
          color: #f9692a; }
    #recipe-display-one .top .excerpt {
      font-size: 1.2em;
      margin: 20px 0 20px 0; }
    #recipe-display-one .top .recipe-attributes {
      font-size: 1.2em; }
  #recipe-display-one .ingredients-and-method {
    font-family: "DINRegular";
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    text-align: left;
    font-size: 1.4em;
    color: #663333;
    border-bottom: dotted 3px #ddd;
    padding-bottom: 40px;
    margin-top: 40px; }
    #recipe-display-one .ingredients-and-method h2 {
      font-family: "DINRegular";
      font-size: 1.4em;
      color: #663333; }
    @media only all and (max-width: 850px) {
      #recipe-display-one .ingredients-and-method {
        flex-direction: column;
        padding: 30px; } }
  #recipe-display-one .ingredients {
    margin-bottom: 40px;
    flex: 0 0 50%; }
    @media only all and (min-width: 851px) {
      #recipe-display-one .ingredients {
        margin-right: 20px; } }
    #recipe-display-one .ingredients ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      #recipe-display-one .ingredients ul li {
        padding: 6px; }
        #recipe-display-one .ingredients ul li a {
          color: inherit;
          text-decoration: underline; }
          #recipe-display-one .ingredients ul li a:hover {
            color: #609191; }
      #recipe-display-one .ingredients ul li:nth-child(odd) {
        background-color: #f1f1f1; }
  #recipe-display-one .method {
    flex: 0 0 50%; }
    @media only all and (min-width: 851px) {
      #recipe-display-one .method {
        margin-left: 20px; } }
    #recipe-display-one .method ol {
      margin: 0;
      list-style-position: inside;
      padding: 0; }
      #recipe-display-one .method ol li {
        padding: 15px; }
        #recipe-display-one .method ol li span {
          font-family: "DINBlack"; }
        #recipe-display-one .method ol li p {
          margin: 5px 0 0 0; }
  #recipe-display-one .related-recipes, #recipe-display-one .review-form {
    padding-top: 40px; }
    #recipe-display-one .related-recipes h3, #recipe-display-one .review-form h3 {
      font-family: "SnellRoundhandLTStd-Scr";
      margin: 0;
      font-size: 3em; }
  #recipe-display-one .related-recipes {
    border-bottom: dotted 3px #ddd;
    padding-bottom: 40px; }
  #recipe-display-one .review-form {
    font-family: "DINRegular";
    padding-bottom: 40px; }
  #recipe-display-one .breadcrumb {
    color: #888;
    text-align: left;
    margin-bottom: 20px;
    font-size: 1.2em; }
    @media only all and (max-width: 850px) {
      #recipe-display-one .breadcrumb {
        padding-left: 15px; } }
    #recipe-display-one .breadcrumb a {
      font-family: "DINRegular";
      color: inherit;
      text-decoration: none;
      display: inline-block; }
  #recipe-display-one #competition-link {
    margin-top: 30px;
    display: block; }
    #recipe-display-one #competition-link img {
      width: 100%;
      height: auto; }

.related-recipes h3 {
  font-family: "SnellRoundhandLTStd-Scr";
  margin: 0;
  font-size: 3em;
  color: #663333; }

.featured-recipes h3 {
  font-family: "SnellRoundhandLTStd-Scr";
  font-size: 4em;
  color: #663333;
  margin: 1em 0 0.5em 0; }

.recipes .breadcrumb {
  color: #888;
  text-align: left;
  margin-bottom: 20px;
  font-family: Verdana,Arial;
  font-size: 1em; }
  @media only all and (max-width: 850px) {
    .recipes .breadcrumb {
      padding-left: 15px; } }
  .recipes .breadcrumb a {
    font-family: "DINRegular";
    color: inherit;
    text-decoration: none;
    display: inline-block; }

@media only all and (max-width: 850px) {
  .recipes .new-header-style h1 {
    font-family: "DINBlack";
    text-transform: uppercase;
    font-size: 2.4em; } }

section.corporate-2021 {
  font-size: 1.4em;
  max-width: 1200px;
  margin-bottom: 40px;
  color: #663333; }
  section.corporate-2021 .new-header-style {
    font-size: 1em; }
  section.corporate-2021 p {
    line-height: 1.4em; }
  section.corporate-2021 p a {
    color: inherit; }
  section.corporate-2021 .badges {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    section.corporate-2021 .badges .card {
      max-width: 380px;
      margin: 10px;
      border: solid 1px #ddd; }
      section.corporate-2021 .badges .card a {
        color: inherit;
        text-decoration: none; }
      section.corporate-2021 .badges .card .image {
        margin: 0; }
        section.corporate-2021 .badges .card .image img {
          width: 100%;
          height: auto; }
      section.corporate-2021 .badges .card .title {
        font-family: "DINBlack";
        text-transform: uppercase;
        border: solid 5px #000;
        font-size: 1.4em;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 10px;
        margin: 10px;
        -webkit-transition: background-color 300ms ease-out;
        -moz-transition: background-color 300ms ease-out;
        -o-transition: background-color 300ms ease-out;
        transition: background-color 300ms ease-out; }
        section.corporate-2021 .badges .card .title small {
          font-family: "DINRegular";
          margin-top: 5px;
          text-transform: none; }
      section.corporate-2021 .badges .card:hover .title {
        background-color: #9ed8e3; }
    section.corporate-2021 .badges.no-link:hover .title {
      background-color: transparent; }
    section.corporate-2021 .badges .text-content {
      font-family: "DINRegular";
      text-transform: none;
      font-size: 0.9em;
      margin-top: 10px;
      line-height: 1.4em; }
    section.corporate-2021 .badges.no-image .title {
      height: auto; }
  section.corporate-2021 .text-columns, section.corporate-2021 .text-section {
    font-size: 1.2em; }
  section.corporate-2021 .text-section strong {
    font-family: "DINBlack"; }
  section.corporate-2021 .text-section ul {
    text-align: center;
    list-style-position: inside;
    line-height: 1.4em; }
  section.corporate-2021 .text-section h3 {
    font-weight: bold;
    font-family: "SnellRoundhandLTStd-Scr";
    margin: 0 0 1em 0;
    font-size: 2em; }
  section.corporate-2021 .text-columns {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    font-family: "DINRegular"; }
    section.corporate-2021 .text-columns .col {
      max-width: 380px;
      margin: 10px; }
    section.corporate-2021 .text-columns h2 {
      font-family: "DINBlack"; }
  section.corporate-2021 hr {
    padding: 0;
    height: 0;
    margin-top: 40px;
    margin-bottom: 40px;
    border: 0;
    border-bottom: dotted 3px #ddd; }

section.corporate-2021#index .brand-array {
  display: flex;
  justify-content: center;
  align-items: center; }
  section.corporate-2021#index .brand-array div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    width: 150px;
    margin: 10px; }
    section.corporate-2021#index .brand-array div img {
      width: 100%;
      height: auto;
      margin-top: auto;
      margin-bottom: auto;
      max-height: 100%; }

section.corporate-2021#index h2 {
  font-family: "SnellRoundhandLTStd-Scr";
  font-size: 3em; }

section.corporate-2021#popcorn-buffet .badges#curated-packages .card {
  max-width: 550px;
  flex-grow: 1; }

.js-corporate-carousel img {
  margin: 10px; }

.corporate-carousel-wrapper {
  background-color: #ebe3d7;
  padding: 20px; }
  .corporate-carousel-wrapper h2 {
    margin-top: 0;
    font-family: "DINBlack"; }

.loyalty-dashboard-header {
  background: url(/images/loyalty/dashboard-header.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  color: #fff;
  font-family: "DINBlack";
  padding-top: 30px;
  padding-bottom: 30px; }
  .loyalty-dashboard-header h1 {
    font-size: 3.7em;
    color: inherit;
    margin: 0;
    transform: rotate(-2deg); }
    .loyalty-dashboard-header h1 span {
      color: inherit;
      text-transform: uppercase;
      font-family: "DINBlack"; }
  .loyalty-dashboard-header p {
    font-size: 1.6em;
    margin: 0 0 1em 0; }
  .loyalty-dashboard-header .coin-count {
    text-transform: uppercase;
    font-size: 3em; }
  .loyalty-dashboard-header a.cta {
    color: #fff;
    text-transform: uppercase;
    background-color: #609191;
    text-decoration: none;
    padding: 10px 25px 10px 25px;
    font-size: 1.8em;
    display: inline-block; }
  .loyalty-dashboard-header .hr {
    margin: 0px 0 15px 0; }

.loyalty-back-link {
  font-size: 1.4em; }
  .loyalty-back-link a {
    color: #888;
    text-decoration: none; }

.loyalty-h2 {
  font-family: "DINBlack";
  font-size: 3em;
  color: #390300;
  text-transform: uppercase; }

.loyalty-h3 {
  font-family: "DINBlack";
  font-size: 2.5em;
  color: #390300;
  text-transform: uppercase; }

#loyalty-spend p, #loyalty-discover p, .lotalty-rules-page p {
  color: #663333;
  font-size: 1.6em;
  font-family: "DINRegular";
  max-width: 80%; }
  #loyalty-spend p a, #loyalty-discover p a, .lotalty-rules-page p a {
    color: #663333;
    text-decoration: underline; }

.discover-more {
  background-color: #8ed5de;
  margin-top: 0;
  padding-top: 30px; }
  .discover-more.cream {
    background-color: #ebe3d7; }
  .discover-more h2 {
    margin-top: 0; }
  .discover-more p {
    margin-bottom: 0;
    max-width: 700px !important; }
  .discover-more .homepage-badge {
    background-color: #fff; }

.loyalty-history {
  background-color: #ebe3d7;
  padding-top: 30px;
  padding-bottom: 30px; }
  .loyalty-history.bg-blue {
    background-color: #8ed5de; }
  .loyalty-history .loyalty-h2 {
    margin-top: 0; }
  .loyalty-history .page-width table {
    background-color: #fff; }

#loyalty-discover .steps {
  display: flex;
  max-width: 750px;
  margin-top: 30px; }
  #loyalty-discover .steps > div {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end; }
    #loyalty-discover .steps > div img {
      width: 120px;
      height: auto; }
    #loyalty-discover .steps > div div {
      font-size: 1.6em;
      font-family: "DIN Pro";
      font-weight: bold;
      color: #663333;
      margin-top: 10px; }

#loyalty-discover .loyalty-tiers {
  background-color: #ebe3d7;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #663333;
  margin-top: 30px;
  margin-bottom: 0; }
  #loyalty-discover .loyalty-tiers .loyalty-h2 {
    margin-top: 0; }
  #loyalty-discover .loyalty-tiers .lion-tier-box {
    background-color: #fff;
    border: solid 3px #663333;
    font-family: "DINRegular"; }
    #loyalty-discover .loyalty-tiers .lion-tier-box .lion-tier-box__title {
      font-family: "DINBlack";
      font-size: 2.5em;
      text-transform: uppercase;
      margin-bottom: 20px; }
    #loyalty-discover .loyalty-tiers .lion-tier-box .lion-tier-box__purchase-rule {
      font-size: 1.4em; }
    #loyalty-discover .loyalty-tiers .lion-tier-box .lion-tier-box__footer--current {
      background-color: #609191; }

#loyalty-discover .cta-button {
  border: solid 3px #663333;
  padding: 12px;
  font-family: "DINRegular";
  text-transform: uppercase;
  font-size: 2em;
  background-color: #fff;
  cursor: pointer;
  box-sizing: border-box;
  display: inline-block;
  margin: 0px 10px 0 10px;
  color: #390300;
  text-decoration: none; }
  #loyalty-discover .cta-button:hover {
    background-color: #609191;
    color: #fff; }

.loyalty-breadcrumb a {
  color: #888;
  font-family: "DINRegular";
  font-size: 1.2em;
  float: left;
  margin-top: 20px;
  margin-left: 10px; }

.lion-tier-box {
  background: #fff url("/images/loyalty/tiers/Popcorn-Novice.png") no-repeat 50% 50%;
  background-size: 150px auto;
  padding-top: 160px;
  background-position: center 20px; }
  .lion-tier-box.lion-tier-box--1 {
    background-image: url("/images/loyalty/tiers/Popcorn-Enthusiast.png"); }
  .lion-tier-box.lion-tier-box--2 {
    background-image: url("/images/loyalty/tiers/Popcorn-Connoisseur.png"); }

#loyalty-faq {
  color: #390300; }
  #loyalty-faq p {
    font-family: "DINRegular";
    font-size: 1.4em;
    line-height: 1.4em; }

.lion-tier-rules-compare, .lion-tier-rewards-compare {
  background-color: #fff;
  font-family: "DINRegular";
  font-size: 1.4em;
  border: solid 3px #663333; }
  .lion-tier-rules-compare table, .lion-tier-rewards-compare table {
    width: 100%; }
  .lion-tier-rules-compare .lion-tier-rules-compare__rule-title, .lion-tier-rules-compare .lion-tier-rewards-compare__reward-title, .lion-tier-rewards-compare .lion-tier-rules-compare__rule-title, .lion-tier-rewards-compare .lion-tier-rewards-compare__reward-title {
    width: 33%; }
  .lion-tier-rules-compare .lion-tier-rules-compare__rule-title, .lion-tier-rules-compare .lion-tier-rewards-compare__reward-title, .lion-tier-rules-compare .lion-tier-compare__header-cell, .lion-tier-rules-compare .lion-tier-rewards-compare__rule-title, .lion-tier-rewards-compare .lion-tier-rules-compare__rule-title, .lion-tier-rewards-compare .lion-tier-rewards-compare__reward-title, .lion-tier-rewards-compare .lion-tier-compare__header-cell, .lion-tier-rewards-compare .lion-tier-rewards-compare__rule-title {
    font-family: "DINBlack"; }
  .lion-tier-rules-compare .lion-tier-compare__header-cell, .lion-tier-rewards-compare .lion-tier-compare__header-cell {
    background-color: #f1f1f1; }
    .lion-tier-rules-compare .lion-tier-compare__header-cell.lion-tier-compare__header-cell--current, .lion-tier-rewards-compare .lion-tier-compare__header-cell.lion-tier-compare__header-cell--current {
      background-color: #609191;
      color: #fff; }
  .lion-tier-rules-compare .lion-tier-rules-compare__row:nth-child(even), .lion-tier-rules-compare .lion-tier-rewards-compare__row:nth-child(even), .lion-tier-rewards-compare .lion-tier-rules-compare__row:nth-child(even), .lion-tier-rewards-compare .lion-tier-rewards-compare__row:nth-child(even) {
    background-color: #fafafa; }
  .lion-tier-rules-compare .lion-tier-rules-compare__row-cell, .lion-tier-rules-compare .lion-tier-rewards-compare__row-cell, .lion-tier-rewards-compare .lion-tier-rules-compare__row-cell, .lion-tier-rewards-compare .lion-tier-rewards-compare__row-cell {
    border-top: solid 1px #fff; }
  .lion-tier-rules-compare .lion-tier-rules-compare__row-cell--current, .lion-tier-rules-compare .lion-tier-rewards-compare__row-cell--current, .lion-tier-rewards-compare .lion-tier-rules-compare__row-cell--current, .lion-tier-rewards-compare .lion-tier-rewards-compare__row-cell--current {
    background-color: #609191;
    color: #fff; }

.lion-tier-benefits-list__item {
  font-size: 1.6em; }

.lion-tier-box__you-are-here {
  font-size: 2em; }

.lion-tier-box__value-to-next {
  font-size: 1.3em; }

.lion-tier-box__purchase-rule-points {
  font-family: "DINBlack"; }

/* 2022 stuff below */
.loyalty-giftcard {
  border: solid 1px #ddd;
  max-width: 400px;
  padding: 30px;
  background-color: #ebe3d7;
  margin-bottom: 40px; }
  .loyalty-giftcard .value {
    font-family: "DINBlack";
    font-size: 4em; }
  .loyalty-giftcard .redeem, .loyalty-giftcard .value {
    display: block; }
  .loyalty-giftcard .redeem {
    font-family: "DINRegular";
    font-size: 1.4em;
    margin-top: 10px; }
  .loyalty-giftcard h3 {
    font-family: "SnellRoundhandLTStd-Scr";
    font-size: 3em;
    margin: 0 0 20px 0; }
  .loyalty-giftcard button {
    display: block;
    background-color: #609191;
    color: #fff;
    border: 0;
    padding: 10px 15px 10px 15px;
    margin-top: 20px;
    font-size: 1.4em;
    font-family: "DINRegular";
    text-transform: uppercase; }

.loyalty-history-table {
  font-size: 1.4em;
  font-family: "DINRegular";
  color: #390300; }
  .loyalty-history-table th, .loyalty-history-table td {
    padding: 10px;
    border-bottom: solid 1px #ddd; }
  .loyalty-history-table th {
    font-family: "DINBlack";
    color: #390300;
    text-transform: uppercase;
    text-align: left; }

.occasions-ui {
  display: flex; }
  @media only screen and (max-width: 800px) {
    .occasions-ui {
      padding: 20px; } }
  @media only screen and (max-width: 800px) {
    .occasions-ui {
      flex-direction: column; } }
  .occasions-ui > div {
    flex-grow: 1; }
    @media only screen and (max-width: 800px) {
      .occasions-ui > div {
        width: 100%; } }
  .occasions-ui .occasions-preselect {
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 800px) {
      .occasions-ui .occasions-preselect {
        justify-content: center; } }
    .occasions-ui .occasions-preselect .occasion {
      width: 140px;
      background-color: #609191;
      margin: 1%;
      height: 120px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      cursor: pointer; }
      .occasions-ui .occasions-preselect .occasion:hover {
        background-color: #4c7272; }
      .occasions-ui .occasions-preselect .occasion span {
        font-family: "DINBlack";
        margin-bottom: 10px;
        color: #fff;
        font-size: 1.2em; }
      .occasions-ui .occasions-preselect .occasion img {
        width: 70px;
        height: 70px;
        margin-top: 10px; }

.pouch-array-v2.popcorn-maker-addons .pouch {
  max-width: 140px; }
  .pouch-array-v2.popcorn-maker-addons .pouch .pouch-image img {
    height: auto;
    width: 100%; }
  .pouch-array-v2.popcorn-maker-addons .pouch .extra {
    display: none; }
  .pouch-array-v2.popcorn-maker-addons .pouch .review {
    display: none; }
  .pouch-array-v2.popcorn-maker-addons .pouch .pouch-info .title {
    height: auto;
    font-size: 1.2em;
    padding: 0 5px 0 5px; }
  .pouch-array-v2.popcorn-maker-addons .pouch .pouch-info .extra {
    padding: 5px;
    box-sizing: border-box;
    height: auto; }
    .pouch-array-v2.popcorn-maker-addons .pouch .pouch-info .extra select {
      display: block;
      max-width: 100%;
      margin-bottom: 5px; }

.pouch-array-v2.popcorn-maker-addons .chosen {
  background-color: rgba(96, 145, 145, 0.6);
  background-opacity: 0.9;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .pouch-array-v2.popcorn-maker-addons .chosen i {
    color: #fff;
    font-size: 4em; }

#popcorn-maker-faq {
  color: #390300;
  font-family: "DINRegular"; }
  #popcorn-maker-faq h1 {
    margin: 40px 0 20px 0; }
  #popcorn-maker-faq p {
    line-height: 1.6em; }
    #popcorn-maker-faq p a {
      text-decoration: underline;
      color: inherit; }
  #popcorn-maker-faq #popcorn-maker-warranty-form h2 {
    font-family: "DINBlack";
    font-size: 2em; }
  #popcorn-maker-faq #popcorn-maker-warranty-form .cols {
    display: flex; }
    @media only screen and (max-width: 1200px) {
      #popcorn-maker-faq #popcorn-maker-warranty-form .cols {
        flex-direction: column; } }
    #popcorn-maker-faq #popcorn-maker-warranty-form .cols > div {
      flex-grow: 1;
      flex-basis: 0;
      padding: 10px; }
    @media only screen and (min-width: 1200px) {
      #popcorn-maker-faq #popcorn-maker-warranty-form .cols {
        background-image: url(/modules/popcornmaker/templates/warranty-bg.png);
        background-repeat: no-repeat;
        background-position: top right;
        background-size: auto 100%; } }
  #popcorn-maker-faq #popcorn-maker-warranty-form input[type="text"], #popcorn-maker-faq #popcorn-maker-warranty-form select {
    display: block;
    width: 100%;
    border: solid 1px #ddd;
    padding: 7px;
    font-family: "DINRegular";
    margin: 10px 0 0 0; }
  #popcorn-maker-faq #popcorn-maker-warranty-form small {
    text-align: left;
    width: 100%;
    display: block;
    font-size: 0.8em;
    margin-top: 3px;
    font-style: italic; }
  #popcorn-maker-faq #popcorn-maker-warranty-form .checkbox-wrapper {
    font-size: 0.9em;
    margin: 10px 0 0 0;
    text-align: left; }
  #popcorn-maker-faq #popcorn-maker-warranty-form input[type="submit"] {
    display: block;
    width: 100%;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    padding: 7px;
    font-family: "DINRegular";
    margin: 10px 0 0 0;
    background-color: #609191; }
  #popcorn-maker-faq #top-tips {
    margin: 40px 0 40px 0;
    color: #390300;
    font-family: "DINRegular";
    line-height: 1.6em;
    font-size: 1.6em;
    font-weight: bold; }
    #popcorn-maker-faq #top-tips h2 {
      font-family: "DINBlack";
      text-transform: uppercase;
      font-size: 2em; }
    #popcorn-maker-faq #top-tips img {
      margin-right: 20px; }
      @media only screen and (max-width: 1200px) {
        #popcorn-maker-faq #top-tips img {
          display: none; } }
    #popcorn-maker-faq #top-tips strong {
      font-family: "DINBlack"; }
  #popcorn-maker-faq #manual {
    color: #fff;
    font-size: 1.6em;
    background-color: #609191;
    padding: 20px 0 20px 0; }
    #popcorn-maker-faq #manual h2 {
      font-family: "DINBlack";
      text-transform: uppercase;
      font-size: 2em; }

#cart .subscribeandsave {
  background-color: #8ED5DE;
  text-transform: uppercase;
  font-family: "DINRegular";
  border: 0;
  padding: 15px 0 15px 0;
  color: #663333;
  font-size: 1.3em;
  text-decoration: none;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 10px;
  border-radius: 5px; }
  #cart .subscribeandsave:hover {
    background-color: #b5e4ea; }

#cart #subscribe-and-save-setup {
  background-color: #8ED5DE;
  padding: 20px; }
  #cart #subscribe-and-save-setup h2 {
    text-transform: none; }
  #cart #subscribe-and-save-setup label {
    display: inline;
    cursor: pointer; }
  #cart #subscribe-and-save-setup .radio-group {
    line-height: 1.6em; }

#cart .subs-and-save-more-info {
  text-align: center;
  color: #663333;
  padding: 0;
  margin: 5px 0 0 0; }
  #cart .subs-and-save-more-info a {
    color: inherit; }

section#subscribeandsave {
  font-family: "DINRegular";
  font-size: 1.4em;
  color: #390300; }
  section#subscribeandsave .sas-list .sas-basket {
    display: flex;
    border: solid 2px #888;
    padding: 5px;
    margin-bottom: 20px; }
    section#subscribeandsave .sas-list .sas-basket .summary {
      width: 250px;
      background-color: #f1f1f1;
      padding: 15px;
      min-width: 250px; }
      section#subscribeandsave .sas-list .sas-basket .summary h2, section#subscribeandsave .sas-list .sas-basket .summary h3, section#subscribeandsave .sas-list .sas-basket .summary h4, section#subscribeandsave .sas-list .sas-basket .summary h5 {
        font-weight: normal;
        margin: 0; }
      section#subscribeandsave .sas-list .sas-basket .summary h2 {
        font-family: "DINBlack";
        font-size: 1.5em;
        margin: 15px 0 5px 0; }
      section#subscribeandsave .sas-list .sas-basket .summary h4 {
        /* Current price*/
        font-size: 1em;
        margin-top: 15px; }
      section#subscribeandsave .sas-list .sas-basket .summary h5 {
        font-size: 0.8em;
        margin-top: 4px; }
      section#subscribeandsave .sas-list .sas-basket .summary .controls {
        margin-top: 20px; }
        section#subscribeandsave .sas-list .sas-basket .summary .controls a {
          font-size: 0.9em;
          display: block;
          margin-top: 7px;
          color: inherit;
          text-decoration: underline; }
          section#subscribeandsave .sas-list .sas-basket .summary .controls a:hover {
            text-decoration: none; }
    section#subscribeandsave .sas-list .sas-basket .items {
      padding-left: 10px;
      display: flex;
      overflow: scroll; }
      section#subscribeandsave .sas-list .sas-basket .items .item {
        flex-basis: 100%;
        border-right: solid 1px #ddd;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        width: 200px;
        min-width: 200px; }
        section#subscribeandsave .sas-list .sas-basket .items .item img {
          width: 100%;
          height: auto;
          max-width: 150px; }
        section#subscribeandsave .sas-list .sas-basket .items .item h2 {
          margin: 0;
          font-weight: bold;
          font-family: "DINBlack";
          font-size: 1em;
          margin-top: 15px; }

section#subscribev2 {
  color: #390300; }
  section#subscribev2 .subsv2-bg {
    background-color: #ebe3d7; }
  section#subscribev2 .option-boxes {
    display: flex;
    width: 100%;
    max-width: 1200px;
    justify-content: center; }
    @media only screen and (max-width: 800px) {
      section#subscribev2 .option-boxes {
        flex-direction: column;
        align-items: center; } }
    section#subscribev2 .option-boxes .option-box {
      flex: 1;
      width: 100%;
      min-height: 100%;
      max-width: 400px;
      cursor: pointer;
      margin-left: 20px;
      margin-right: 20px; }
    section#subscribev2 .option-boxes .option-box--outer-wrapper {
      border: solid 3px #7f6145;
      padding: 20px;
      min-height: 100%; }
      @media only screen and (max-width: 800px) {
        section#subscribev2 .option-boxes .option-box--outer-wrapper {
          margin: 10px; } }
      section#subscribev2 .option-boxes .option-box--outer-wrapper.invisible {
        border: solid 3px transparent; }
        section#subscribev2 .option-boxes .option-box--outer-wrapper.invisible .option-box-outer-wraper---title {
          background-color: transparent; }
      section#subscribev2 .option-boxes .option-box--outer-wrapper .option-box-outer-wraper---title {
        color: #7f6145;
        font-family: "SnellRoundhandLTStd-Scr";
        font-size: 2.5em;
        background-color: #ebe3d7;
        position: relative;
        top: -1em;
        width: 50%;
        margin-bottom: -0.6em; }
    section#subscribev2 .option-boxes .option-box--inner-wrapper {
      background-color: white;
      min-height: 100%;
      height: 100%;
      -webkit-box-shadow: 3px 2px 15px 1px #BFB8AC;
      box-shadow: 3px 2px 15px 1px #BFB8AC;
      border: solid 1px transparent; }
      section#subscribev2 .option-boxes .option-box--inner-wrapper:hover {
        border: solid 1px #7f6145; }
  section#subscribev2 .intro-text {
    font-family: "DINRegular";
    font-size: 1.8em;
    max-width: 1200px; }
    @media only screen and (max-width: 800px) {
      section#subscribev2 .intro-text {
        max-width: 80%; } }
  section#subscribev2 .progress-bar .how-exit-options {
    display: flex;
    max-width: 98%;
    justify-content: space-between;
    position: relative;
    top: 10px;
    font-size: 1.4em;
    margin-bottom: -20px; }
    @media only screen and (max-width: 1300px) {
      section#subscribev2 .progress-bar .how-exit-options {
        margin-bottom: 0; } }
    section#subscribev2 .progress-bar .how-exit-options a {
      text-decoration: none;
      color: #609191; }
      section#subscribev2 .progress-bar .how-exit-options a.exit {
        font-size: 1.6em; }
      section#subscribev2 .progress-bar .how-exit-options a.how {
        border: solid 2px #609191;
        padding: 5px; }
  section#subscribev2 .progress-bar .three-across {
    background-color: #609191;
    color: #fff;
    display: flex;
    justify-content: space-around;
    font-family: "DIN Pro";
    text-transform: uppercase;
    font-size: 1.3em;
    padding: 10px 0 10px 0; }
    section#subscribev2 .progress-bar .three-across > div {
      border-right: solid 2px #fff;
      text-align: center;
      flex-grow: 1; }
      section#subscribev2 .progress-bar .three-across > div:last-of-type {
        border-right: 0; }
  section#subscribev2 .progress-bar .steps {
    max-width: 1200px;
    display: flex;
    justify-content: space-around;
    font-family: "DINRegular";
    text-transform: uppercase;
    font-size: 1.5em;
    color: #609191;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 20px; }
    section#subscribev2 .progress-bar .steps > li {
      flex-grow: 1;
      padding-bottom: 20px; }
      @media only screen and (max-width: 600px) {
        section#subscribev2 .progress-bar .steps > li {
          border-bottom: solid 1px #609191; }
          section#subscribev2 .progress-bar .steps > li span.text {
            display: none; } }
      section#subscribev2 .progress-bar .steps > li span.number {
        border-radius: 50%;
        border: solid 2px #609191;
        width: 25px;
        height: 25px;
        display: block;
        color: #609191;
        font-family: "SnellRoundhandLTStd-Scr";
        font-size: 1.4em;
        text-align: center;
        padding-right: 4px;
        font-weight: bold;
        margin-top: 10px; }
      section#subscribev2 .progress-bar .steps > li.active span.number {
        background-color: #609191;
        color: #fff; }
  section#subscribev2 h1 {
    max-width: 80%;
    font-family: "DIN Pro";
    font-weight: normal;
    font-size: 3em;
    text-transform: uppercase;
    margin-top: 30px; }
    section#subscribev2 h1 span {
      text-transform: none;
      color: #609191;
      font-weight: bold;
      font-family: "SnellRoundhandLTStd-Scr"; }
  section#subscribev2 .option-box--inner-wrapper.who img {
    display: block;
    width: 100%; }
  section#subscribev2 .option-box--inner-wrapper.who h3 {
    font-family: "DIN Pro Cond Black";
    margin: 0;
    padding: 10px 0 10px 0;
    font-size: 2em;
    text-transform: uppercase; }
  section#subscribev2 .option-box--inner-wrapper.taste-profile {
    display: flex;
    flex-direction: column;
    min-height: 450px;
    justify-content: space-between; }
    section#subscribev2 .option-box--inner-wrapper.taste-profile img {
      max-width: 50%;
      margin: 0 auto 0 auto; }
    section#subscribev2 .option-box--inner-wrapper.taste-profile h3, section#subscribev2 .option-box--inner-wrapper.taste-profile h4 {
      margin: 0;
      padding: 10px 0 10px 0;
      font-size: 2em; }
    section#subscribev2 .option-box--inner-wrapper.taste-profile h3 {
      text-transform: uppercase;
      font-family: "DIN Pro Cond Black"; }
    section#subscribev2 .option-box--inner-wrapper.taste-profile h4 {
      font-family: "SnellRoundhandLTStd-Scr";
      font-size: 2.5em;
      width: 80%;
      margin: 0 auto 0 auto; }
  section#subscribev2 #taste-profile-options p {
    font-size: 1.7em;
    width: 800px;
    font-family: "DINBlack"; }
  section#subscribev2 #taste-profile-options .option-boxes .option-box {
    margin: 0; }
    section#subscribev2 #taste-profile-options .option-boxes .option-box .option-box--outer-wrapper {
      padding: 0; }
  section#subscribev2 .taste-profile-option .option-box--inner-wrapper {
    justify-content: space-between;
    min-height: 230px;
    opacity: 0.6;
    border: solid 6px transparent;
    padding: 10px; }
    section#subscribev2 .taste-profile-option .option-box--inner-wrapper:hover {
      border: inherit; }
  section#subscribev2 .taste-profile-option.active .option-box--inner-wrapper {
    border: solid 6px #7f6145;
    opacity: 1; }
  section#subscribev2 .option-box.length {
    font-family: "DINRegular"; }
    section#subscribev2 .option-box.length h2 {
      text-transform: uppercase;
      font-family: "DIN Pro Cond Black";
      margin: 0;
      padding: 10px 0 10px 0;
      font-size: 2em; }
    section#subscribev2 .option-box.length small {
      font-size: 1.6em;
      color: #888;
      margin-bottom: 30px; }
    section#subscribev2 .option-box.length img {
      margin: 0 auto 0 auto;
      max-width: 100%;
      margin-bottom: 30px; }
    section#subscribev2 .option-box.length .option-box--inner-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      padding: 20px;
      min-height: 450px;
      justify-content: space-between; }
    section#subscribev2 .option-box.length .price {
      background-color: #663333;
      color: #fff;
      font-size: 2.5em;
      font-family: "DINRegular";
      padding: 5px;
      display: inline-block;
      width: 90px; }
    section#subscribev2 .option-box.length .discount {
      font-size: 1.6em;
      font-family: "DINBlack";
      color: #fff;
      background-color: #609191;
      width: 55px;
      padding: 5px 0 5px 0;
      position: absolute;
      bottom: 15px;
      left: 25px;
      z-index: 2;
      transform: rotate(-10deg);
      text-align: center;
      line-height: 1em; }
      section#subscribev2 .option-box.length .discount span {
        font-size: 0.9em; }
  section#subscribev2 .option-boxes.boxes {
    justify-content: center; }
    section#subscribev2 .option-boxes.boxes .option-box {
      margin: 0 20px 0 20px; }
  section#subscribev2 .option-box--inner-wrapper.box {
    display: flex;
    flex-direction: column;
    min-height: 300px;
    justify-content: space-between;
    padding: 20px;
    min-height: 450px; }
    section#subscribev2 .option-box--inner-wrapper.box .pouch-images {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-bottom: 10px;
      max-width: 50%;
      margin-top: -10px; }
      section#subscribev2 .option-box--inner-wrapper.box .pouch-images div {
        width: 46%;
        margin-top: 10px; }
        section#subscribev2 .option-box--inner-wrapper.box .pouch-images div img {
          width: 100%;
          height: auto; }
    section#subscribev2 .option-box--inner-wrapper.box h2 {
      text-transform: uppercase;
      font-family: "DIN Pro Cond Black";
      margin: 0;
      padding: 10px 0 10px 0;
      font-size: 2em; }
    section#subscribev2 .option-box--inner-wrapper.box .general, section#subscribev2 .option-box--inner-wrapper.box .specific {
      font-size: 1.6em;
      list-style-position: inside;
      font-family: "DINRegular";
      padding: 0;
      margin: 0;
      list-style: none; }
      section#subscribev2 .option-box--inner-wrapper.box .general li::before, section#subscribev2 .option-box--inner-wrapper.box .specific li::before {
        content: "\25A1";
        color: inherit;
        margin-right: 10px;
        /* Optional tweak */
        margin-top: -5px;
        transform: rotate(45deg);
        display: inline-block; }
      section#subscribev2 .option-box--inner-wrapper.box .general li, section#subscribev2 .option-box--inner-wrapper.box .specific li {
        margin-bottom: 10px; }
      section#subscribev2 .option-box--inner-wrapper.box .general li a, section#subscribev2 .option-box--inner-wrapper.box .specific li a {
        color: inherit; }
      section#subscribev2 .option-box--inner-wrapper.box .general .list-header, section#subscribev2 .option-box--inner-wrapper.box .specific .list-header {
        font-family: "DINBlack";
        list-style: none; }
    section#subscribev2 .option-box--inner-wrapper.box .specific {
      display: none; }
    section#subscribev2 .option-box--inner-wrapper.box:hover .specific {
      display: block; }
    section#subscribev2 .option-box--inner-wrapper.box:hover .general {
      display: none; }
  section#subscribev2 .subs-navigation {
    display: inline-block;
    max-width: 1200px;
    display: flex;
    margin: 20px 0 20px 0;
    justify-content: space-between; }
    @media only screen and (max-width: 1300px) {
      section#subscribev2 .subs-navigation {
        margin-right: 20px;
        margin-left: 20px; } }
    section#subscribev2 .subs-navigation.one {
      justify-content: end; }
    section#subscribev2 .subs-navigation a {
      max-width: 300px;
      flex-grow: 1;
      flex-basis: 0;
      margin: 3px;
      background-color: #609191;
      color: #fff;
      text-decoration: none;
      padding: 10px;
      font-size: 1.4em;
      font-family: "DINBlack";
      text-decoration: uppercase; }
  section#subscribev2 #checkout-confirm {
    display: flex;
    max-width: 1200px;
    font-family: "DINRegular";
    font-size: 1.8em;
    padding-bottom: 40px;
    margin-top: 40px; }
    @media only screen and (max-width: 800px) {
      section#subscribev2 #checkout-confirm {
        flex-direction: column; } }
    section#subscribev2 #checkout-confirm > div {
      flex-grow: 1;
      flex-basis: 0; }
    section#subscribev2 #checkout-confirm #subscription-summary {
      flex-grow: 0.5;
      background-color: #609191;
      color: #fff;
      text-align: left; }
      section#subscribev2 #checkout-confirm #subscription-summary h2 {
        margin: 0 0 1em 0;
        font-family: "DINBlack"; }
      section#subscribev2 #checkout-confirm #subscription-summary ul {
        padding-left: 0px;
        line-height: 1.6em;
        list-style: none; }
        section#subscribev2 #checkout-confirm #subscription-summary ul li::before {
          content: "\25A1";
          color: inherit;
          margin-right: 10px;
          /* Optional tweak */
          margin-top: -5px;
          transform: rotate(45deg);
          display: inline-block; }
      section#subscribev2 #checkout-confirm #subscription-summary .info {
        padding: 20px; }
        section#subscribev2 #checkout-confirm #subscription-summary .info img {
          width: 100%; }
      section#subscribev2 #checkout-confirm #subscription-summary li a {
        color: #fff;
        text-decoration: none; }
        section#subscribev2 #checkout-confirm #subscription-summary li a:hover {
          text-decoration: underline; }
      section#subscribev2 #checkout-confirm #subscription-summary .price-summary {
        background-color: #ebe3d7;
        border-top: solid 1px #fff;
        color: #663333;
        padding: 20px; }
        section#subscribev2 #checkout-confirm #subscription-summary .price-summary div {
          display: flex;
          justify-content: space-between;
          border-top: solid 1px #fff;
          padding: 10px 0 10px 0; }
          section#subscribev2 #checkout-confirm #subscription-summary .price-summary div:first-of-type {
            padding-top: 0;
            border-top: 0; }
          section#subscribev2 #checkout-confirm #subscription-summary .price-summary div:last-of-type {
            margin-bottom: 0;
            padding-bottom: 0; }
          section#subscribev2 #checkout-confirm #subscription-summary .price-summary div.total {
            font-family: "DINBlack"; }
          section#subscribev2 #checkout-confirm #subscription-summary .price-summary div.voucher-code-notification {
            font-size: 0.9em; }
      section#subscribev2 #checkout-confirm #subscription-summary .next-order {
        background-color: #ebe3d7;
        color: #663333;
        font-size: 0.8em;
        padding: 20px;
        border-top: solid 5px #fff; }
        section#subscribev2 #checkout-confirm #subscription-summary .next-order h2 {
          margin: 0; }
        section#subscribev2 #checkout-confirm #subscription-summary .next-order h3 {
          color: #609191;
          font-family: "DINBlack";
          margin: 10px 0 0 0; }
        section#subscribev2 #checkout-confirm #subscription-summary .next-order p {
          margin-bottom: 0;
          padding-bottom: 0; }
    section#subscribev2 #checkout-confirm #checkout-actions {
      text-align: left;
      margin-left: 40px; }
  section#subscribev2 #login-form, section#subscribev2 #register-form {
    background-color: #ebe3d7;
    padding: 20px;
    margin-top: 20px; }
    section#subscribev2 #login-form h2, section#subscribev2 #register-form h2 {
      margin-top: 0; }
    section#subscribev2 #login-form input[type="text"], section#subscribev2 #login-form input[type="password"], section#subscribev2 #register-form input[type="text"], section#subscribev2 #register-form input[type="password"] {
      width: 100%;
      display: block;
      padding: 10px;
      font-family: "DINRegular";
      margin-bottom: 5px;
      border-radius: 4px; }
    section#subscribev2 #login-form input[type="submit"], section#subscribev2 #register-form input[type="submit"] {
      background-color: #609191;
      color: #fff;
      padding: 10px;
      text-transform: uppercase;
      font-size: 0.9em;
      border: 0; }
  @media only screen and (max-width: 800px) {
    section#subscribev2 #subscription-address-form {
      margin-right: 40px;
      margin-top: 20px; } }
  section#subscribev2 #subscription-address-form p {
    margin-top: 0; }
  section#subscribev2 #subscription-address-form input[name="c2a_search"], section#subscribev2 #subscription-address-form .js-full-address input[type="text"] {
    width: 100%;
    display: block;
    padding: 10px;
    font-family: "DINRegular";
    margin-bottom: 5px;
    border-radius: 4px;
    border: solid 1px #ddd; }
  section#subscribev2 #subscription-address-form input[type="submit"] {
    background-color: #609191;
    color: #fff;
    padding: 10px;
    font-family: "DINRegular";
    text-transform: uppercase;
    border: 0;
    font-size: 0.8em;
    margin-top: 20px;
    display: none; }
  section#subscribev2 .full-address {
    background-color: #f2f2f2;
    padding: 20px;
    margin-top: 20px; }
  section#subscribev2 a[data-manual-address] {
    font-size: 0.8em;
    color: #663333; }
    section#subscribev2 a[data-manual-address]:hover {
      color: #609191; }
  section#subscribev2 #manage-subscription {
    display: flex;
    font-family: "DINRegular"; }
    section#subscribev2 #manage-subscription .cancel {
      background-color: #e8e8e8;
      padding: 20px;
      font-size: 0.8em;
      color: #444; }
      section#subscribev2 #manage-subscription .cancel a {
        color: inherit;
        text-decoration: underline; }
        section#subscribev2 #manage-subscription .cancel a:hover {
          text-decoration: none; }
    section#subscribev2 #manage-subscription .controls {
      background-color: #f2f2f2;
      flex-grow: 1;
      flex-basis: 0;
      margin-right: 10px;
      text-align: left;
      font-size: 1.4em; }
      section#subscribev2 #manage-subscription .controls .control {
        padding: 20px 20px 0 20px;
        margin-bottom: 20px; }
        section#subscribev2 #manage-subscription .controls .control h2 {
          color: #609191;
          font-family: "DINRegular";
          margin: 0 0 0.5em 0;
          text-transform: uppercase;
          font-size: 0.9em; }
        section#subscribev2 #manage-subscription .controls .control:first-of-type h2 {
          margin-top: 0; }
        section#subscribev2 #manage-subscription .controls .control a.btn {
          background-color: #609191;
          color: #fff;
          border: 0;
          padding: 5px;
          text-transform: uppercase;
          font-size: 0.7em;
          text-decoration: none;
          margin-top: 10px; }
        section#subscribev2 #manage-subscription .controls .control > div, section#subscribev2 #manage-subscription .controls .control small {
          margin-bottom: 5px; }
        section#subscribev2 #manage-subscription .controls .control small {
          display: block;
          color: #444;
          font-size: 0.7em;
          padding: 5px 0 5px 0; }
    section#subscribev2 #manage-subscription .next-box {
      background-color: #ebe3d7;
      flex-grow: 2;
      flex-basis: 0;
      padding: 20px; }
      section#subscribev2 #manage-subscription .next-box h2 {
        margin: 0;
        text-transform: uppercase;
        font-size: 2em; }
      section#subscribev2 #manage-subscription .next-box h3 {
        margin: 0.5em 0 0 0;
        font-size: 1.4em;
        font-family: "DINBlack"; }
      section#subscribev2 #manage-subscription .next-box .box-detail {
        font-size: 1.4em;
        background-color: #fff;
        padding: 20px;
        margin-top: 20px; }
        section#subscribev2 #manage-subscription .next-box .box-detail > p:first-of-type {
          margin-top: 0; }
        section#subscribev2 #manage-subscription .next-box .box-detail ul {
          list-style-position: inside;
          line-height: 1.6em;
          margin-bottom: 0; }
          section#subscribev2 #manage-subscription .next-box .box-detail ul li a {
            color: inherit;
            text-decoration: none; }
      section#subscribev2 #manage-subscription .next-box a.btn.switch-boxes {
        background-color: #609191;
        color: #fff;
        text-decoration: none;
        padding: 5px;
        text-transform: uppercase; }
  section#subscribev2 h1.snell {
    font-family: "SnellRoundhandLTStd-Scr";
    text-transform: none;
    margin-bottom: 1em; }
  section#subscribev2 #edit-tasting-preferences {
    line-height: 1.4em;
    font-size: 0.9em; }
    section#subscribev2 #edit-tasting-preferences input[type="submit"] {
      background-color: #609191;
      color: #fff;
      border: 0;
      padding: 5px;
      text-transform: uppercase;
      font-size: 0.7em;
      text-decoration: none;
      margin-top: 10px; }

#cancel-subscription-form {
  display: flex;
  justify-content: space-between; }
  #cancel-subscription-form > div:first-of-type {
    flex-basis: 0;
    flex-grow: 1; }
  #cancel-subscription-form > div:last-of-type {
    flex-basis: 0;
    flex-grow: 2;
    background-color: #ebe3d7; }
  #cancel-subscription-form div img {
    width: 100%;
    max-width: 300px; }
  #cancel-subscription-form input[type="submit"] {
    background-color: #dc3545;
    color: #fff;
    border: 0;
    padding: 10px;
    font-size: 1.5em;
    text-transform: uppercase; }
  #cancel-subscription-form a {
    color: #609191; }

#subscribev2-gift-checkout .delivery_method {
  line-height: 1.6em; }

#subscribev2-gift-checkout input[type="text"], #subscribev2-gift-checkout input[type="email"], #subscribev2-gift-checkout textarea {
  margin-bottom: 5px;
  border: solid 1px #ddd;
  padding: 10px;
  width: 100%;
  display: block;
  border-radius: 4px; }

#subscribev2-gift-checkout label {
  cursor: pointer; }

#subscribev2-gift-checkout input[type="submit"] {
  background-color: #609191;
  color: #fff;
  border: 0;
  padding: 10px;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 10px; }

#subscribev2-lp .splash h1 {
  font-family: "DINBlack";
  color: #663333;
  font-size: 3em;
  text-shadow: 2px 2px 6px #fff; }

#subscribev2-lp .splash ul {
  font-size: 1.8em;
  color: #594535;
  line-height: 1.5em;
  font-family: "DINBlack";
  list-style-position: inside;
  text-shadow: 3px 3px 4px #fff; }

#subscribev2-lp .splash div.buttons {
  font-size: 1.6em; }
  #subscribev2-lp .splash div.buttons a {
    background-color: #609191;
    padding: 7px;
    color: #fff;
    font-family: "DINRegular";
    text-transform: uppercase;
    text-decoration: none; }
  #subscribev2-lp .splash div.buttons a.how-it-works {
    background-color: #594535; }

#subscribev2-lp .steps {
  color: #663333;
  font-size: 1.6em;
  font-family: "DINRegular";
  max-width: 1200px; }
  #subscribev2-lp .steps > p {
    max-width: 80%; }
  #subscribev2-lp .steps .cols {
    display: flex; }
    #subscribev2-lp .steps .cols > div {
      flex-basis: 0;
      flex-grow: 1;
      border-right: solid 1px #a43d23; }
      #subscribev2-lp .steps .cols > div:last-of-type {
        border-right: 0; }
    #subscribev2-lp .steps .cols h4 {
      font-family: "DIN Pro";
      color: #a43d23;
      margin: 20px 0 1em 0;
      text-transform: uppercase; }
    #subscribev2-lp .steps .cols p {
      max-width: 70%; }
  #subscribev2-lp .steps .btn {
    background-color: #609191;
    padding: 10px;
    color: #fff;
    font-family: "DINRegular";
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 40px;
    font-size: 1.4em; }
  #subscribev2-lp .steps.wyg .cols > div {
    display: flex;
    border-right: 0;
    align-items: center; }
    #subscribev2-lp .steps.wyg .cols > div img {
      height: 180px;
      width: 180px;
      margin-right: -20px; }
    #subscribev2-lp .steps.wyg .cols > div p {
      margin: 0;
      padding: 0 40px 0 0;
      font-size: 1.1em;
      text-align: left; }

#subscribev2-lp .bgwrapper {
  background-color: #ebe3d7; }
  #subscribev2-lp .bgwrapper.blue {
    background-color: #9ed8e3; }
  #subscribev2-lp .bgwrapper.white {
    background-color: #fff; }
  #subscribev2-lp .bgwrapper h2 {
    font-family: "DINBlack"; }
    #subscribev2-lp .bgwrapper h2 span {
      color: #609191; }

.product-array-v3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media only screen and (max-width: 1200px) {
    .product-array-v3 {
      justify-content: space-around; } }
  .product-array-v3 .product {
    width: 24%;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    justify-content: space-between; }
    @media only screen and (max-width: 800px) {
      .product-array-v3 .product {
        width: 48%; } }
    .product-array-v3 .product > * {
      flex-grow: 1; }
    .product-array-v3 .product .review {
      min-height: 40px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .product-array-v3 .product .imglink {
      position: relative; }
      .product-array-v3 .product .imglink > img {
        width: 100%;
        height: auto; }
      .product-array-v3 .product .imglink .promotag {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0;
        border-bottom-right-radius: 5px;
        color: black; }
      .product-array-v3 .product .imglink .award {
        position: absolute;
        top: 0px;
        right: 0px; }
        .product-array-v3 .product .imglink .award img {
          max-width: 60px;
          height: auto; }
    .product-array-v3 .product .title {
      padding: 1em 20px 1em 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-size: 1.6em;
      height: 100%; }
      .product-array-v3 .product .title a {
        color: inherit;
        text-decoration: none; }
      .product-array-v3 .product .title h3 {
        margin: 0;
        font-family: "DINBlack";
        color: #fff;
        font-size: 1em;
        text-transform: uppercase; }
    .product-array-v3 .product .outofstock {
      background-color: #888;
      color: #fff;
      font-family: "DINRegular";
      text-transform: uppercase;
      padding: 8px;
      text-decoration: none;
      border-radius: 5px;
      border: 0;
      font-size: 1.4em;
      color: #ddd;
      margin-top: 3px; }
    .product-array-v3 .product .action-wrapper {
      position: relative;
      width: 100%; }
    .product-array-v3 .product .multiproduct-wrapper {
      display: none;
      position: absolute;
      top: 35px;
      width: 100%;
      z-index: 2;
      box-sizing: border-box; }
    .product-array-v3 .product .action {
      height: 45px;
      background-color: #ebe3d7;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      position: relative; }
      .product-array-v3 .product .action form {
        width: 100%; }
      .product-array-v3 .product .action .btn {
        background-color: #609191;
        color: #fff;
        font-family: "DINRegular";
        text-transform: uppercase;
        padding: 8px;
        font-size: 1.2em;
        text-decoration: none;
        border-radius: 5px;
        border: 0;
        cursor: pointer; }
        .product-array-v3 .product .action .btn:hover {
          background-color: #6c9e9e; }
      .product-array-v3 .product .action.big-btn {
        background-color: #fff;
        height: auto;
        padding-top: 3px;
        cursor: pointer; }
        .product-array-v3 .product .action.big-btn .btn {
          width: 100%;
          font-size: 1.4em; }
      .product-array-v3 .product .action .multibutton {
        display: flex; }
        .product-array-v3 .product .action .multibutton .multibutton-trigger {
          width: 40px;
          margin-left: 3px;
          background-color: #4c7272;
          background-color: #888; }

#giftbuilder-progress {
  position: fixed;
  display: block;
  z-index: 999;
  bottom: 0;
  background-color: #609191;
  padding: 20px;
  font-size: 1.6em;
  color: #fff;
  width: 100%;
  max-width: 1200px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-box-shadow: 0px 0px 11px 3px rgba(0, 0, 0, 0.43);
  box-shadow: 0px 0px 11px 3px rgba(0, 0, 0, 0.43);
  border: solid 5px #fff;
  border-bottom: 0; }
  @media only screen and (max-width: 1200px) {
    #giftbuilder-progress {
      border-left: 0;
      border-right: 0;
      border-radius: 0; } }
  #giftbuilder-progress h2 {
    font-size: 1.4em;
    font-family: "DINBlack";
    color: #fff;
    margin: 0 0 1em 0;
    text-transform: uppercase; }
  #giftbuilder-progress .detail ul {
    list-style-position: inside;
    font-family: "DINRegular";
    margin: 0;
    padding: 0;
    line-height: 1.3em; }
  #giftbuilder-progress .detail h3 {
    font-family: "DINBlack";
    text-transform: uppercase;
    margin: 1.5em 0 1em 0;
    color: #fff;
    font-size: 1em; }
  #giftbuilder-progress a[data-show-detail] {
    color: #fff;
    font-size: 1.4em;
    margin-left: 5px;
    position: relative;
    top: 3px; }
  #giftbuilder-progress .slots-wrapper {
    overflow: scroll; }
  #giftbuilder-progress .slots {
    display: flex;
    min-height: min-content;
    /* needs vendor prefixes */
    flex-direction: row;
    justify-content: center;
    width: auto; }
    #giftbuilder-progress .slots .slot {
      background-color: #7ca8a8;
      width: 100px;
      height: auto;
      margin: 10px;
      position: relative;
      overflow: hidden;
      min-width: 100px; }
      #giftbuilder-progress .slots .slot.empty {
        min-height: 30px; }
      #giftbuilder-progress .slots .slot a[data-remove] {
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 30px;
        color: red;
        font-size: 1.2em;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        -webkit-box-shadow: 0px 0px 7px 7px rgba(0, 0, 0, 0.19);
        box-shadow: 0px 0px 7px 7px rgba(0, 0, 0, 0.19); }
  #giftbuilder-progress .btn-checkout {
    border: solid 2px #fff;
    padding: 15px;
    color: #fff;
    font-family: "DINRegular";
    text-transform: uppercase;
    text-decoration: none;
    margin: 30px 0 30px 0;
    display: block;
    max-width: 250px;
    width: 100%; }

#giftbuilder {
  color: #663333;
  font-family: "DINRegular"; }
  #giftbuilder .big-btn {
    border: solid 2px #609191;
    padding: 15px;
    color: #609191;
    font-family: "DINRegular";
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    max-width: 250px;
    width: 100%; }
  #giftbuilder h1 {
    margin-bottom: 0.5em; }
  #giftbuilder .intro {
    font-size: 1.6em;
    max-width: 80%; }
  #giftbuilder h2 {
    font-family: "DINBlack";
    font-size: 1.6em;
    text-transform: uppercase;
    margin: 2em 0 0.5em 0; }
  #giftbuilder .progress-bar {
    font-size: 1.6em;
    margin-top: 20px; }
    #giftbuilder .progress-bar .row {
      border-bottom: solid 1px #ddd;
      border-top: solid 1px #ddd; }
      #giftbuilder .progress-bar .row .col-sm {
        padding: 10px 0 10px 0; }
        #giftbuilder .progress-bar .row .col-sm.active {
          color: #609191;
          background-color: #ebe3d7; }
  #giftbuilder .gift-list {
    background-color: #ebe3d7;
    padding: 40px 0 40px 0; }
  #giftbuilder .gift-option {
    font-size: 1.4em;
    max-width: 300px;
    background-color: #fff;
    padding: 20px;
    margin: 20px;
    -webkit-box-shadow: 3px 2px 15px 1px #BFB8AC;
    box-shadow: 3px 2px 15px 1px #BFB8AC;
    border: solid 1px transparent;
    cursor: pointer; }
    #giftbuilder .gift-option:hover {
      border: solid 1px #7f6145; }
    #giftbuilder .gift-option h3 {
      font-family: "DINBlack";
      margin: 0; }
    #giftbuilder .gift-option .price {
      margin: 0;
      font-family: "DINRegular";
      margin-top: 0.4em; }
    #giftbuilder .gift-option input[type="submit"] {
      border: solid 2px #fff;
      padding: 15px;
      color: #fff;
      font-family: "DINRegular";
      text-transform: uppercase;
      text-decoration: none;
      margin: 30px 0 30px 0;
      display: block;
      max-width: 250px;
      width: 100%;
      background-color: #609191; }
  #giftbuilder .card-choices .product {
    cursor: pointer; }
  #giftbuilder .card-choices:hover .product:not(.chosen):not(.not-chosen) {
    opacity: 0.6; }
    #giftbuilder .card-choices:hover .product:not(.chosen):not(.not-chosen):hover {
      opacity: 1; }
  #giftbuilder .card-choices:hover .product.not-chosen:hover {
    opacity: 1; }
  #giftbuilder .card-choices .product.not-chosen {
    opacity: 0.3; }
  #giftbuilder .card-choices .product.chosen {
    opacity: 1; }
  #giftbuilder .personalise-card {
    font-size: 1.6em;
    display: none;
    background-color: #ebe3d7;
    padding: 30px 0 30px 0; }
    #giftbuilder .personalise-card h3 {
      margin: 0 0 20px 0; }
    #giftbuilder .personalise-card .big-btn {
      background-color: #609191;
      color: #fff; }
    #giftbuilder .personalise-card textarea {
      width: 100%;
      border: solid 1px #ddd;
      padding: 20px;
      font-size: 1em;
      font-family: "DINRegular";
      width: 95%;
      max-width: 500px; }

section#slabs {
  color: #390300;
  font-family: "DINRegular"; }
  section#slabs .container {
    max-width: 1200px; }
  section#slabs p {
    line-height: 1.4em; }
  section#slabs h1 {
    font-family: "DINBlack";
    text-transform: uppercase;
    font-size: 3.6em;
    font-weight: normal;
    margin: 0.2em 0 0 0; }
  section#slabs .slabs-introducing {
    font-family: "SnellRoundhandLTStd-Scr";
    font-size: 5em;
    font-weight: bold; }
  section#slabs .slabs-moreish {
    font-size: 1.8em; }
    section#slabs .slabs-moreish h3 {
      font-family: "SnellRoundhandLTStd-Scr";
      font-size: 3em;
      transform: rotate(-3deg);
      margin-bottom: 0.5em; }
  section#slabs .slab-product-container h2 {
    font-family: "DINBlack";
    font-size: 3em;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 1em; }
  section#slabs .slab-product-container .slab-cta {
    font-family: "DINRegular";
    font-size: 1.6em;
    margin-top: 20px; }
    section#slabs .slab-product-container .slab-cta a, section#slabs .slab-product-container .slab-cta button {
      border: solid 2px #390300;
      background-color: transparent;
      padding: 8px;
      color: inherit;
      text-decoration: none;
      text-transform: uppercase;
      margin: 0 10px 0 10px; }

section#fountain {
  color: #390300; }
  section#fountain .introducing {
    font-family: "SnellRoundhandLTStd-Scr";
    font-size: 6em; }
  section#fountain h1 {
    font-family: "DINBlack";
    text-transform: uppercase;
    max-width: 800px; }
  section#fountain img.hero {
    width: 100%;
    height: auto;
    max-width: 1200px; }
  section#fountain #two-fountains .text, section#fountain #two-fountains images {
    position: relative; }
  section#fountain #two-fountains .text {
    z-index: 2; }
  section#fountain #two-fountains .images {
    z-index: 1; }
  section#fountain #two-fountains .images img {
    width: 100%; }
    @media (max-width: 720px) {
      section#fountain #two-fountains .images img {
        max-height: 700px;
        width: auto; } }
  @media (min-width: 900px) {
    section#fountain #two-fountains .images {
      margin-top: -200px; } }
  section#fountain #two-fountains h2 {
    font-family: "SnellRoundhandLTStd-Scr";
    font-size: 5em;
    transform: rotate(-3deg); }
  section#fountain #two-fountains p {
    font-size: 3em;
    font-family: "DIN Pro";
    max-width: 800px; }
  section#fountain .product-container h3 {
    font-family: "DINBlack";
    font-weight: normal;
    font-size: 3em;
    text-transform: uppercase; }
  section#fountain .product-container ul, section#fountain .product-container p {
    font-size: 1.7em;
    font-family: "DIN Pro";
    font-weight: bold;
    line-height: 1.4em; }
  section#fountain .product-container p {
    font-family: "DIN Pro";
    font-weight: bold; }
  section#fountain .product-container ul {
    list-style-position: inside; }
  section#fountain .product-container .product-description {
    padding: 0 50px 0 50px; }
  section#fountain .product-container img {
    width: 100%; }
  section#fountain .product-container .slab-cta {
    font-family: "DINRegular";
    font-size: 1.6em;
    margin-top: 20px; }
    section#fountain .product-container .slab-cta a, section#fountain .product-container .slab-cta button {
      border: solid 2px #390300;
      background-color: transparent;
      padding: 8px;
      color: inherit;
      text-decoration: none;
      text-transform: uppercase;
      margin: 0 10px 0 10px; }

section#trade-shop {
  /* Checkout */ }
  section#trade-shop .use-a-desktop {
    background-color: #9ed8e3;
    color: #1d5965;
    margin: 10px;
    border-radius: 5px;
    padding: 15px;
    font-size: 1.2em; }
  section#trade-shop .trade-order-summary {
    background-color: #609191;
    border-radius: 5px;
    padding: 10px;
    font-size: 1.6em;
    color: #fff;
    font-family: "DIN Pro";
    margin-bottom: 10px; }
    section#trade-shop .trade-order-summary h2 {
      margin: 0;
      font-size: 1.5em;
      font-family: "DIN Pro";
      font-weight: normal; }
    section#trade-shop .trade-order-summary *[data-place-order] {
      background-color: #fff;
      color: #609191;
      padding: 10px;
      text-decoration: none;
      font-family: "DIN Pro";
      border-radius: 5px; }
    section#trade-shop .trade-order-summary.floating {
      position: fixed;
      top: 80px;
      z-index: 2;
      border-top-right-radius: 0;
      border-top-left-radius: 0;
      width: 100%;
      max-width: 1075px; }
      @media only screen and (max-width: 1200px) {
        section#trade-shop .trade-order-summary.floating {
          left: 0; } }
  section#trade-shop *[data-clear-search], section#trade-shop *[data-clear-search] * {
    color: #888; }
  section#trade-shop h2 {
    font-family: "DINBlack";
    font-size: 2em; }
  section#trade-shop .trade-products-zero-results {
    font-size: 1.4em;
    margin-top: 30px;
    color: #888;
    font-family: "DIN Pro"; }
  section#trade-shop .trade-products div:nth-child(odd) .trade-product {
    background-color: #f0eae1; }
  section#trade-shop .trade-product {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-family: "DIN Pro";
    font-size: 1.4em;
    margin-bottom: 7px;
    overflow: hidden;
    color: #663333;
    padding: 10px;
    border-radius: 5px; }
    @media only screen and (min-width: 1200px) {
      section#trade-shop .trade-product {
        text-align: left; } }
    @media only screen and (min-width: 1200px) {
      section#trade-shop .trade-product {
        height: 85px; } }
    section#trade-shop .trade-product h3 {
      color: #663333;
      font-weight: normal;
      margin: 10px 0 6px 0; }
    @media only screen and (min-width: 1200px) {
      section#trade-shop .trade-product img {
        width: 65px;
        height: 65px; } }
    section#trade-shop .trade-product .trade-input-quantity {
      width: 50px;
      font-size: 1.6em;
      text-align: center;
      border: 0;
      background-color: transparent; }
      section#trade-shop .trade-product .trade-input-quantity:focus {
        background-color: #9ed8e3; }
    section#trade-shop .trade-product input.trade-input-quantity[type=number]::-webkit-inner-spin-button,
    section#trade-shop .trade-product input.trade-input-quantity[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
    section#trade-shop .trade-product button[data-dec], section#trade-shop .trade-product button[data-inc] {
      background-color: #609191;
      color: #fff;
      border: 0;
      border-radius: 50%;
      font-size: 1.4em;
      line-height: 11px;
      font-weight: bold;
      height: 22px;
      width: 22px; }
    @media only screen and (min-width: 1200px) {
      section#trade-shop .trade-product .trade-product-image {
        max-width: 80px; } }
    section#trade-shop .trade-product .trade-product-image img {
      height: auto; }
      @media only screen and (max-width: 1200px) {
        section#trade-shop .trade-product .trade-product-image img {
          max-width: 140px; } }
    section#trade-shop .trade-product .trade-product-prices {
      color: #663333;
      margin: 5px 0 5px 0; }
      @media only screen and (min-width: 1200px) {
        section#trade-shop .trade-product .trade-product-prices {
          max-width: 160px;
          margin: 0; } }
      section#trade-shop .trade-product .trade-product-prices .trade-product-prices-unit-price {
        color: #888;
        font-size: 0.9em; }
    section#trade-shop .trade-product .trade-product-case-count {
      margin-top: 5px; }
      @media only screen and (min-width: 1200px) {
        section#trade-shop .trade-product .trade-product-case-count {
          max-width: 150px;
          margin: 0; } }
    section#trade-shop .trade-product .trade-product-casesize {
      margin: 5px 0 5px 0;
      text-align: center;
      color: #888; }
      @media only screen and (min-width: 1200px) {
        section#trade-shop .trade-product .trade-product-casesize {
          max-width: 110px;
          margin: 0; } }
      section#trade-shop .trade-product .trade-product-casesize span[data-trade-result-Case_Size] {
        color: #663333; }
    section#trade-shop .trade-product span[data-trade-result-Vattable-YN] {
      color: #888; }
    section#trade-shop .trade-product span[data-trade-result-Promo_Text] {
      background-color: #609191;
      color: #fff;
      font-size: 0.8em;
      padding: 2px 4px 2px 4px;
      border-radius: 3px; }
    section#trade-shop .trade-product a[data-trade-result-website-link] {
      color: #609191; }
  section#trade-shop .trade-filter {
    text-align: left;
    font-family: "DIN Pro";
    background-color: #f0eae1;
    color: #663333;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 10px; }
    @media only screen and (max-width: 1200px) {
      section#trade-shop .trade-filter {
        margin-bottom: 10px; } }
    section#trade-shop .trade-filter input[type="search"] {
      width: 100%;
      box-sizing: border-box;
      font-size: 1.2em; }
    section#trade-shop .trade-filter h2, section#trade-shop .trade-filter h3 {
      font-family: "DINBlack";
      margin-top: 0; }
    section#trade-shop .trade-filter h3 {
      font-size: 1.6em;
      margin-top: 1em; }
    section#trade-shop .trade-filter .filter-option {
      font-size: 1.4em;
      margin-top: 7px; }
    section#trade-shop .trade-filter .filter-links {
      border-top: solid 1px #dacbb5;
      margin-top: 30px;
      padding-top: 10px;
      font-size: 1.4em;
      line-height: 1.8em; }
      section#trade-shop .trade-filter .filter-links a {
        color: #663333;
        text-decoration: none; }
        section#trade-shop .trade-filter .filter-links a:hover {
          text-decoration: underline; }
  section#trade-shop #primary-categories, section#trade-shop #secondary-categories {
    margin-bottom: 20px; }
    section#trade-shop #primary-categories button, section#trade-shop #secondary-categories button {
      background-color: transparent;
      color: #663333;
      border: 0;
      text-transform: uppercase;
      font-family: "DIN Pro";
      font-size: 1.6em;
      padding: 5px 10px 5px 10px;
      border-radius: 4px; }
      section#trade-shop #primary-categories button[data-clicked], section#trade-shop #secondary-categories button[data-clicked] {
        background-color: #9ed8e3;
        color: #fff; }
      section#trade-shop #primary-categories button:hover, section#trade-shop #secondary-categories button:hover {
        background-color: #eee; }
  section#trade-shop #secondary-categories {
    background-color: #f1f1f1;
    border-radius: 5px;
    padding: 10px 0 10px 0; }
    section#trade-shop #secondary-categories button:hover {
      background-color: #ddd; }
  section#trade-shop #order-summary {
    color: #663333; }
    section#trade-shop #order-summary h2 {
      text-align: left;
      margin-top: 0; }
    section#trade-shop #order-summary .change-order {
      font-size: 1.4em;
      text-align: left; }
      section#trade-shop #order-summary .change-order a {
        color: #663333; }
    section#trade-shop #order-summary .col-payment {
      background-color: #f0eae1;
      text-align: left;
      padding: 30px;
      font-family: "DIN Pro"; }
      section#trade-shop #order-summary .col-payment .trade-basket-summary-line {
        font-size: 1.4em;
        margin-bottom: 10px; }
        section#trade-shop #order-summary .col-payment .trade-basket-summary-line span:first-of-type {
          font-family: "DIN Pro"; }
      section#trade-shop #order-summary .col-payment hr {
        border-top: solid 1px #dacbb5;
        margin: 5px 0 5px 0; }
      section#trade-shop #order-summary .col-payment #payment-options {
        margin-top: 20px; }
        section#trade-shop #order-summary .col-payment #payment-options button {
          width: 100%;
          font-size: 1.6em;
          border-radius: 4px;
          background-color: #609191;
          color: #fff;
          padding: 10px 0 10px 0;
          border: 0;
          margin-bottom: 5px; }
          section#trade-shop #order-summary .col-payment #payment-options button:hover {
            background-color: #6c9e9e; }
      section#trade-shop #order-summary .col-payment #trade-promo-code {
        font-family: "DINRegular"; }
        section#trade-shop #order-summary .col-payment #trade-promo-code input[type="text"] {
          border: 0;
          padding: 5px;
          width: 75%;
          border-radius: 3px;
          border: solid 1px #390300;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
          border-right: 0;
          font-family: inherit; }
        section#trade-shop #order-summary .col-payment #trade-promo-code button {
          font-family: inherit;
          width: 25%;
          border: solid 1px #390300;
          background-color: #609191;
          color: #fff;
          border-top-right-radius: 3px;
          border-bottom-right-radius: 3px;
          border-left: 0;
          cursor: pointer; }
          section#trade-shop #order-summary .col-payment #trade-promo-code button:hover {
            background-color: #6c9e9e; }
        section#trade-shop #order-summary .col-payment #trade-promo-code .error {
          color: red;
          font-size: 1.2em; }
      section#trade-shop #order-summary .col-payment #delivery-options {
        font-family: "DINRegular";
        margin-top: 30px;
        font-size: 1.4em; }
        section#trade-shop #order-summary .col-payment #delivery-options h3 {
          font-weight: normal;
          font-family: "DINBlack";
          font-size: 1em;
          margin-bottom: 0.4em;
          margin-top: 1em; }
        section#trade-shop #order-summary .col-payment #delivery-options select {
          width: 100%; }
        section#trade-shop #order-summary .col-payment #delivery-options input[type="email"], section#trade-shop #order-summary .col-payment #delivery-options input[type="text"] {
          width: 100%;
          border-radius: 3px;
          border: solid 1px #390300;
          padding: 5px;
          font-family: inherit; }

#trade-signup-form {
  font-size: 1.4em;
  font-family: "DINRegular";
  text-align: left;
  background-color: #fff;
  padding: 40px;
  border-radius: 10px; }
  #trade-signup-form input[type="text"], #trade-signup-form input[type="email"], #trade-signup-form textarea {
    width: 100%;
    border: solid 1px #ddd;
    padding: 7px;
    font-family: "DINRegular";
    border-radius: 5px;
    font-size: 1.4em; }
  #trade-signup-form .label {
    line-height: 35px;
    font-size: 1.4em; }
    #trade-signup-form .label .optional {
      font-size: 0.5em;
      display: block;
      line-height: 0.5em;
      color: #888; }
  #trade-signup-form .fieldset {
    margin-bottom: 10px; }
  #trade-signup-form button {
    background-color: #609191;
    font-size: 1.4em;
    padding: 10px 20px 10px 20px;
    text-transform: uppercase;
    border: 0;
    color: #fff;
    font-family: "DINRegular";
    margin-top: 20px; }
  #trade-signup-form small {
    color: #888;
    margin-top: 5px;
    display: block; }

section#trade-signup {
  margin: 0;
  background-color: #ebe3d7;
  padding-bottom: 40px; }
  section#trade-signup h1 {
    margin: 0;
    padding-top: 30px; }

.bootstrap-wrapper .tiles-2022.container {
  max-width: 1200px !important;
  padding: 0;
  margin: 0; }

.tiles-2022 .tile {
  text-align: left;
  font-size: 1.8em;
  font-family: "DINBlack";
  line-height: 1.2em;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column; }
  @media only screen and (max-width: 960px) {
    .tiles-2022 .tile {
      flex-direction: row;
      align-items: center;
      column-gap: 20px;
      margin-bottom: 0; }
      .tiles-2022 .tile img {
        width: 100%;
        max-width: 150px; }
      .tiles-2022 .tile .tile-img {
        min-width: 150px; } }
  .tiles-2022 .tile a {
    color: #333;
    text-decoration: none;
    display: block; }
    .tiles-2022 .tile a:hover {
      color: #000; }
  .tiles-2022 .tile .subtitle {
    display: block;
    font-family: "DINRegular"; }
  .tiles-2022 .tile img {
    width: 100%;
    height: auto; }

#save-basket-for-later-modal {
  border-radius: 10px;
  font-size: 1.4em;
  font-family: "DINRegular";
  line-height: 1.6em; }
  #save-basket-for-later-modal * {
    box-sizing: border-box; }
  #save-basket-for-later-modal h3 {
    font-size: 1.5em;
    margin: 0 0 0.5em 0; }
  #save-basket-for-later-modal i {
    color: #609191;
    font-size: 3em;
    margin-bottom: 20px; }
  #save-basket-for-later-modal form input[type="email"] {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 0;
    display: block;
    outline: none; }
  #save-basket-for-later-modal form button {
    margin-top: 5px;
    cursor: pointer;
    background-color: #609191;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    display: block;
    font-family: "DINRegular";
    text-transform: uppercase; }
    #save-basket-for-later-modal form button:hover {
      background-color: #4c7272; }

section#pay {
  font-family: DINRegular;
  font-size: 1.4em;
  margin-bottom: 20px;
  margin-top: 20px; }
  @media (max-width: 1200px) {
    section#pay {
      padding: 0 20px 0 20px; } }
  section#pay #basket-master-wrapper.hidden {
    display: none; }
  section#pay #basket-loading {
    height: 50vh;
    padding-top: 5em;
    text-align: center;
    font-family: "DINRegular";
    font-size: 1.5em;
    line-height: 2em;
    color: #888; }
  section#pay #upsells {
    margin-top: 2em; }
    section#pay #upsells h2 {
      text-align: left;
      font-size: 1.4em; }
    section#pay #upsells #upsell-items {
      font-size: 0.7em; }
      section#pay #upsells #upsell-items .product-array-v3 {
        justify-content: start;
        gap: 1%; }
  section#pay #promotional_messages {
    display: flex;
    gap: 5px;
    flex-direction: column;
    margin-top: 1em;
    border-radius: 5px;
    line-height: 1.5em; }
    section#pay #promotional_messages i {
      color: #609191;
      margin-right: 5px;
      display: inline-block; }
  section#pay .basket-items {
    box-sizing: border-box; }
  section#pay .basket-item {
    box-sizing: border-box;
    border-top: solid 1px var(--meta-dark);
    position: relative;
    /* div that is a direct descendent of .basket-item */
    text-align: left; }
    section#pay .basket-item:first-child {
      border-top: 0; }
    section#pay .basket-item:first-of-type > div:nth-child(2) {
      border-top-right-radius: 5px; }
    section#pay .basket-item:nth-child(odd) {
      /*
            > div:nth-child(2) {
                background-color: #f8f8f8;
            }
            */ }
    section#pay .basket-item > div {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 20px 20px 20px 20px; }
      section#pay .basket-item > div:nth-child(1) {
        /* border-right: solid 1px #ddd;*/ }
    section#pay .basket-item .product_image {
      width: 100%;
      height: auto;
      cursor: pointer;
      max-width: 300px; }
    section#pay .basket-item hr {
      height: 0;
      border: 0;
      border-top: solid 1px #ddd;
      margin: 0.5em 0; }
    section#pay .basket-item h4 {
      font-weight: normal;
      margin: 0 0 0.5em 0; }
    @media (max-width: 1200px) {
      section#pay .basket-item h3 {
        margin-top: 20px; } }
    section#pay .basket-item h3 [data-fullprice] {
      color: #d75f67;
      text-decoration: line-through; }
    section#pay .basket-item h4 {
      font-family: "DINRegular";
      font-size: 1.1em; }
    section#pay .basket-item .qty-selector {
      border: solid 1px #aaa;
      background-color: #fff;
      display: flex;
      align-items: space-between;
      justify-content: space-between;
      max-width: 100px;
      border-radius: 5px;
      overflow: hidden;
      font-size: 1em; }
      section#pay .basket-item .qty-selector *[data-quantity-increase], section#pay .basket-item .qty-selector *[data-quantity-decrease] {
        line-height: 1em;
        padding: 4px 10px 0 10px;
        display: block;
        cursor: pointer;
        font-size: 1.4em; }
        section#pay .basket-item .qty-selector *[data-quantity-increase]:hover, section#pay .basket-item .qty-selector *[data-quantity-decrease]:hover {
          background-color: #eee; }
      section#pay .basket-item .qty-selector *[data-quantity] {
        padding-top: 5px;
        line-height: 1.5em; }
    section#pay .basket-item [data-delete-from-basket] {
      color: #d75f67;
      cursor: pointer; }
      section#pay .basket-item [data-delete-from-basket]:hover {
        text-decoration: underline; }
    section#pay .basket-item .coins, section#pay .basket-item .buying-trend {
      margin: 0;
      padding: 0;
      font-size: 1em;
      color: #888;
      margin-top: 1em;
      margin-bottom: 0.3em; }
    section#pay .basket-item .coins {
      margin-top: 1em;
      margin-bottom: 0.3em; }
      section#pay .basket-item .coins .coin-icon {
        width: auto;
        height: 1.1em;
        display: inline-block; }
        section#pay .basket-item .coins .coin-icon svg {
          width: 100%;
          height: 100%; }
    section#pay .basket-item .ruk_rating_snippet {
      margin-top: 10px; }
    section#pay .basket-item [data-preorder] {
      color: #609191;
      margin-bottom: 1em;
      font-size: 0.9em; }
  section#pay #basket-summary {
    background-color: #ebe3d7;
    padding: 20px;
    border-radius: 5px;
    text-align: left;
    padding-top: 20px; }
    section#pay #basket-summary h2 {
      margin-top: 0; }
    section#pay #basket-summary #gift-message a, section#pay #basket-summary #discreet-packaging a {
      color: inherit;
      text-decoration: none; }
      section#pay #basket-summary #gift-message a:hover, section#pay #basket-summary #discreet-packaging a:hover {
        text-decoration: underline; }
  section#pay #add-a-voucher {
    margin-top: 1em; }
    section#pay #add-a-voucher #voucher-error {
      color: red;
      font-size: 0.8em;
      margin: 0.5em 0; }
    section#pay #add-a-voucher #voucher-form {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      section#pay #add-a-voucher #voucher-form input[type="text"] {
        padding: 10px;
        font-size: 1em;
        width: 75%; }
      section#pay #add-a-voucher #voucher-form button {
        border: 0;
        padding: 10px;
        font-size: 1em;
        cursor: pointer;
        text-transform: uppercase; }
    section#pay #add-a-voucher #voucher-success {
      display: flex;
      align-items: center;
      justify-content: left;
      gap: 5px;
      margin-top: 1em; }
      section#pay #add-a-voucher #voucher-success [data-voucher-remove] {
        color: #d75f67;
        cursor: pointer; }
  section#pay #shipping-options {
    background: url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat 97% #fff; }
    section#pay #shipping-options select {
      width: 100%;
      border: 0;
      background-color: transparent;
      padding: 0;
      margin: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      font-family: "DINRegular";
      font-size: 1.2em;
      cursor: pointer;
      border: solid 1px #aaa;
      padding: 10px; }
    section#pay #shipping-options:hover {
      background-color: #f8f8f8; }
  section#pay #free_shipping_feedback {
    font-size: 0.9em;
    font-style: italic;
    margin-top: 0.3em;
    color: #609191;
    font-weight: Bold; }
  section#pay #apple-google-microsoft-pay .StripeElement {
    padding: 0; }
  section#pay .pay--pay-by-card, section#pay .pay--free-order {
    text-decoration: none;
    background-color: #609191;
    padding: 10px;
    color: #fff;
    border-radius: 3px;
    height: 45px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: "DINRegular";
    font-size: 1.1em; }
    section#pay .pay--pay-by-card:hover, section#pay .pay--free-order:hover {
      background-color: #568282; }
    section#pay .pay--pay-by-card img, section#pay .pay--free-order img {
      max-height: 20px;
      width: auto; }
  section#pay .pay--free-order {
    display: none; }

#gift-message-modal {
  font-family: "DINRegular";
  border-radius: 10px;
  z-index: 99999999999; }
  #gift-message-modal form {
    display: flex;
    gap: 20px;
    align-items: center; }
  #gift-message-modal div {
    flex-grow: 1; }
  #gift-message-modal textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    font-size: 1.2em;
    border: solid 1px #ddd;
    font-family: "DINRegular";
    border-radius: 5px; }
  #gift-message-modal button {
    background-color: #609191;
    color: #fff;
    border: 0;
    padding: 10px 20px;
    text-transform: uppercase;
    font-family: "DINRegular";
    border-radius: 5px;
    cursor: pointer;
    margin-top: 20px; }
    #gift-message-modal button:hover {
      background-color: #4c7272; }
  #gift-message-modal #paypal-button-container iframe {
    position: relative;
    z-index: 0 !important; }

/* Pay by card page */
section#pay #pay-card--free {
  display: none; }

section#pay .pay-card--section {
  margin-bottom: 10px;
  text-align: left;
  border: solid 2px #eee;
  font-size: 1.2em;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px; }
  section#pay .pay-card--section h2 {
    background-color: #eee;
    padding: 10px 0 10px 20px;
    margin: 0;
    font-size: 1em;
    cursor: pointer; }
  section#pay .pay-card--section .pay-card--section-inner {
    padding: 20px;
    display: none; }
  section#pay .pay-card--section .form-group {
    margin-top: 20px; }
    section#pay .pay-card--section .form-group label {
      display: block;
      margin-bottom: 0.25em;
      font-size: 0.8em; }
      section#pay .pay-card--section .form-group label .required {
        color: #d75f67; }
    section#pay .pay-card--section .form-group input[type=text], section#pay .pay-card--section .form-group input[type=email], section#pay .pay-card--section .form-group input[type=tel], section#pay .pay-card--section .form-group input[type=password], section#pay .pay-card--section .form-group select {
      width: 100%;
      border: solid 1px #ddd;
      padding: 10px;
      font-family: "DINRegular";
      font-size: 1em;
      border-radius: 5px; }
    section#pay .pay-card--section .form-group.inline label {
      display: inline-block; }
    section#pay .pay-card--section .form-group input.error {
      border: solid 2px #d75f67;
      color: inherit; }
    section#pay .pay-card--section .form-group .error-message {
      color: #d75f67;
      font-size: 0.8em;
      margin-top: 0.5em; }
  section#pay .pay-card--section small {
    margin-top: 0.5em;
    display: block; }
  section#pay .pay-card--section .muted {
    color: #888; }
  section#pay .pay-card--section p:first-child {
    margin-top: 0; }
  section#pay .pay-card--section button[data-pay-card-next], section#pay .pay-card--section button[data-pay-card-login], section#pay .pay-card--section button[data-pay-card-guest] {
    background-color: #609191;
    color: #fff;
    border: 0;
    padding: 10px 20px;
    text-transform: uppercase;
    font-family: "DINRegular";
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
    display: inline-block; }
    section#pay .pay-card--section button[data-pay-card-next]:hover, section#pay .pay-card--section button[data-pay-card-login]:hover, section#pay .pay-card--section button[data-pay-card-guest]:hover {
      background-color: #4c7272; }
    @media (max-width: 768px) {
      section#pay .pay-card--section button[data-pay-card-next], section#pay .pay-card--section button[data-pay-card-login], section#pay .pay-card--section button[data-pay-card-guest] {
        display: block;
        width: 100%;
        font-size: 1.1em; } }
  section#pay .pay-card--section button[data-pay-card-guest] {
    background-color: #609191;
    color: #fff;
    border: 0;
    padding: 10px 20px;
    text-transform: uppercase;
    font-family: "DINRegular";
    border-radius: 5px;
    cursor: pointer;
    background-color: #ddd;
    color: #000; }
    section#pay .pay-card--section button[data-pay-card-guest]:hover {
      background-color: #4c7272; }
    section#pay .pay-card--section button[data-pay-card-guest]:hover {
      background-color: #c4c3c3; }

section#pay .pay-card--address-fields {
  display: none; }

section#pay .pay-card--address-summary {
  display: none; }

section#pay .pay-card--address-preview {
  margin-top: 10px;
  display: none;
  line-height: 1.4em; }

section#pay button[data-show-address-fields] {
  background-color: transparent;
  padding: 0;
  border: 0;
  text-decoration: underline;
  font-style: italic;
  font-size: 0.7em;
  margin-top: 0.5em;
  cursor: pointer; }

section#pay .StripeElement {
  height: auto;
  border: 0;
  padding: 0; }

section#pay button[type=submit] {
  background-color: #609191;
  color: #fff;
  border: 0;
  padding: 10px 20px;
  text-transform: uppercase;
  font-family: "DINRegular";
  border-radius: 5px;
  cursor: pointer;
  margin-top: 20px; }
  section#pay button[type=submit]:hover {
    background-color: #4c7272; }
  @media (max-width: 768px) {
    section#pay button[type=submit] {
      display: block;
      width: 100%;
      font-size: 1.1em; } }

section#pay button[data-pay-new-card] {
  background-color: #609191;
  color: #fff;
  border: 0;
  padding: 10px 20px;
  text-transform: uppercase;
  font-family: "DINRegular";
  border-radius: 5px;
  cursor: pointer;
  background-color: #ddd;
  color: #000; }
  section#pay button[data-pay-new-card]:hover {
    background-color: #4c7272; }
  section#pay button[data-pay-new-card]:hover {
    background-color: #c4c3c3; }

section#pay #processing-payment {
  margin-top: 1em;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px; }
  section#pay #processing-payment.hidden {
    display: none; }

section#pay .previous-address {
  background-color: #f0f0f0;
  border: solid 1px #ddd;
  padding: 10px;
  font-size: 0.8em;
  margin-bottom: 5px;
  cursor: pointer;
  border-radius: 4px; }
  section#pay .previous-address:hover {
    background-color: #ddd; }

section#pay .saved-payment-method {
  background-color: #f0f0f0;
  border: solid 1px #ddd;
  padding: 10px;
  font-size: 0.8em;
  margin-bottom: 5px;
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 10px; }
  section#pay .saved-payment-method img {
    max-height: 20px;
    width: auto; }
  section#pay .saved-payment-method:hover {
    background-color: #ddd; }

section#pay #payment-errors {
  margin-bottom: 1em; }

section#pay #login {
  display: none; }

/*To migrate to global css*/
#header-2020 hr {
  font-size: 0px; }

.bg-meta {
  background-color: var(--meta-light); }

.highlight {
  color: var(--primary-dark); }

@media (max-width: 768px) {
  .hide-on-mobile {
    display: none; } }

::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background-color: var(--meta-very-dark);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

::-webkit-scrollbar {
  height: 5px;
  background-color: var(--meta-light);
  margin-right: 30px; }
  @media (min-width: 768px) {
    ::-webkit-scrollbar {
      -webkit-appearance: none;
      background: none; } }

section#pay {
  padding: 0;
  margin: 0;
  font-family: 'Roboto Condensed';
  font-weight: 500;
  font-size: 1.6em;
  display: flex;
  align-items: center; }
  @media (min-width: 768px) {
    section#pay {
      display: block;
      margin: 20px;
      padding: 0p; } }
  section#pay .row {
    width: 100%;
    padding: 0;
    margin: 0; }
    section#pay .row .col-lg-4, section#pay .row .col-lg-8 {
      padding: 0; }
  section#pay #preorder_warning {
    background-color: #9ed8e3;
    padding: 10px;
    line-height: 1.5em;
    border-radius: 0;
    margin: 0; }
  section#pay h2 {
    text-align: left; }
  section#pay .accordion-header {
    display: flex;
    align-items: center;
    text-align: left;
    text-transform: capitalize;
    margin: 0;
    padding: 0 0 0 10px;
    border-radius: 0;
    line-height: 49px;
    background-color: var(--meta);
    color: var(--primary-dark); }
    @media (min-width: 768px) {
      section#pay .accordion-header {
        display: none; } }
    section#pay .accordion-header span {
      text-transform: inherit;
      margin-right: 3px; }
    section#pay .accordion-header i {
      margin: 0 6px;
      font-size: 1.2em; }
    section#pay .accordion-header i.fa-chevron-down {
      font-size: 0.8em; }
    section#pay .accordion-header span.price-lg {
      justify-content: flex-end;
      display: flex;
      flex-grow: 1;
      margin-right: 14px; }
      section#pay .accordion-header span.price-lg span {
        margin: 0; }
  section#pay .price-lg {
    color: var(--black);
    font-weight: 700; }
    section#pay .price-lg *[data-fullprice] {
      text-decoration: line-through;
      color: #d75f67; }
  section#pay *[data-item-specific-discount-message] {
    color: #d75f67;
    font-size: 0.8em;
    margin-top: 0.3em; }
  @media (min-width: 768px) {
    section#pay #basket-items {
      margin-right: 20px; } }
  @media (min-width: 768px) {
    section#pay .basket-item.row {
      border-bottom: solid 1px var(--meta-dark); } }
  @media (max-width: 768px) {
    section#pay .basket-item.row:last-child {
      border-bottom: solid 5px var(--meta-dark); } }
  section#pay .basket-item.row div:last-child {
    padding-left: 0px;
    justify-content: space-around; }
    section#pay .basket-item.row div:last-child h5 {
      margin: 0px;
      font-size: 1em;
      font-weight: normal; }
  section#pay .basket-item.row .qty-selector {
    align-self: flex-end;
    height: 40px;
    border-radius: var(--border-radius);
    border: solid 2px var(--meta);
    max-width: fit-content; }
    section#pay .basket-item.row .qty-selector span {
      padding: 6px 16px; }
    section#pay .basket-item.row .qty-selector span[data-quantity-increase] {
      font-size: 1.2em;
      padding-top: 8px; }
  section#pay .basket-item.row img {
    max-width: 120px; }
  section#pay .desktop-upsells {
    display: none; }
  section#pay #basket-summary {
    max-width: 100vw;
    background-color: var(--white); }
    @media (min-width: 768px) {
      section#pay #basket-summary {
        background-color: var(--meta-light);
        padding: 20px;
        border-radius: var(--border-radius);
        position: sticky;
        top: 105px; } }
    section#pay #basket-summary .basket-summary-item {
      margin-bottom: 20px;
      margin-top: 0; }
      section#pay #basket-summary .basket-summary-item h4 {
        display: flex;
        margin-bottom: 15px;
        margin-top: 2px; }
        section#pay #basket-summary .basket-summary-item h4 .flex-end {
          justify-content: flex-end;
          display: flex;
          flex-grow: 1; }
        section#pay #basket-summary .basket-summary-item h4 span {
          text-transform: capitalize; }
      section#pay #basket-summary .basket-summary-item #shipping-options {
        background: url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat 95% #fff;
        border-radius: var(--border-radius); }
        section#pay #basket-summary .basket-summary-item #shipping-options select {
          border-radius: var(--border-radius);
          font-family: 'Roboto Condensed';
          font-size: 1em;
          font-weight: 500;
          text-indent: 4px;
          border: solid 1px var(--meta-dark); }
    section#pay #basket-summary #free_shipping_feedback {
      font-style: normal;
      font-weight: 500;
      font-size: 1.2em;
      text-align: center;
      color: var(--black);
      margin: 30px 0; }
      section#pay #basket-summary #free_shipping_feedback .highlight {
        text-transform: uppercase; }
      section#pay #basket-summary #free_shipping_feedback p {
        font-size: 0.8em;
        font-weight: 500;
        margin: 10px 0 0 0; }
  section#pay .desktop-upsells {
    display: none; }
    @media (min-width: 768px) {
      section#pay .desktop-upsells {
        display: block; }
        section#pay .desktop-upsells h4 {
          text-align: left; } }
  @media (min-width: 768px) {
    section#pay .offers {
      display: none; } }
  section#pay .card-carousel {
    white-space: nowrap;
    overflow-x: scroll;
    flex-wrap: nowrap;
    justify-content: flex-start;
    scroll-snap-type: x mandatory;
    margin-right: -20px; }
    @media (min-width: 768px) {
      section#pay .card-carousel {
        display: flex; } }
    @media (min-width: 768px) {
      section#pay .card-carousel {
        margin-right: 20px;
        flex-wrap: wrap; } }
    section#pay .card-carousel .card {
      scroll-snap-align: start;
      scroll-snap-stop: always;
      background: var(--meta-light);
      margin-right: 20px;
      border-radius: var(--border-radius);
      display: inline-block;
      padding: 15px;
      display: flex;
      margin-bottom: 10px; }
      @media (min-width: 768px) {
        section#pay .card-carousel .card {
          flex-basis: min-content;
          margin-bottom: 20px; } }
      section#pay .card-carousel .card img {
        width: 75px;
        height: 75px;
        margin-right: 15px;
        mix-blend-mode: multiply; }
      section#pay .card-carousel .card .card-detail {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        @media (min-width: 768px) {
          section#pay .card-carousel .card .card-detail {
            width: 200px; } }
        section#pay .card-carousel .card .card-detail h6 {
          font-size: 0.9em;
          font-weight: 500;
          white-space: normal;
          margin: 0px;
          text-align: left; }
          section#pay .card-carousel .card .card-detail h6 s {
            color: #d75f67; }
        section#pay .card-carousel .card .card-detail button {
          background: none;
          padding: 0;
          border: none;
          text-decoration: underline;
          font-family: 'Roboto Condensed';
          color: var(--primary-dark);
          font-weight: 500;
          font-size: 0.9em;
          align-self: flex-start;
          cursor: pointer; }
          @media (min-width: 768px) {
            section#pay .card-carousel .card .card-detail button {
              align-self: flex-end; } }
    @media (min-width: 768px) {
      section#pay .card-carousel .card:nth-child(3n) {
        margin-right: 0; } }
  section#pay #voucher-form {
    background-color: var(--white);
    border-radius: var(--border-radius);
    border: solid 1px var(--meta-dark); }
    section#pay #voucher-form input {
      font-family: 'Roboto Condensed';
      border: none;
      border-radius: var(--border-radius) 0 0 var(--border-radius);
      background: none;
      padding-left: 15px; }
    section#pay #voucher-form button {
      font-family: 'Roboto Condensed';
      border-radius: 0 var(--border-radius) var(--border-radius) 0;
      width: 25%;
      color: var(--primary-dark); }
  section#pay .sticky-footer {
    position: fixed;
    bottom: 0px;
    z-index: 1;
    background-color: var(--meta-light);
    margin: 0 -20px 0 -20px;
    width: 100%;
    padding: 20px; }
    @media (min-width: 768px) {
      section#pay .sticky-footer {
        position: relative;
        bottom: auto;
        margin: 0;
        padding: 0; } }
    section#pay .sticky-footer .basket-summary-item {
      margin: 0 !important; }
    section#pay .sticky-footer h3 {
      text-transform: none;
      text-align: center;
      display: block;
      margin: 0;
      color: var(--primary-dark); }
    section#pay .sticky-footer a {
      border-radius: var(--border-radius); }
  section#pay #payment-form #basket-items-toggle {
    margin-bottom: 10px; }
  section#pay #payment-form .bootstrap-wrapper .col-md-8 {
    padding: 0; }
  section#pay #payment-form button {
    border-radius: var(--border-radius); }
  section#pay #payment-form h3 {
    text-align: left;
    margin-top: 0px; }
  @media (min-width: 768px) {
    section#pay #payment-form .pay-card--section {
      border-radius: var(--border-radius);
      overflow: hidden; } }
  @media (max-width: 768px) {
    section#pay #payment-form #basket-summary {
      padding: 20px 10px 20px; } }
  section#pay #payment-form #basket-summary .basket-summary-item.total {
    display: flex;
    flex-direction: row;
    margin-bottom: 0; }
    section#pay #payment-form #basket-summary .basket-summary-item.total h5, section#pay #payment-form #basket-summary .basket-summary-item.total h6 {
      font-size: 1.2em;
      margin: 0 3px 0; }

#cookie-consent-banner {
  visibility: hidden;
  width: 100vw;
  position: fixed;
  bottom: 0;
  height: 40px;
  background-color: #ebe3d7;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: center;
  font-size: 1.4em;
  font-family: DINRegular, sans-serif; }
  #cookie-consent-banner a {
    color: inherit; }
  #cookie-consent-banner a[data-accept-cookies] {
    color: inherit;
    text-decoration: none;
    background-color: #609191;
    color: #fff;
    padding: 5px;
    font-size: 0.8em;
    border-radius: 5px;
    margin-left: 5px; }
    #cookie-consent-banner a[data-accept-cookies]:hover {
      background-color: #222; }
  #cookie-consent-banner a[data-deny-cookies] {
    margin-left: 5px;
    font-size: 0.8em;
    color: #663333;
    text-decoration: underline; }
    #cookie-consent-banner a[data-deny-cookies]:hover {
      text-decoration: none; }

:root {
  --black: #000;
  --white: #FFF;
  --primary-dark: #4A7B7B;
  --meta-light: #F5F2F2;
  --meta: #EDEDED;
  --meta-dark: #DDD;
  --meta-very-dark: #BBB;
  --border-radius: 16px; }