.productRecipe .wrap:after, .productRecipe .wrap .recipe .main .cols:after {
  content: '';
  display: block;
  clear: both; }

.productRecipe .wrap .recipe, .productRecipe .wrap .recipe .main .detail .col, .productRecipe .wrap .recipe .main .cols .col {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

header[role="banner"] .wrap nav ul li a {
  font-family: 'Circular Std Medium'; }

.fullRange header p {
  font-family: 'Circular Std Book'; }

.fullRange header h2, .fullRange .wrap .col h3 {
  font-family: 'Recoleta W05 Bold'; }

.desktop {
  display: block; }

.mobile {
  display: none; }

body {
  padding-top: 178px; }
  body.landing {
    padding-top: 40px; }
    body.landing .text-panel .wrap header {
      width: 580px;
      margin: 0 auto; }
      body.landing .text-panel .wrap header .rotate {
        width: 91px;
        top: 50%;
        margin-top: 60px;
        right: 0; }
    body.landing .text-panel .wrap figure:not(.rotate) {
      margin-top: -130px; }

header[role="banner"] {
  height: 178px; }
  header[role="banner"] .wrap h1 {
    width: 195px;
    height: 124px; }
  header[role="banner"] .wrap nav {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 50px;
    width: 1024px;
    margin: 0 auto; }
    header[role="banner"] .wrap nav:before, header[role="banner"] .wrap nav:after {
      content: '';
      background-color: rgba(37, 121, 94, 0.5);
      height: 1px;
      display: block;
      width: 380px;
      position: absolute;
      top: 20px;
      left: 0; }
    header[role="banner"] .wrap nav:after {
      left: auto;
      right: 0; }
    header[role="banner"] .wrap nav ul li {
      display: inline-block; }
      header[role="banner"] .wrap nav ul li:hover a {
        color: #00b98d; }
      header[role="banner"] .wrap nav ul li + li {
        margin-left: 40px; }
      header[role="banner"] .wrap nav ul li:nth-of-type(3) {
        margin-right: 81px; }
      header[role="banner"] .wrap nav ul li:nth-of-type(4) {
        margin-left: 284px; }
      header[role="banner"] .wrap nav ul li a {
        color: #26795f;
        text-transform: uppercase;
        font-size: 0.875rem;
        letter-spacing: 0.1em;
        display: block;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: color;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: color;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: color;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: color;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: color; }

.productRecipe.modal {
  height: 100vh; }
  .productRecipe.modal .wrap > figure {
    height: 100vh;
    padding-top: 0; }
.productRecipe .wrap button {
  background-position: -200px -20px;
  width: 39px;
  height: 39px;
  margin: 0 30px 0 auto;
  position: absolute;
  top: 30px;
  right: 0; }
.productRecipe .wrap > figure {
  padding-top: 100%;
  float: left;
  width: 50%; }
.productRecipe .wrap .recipe {
  padding: 60px 40px;
  width: 50%;
  float: left; }
  .productRecipe .wrap .recipe header h2 {
    font-size: 1rem;
    padding-bottom: 15px; }
  .productRecipe .wrap .recipe header h3 {
    font-size: 3.3125rem; }
  .productRecipe .wrap .recipe header p {
    font-size: 1.25rem; }
  .productRecipe .wrap .recipe .main {
    width: 460px; }
    .productRecipe .wrap .recipe .main .detail .col {
      width: 35%;
      height: 90px; }
      .productRecipe .wrap .recipe .main .detail .col:nth-of-type(2) {
        border-left: 1px solid rgba(248, 245, 237, 0.5);
        border-right: 1px solid rgba(248, 245, 237, 0.5);
        width: 45%;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center; }
      .productRecipe .wrap .recipe .main .detail .col:last-of-type {
        border-top: 0;
        width: 20%; }
      .productRecipe .wrap .recipe .main .detail .col figure {
        width: 55px;
        margin-left: 0;
        margin-right: 10px; }
      .productRecipe .wrap .recipe .main .detail .col span {
        width: 64px;
        height: 64px;
        padding-top: 16px; }
      .productRecipe .wrap .recipe .main .detail .col h4 {
        font-size: 1rem;
        margin-left: 10px; }
        .productRecipe .wrap .recipe .main .detail .col h4 em {
          font-size: 1.25rem; }
      .productRecipe .wrap .recipe .main .detail .col p {
        font-size: 1.125rem;
        margin-left: 10px; }
    .productRecipe .wrap .recipe .main .cols {
      padding-top: 0;
      border-bottom: 1px solid rgba(248, 245, 237, 0.5);
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      .productRecipe .wrap .recipe .main .cols .col {
        float: left;
        width: 35%;
        min-height: 465px;
        padding-bottom: 30px;
        padding-top: 30px;
        padding: 30px 10px 30px 0; }
        .productRecipe .wrap .recipe .main .cols .col + .col {
          width: 65%;
          padding-left: 25px;
          padding-right: 0;
          border-top: 0;
          margin-top: 0;
          position: relative; }
          .productRecipe .wrap .recipe .main .cols .col + .col:before {
            content: '';
            width: 1px;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            background-color: rgba(248, 245, 237, 0.5); }

.fullRange {
  background-color: #00b98d;
  padding: 100px 0 120px 0; }
  .fullRange header {
    text-align: center;
    padding-bottom: 50px; }
    .fullRange header h2 {
      font-size: 3.3125rem;
      color: #f8f5ec;
      line-height: 1.1;
      text-align: center;
      padding-bottom: 15px; }
    .fullRange header p {
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-size: 1.125rem;
      line-height: 1.2;
      color: #124734; }
  .fullRange .wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    width: 980px;
    margin: 0 auto; }
    .fullRange .wrap .col {
      width: 33.3%;
      position: relative;
      margin-bottom: 80px; }
      .fullRange .wrap .col figure {
        width: 300px;
        margin: 0 auto; }
      .fullRange .wrap .col figure.hover {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        opacity: 0;
        pointer-events: none;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all; }
      .fullRange .wrap .col h3 {
        font-size: 2.1875rem;
        text-align: center;
        margin-top: 30px;
        color: #124734; }

.slider.range .swiper-container {
  width: 980px;
  margin: 0 auto; }
  .slider.range .swiper-container .swiper-wrapper .swiper-slide {
    width: 33.3%;
    position: relative; }
    .slider.range .swiper-container .swiper-wrapper .swiper-slide:hover figure {
      opacity: 0; }
      .slider.range .swiper-container .swiper-wrapper .swiper-slide:hover figure.hover {
        opacity: 1; }
    .slider.range .swiper-container .swiper-wrapper .swiper-slide figure.hover {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      opacity: 0;
      pointer-events: none;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all; }
.slider.recipes .swiper-menu {
  width: 300px;
  position: relative;
  left: 10px; }
.slider.recipes .swiper-container .swiper-wrapper .swiper-slide:hover figure {
  opacity: 1; }
.slider.good-stuff .swiper-container {
  width: 980px;
  margin: 0 auto; }
  .slider.good-stuff .swiper-container .swiper-wrapper .swiper-slide {
    width: 33.3%; }
.slider.latest-news .swiper-menu {
  margin-top: -45px;
  width: 960px; }
.slider.latest-news .swiper-container {
  width: 980px; }
  .slider.latest-news .swiper-container .swiper-wrapper .swiper-slide {
    width: 33.3%; }
.slider.where-to-buy {
  padding: 60px 0 20px 0; }
  .slider.where-to-buy .swiper-container {
    width: 980px; }
    .slider.where-to-buy .swiper-container .swiper-wrapper .swiper-slide {
      width: 33.3%; }
.slider.hero .swiper-container .swiper-wrapper .swiper-slide {
  height: -moz-calc(100vh - 178px);
  height: -o-calc(100vh - 178px);
  height: -webkit-calc(100vh - 178px);
  height: calc(100vh - 178px); }

.contact {
  padding: 85px 0; }
  .contact .wrap {
    width: 980px;
    margin: 0 auto; }
    .contact .wrap h2 {
      font-size: 3.3125rem;
      padding-bottom: 15px; }
    .contact .wrap p {
      font-size: 1.125rem; }
    .contact .wrap form {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .contact .wrap form .mandatory {
        font-size: 1rem;
        margin-top: 32px; }
      .contact .wrap form button {
        height: 68px;
        font-size: 1.125rem;
        width: 294px;
        margin-top: 26px;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all;
        margin-left: 0; }
        .contact .wrap form button:hover {
          background-color: #124734; }
      .contact .wrap form .col {
        width: -moz-calc(50% - 43px);
        width: -o-calc(50% - 43px);
        width: -webkit-calc(50% - 43px);
        width: calc(50% - 43px); }
        .contact .wrap form .col + .col {
          margin-top: 0;
          margin-left: 86px; }
        .contact .wrap form .col .tickbox {
          margin-top: 43px; }
          .contact .wrap form .col .tickbox input {
            width: 28px;
            height: 28px;
            margin-top: 5px; }
          .contact .wrap form .col .tickbox span {
            width: 22px;
            height: 22px;
            top: 8px; }
          .contact .wrap form .col .tickbox label {
            font-size: 1rem;
            line-height: 1.5;
            width: -moz-calc(100% - 52px);
            width: -o-calc(100% - 52px);
            width: -webkit-calc(100% - 52px);
            width: calc(100% - 52px); }
        .contact .wrap form .col .input + .input {
          margin-top: 25px; }
        .contact .wrap form .col .input.select:after {
          background-position: -160px -20px;
          width: 23px;
          height: 13px;
          margin-top: -6px;
          right: 36px; }
        .contact .wrap form .col .input input, .contact .wrap form .col .input select, .contact .wrap form .col .input textarea {
          height: 68px;
          font-size: 1.125rem;
          padding: 0 36px; }
        .contact .wrap form .col .input ul li {
          top: 28px;
          right: 20px; }
        .contact .wrap form .col .input textarea {
          height: 254px;
          padding-top: 23px; }

.product .wrap {
  width: 980px;
  margin: 0 auto; }
  .product .wrap .cols {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .product .wrap .cols .col {
      width: 50%; }
      .product .wrap .cols .col > figure {
        width: 460px; }
      .product .wrap .cols .col header {
        width: 465px;
        margin: 0 0 20px auto; }
      .product .wrap .cols .col .info {
        width: 465px;
        margin-left: auto; }
      .product .wrap .cols .col .stockists,
      .product .wrap .cols .col .awards {
        width: 465px;
        margin-left: auto; }

.standardText {
  margin: 100px 0; }
  .standardText .wrap {
    margin: 0 auto;
    width: 980px; }

footer .wrap .buttons {
  column-gap: 30px; }
footer .wrap nav {
  margin: 30px 0 35px 0; }
  footer .wrap nav ul {
    text-align: center; }
    footer .wrap nav ul li {
      line-height: 1;
      display: inline-block; }
      footer .wrap nav ul li + li {
        margin-left: 150px; }
footer .wrap p {
  width: 100%; }
  footer .wrap p span {
    display: inline-block;
    padding: 0 20px; }

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