@font-face {
  font-family: 'playfair_displaybold';
  src: url("/assets/fonts/playfair-display-v25-latin-700-webfont.woff2") format("woff2"), url("/assets/fonts/playfair-display-v25-latin-700-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'playfair_displaybold_italic';
  src: url("/assets/fonts/playfair-display-v25-latin-700italic-webfont.woff2") format("woff2"), url("/assets/fonts/playfair-display-v25-latin-700italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'playfair_displayregular';
  src: url("/assets/fonts/playfair-display-v25-latin-regular-webfont.woff2") format("woff2"), url("/assets/fonts/playfair-display-v25-latin-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'open_sansbold';
  src: url("/assets/fonts/open-sans-v27-latin-700-webfont.woff2") format("woff2"), url("/assets/fonts/open-sans-v27-latin-700-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'open_sansregular';
  src: url("/assets/fonts/open-sans-v27-latin-regular-webfont.woff2") format("woff2"), url("/assets/fonts/open-sans-v27-latin-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
header[role="banner"] .wrap:after, .panels .wrap .threeCols .cols:after, .panels .wrap .threeCols:after, .panels .wrap:after, .shop .wrap:after, .shopProduct .wrap .cols .col .productOptions:after, .shopProduct .wrap .cols:after, .featuredShopPanel .wrap:after, .blog.blogArticle .wrap .blogListing:after, .subscriptions .wrap .main .options:after, .subscriptions .wrap .main:after, .subscriptions .wrap:after, .contact.accountDetails .wrap .favouritePane:after, .basket.confirmBasket .wrap .main .cols .basketList.confirm ul li .hold .col .pullRight:after, .basket.confirmBasket .wrap .main .cols .basketList.confirm ul li .hold:after, .basket .wrap .overview .hold .promo:after, .basket .wrap .main .stages:after, .basket .wrap .main .cols.shipping .col .twoInput .inputs:after, .basket .wrap .main .cols.shipping .col .smInput:after, .basket .wrap .main .cols.shipping:after, .basket .wrap .main .cols .basketList ul li .hold:after, .basket .wrap .main .cols:after {
  content: '';
  display: block;
  clear: both; }

.hero.shopHero .smallNav.fixed, .panels .wrap .shopItem, .panels .wrap .textBox, .panels .wrap .box, .panels .wrap .pullRight, .panels .wrap .pullLeft, .shopProduct .wrap .cols .col .productDescription ul li h4, .blog.blogSlider .swiper-container .swiper-wrapper .swiper-slide, .blog .wrap .blogListing .grid .item, .addAnotherPopUp .wrap, .dontLeavePopUp .wrap, .subscriptions .wrap .sidebar .pagination a, .basket .wrap .overview .hold .payment a, .basket .wrap .main .cols.shipping .col .twoInput .inputs .input, .mainFoot .footCol, .cookies .wrap {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

body.signedIn .navigation .account .welcome:before, body.stepOneComplete .subscriptions .wrap .sidebar .pagination a:first-of-type:before, body.stepTwoComplete .subscriptions .wrap .sidebar .pagination a:nth-of-type(2):before, body.stepThreeComplete .subscriptions .wrap .sidebar .pagination a:nth-of-type(3):before, .navigation .account a, .social li, .subscriptions .wrap .sidebar .reviewBuild .item .remove {
  background-image: url("../sprites/sprite.svg");
  background-size: 500px 500px;
  font-size: 20px; }

.mainFoot .footCol .socialBlock .content a {
  font-family: 'playfair_displayregular'; }

.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%; }

.mobile {
  display: none; }

.desktop {
  display: block; }

body {
  padding-top: 0; }
  body.showOptions .navigation .account .reveal {
    display: block; }
  body.signedIn header[role="banner"] {
    padding-bottom: 40px; }
  body.signedIn .navigation .account {
    position: relative; }
    body.signedIn .navigation .account:before {
      content: '';
      width: 40px;
      position: absolute;
      top: 0;
      left: -10px;
      display: block;
      height: 4px;
      background-color: #557d8d;
      -webkit-transform: translateY(-39px);
      -ms-transform: translateY(-39px);
      transform: translateY(-39px); }
    body.signedIn .navigation .account .welcome {
      display: block;
      background-color: #809da9;
      color: white;
      font-weight: 700;
      font-size: 0.8125rem;
      padding: 10px 16px;
      position: absolute;
      top: 36px;
      left: -41px; }
      body.signedIn .navigation .account .welcome:before {
        content: '';
        position: absolute;
        top: -7px;
        left: 0;
        right: 0;
        background-position: -220px -60px;
        width: 16px;
        height: 8px;
        margin: 0 auto; }
  body.home .shopItem .shopPopUp {
    height: 75%; }
  body.home header[role="banner"] .wrap .navigation .mainNav ul li.shopLink {
    color: #2b5c70; }
  body.home header[role="banner"] .wrap .navigation .mainNav ul li.active {
    color: #557d8d; }
  body.stepOneComplete .subscriptions .wrap .sidebar .pagination a:first-of-type {
    position: relative; }
    body.stepOneComplete .subscriptions .wrap .sidebar .pagination a:first-of-type:before {
      content: '';
      background-position: -350px -100px;
      width: 12px;
      height: 9px;
      display: block;
      position: absolute;
      top: 14px;
      left: 13px; }
  body.stepTwoComplete .subscriptions .wrap .sidebar .pagination a:nth-of-type(2) {
    position: relative; }
    body.stepTwoComplete .subscriptions .wrap .sidebar .pagination a:nth-of-type(2):before {
      content: '';
      background-position: -350px -100px;
      width: 12px;
      height: 9px;
      display: block;
      position: absolute;
      top: 14px;
      left: 13px; }
  body.stepThreeComplete .subscriptions .wrap .sidebar .pagination a:nth-of-type(3) {
    position: relative; }
    body.stepThreeComplete .subscriptions .wrap .sidebar .pagination a:nth-of-type(3):before {
      content: '';
      background-position: -350px -100px;
      width: 12px;
      height: 9px;
      display: block;
      position: absolute;
      top: 14px;
      left: 13px; }

.siteWrap {
  margin: 0 30px; }

.headroom {
  will-change: transform;
  -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; }

.headroom--pinned {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%); }

.headroom--unpinned {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%); }

.navigation {
  position: relative;
  float: right; }
  .navigation .mainNav {
    display: inline-block;
    padding-top: 14px; }
    .navigation .mainNav ul li {
      font-size: 0.8125rem;
      font-weight: 700;
      text-transform: uppercase;
      display: inline-block;
      letter-spacing: 0.04em; }
      .navigation .mainNav ul li + li {
        margin-left: 26px; }
  .navigation .account {
    display: inline-block;
    margin-left: 24px;
    position: relative;
    /*
    		.reveal {
    			display: none;
    			position: absolute;
    			top: 0;
    			left: 0;
    			background-color: $white;
    		}
    */ }
    .navigation .account a {
      text-indent: -9999px;
      background-position: -200px -20px;
      width: 16px;
      height: 18px;
      display: inline-block; }
    .navigation .account .welcome {
      display: none; }

header[role="banner"] {
  padding-top: 0;
  height: 84px;
  position: relative;
  overflow: hidden; }
  header[role="banner"] .wrap {
    margin: 0 30px;
    padding-top: 28px; }
    header[role="banner"] .wrap .navigation .mainNav ul li {
      color: #333333;
      -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; }
      header[role="banner"] .wrap .navigation .mainNav ul li.active:before {
        content: '';
        width: auto;
        display: block;
        height: 4px;
        background-color: #557d8d;
        -webkit-transform: translateY(-42px);
        -ms-transform: translateY(-42px);
        transform: translateY(-42px); }
      header[role="banner"] .wrap .navigation .mainNav ul li:hover {
        color: #2b5c70; }
      header[role="banner"] .wrap .navigation .mainNav ul li.shopLink {
        color: #2b5c70; }

.cartButton {
  position: relative;
  float: none;
  display: inline-block;
  margin-left: 40px; }
  .cartButton a {
    margin-right: 0;
    margin-top: 11px; }
    .cartButton a i {
      display: inline-block;
      position: absolute;
      right: 20px;
      top: 9px; }
    .cartButton a span {
      -webkit-transform: translateY(1px);
      -ms-transform: translateY(1px);
      transform: translateY(1px); }

.scrollingNav {
  position: fixed;
  z-index: 100000000;
  top: 0;
  left: 0;
  width: 100%;
  background-color: white;
  padding-bottom: 14px;
  overflow: hidden; }
  .scrollingNav .wrap {
    margin: 0 auto;
    padding-top: 28px; }
    .scrollingNav .wrap .navigation .mainNav ul li {
      color: #4d4d4d; }
      .scrollingNav .wrap .navigation .mainNav ul li.active:before {
        content: '';
        width: auto;
        display: block;
        height: 4px;
        background-color: #557d8d;
        -webkit-transform: translateY(-42px);
        -ms-transform: translateY(-42px);
        transform: translateY(-42px); }
    .scrollingNav .wrap .navigation .account button {
      background-position: -200px -20px;
      width: 16px;
      height: 18px; }
    .scrollingNav .wrap .navigation .cartButton button {
      margin-top: 14px; }
      .scrollingNav .wrap .navigation .cartButton button i {
        top: 13px; }
    .scrollingNav .wrap .navigation .cartButton span {
      color: #809da9; }
    .scrollingNav .wrap .submenus {
      position: relative;
      margin-top: 52px; }
      .scrollingNav .wrap .submenus:before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50vw;
        background-color: #fbf9f7;
        height: 50px;
        width: 100vw; }
      .scrollingNav .wrap .submenus .mainNav {
        position: relative;
        z-index: 1000;
        padding-top: 14px;
        text-align: center; }
        .scrollingNav .wrap .submenus .mainNav ul li {
          font-size: 0.8125rem;
          font-weight: 700;
          text-transform: uppercase;
          display: inline-block;
          letter-spacing: 0.04em;
          color: #989898; }
          .scrollingNav .wrap .submenus .mainNav ul li.active {
            color: #2b5c70; }
          .scrollingNav .wrap .submenus .mainNav ul li + li {
            margin-left: 38px; }

.hero.shopHero .smallNav.fixed {
  position: fixed;
  top: 80px;
  height: 52px;
  left: 0;
  width: 100%; }
.hero.subscriptionsReview {
  margin: 0;
  background-position: center center;
  height: -moz-calc(100vh - 159px);
  height: -o-calc(100vh - 159px);
  height: -webkit-calc(100vh - 159px);
  height: calc(100vh - 159px); }
  .hero.subscriptionsReview .wrap {
    width: auto;
    margin: 0; }
    .hero.subscriptionsReview .wrap .sidebar {
      margin-left: 0;
      left: 0; }
      .hero.subscriptionsReview .wrap .sidebar .pagination a {
        background-color: #809da9;
        color: white; }
        .hero.subscriptionsReview .wrap .sidebar .pagination a:before {
          background-position: -100px -120px !important; }

.social li {
  text-indent: -9999px;
  background-position: -100px -80px;
  width: 17px;
  height: 17px;
  display: inline-block; }
  .social li.twitter {
    background-position: -130px -80px;
    width: 17px;
    height: 14px;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px); }
  .social li.facebook {
    background-position: -160px -80px;
    width: 9px;
    height: 17px; }
  .social li + li {
    margin-left: 22px; }

.panels {
  margin-top: 10px; }
  .panels.giftPanels .wrap .box .hold .text h3 {
    font-size: 2.1875rem; }
  .panels.trainingPanels.short .wrap .textBox {
    padding-top: 25%; }
  .panels.trainingPanels .wrap .box.longBox {
    padding-top: 50%; }
  .panels.trainingPanels .wrap .box .hold .text h3 {
    font-size: 2.1875rem; }
  .panels.historyPanels:nth-of-type(3) .wrap .textBox {
    float: right;
    padding-top: 75%; }
  .panels.historyPanels:nth-of-type(4) .wrap .textBox {
    padding-top: 75%; }
  .panels.historyPanels .wrap .box {
    width: 100%;
    float: none; }
    .panels.historyPanels .wrap .box + .box {
      margin-top: 6px; }
    .panels.historyPanels .wrap .box:after {
      display: none; }
    .panels.historyPanels .wrap .box.tallBox {
      padding-top: 100%; }
  .panels.commercialPanels:nth-of-type(3) .wrap .textBox {
    float: right;
    padding-top: 51%; }
  .panels.commercialPanels .wrap .box {
    width: 100%;
    float: none; }
    .panels.commercialPanels .wrap .box + .box {
      margin-top: 6px; }
    .panels.commercialPanels .wrap .box:after {
      display: none; }
    .panels.commercialPanels .wrap .box.tallBox {
      padding-top: 100%; }
  .panels.contactPanels:nth-of-type(3) .wrap .textBox {
    float: right;
    padding-top: 25% !important; }
  .panels .wrap {
    margin: 0; }
    .panels .wrap .threeCols {
      padding: 74px 0 54px 0; }
      .panels .wrap .threeCols.subscriptionsCols .col figure {
        margin-top: 0; }
      .panels .wrap .threeCols .col {
        width: -moz-calc(100% / 3 - 40px);
        width: -o-calc(100% / 3 - 40px);
        width: -webkit-calc(100% / 3 - 40px);
        width: calc(100% / 3 - 40px);
        float: left;
        position: relative; }
        .panels .wrap .threeCols .col + .col {
          margin-top: 0;
          margin-left: 40px; }
        .panels .wrap .threeCols .col figure {
          margin-bottom: 36px; }
        .panels .wrap .threeCols .col h2 {
          font-size: 1.5rem;
          padding: 0 0 24px 0;
          margin: 0 auto;
          line-height: 1.2; }
        .panels .wrap .threeCols .col p {
          font-size: 1rem;
          padding: 0; }
      .panels .wrap .threeCols a {
        padding-top: 16px;
        clear: left;
        margin-top: 76px; }
    .panels .wrap .shopItem, .panels .wrap .textBox {
      width: 50%;
      float: left;
      padding-top: 50%;
      padding-bottom: 0;
      position: relative; }
      .panels .wrap .shopItem .hold, .panels .wrap .textBox .hold {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%); }
    .panels .wrap .textBox {
      position: relative; }
      .panels .wrap .textBox .hold .text {
        padding-right: 0;
        padding-left: 0;
        width: 400px; }
        .panels .wrap .textBox .hold .text h2 {
          font-size: 2.1875rem; }
        .panels .wrap .textBox .hold .text blockquote {
          margin-left: 0;
          padding: 24px 0 28px 0;
          margin-top: 0;
          border-bottom: 1px solid black; }
          .panels .wrap .textBox .hold .text blockquote:after {
            display: none; }
          .panels .wrap .textBox .hold .text blockquote:before {
            font-size: 1.25rem; }
          .panels .wrap .textBox .hold .text blockquote p {
            font-size: 1.25rem; }
          .panels .wrap .textBox .hold .text blockquote h5 {
            font-size: 0.875rem; }
    .panels .wrap .box {
      padding-top: 50%;
      margin-bottom: 0; }
      .panels .wrap .box.smallBox + .smallBox {
        margin-top: 10px;
        margin-left: 0; }
      .panels .wrap .box.colouredBox .hold .text h4 {
        margin-bottom: 50px;
        font-size: 0.8125rem; }
      .panels .wrap .box.colouredBox form {
        margin: 0 23px; }
        .panels .wrap .box.colouredBox form .input {
          font-size: 1rem; }
          .panels .wrap .box.colouredBox form .input input {
            font-size: 1rem;
            padding-bottom: 10px;
            padding-left: 3px; }
          .panels .wrap .box.colouredBox form .input label {
            padding-left: 3px; }
          .panels .wrap .box.colouredBox form .input ul li {
            font-size: 1rem;
            right: 140px;
            top: 2px; }
        .panels .wrap .box.colouredBox form button {
          width: 101px;
          height: 30px;
          font-size: 0.625rem;
          margin-top: -5px; }
      .panels .wrap .box.colouredBox:after {
        display: none; }
      .panels .wrap .box.longBox {
        width: 50%;
        float: left; }
        .panels .wrap .box.longBox + .longBox {
          margin-top: 10px; }
      .panels .wrap .box .hold {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0;
        z-index: 10; }
        .panels .wrap .box .hold .text h3 {
          font-size: 2.1875rem; }
    .panels .wrap .pullRight {
      width: 50%;
      float: left;
      padding-left: 10px; }
      .panels .wrap .pullRight .smallBox {
        width: 100%; }
        .panels .wrap .pullRight .smallBox:last-of-type {
          margin-bottom: 0; }
      .panels .wrap .pullRight .longBox {
        margin-top: 10px;
        width: 100%; }
      .panels .wrap .pullRight .textBox + .box {
        margin-top: 10px; }
    .panels .wrap .pullLeft {
      width: 50%;
      float: left; }
      .panels .wrap .pullLeft .box {
        width: 100%; }
        .panels .wrap .pullLeft .box.boxMap {
          padding-right: 10px; }
        .panels .wrap .pullLeft .box.longBox {
          margin-bottom: 0; }
        .panels .wrap .pullLeft .box:last-of-type {
          margin-bottom: 0; }

.featuredPanel {
  margin-top: 100px; }
  .featuredPanel + .mainFoot {
    margin-top: 80px; }
  .featuredPanel .wrap {
    width: 700px;
    margin: 0 auto;
    position: relative; }

.shop {
  margin-bottom: 0; }
  .shop .wrap .sidebar {
    margin: 18px 0 0 0;
    float: left;
    width: 198px;
    display: block; }
    .shop .wrap .sidebar .content figure {
      width: 126px;
      margin-left: 10px; }
    .shop .wrap .sidebar .content p {
      font-size: 0.9375rem;
      color: #333333;
      line-height: 1.3;
      padding: 15px 0 0 10px; }
    .shop .wrap .sidebar .filterMenu {
      position: static;
      width: 198px;
      margin-top: 38px; }
      .shop .wrap .sidebar .filterMenu.fixed {
        position: fixed;
        left: 50%;
        top: 124px;
        margin-left: -600px; }
      .shop .wrap .sidebar .filterMenu.toggle .panes {
        display: none; }
      .shop .wrap .sidebar .filterMenu.toggle .filterResults:after {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        background-position: -40px -470px;
        top: 14px; }
      .shop .wrap .sidebar .filterMenu .filterResults {
        background-color: #fbf9f7;
        color: #809da9;
        padding: 12px 0 14px 10px;
        border-bottom: 2px solid white; }
        .shop .wrap .sidebar .filterMenu .filterResults:after {
          background-position: -40px -470px;
          width: 10px;
          height: 6px;
          right: 12px;
          top: 19px; }
      .shop .wrap .sidebar .filterMenu .panes {
        display: block;
        background-color: transparent; }
        .shop .wrap .sidebar .filterMenu .panes .apply {
          display: none; }
        .shop .wrap .sidebar .filterMenu .panes .results {
          padding-left: 10px; }
        .shop .wrap .sidebar .filterMenu .panes .clear {
          margin-top: 12px; }
        .shop .wrap .sidebar .filterMenu .panes .pane {
          padding: 18px 12px 28px 12px;
          background-color: #fbf9f7; }
          .shop .wrap .sidebar .filterMenu .panes .pane.strengthPane .hold ul li + li {
            margin-left: 11px; }
  .shop .wrap .main {
    width: 70%;
    margin-top: 60px;
    float: right; }
    .shop .wrap .main .shopItem {
      float: left;
      width: 33.3%; }
      .shop .wrap .main .shopItem:nth-of-type(4) {
        clear: left; }
      .shop .wrap .main .shopItem + .shopItem {
        margin-top: 0; }

.shopItem .shopPopUp {
  height: 100%;
  width: 252px;
  padding-bottom: 20px; }
.shopItem .hold figure {
  width: 210px; }

.shopProduct {
  margin-top: 50px; }
  .shopProduct .wrap {
    width: 860px;
    margin: 0 auto;
    position: relative; }
    .shopProduct .wrap .back {
      color: #989898;
      position: absolute;
      bottom: 0;
      left: 0; }
    .shopProduct .wrap .cols .col {
      position: relative;
      width: 400px;
      float: left; }
      .shopProduct .wrap .cols .col + .col {
        width: 380px;
        float: right; }
      .shopProduct .wrap .cols .col figure {
        width: 400px; }
      .shopProduct .wrap .cols .col h2 {
        font-size: 2.5rem;
        line-height: 1.2;
        width: 320px;
        padding-left: 5px; }
      .shopProduct .wrap .cols .col p:not(.input) {
        font-size: 0.9375rem;
        margin-right: 70px;
        padding-left: 5px; }
      .shopProduct .wrap .cols .col .productOptions .add {
        margin-left: 47px; }
      .shopProduct .wrap .cols .col .productOptions .price {
        font-size: 1.875rem;
        margin: 32px 0;
        padding-left: 5px; }
      .shopProduct .wrap .cols .col .productOptions .quantity {
        margin-left: 0;
        float: left; }
        .shopProduct .wrap .cols .col .productOptions .quantity .input {
          width: 146px; }
          .shopProduct .wrap .cols .col .productOptions .quantity .input label {
            left: 5px; }
          .shopProduct .wrap .cols .col .productOptions .quantity .input input {
            width: 99px;
            margin-left: 42px; }
          .shopProduct .wrap .cols .col .productOptions .quantity .input button {
            right: 5px; }
      .shopProduct .wrap .cols .col .productOptions .selects {
        margin-top: 30px; }
        .shopProduct .wrap .cols .col .productOptions .selects .select + .select {
          margin-top: 0;
          margin-left: 22px; }
      .shopProduct .wrap .cols .col .productDescription {
        margin-top: 42px;
        margin-bottom: 0; }
        .shopProduct .wrap .cols .col .productDescription ul li:last-of-type {
          border-bottom: 1px solid #989898; }
        .shopProduct .wrap .cols .col .productDescription ul li h4 {
          font-size: 0.875rem;
          width: 213px;
          padding-right: 24px;
          float: right; }
        .shopProduct .wrap .cols .col .productDescription ul li .productStrengths {
          margin-right: 60px; }
          .shopProduct .wrap .cols .col .productDescription ul li .productStrengths figure {
            margin-bottom: 0; }

.featuredShopPanel {
  margin: 60px 0; }
  .featuredShopPanel .wrap .shopItem {
    float: left;
    width: 25%; }
    .featuredShopPanel .wrap .shopItem .hold .description h3 {
      height: 50px;
      max-height: 50px;
      overflow: hidden; }
    .featuredShopPanel .wrap .shopItem .hold .options {
      margin-top: 50px; }

.blog .smallNav.eu + .blogListing {
  margin-top: 175px; }
.blog .smallNav.eu:after {
  bottom: -110px;
  font-size: 0.875rem;
  line-height: 1.2;
  width: 74%; }
.blog.blogSlider .swiper-container {
  width: 940px; }
  .blog.blogSlider .swiper-container .swiper-wrapper .swiper-slide {
    width: 25%;
    padding-left: 10px; }
.blog.blogArticle .wrap {
  width: 940px;
  margin: 0 auto; }
  .blog.blogArticle .wrap .blogListing {
    margin: 0; }
    .blog.blogArticle .wrap .blogListing.standardText article .hold .content.pullRight {
      float: none; }
    .blog.blogArticle .wrap .blogListing.standardText article .hold .content figure {
      margin-right: 185px; }
    .blog.blogArticle .wrap .blogListing time {
      margin-top: 32px; }
    .blog.blogArticle .wrap .blogListing header {
      width: 460px; }
    .blog.blogArticle .wrap .blogListing article {
      width: 100%; }
      .blog.blogArticle .wrap .blogListing article .hold .content.pullRight {
        width: 750px;
        float: right; }
        .blog.blogArticle .wrap .blogListing article .hold .content.pullRight figure {
          width: 240px; }
        .blog.blogArticle .wrap .blogListing article .hold .content.pullRight .text {
          width: 460px; }
      .blog.blogArticle .wrap .blogListing article .hold .content figure {
        width: 400px; }
      .blog.blogArticle .wrap .blogListing article .hold .content .text {
        width: 460px;
        float: right; }
    .blog.blogArticle .wrap .blogListing .back {
      float: left;
      position: absolute;
      top: 460px;
      left: 0; }
.blog .wrap > nav a {
  -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; }
  .blog .wrap > nav a:hover {
    color: #2b5c70; }
.blog .wrap .blogListing .grid {
  margin-left: -30px; }
  .blog .wrap .blogListing .grid .item {
    width: 25%;
    padding-left: 30px;
    height: auto; }
    .blog .wrap .blogListing .grid .item:hover figure:after {
      opacity: 1; }
    .blog .wrap .blogListing .grid .item:hover span {
      background-color: #989898;
      color: white; }
    .blog .wrap .blogListing .grid .item:hover h3, .blog .wrap .blogListing .grid .item:hover time {
      color: #2b5c70; }
    .blog .wrap .blogListing .grid .item figure {
      width: 100%;
      -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;
      position: relative; }
      .blog .wrap .blogListing .grid .item figure:after {
        content: '';
        background-color: rgba(43, 92, 112, 0.5);
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        opacity: 0;
        -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; }
    .blog .wrap .blogListing .grid .item span {
      -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; }
    .blog .wrap .blogListing .grid .item h3, .blog .wrap .blogListing .grid .item time {
      width: auto;
      -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; }

.infoPopUp .wrap {
  margin: 142px 291px 0 auto !important; }

.addAnotherPopUp, .dontLeavePopUp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  height: 100%;
  overflow: auto;
  display: none; }
  .addAnotherPopUp .wrap, .dontLeavePopUp .wrap {
    margin: 142px 368px 0 auto !important;
    padding-bottom: 46px !important;
    width: 420px !important; }
    .addAnotherPopUp .wrap h3, .dontLeavePopUp .wrap h3 {
      font-size: 1.875rem;
      line-height: 1.22;
      width: auto !important; }
    .addAnotherPopUp .wrap a, .dontLeavePopUp .wrap a {
      margin: 24px auto 0 auto; }

.reviewPanel .hold .back {
  margin-left: 20px; }

.subscriptions {
  margin-top: 90px;
  margin-bottom: 0;
  padding-bottom: 60px; }
  .subscriptions.contact .wrap {
    background-color: transparent;
    padding: 0; }
    .subscriptions.contact .wrap .main {
      padding-bottom: 100px; }
      .subscriptions.contact .wrap .main .doubleStep {
        margin: 0 10px; }
        .subscriptions.contact .wrap .main .doubleStep + .doubleStep {
          margin-top: 100px; }
      .subscriptions.contact .wrap .main .handDelivery {
        background-color: #f4f7f8;
        padding: 30px 40px;
        margin: 48px 0;
        text-align: center; }
        .subscriptions.contact .wrap .main .handDelivery .hold p {
          font-size: 0.875rem;
          line-height: 1.3;
          color: black;
          padding-bottom: 15px;
          width: auto; }
        .subscriptions.contact .wrap .main .handDelivery .hold button {
          width: 220px;
          margin: 14px auto 0 auto; }
          .subscriptions.contact .wrap .main .handDelivery .hold button + button {
            margin-left: 0; }
  .subscriptions .wrap {
    margin: 0 30px;
    width: auto;
    position: relative;
    padding-bottom: 90px; }
    .subscriptions .wrap .optionsBar {
      bottom: 0;
      position: fixed; }
      .subscriptions .wrap .optionsBar:before {
        content: '';
        position: absolute;
        left: 50%;
        width: 100vw;
        top: 0;
        margin-left: -50vw;
        height: 100%;
        display: block;
        background-color: #fbf9f7;
        z-index: -1; }
      .subscriptions .wrap .optionsBar .hold {
        margin: 0 auto; }
      .subscriptions .wrap .optionsBar .error {
        top: -50px;
        margin-left: 214px;
        font-size: 1rem; }
      .subscriptions .wrap .optionsBar .back {
        margin-left: 37px; }
        .subscriptions .wrap .optionsBar .back.skip {
          width: 140px; }
          .subscriptions .wrap .optionsBar .back.skip span {
            display: inline-block; }
      .subscriptions .wrap .optionsBar .nextStep {
        width: 220px;
        margin-left: 300px;
        float: none; }
    .subscriptions .wrap .sidebar {
      float: left;
      width: 260px;
      left: 50%;
      left: 0;
      top: 172px; }
      .subscriptions .wrap .sidebar .pagination {
        text-align: left;
        margin-bottom: 43px; }
        .subscriptions .wrap .sidebar .pagination a {
          display: block;
          background-color: #fbf9f7;
          color: #989898;
          font-weight: 700;
          text-transform: uppercase;
          font-size: 0.8125rem;
          text-align: right;
          padding: 11px 11px 0 0;
          width: 70px;
          letter-spacing: 0.04em;
          height: 35px;
          margin-bottom: 3px; }
          .subscriptions .wrap .sidebar .pagination a span {
            display: none; }
          .subscriptions .wrap .sidebar .pagination a.active {
            background-color: #2b5c70;
            color: white;
            width: 184px;
            text-align: center;
            padding-right: 26px; }
            .subscriptions .wrap .sidebar .pagination a.active span {
              display: inline-block; }
      .subscriptions .wrap .sidebar .reviewBuild {
        margin-left: 42px; }
        .subscriptions .wrap .sidebar .reviewBuild h4 {
          color: #2b5c70;
          font-weight: 700;
          font-size: 0.8125rem;
          letter-spacing: 0.04em;
          padding-top: 14px;
          text-transform: uppercase; }
        .subscriptions .wrap .sidebar .reviewBuild .item {
          position: relative;
          padding-bottom: 12px; }
          .subscriptions .wrap .sidebar .reviewBuild .item.toggle ul {
            display: block; }
          .subscriptions .wrap .sidebar .reviewBuild .item:last-of-type {
            border-bottom: 1px solid rgba(85, 125, 141, 0.2);
            padding-bottom: 20px; }
          .subscriptions .wrap .sidebar .reviewBuild .item .edit {
            color: #989898;
            text-decoration: underline;
            font-size: 0.625rem;
            position: absolute;
            display: block;
            right: 16px;
            top: 2px; }
          .subscriptions .wrap .sidebar .reviewBuild .item .remove {
            background-position: -100px -60px;
            width: 8px;
            height: 8px;
            display: block;
            position: absolute;
            right: 0;
            top: 4px; }
          .subscriptions .wrap .sidebar .reviewBuild .item h3 {
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            color: #2b5c70;
            font-size: 0.8125rem;
            position: relative;
            width: 100%;
            text-align: left;
            cursor: pointer;
            padding: 0; }
            .subscriptions .wrap .sidebar .reviewBuild .item h3 span {
              color: #557d8d; }
          .subscriptions .wrap .sidebar .reviewBuild .item ul {
            margin-top: 12px; }
            .subscriptions .wrap .sidebar .reviewBuild .item ul li {
              list-style: none;
              font-size: 0.8125rem;
              color: #557d8d;
              text-transform: capitalize; }
              .subscriptions .wrap .sidebar .reviewBuild .item ul li + li {
                margin-top: 12px; }
    .subscriptions .wrap .main {
      position: relative;
      float: right;
      width: 440px;
      margin-top: 10px;
      margin-right: 70px; }
      .subscriptions .wrap .main .popup {
        right: -120px; }
      .subscriptions .wrap .main .options {
        width: auto; }
        .subscriptions .wrap .main .options.chooseCoffee, .subscriptions .wrap .main .options.howOften {
          width: 640px;
          -webkit-transform: translateX(-88px);
          -ms-transform: translateX(-88px);
          transform: translateX(-88px); }
        .subscriptions .wrap .main .options.coffeeStrength {
          width: 580px;
          -webkit-transform: translateX(-88px);
          -ms-transform: translateX(-88px);
          transform: translateX(-88px); }
        .subscriptions .wrap .main .options.giftOptions .control span {
          color: #4d4d4d;
          font-size: 0.875rem;
          line-height: 1.21; }
        .subscriptions .wrap .main .options.payOptions .control {
          height: auto !important;
          padding-top: 20px !important; }
          .subscriptions .wrap .main .options.payOptions .control input {
            top: 36px; }
          .subscriptions .wrap .main .options.payOptions .control span {
            font-size: 1rem;
            line-height: 1.3;
            padding-left: 0 !important; }
        .subscriptions .wrap .main .options.coffeeType .control {
          height: auto;
          padding-top: 40px; }
          .subscriptions .wrap .main .options.coffeeType .control span {
            width: 150px;
            height: 150px; }
        .subscriptions .wrap .main .options.coffeeGrind {
          width: 640px;
          -webkit-transform: translateX(-88px);
          -ms-transform: translateX(-88px);
          transform: translateX(-88px); }
          .subscriptions .wrap .main .options.coffeeGrind .control label {
            position: relative;
            left: 0;
            margin-top: 130px; }
            .subscriptions .wrap .main .options.coffeeGrind .control label span {
              padding-left: 10px;
              padding-top: 20px; }
          .subscriptions .wrap .main .options.coffeeGrind .control > span {
            width: 140px;
            height: 140px;
            top: 28px;
            left: 0; }

.contact.favourites .wrap {
  width: 940px !important; }
  .contact.favourites .wrap .smallNav {
    margin: 0 auto 90px auto; }
.contact.accountDetails .wrap .favouritePane .shopItem {
  float: left;
  width: 228px; }

.basket.confirmBasket .wrap .main .cols {
  width: 700px;
  margin: 0 auto; }
  .basket.confirmBasket .wrap .main .cols .basketList {
    width: 700px; }
    .basket.confirmBasket .wrap .main .cols .basketList.confirm {
      margin-top: 60px; }
      .basket.confirmBasket .wrap .main .cols .basketList.confirm ul h2 {
        font-size: 0.875rem;
        line-height: 1.4;
        letter-spacing: 0.04em;
        text-align: left;
        margin-bottom: 10px; }
        .basket.confirmBasket .wrap .main .cols .basketList.confirm ul h2.checkOrder {
          font-size: 1.25rem;
          letter-spacing: 0;
          margin-left: 12px; }
      .basket.confirmBasket .wrap .main .cols .basketList.confirm ul .pullRight {
        float: right;
        width: 108px; }
      .basket.confirmBasket .wrap .main .cols .basketList.confirm ul li .hold .col {
        margin-left: 0; }
        .basket.confirmBasket .wrap .main .cols .basketList.confirm ul li .hold .col .description {
          width: auto;
          float: left;
          position: relative; }
          .basket.confirmBasket .wrap .main .cols .basketList.confirm ul li .hold .col .description figure {
            float: left;
            width: 160px;
            padding-right: 0; }
          .basket.confirmBasket .wrap .main .cols .basketList.confirm ul li .hold .col .description .text {
            float: left; }
  .basket.confirmBasket .wrap .main .cols .orderDetails {
    float: left;
    width: 100%; }
.basket .wrap {
  margin: 0 auto;
  width: 100%; }
  .basket .wrap .overview {
    margin-top: 0; }
    .basket .wrap .overview .hold h2 {
      color: #557d8d;
      text-align: center;
      padding-bottom: 50px; }
    .basket .wrap .overview .hold .payment {
      margin-top: 86px; }
      .basket .wrap .overview .hold .payment a {
        display: block;
        width: 100%;
        background-color: #809da9;
        color: white;
        text-transform: uppercase;
        font-weight: 700;
        height: 40px;
        text-align: center;
        margin-left: 5px;
        font-size: 0.8125rem;
        padding-top: 14px;
        letter-spacing: 0.04em; }
      .basket .wrap .overview .hold .payment p {
        text-align: center;
        font-size: 0.875rem; }
    .basket .wrap .overview .hold .promo {
      margin-bottom: 50px; }
      .basket .wrap .overview .hold .promo .input {
        width: 60%;
        float: left; }
        .basket .wrap .overview .hold .promo .input input {
          color: #333333;
          font-size: 0.875rem;
          border: 1px solid #989898;
          height: 40px; }
        .basket .wrap .overview .hold .promo .input label {
          color: #333333;
          font-size: 0.875rem;
          left: 10px;
          top: 13px; }
      .basket .wrap .overview .hold .promo .errorMessage {
        font-size: 0.75rem;
        color: #e91800; }
      .basket .wrap .overview .hold .promo button {
        background-color: #809da9;
        color: white;
        text-transform: uppercase;
        font-weight: 700;
        height: 40px;
        text-align: center;
        width: 35%;
        margin-left: 5px;
        font-size: 0.8125rem;
        float: right;
        letter-spacing: 0.04em; }
  .basket .wrap .main .stages button {
    width: 32%;
    float: left; }
    .basket .wrap .main .stages button + button {
      margin-top: 0;
      margin-left: 15px; }
  .basket .wrap .main .cols {
    margin-top: 100px; }
    .basket .wrap .main .cols.shipping .hold {
      float: left;
      width: 50%; }
    .basket .wrap .main .cols.shipping .col + .col {
      margin-top: 30px; }
    .basket .wrap .main .cols.shipping .col.overviewCol {
      float: right;
      width: 40%;
      margin-left: 50px; }
      .basket .wrap .main .cols.shipping .col.overviewCol .overview {
        margin-left: 0;
        margin-top: 40px;
        width: 100%; }
        .basket .wrap .main .cols.shipping .col.overviewCol .overview .hold {
          width: 100%; }
    .basket .wrap .main .cols.shipping .col .input ul li {
      top: 17px; }
    .basket .wrap .main .cols.shipping .col .input.StripeElement, .basket .wrap .main .cols.shipping .col .input input, .basket .wrap .main .cols.shipping .col .input select {
      background-color: #f4f7f8;
      height: 45px;
      font-size: 0.875rem;
      color: #4d4d4d;
      padding: 0 10px;
      border: 1px solid #989898; }
    .basket .wrap .main .cols.shipping .col .input label {
      font-size: 0.875rem;
      color: #4d4d4d;
      left: 10px;
      top: 16px; }
    .basket .wrap .main .cols.shipping .col .input + .input {
      margin-top: 16px; }
    .basket .wrap .main .cols.shipping .col .twoInput p, .basket .wrap .main .cols.shipping .col .smInput p {
      font-size: 0.875rem;
      color: #333333; }
    .basket .wrap .main .cols.shipping .col .twoInput {
      margin: 16px 0; }
      .basket .wrap .main .cols.shipping .col .twoInput .inputs .input {
        float: left;
        width: 50%; }
        .basket .wrap .main .cols.shipping .col .twoInput .inputs .input + .input {
          margin-top: 0;
          padding-left: 10px; }
    .basket .wrap .main .cols.shipping .col .smInput .input {
      float: left;
      width: 30%;
      margin: 0; }
    .basket .wrap .main .cols.shipping .col .smInput p {
      float: left;
      margin-left: 20px;
      margin-top: 10px; }
    .basket .wrap .main .cols.shipping .col .tickbox label {
      font-size: 0.75rem;
      line-height: 1.3;
      color: #989898;
      margin-bottom: 20px;
      display: inline-block; }
    .basket .wrap .main .cols .overview {
      float: right;
      width: 40%; }
    .basket .wrap .main .cols .basketList {
      float: left;
      width: 50%; }
      .basket .wrap .main .cols .basketList ul li .hold .description {
        float: left;
        width: 50%; }
        .basket .wrap .main .cols .basketList ul li .hold .description .text h3 {
          color: #809da9; }
        .basket .wrap .main .cols .basketList ul li .hold .description .text h4 {
          font-size: 1.25rem;
          line-height: 1.3;
          padding-bottom: 6px; }
          .basket .wrap .main .cols .basketList ul li .hold .description .text h4 i {
            font-style: normal; }
        .basket .wrap .main .cols .basketList ul li .hold .description .text .price {
          font-size: 1.25rem; }
          .basket .wrap .main .cols .basketList ul li .hold .description .text .price i {
            font-style: normal; }

.mainFoot p {
  font-size: 0.75rem;
  margin: 10px 0;
  padding: 0;
  clear: left;
  float: left;
  width: 100%; }
  .mainFoot p span {
    float: right; }
.mainFoot .footCol {
  width: 50%;
  float: left;
  padding-left: 10px;
  position: relative;
  margin: 10px 0 0 0; }
  .mainFoot .footCol:first-of-type {
    display: block;
    background-color: #fbf9f7;
    padding-left: 0;
    padding-top: 23%;
    margin: 0;
    margin-top: 10px; }
  .mainFoot .footCol figure {
    position: relative;
    width: 50%;
    float: left; }
    .mainFoot .footCol figure:after {
      content: ''; }
  .mainFoot .footCol .socialBlock .content h4 {
    font-size: 0.8125rem;
    padding: 0;
    margin-bottom: 18px; }
  .mainFoot .footCol .socialBlock .content .social {
    margin-bottom: 16px; }
  .mainFoot .footCol .socialBlock .content a {
    font-size: 1.25rem;
    display: block; }
  .mainFoot .footCol nav {
    margin-left: 93px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 417px; }
    .mainFoot .footCol nav ul {
      width: 180px; }
      .mainFoot .footCol nav ul li {
        font-size: 0.8125rem; }

@media only screen and (min-width: 1024px) and (max-width: 1250px) {
  .featuredPanel .wrap {
    margin-left: auto;
    margin-right: 0;
    margin: 0 auto; }

  .scrollingNav .wrap {
    margin: 0 30px; }

  .shop .wrap .sidebar .filterMenu.fixed {
    left: 30px;
    margin-left: 0; } }
@media only screen and (min-width: 1250px) {
  	/*
  .siteWrap {
  		width: 1200px;
  		margin: 0 auto;
  	}
  */
  .subscriptions.subscriptionsReview {
    width: 100%; }
    .subscriptions.subscriptionsReview .wrap {
      width: 100%; }
  .subscriptions .wrap {
    width: 1200px;
    margin: 0 auto; }
    .subscriptions .wrap .main {
      margin-right: 200px; }

  .mainFoot {
    width: 1200px;
    margin: 0 auto; }
    .mainFoot p {
      margin-left: 38px;
      margin-right: 38px;
      width: -moz-calc(100% - 60px);
      width: -o-calc(100% - 60px);
      width: -webkit-calc(100% - 60px);
      width: calc(100% - 60px); }

  .panels, .shop, .hero, .blog, .contact, .basket {
    width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important; }

  .scrollingNav .wrap {
    width: 1200px; }

  header[role="banner"] .wrap {
    width: 1200px;
    margin: 0 auto; } }
.cookies .wrap {
  padding: 30px 60px; }
  .cookies .wrap button {
    top: 50%;
    margin-top: -12px;
    right: 90px; }
  .cookies .wrap p {
    font-size: 1rem;
    line-height: 1.3;
    padding-right: 80px; }

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