.product .wrap .cols .col .stockists .images:after, .product .wrap .cols .col .info:after, .contact .wrap form .col .tickbox:after, .slider .swiper-menu:after {
  content: "";
  display: block;
  clear: both;
}

.contact .wrap form .col .input input, .contact .wrap form .col .input select, .contact .wrap form .col .input textarea, .slider .link, .productRecipe .wrap .recipe .main .detail .col span, .productRecipe .wrap .recipe .main .detail .col, .thoughtco-cookiepanel .toggler label {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.contact .wrap form .col .input.select:after, .slider .swiper-menu button, .productRecipe .wrap button {
  background-image: url("../sprites/sprite.svg");
  background-size: 500px 500px;
  font-size: 20px;
}

.product .wrap .cols .col .info figure figcaption em, .productRecipe .wrap .recipe .main .detail .col h4 em {
  font-family: "Circular Std Black";
}

.product .wrap .cols .col .stockists p, .contact .wrap form .successMessage p, .productRecipe .wrap .recipe .main .cols .col h4, .productRecipe .wrap .recipe .main .detail .col h4, .productRecipe .wrap .recipe .main .detail .col span, .productRecipe .wrap .recipe header h2, body.landing .text-panel .wrap header p {
  font-family: "Circular Std Bold";
}

.product .wrap .cols .col .info figure figcaption, .slider.good-stuff .swiper-container .swiper-wrapper .swiper-slide h4, .mobileMenu .wrap nav ul li a {
  font-family: "Circular Std Medium";
}

.contact .wrap form .col .input ul li, .contact .wrap form .col .input input, .contact .wrap form .col .input select, .contact .wrap form .col .input textarea, .contact .wrap form .col .tickbox label, .contact .wrap form .mandatory, .contact .wrap p, .slider header p, .slider.range .swiper-container .swiper-wrapper .swiper-slide p, body {
  font-family: "Circular Std Book";
}

.standardText .wrap article h2, .standardText .wrap article h3, .product .wrap .cols .col header h2, .contact .wrap h2, .text-panel .wrap header h2, .slider .swiper-container .swiper-wrapper .swiper-slide h3, .slider header h2, .productRecipe .wrap .recipe .main .detail .col p, .productRecipe .wrap .recipe header p, .productRecipe .wrap .recipe header h3 {
  font-family: "Recoleta W05 Bold";
}

.placeholder {
  pointer-events: none;
  -webkit-transition: 0.3s opacity linear;
  -ms-transition: 0.3s opacity linear;
  transition: 0.3s opacity linear;
  position: absolute;
}
.placeholder.faded {
  opacity: 0.5;
}
.placeholder.hide {
  display: none;
}

.video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  width: 100%;
  display: block;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hide {
  display: none !important;
}

.desktop {
  display: none;
}

body {
  background-color: #f8f5ec;
  padding-top: 138px;
  -webkit-font-smoothing: antialiased;
}
body a {
  text-decoration: none;
}
body hr {
  border-bottom: 0;
}
body.showNav .mobileMenu {
  opacity: 1;
  pointer-events: all;
}
body.landing {
  padding-top: 20px;
}
body.landing header[role=banner] {
  position: relative;
}
body.landing header[role=banner] .wrap h1 {
  width: 189px;
  height: 120px;
}
body.landing footer {
  background-color: transparent;
  padding: 20px;
}
body.landing footer .wrap p {
  font-size: 0.75rem;
  color: #26795f;
  width: auto;
  line-height: 1.6;
}
body.landing .text-panel .wrap header {
  padding-top: 13px;
  padding-bottom: 10px;
}
body.landing .text-panel .wrap header h2 {
  padding: 0;
}
body.landing .text-panel .wrap header p {
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  color: #00b98d;
  margin-top: 20px;
}
body.landing .text-panel .wrap header .rotate {
  width: 80px;
  margin: 15px auto 0 auto;
  -webkit-animation: 8s linear infinite rotate;
  animation: 8s linear infinite rotate;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body.landing .text-panel .wrap figure:not(.rotate) {
  margin-top: -120px;
}

.thoughtco-cookiepanel .cookiepanel-open {
  z-index: 10000;
  background-color: #124734;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #f8f5ec;
  border-radius: 20px;
  left: 10px;
  bottom: 10px;
  padding: 10px 20px;
}
.thoughtco-cookiepanel .buttons button {
  display: inline-block;
  background-color: #f8f5ec;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.875rem;
  border-radius: 20px;
  width: -moz-calc(50% - 10px);
  width: -o-calc(50% - 10px);
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px);
}
.thoughtco-cookiepanel .cookiepanel-sidebar {
  background-color: #124734;
  z-index: 1000000;
}
.thoughtco-cookiepanel .cookiepanel-sidebar h2, .thoughtco-cookiepanel .cookiepanel-sidebar p {
  color: #f8f5ec;
}
.thoughtco-cookiepanel .toggler {
  width: auto;
  background-color: #f8f5ec;
  padding: 10px;
  border-radius: 20px;
}
.thoughtco-cookiepanel .toggler label {
  color: #124734;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: center;
}
.thoughtco-cookiepanel .toggler label + label {
  text-align: center;
}
.thoughtco-cookiepanel .toggler label:before {
  background-color: #00b98d;
}

header[role=banner] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 138px;
  z-index: 100000;
  background-color: #f8f5ec;
}
header[role=banner] .wrap h1 {
  text-indent: -9999px;
  background-image: url("../images/LOU_Logo_Header_Desktop_195x124px-01.png");
  background-repeat: no-repeat;
  width: 135px;
  height: 86px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  background-size: cover;
  z-index: 10000;
}
header[role=banner] .wrap h1 a {
  display: block;
  height: 100%;
  width: 100%;
}
header[role=banner] .wrap .navButton {
  width: 30px;
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 10000000;
}
header[role=banner] .wrap .navButton:before {
  content: "";
  width: 60px;
  height: 60px;
  position: absolute;
  top: -19px;
  left: -16px;
  display: block;
}
header[role=banner] .wrap .navButton span {
  display: block;
  background-color: #26795f;
  height: 1px;
  width: 30px;
  pointer-events: none;
}
header[role=banner] .wrap .navButton span + span {
  margin-top: 7px;
}

.mobileMenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f8f5ec;
  z-index: 1000;
  overflow: 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;
}
.mobileMenu .wrap nav {
  margin-top: 138px;
}
.mobileMenu .wrap nav ul li:last-of-type a {
  border-bottom: 1px solid #124734;
}
.mobileMenu .wrap nav ul li a {
  text-transform: uppercase;
  font-size: 1.375rem;
  text-align: center;
  letter-spacing: 0.1em;
  color: #26795f;
  padding: 28px 0;
  border-top: 1px solid #26795f;
  position: relative;
  display: block;
}

.productRecipe {
  background-color: #26795f;
}
.productRecipe.modal {
  position: fixed;
  top: -100px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000000;
  overflow: 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;
}
.productRecipe.show {
  opacity: 1;
  pointer-events: all;
  top: 0;
}
.productRecipe .wrap button {
  text-indent: -9999px;
  background-position: -280px -20px;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 20px;
  right: 20px;
}
.productRecipe .wrap > figure {
  padding-top: 80%;
  background-size: cover;
  background-position: center center;
}
.productRecipe .wrap .recipe {
  padding: 40px 20px;
}
.productRecipe .wrap .recipe header {
  margin-bottom: 20px;
}
.productRecipe .wrap .recipe header h2 {
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  color: #124734;
  padding-bottom: 10px;
}
.productRecipe .wrap .recipe header h3 {
  color: #f8f5ec;
  font-size: 2.25rem;
  line-height: 1.15;
  padding-bottom: 12px;
}
.productRecipe .wrap .recipe header p {
  color: #f8f5ec;
}
.productRecipe .wrap .recipe .main .detail {
  color: #f8f5ec;
  border-top: 1px solid rgba(248, 245, 237, 0.5);
  border-bottom: 1px solid rgba(248, 245, 237, 0.5);
  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-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.productRecipe .wrap .recipe .main .detail .col {
  width: 50%;
  padding: 10px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.productRecipe .wrap .recipe .main .detail .col:nth-of-type(2) {
  border-left: 1px solid rgba(248, 245, 237, 0.5);
}
.productRecipe .wrap .recipe .main .detail .col:last-of-type {
  border-top: 1px solid rgba(248, 245, 237, 0.5);
  width: 100%;
}
.productRecipe .wrap .recipe .main .detail .col figure {
  width: 44px;
  display: inline-block;
  margin-left: 15px;
  margin-right: 5px;
}
.productRecipe .wrap .recipe .main .detail .col span {
  border-radius: 50%;
  background-color: #f8f5ec;
  text-align: center;
  color: #26795f;
  width: 51px;
  height: 51px;
  display: block;
  font-size: 1.875rem;
  padding-top: 9px;
  display: inline-block;
}
.productRecipe .wrap .recipe .main .detail .col h4 {
  display: inline-block;
  font-size: 0.875rem;
  text-transform: uppercase;
  left: 0.1em;
  line-height: 1.2;
  margin-left: 5px;
}
.productRecipe .wrap .recipe .main .cols {
  color: #f8f5ec;
  padding-top: 30px;
}
.productRecipe .wrap .recipe .main .cols .col + .col {
  border-top: 1px solid rgba(248, 245, 237, 0.5);
  padding-top: 30px;
  margin-top: 30px;
}
.productRecipe .wrap .recipe .main .cols .col h4 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding-bottom: 20px;
}
.productRecipe .wrap .recipe .main .cols .col ul li {
  font-size: 0.875rem;
  line-height: 1.7;
}
.productRecipe .wrap .recipe .main .cols .col ul li p {
  line-height: 1.7;
}
.productRecipe .wrap .recipe .main .cols .col p {
  font-size: 0.875rem;
  line-height: 1.2;
}

.slider {
  box-sizing: border-box;
  padding: 60px 30px;
  overflow: hidden;
  max-width: 100%;
}
.slider.green {
  background-color: #00b98d;
}
.slider.green header h2 {
  color: #f8f5ec;
}
.slider.darkGreen {
  background-color: #26795f;
}
.slider.darkGreen header h2 {
  color: #f8f5ec;
}
.slider.darkGreen header p {
  color: #00b98d;
}
.slider.cream header h2 {
  color: #00b98d;
}
.slider.cream .swiper-menu button {
  background-position: -20px -80px;
}
.slider.range .swiper-container .swiper-wrapper .swiper-slide p {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.9375rem;
  line-height: 1.2;
  color: #124734;
  margin-top: 24px;
  text-align: center;
}
.slider.recipes .swiper-container .swiper-wrapper .swiper-slide figure {
  pointer-events: none;
}
.slider.good-stuff.darkerGreen {
  background-color: #124734;
}
.slider.good-stuff.darkerGreen header h2 {
  color: #f8f5ec;
}
.slider.good-stuff.darkerGreen header p {
  color: #00b98d;
}
.slider.good-stuff .swiper-container .swiper-wrapper .swiper-slide figure {
  width: 200px;
  margin: 0 auto 40px auto;
  height: 210px;
}
.slider.good-stuff .swiper-container .swiper-wrapper .swiper-slide figure img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}
.slider.good-stuff .swiper-container .swiper-wrapper .swiper-slide h4 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.slider.good-stuff .swiper-container .swiper-wrapper .swiper-slide p {
  width: 280px;
  margin: 0 auto;
}
.slider.good-stuff .swiper-container .swiper-wrapper .swiper-slide h4, .slider.good-stuff .swiper-container .swiper-wrapper .swiper-slide p {
  text-align: center;
  color: #f8f5ec;
  font-size: 0.9375rem;
  line-height: 1.2;
}
.slider.where-to-buy {
  position: relative;
  padding: 60px 0 20px 0;
}
.slider.where-to-buy .swiper-menu {
  margin-left: 50px;
  margin-right: 50px;
}
.slider.where-to-buy figure {
  width: 300px;
  margin: 0 auto;
}
.slider.where-to-buy .swiper-container .swiper-wrapper .swiper-slide figure {
  width: 300px;
  margin: 0 auto;
}
.slider.latest-news .swiper-container .swiper-wrapper .swiper-slide p {
  padding-top: 16px;
  font-size: 1rem;
  line-height: 1.2;
  color: #124734;
  height: 75px;
  overflow: hidden;
  max-height: 75px;
}
.slider.hero {
  padding: 0;
}
.slider.hero .swiper-container .swiper-wrapper .swiper-slide {
  height: -moz-calc(100vh - 138px);
  height: -o-calc(100vh - 138px);
  height: -webkit-calc(100vh - 138px);
  height: calc(100vh - 138px);
  background-size: cover;
  background-position: center center;
}
.slider header {
  text-align: center;
  padding-bottom: 50px;
}
.slider header h2 {
  font-size: 2rem;
  line-height: 1.1;
  text-align: center;
  padding-bottom: 15px;
}
.slider header p {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.9375rem;
  width: 280px;
  margin: 0 auto;
  line-height: 1.2;
  color: #124734;
}
.slider .link {
  background-color: #f8f5ec;
  color: #124734;
  display: block;
  border-radius: 43px;
  height: 50px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.9375rem;
  width: 227px;
  padding-top: 18px;
  margin: 30px auto 0 auto;
}
.slider .swiper-container .swiper-wrapper .swiper-slide h3 {
  font-size: 2rem;
  text-align: center;
  margin-top: 20px;
  color: #124734;
}
.slider .swiper-container .swiper-pagination {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 100;
}
.slider .swiper-container .swiper-pagination span {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #f8f5ec;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: background-color;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: background-color;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: background-color;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: background-color;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: background-color;
}
.slider .swiper-container .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #26795f;
}
.slider .swiper-container .swiper-pagination span + span {
  margin-left: 15px;
}
.slider .swiper-menu {
  margin: 50px 20px 0 20px;
}
.slider .swiper-menu button {
  position: static;
  margin: 0;
  background-color: transparent;
  background-position: -20px -20px;
  width: 85px;
  height: 38px;
  display: inline-block;
  float: left;
}
.slider .swiper-menu button + button {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  float: right;
}

.text-panel .wrap header {
  text-align: center;
  padding: 60px 0 30px 0;
}
.text-panel .wrap header hr {
  width: 34px;
  display: block;
  border-top: 1px solid #26795f;
}
.text-panel .wrap header h2 {
  font-size: 2rem;
  color: #26795f;
  padding: 15px 0 20px 0;
  line-height: 1.12;
}
.text-panel .wrap header h2 em {
  color: #124734;
}
.text-panel .wrap article {
  padding: 15px 30px 40px 30px;
}
.text-panel .wrap article figure {
  margin-top: 30px;
}
.text-panel .wrap article figure.logo {
  width: 120px;
  margin: 0 auto 25px auto;
}
.text-panel .wrap article .story {
  height: 200px;
  width: 100%;
}
.text-panel .wrap article hr {
  width: 34px;
  display: block;
  border-top: 1px solid #26795f;
}
.text-panel .wrap article p + hr {
  margin-top: 20px;
}
.text-panel .wrap article p {
  font-size: 0.9375rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-align: center;
  color: #26795f;
}
.text-panel .wrap article p + p {
  margin-top: 20px;
}
.text-panel .wrap article p em {
  color: #00b98d;
}

.contact {
  padding: 60px 30px;
}
.contact .wrap h2 {
  font-size: 2rem;
  line-height: 1.1;
  text-align: center;
  display: block;
  color: #00b98d;
  padding-bottom: 10px;
}
.contact .wrap p {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.9375rem;
  text-align: center;
  line-height: 1.2;
  color: #124734;
}
.contact .wrap form {
  margin-top: 30px;
}
.contact .wrap form.success .successMessage {
  display: block;
}
.contact .wrap form.success .col {
  display: none;
}
.contact .wrap form .mandatory {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #124734;
  text-align: left;
  margin-top: 13px;
}
.contact .wrap form button {
  background-color: #00b98d;
  border-radius: 43px;
  height: 50px;
  color: #f8f5ec;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.9375rem;
  width: 228px;
  margin: 26px auto 0 auto;
}
.contact .wrap form .successMessage {
  width: 100%;
  margin: 50px 0;
  display: none;
}
.contact .wrap form .col + .col {
  margin-top: 13px;
}
.contact .wrap form .col .tickbox {
  margin-top: 16px;
  position: relative;
}
.contact .wrap form .col .tickbox input {
  border-radius: 50%;
  width: 23px;
  height: 23px;
  border: 1px solid #00b98d;
  background-color: white;
  float: left;
  margin-top: 2px;
}
.contact .wrap form .col .tickbox input:checked + span {
  display: block;
}
.contact .wrap form .col .tickbox [data-invalid=true] {
  border: 1px solid red;
}
.contact .wrap form .col .tickbox ul {
  display: none;
}
.contact .wrap form .col .tickbox span {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #00b98d;
  display: block;
  position: absolute;
  top: 5px;
  left: 3px;
  display: none;
  pointer-events: none;
}
.contact .wrap form .col .tickbox label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #124734;
  width: -moz-calc(100% - 33px);
  width: -o-calc(100% - 33px);
  width: -webkit-calc(100% - 33px);
  width: calc(100% - 33px);
  float: right;
  line-height: 1.2;
}
.contact .wrap form .col .tickbox label a {
  text-decoration: underline;
}
.contact .wrap form .col .input {
  position: relative;
}
.contact .wrap form .col .input + .input {
  margin-top: 10px;
}
.contact .wrap form .col .input.select:after {
  content: "";
  background-position: -140px -20px;
  width: 16px;
  height: 9px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 20px;
  pointer-events: none;
}
.contact .wrap form .col .input input, .contact .wrap form .col .input select, .contact .wrap form .col .input textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background-color: white;
  height: 50px;
  color: #124734;
  border-radius: 43px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.9375rem;
  padding: 0 20px;
}
.contact .wrap form .col .input input::placeholder, .contact .wrap form .col .input select::placeholder, .contact .wrap form .col .input textarea::placeholder {
  color: #124734;
}
.contact .wrap form .col .input [data-invalid=true] {
  background-color: rgba(76, 182, 144, 0.2);
}
.contact .wrap form .col .input ul li {
  position: absolute;
  top: 18px;
  right: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #124734;
  font-size: 0.75rem;
}
.contact .wrap form .col .input textarea {
  height: 94px;
  border-radius: 20px;
  padding-top: 15px;
}
.contact .wrap form .col .input textarea + ul li {
  top: -20px;
}

.product {
  padding-top: 20px;
  padding-bottom: 80px;
}
.product .wrap {
  margin: 0 30px;
}
.product .wrap .cols .col:first-of-type {
  position: relative;
}
.product .wrap .cols .col:first-of-type:before {
  content: "";
  background-image: url("../images/swoosh-2.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: -20px;
  left: -100px;
  z-index: -1;
  width: 244px;
  height: 230px;
}
.product .wrap .cols .col > figure {
  width: 300px;
  margin: 0 auto;
}
.product .wrap .cols .col header {
  margin-top: 40px;
  margin-bottom: 20px;
}
.product .wrap .cols .col header h2 {
  color: #00b98d;
  font-size: 2.5rem;
}
.product .wrap .cols .col header p {
  font-size: 0.9375rem;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #124734;
  padding-top: 5px;
  padding-right: 20px;
}
.product .wrap .cols .col .info {
  border-top: 1px solid rgba(63, 119, 96, 0.5);
  border-bottom: 1px solid rgba(63, 119, 96, 0.5);
  padding: 10px 0;
  margin-bottom: 20px;
  display: inline-block;
}
.product .wrap .cols .col .info figure {
  width: 90px;
  float: left;
}
.product .wrap .cols .col .info figure + figure {
  margin-left: 22px;
}
.product .wrap .cols .col .info figure.timer img {
  width: 50px;
  margin: 0 auto;
}
.product .wrap .cols .col .info figure figcaption {
  line-height: 1.1;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  padding-top: 10px;
  display: block;
}
.product .wrap .cols .col .info figure figcaption em {
  color: #124734;
}
.product .wrap .cols .col .stockists p {
  font-size: 0.9375rem;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #124734;
  width: 200px;
}
.product .wrap .cols .col .stockists .images {
  margin: 20px 0;
}
.product .wrap .cols .col .stockists .images figure {
  width: 90px;
  float: left;
  background-color: white;
  border-radius: 30px;
}
.product .wrap .cols .col .stockists .images figure + figure {
  margin-left: 20px;
}

.standardText {
  margin: 50px 0;
}
.standardText .wrap {
  margin: 0 20px;
}
.standardText .wrap article h2, .standardText .wrap article h3 {
  color: #124734;
  font-size: 1.25rem;
}
.standardText .wrap article h2 + p {
  margin-top: 30px;
}
.standardText .wrap article h3 + p {
  margin-top: 20px;
}
.standardText .wrap article p + h3 {
  margin-top: 40px;
}
.standardText .wrap article ol, .standardText .wrap article ul {
  list-style: disc;
  margin: 20px;
  color: #124734;
}
.standardText .wrap article table + p {
  margin-top: 30px;
}
.standardText .wrap article table {
  border: 1px solid #124734;
}
.standardText .wrap article table tr {
  border-bottom: 1px solid #124734;
}
.standardText .wrap article table tr td {
  border-right: 1px solid #124734;
  padding: 10px;
}
.standardText .wrap article h3 + table {
  margin-top: 30px;
}
.standardText .wrap article table + h3 {
  margin-top: 40px;
}
.standardText .wrap article ul + h3 {
  margin-top: 50px;
}
.standardText .wrap article p {
  font-size: 0.875rem;
  line-height: 1.4;
  color: #124734;
}
.standardText .wrap article p strong {
  font-weight: 700;
}
.standardText .wrap article p + p {
  margin-top: 25px;
}
.standardText .wrap article p a {
  text-decoration: underline;
}

footer {
  background-color: #124734;
  padding: 40px 0;
}
footer .wrap figure {
  width: 114px;
  margin: 0 auto;
}
footer .wrap nav {
  margin: 40px 0;
}
footer .wrap nav ul li {
  text-transform: uppercase;
  color: #f8f5ec;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 2.5;
}
footer .wrap p {
  text-transform: uppercase;
  color: #f8f5ec;
  letter-spacing: 0.1em;
  font-size: 0.875rem;
  line-height: 1.2;
  text-align: center;
  width: 270px;
  margin: 0 auto;
}

@media screen and (min-width: 450px) and (max-width: 768px) {
  .product .wrap .cols .col:first-of-type:before {
    width: 344px;
    height: 330px;
  }
  .product .wrap .cols .col > figure {
    width: 400px;
  }
}
@media only screen and (max-width: 768px) {
  .slider.latest-news .swiper-menu {
    margin: 0;
  }
  .slider.latest-news .swiper-menu button {
    position: absolute;
    margin: -12px 0 0 0;
    background-position: -120px -20px;
    width: 14px;
    height: 25px;
    left: 35px;
  }
  .slider.latest-news .swiper-menu button + button {
    left: auto;
    right: 35px;
  }
}

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