header[role="banner"] .wrap .mainNav ul li.subNav:after, .staff .wrap .cols:after, .panel .wrap .cols .col.paymentTypes:after, .panel .wrap .cols:after, .boxGrid .wrap:after, .grid .wrap: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 .smInput:after, .basket .wrap .main .cols.shipping:after, .basket .wrap .main .cols .basketList ul li .hold .description .quantity:after, .basket .wrap .main .cols .basketList ul li .hold:after, .basket .wrap .main .cols:after, footer .wrap .top:after, footer .wrap .bottom nav:after {
  content: '';
  display: block;
  clear: both; }

header[role="banner"] .wrap .mainNav ul li.whiteLink, header[role="banner"] .wrap .mainNav ul li.subNav ul, .panel .wrap .cols .col.paymentTypes .box, .tabs .wrap, .basket .wrap .overview .hold .payment a {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

header[role="banner"] .wrap .shopLink a:before, header[role="banner"] .wrap .mainNav ul li.subNav .contain .close, .panel .wrap .cols .col.paymentTypes .box span:after, .panel .wrap .cols .col.paymentTypes .box span:before, .slider.relatedArticles .swiper-container .swiper-wrapper .swiper-slide figure:before {
  background-image: url("../sprites/sprite.svg");
  background-size: 500px 500px;
  font-size: 20px; }

.desktop {
  display: block; }

.mobile {
  display: none; }

body {
  padding-top: 100px;
  /*
  	background-image: url('../images/artwork/shop.png');
  	width: 1024px;
  	margin: 0 auto;
  	background-position: top center;
  	background-repeat: no-repeat;
  */ }
  body.home {
    padding-top: 0; }
    body.home header[role="banner"] {
      border-bottom: 0; }
    body.home .panel.whiteBg .wrap {
      padding-bottom: 0; }
      body.home .panel.whiteBg .wrap .cols .col h4 {
        margin-bottom: 0; }

header[role="banner"] {
  height: 100px;
  -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; }
  header[role="banner"].changeBg {
    background-color: white; }
  header[role="banner"] .wrap {
    margin: 0 40px; }
    header[role="banner"] .wrap h1 {
      background-position: -250px -90px;
      width: 244px;
      height: 37px;
      top: 39px;
      float: left; }
    header[role="banner"] .wrap .shopLink {
      position: static;
      -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
      transform: translateY(5px); }
      header[role="banner"] .wrap .shopLink a {
        display: block;
        position: relative; }
        header[role="banner"] .wrap .shopLink a:before {
          content: '';
          background-position: -240px -20px;
          width: 22px;
          height: 24px;
          display: block; }
        header[role="banner"] .wrap .shopLink a span {
          position: absolute;
          top: -3px;
          right: -4px;
          font-size: 0.625rem;
          display: block;
          color: #4b5a64; }
    header[role="banner"] .wrap .mainNav {
      float: right;
      margin-top: 34px; }
      header[role="banner"] .wrap .mainNav ul li {
        list-style: none;
        display: inline-block;
        font-weight: 700;
        font-size: 0.875rem;
        color: #4b5a64;
        -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; }
        header[role="banner"] .wrap .mainNav ul li.active {
          color: #b4b8b8; }
        header[role="banner"] .wrap .mainNav ul li:hover {
          color: #b4b8b8; }
        header[role="banner"] .wrap .mainNav ul li.whiteLink {
          background-color: #4b5a64;
          color: white;
          height: 40px;
          width: 120px;
          text-align: center;
          padding-top: 11px; }
        header[role="banner"] .wrap .mainNav ul li + li {
          margin-left: 30px; }
        header[role="banner"] .wrap .mainNav ul li.subNav.opensubmenu {
          color: #b4b8b8; }
          header[role="banner"] .wrap .mainNav ul li.subNav.opensubmenu ul {
            max-height: 340px;
            padding: 40px 0 102px 0; }
          header[role="banner"] .wrap .mainNav ul li.subNav.opensubmenu .close {
            -webkit-animation: 1s ease 0.5s forwards fadeSubLinks;
            animation: 1s ease 0.5s forwards fadeSubLinks; }
@-webkit-keyframes fadeSubLinks {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeSubLinks {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
        header[role="banner"] .wrap .mainNav ul li.subNav .contain {
          width: 620px;
          float: right;
          margin-right: 70px; }
          header[role="banner"] .wrap .mainNav ul li.subNav .contain .close {
            background-position: -60px -360px;
            width: 14px;
            height: 14px;
            opacity: 0;
            margin-top: 50px; }
        header[role="banner"] .wrap .mainNav ul li.subNav ul {
          max-height: 0;
          overflow: hidden;
          -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;
          -webkit-transition-timing-function: cubic-bezier(1, 1, 0.8, 1);
          -webkit-transition-duration: all;
          -webkit-transition-property: 2000ms;
          -moz-transition-timing-function: cubic-bezier(1, 1, 0.8, 1);
          -moz-transition-duration: all;
          -moz-transition-property: 2000ms;
          -o-transition-timing-function: cubic-bezier(1, 1, 0.8, 1);
          -o-transition-duration: all;
          -o-transition-property: 2000ms;
          -ms-transition-timing-function: cubic-bezier(1, 1, 0.8, 1);
          -ms-transition-duration: all;
          -ms-transition-property: 2000ms;
          transition-timing-function: cubic-bezier(1, 1, 0.8, 1);
          transition-duration: all;
          transition-property: 2000ms;
          position: absolute;
          background-color: rgba(255, 255, 255, 0.9);
          width: 100vw;
          left: 50%;
          margin-left: -50vw;
          top: 98px;
          height: auto;
          /*
          							&:before {
          								content: '';
          								width: 100vw;
          								background-color: rgba(255, 255, 255, 0.9);
          								display: block;
          								position: absolute;
          								display: block;
          								height: 100%;
          								left: 50%;
          								margin-left: -50vw;
          								top: 0;
          								z-index: -1;
          		
          							}
          */ }
          header[role="banner"] .wrap .mainNav ul li.subNav ul li {
            display: block;
            font-size: 2rem;
            font-weight: normal; }
            header[role="banner"] .wrap .mainNav ul li.subNav ul li + li {
              margin-left: 0;
              margin-top: 20px; }

.hero {
  overflow: hidden; }
  .hero:after {
    content: '';
    background-image: url("../images/graphic.svg");
    opacity: 0.4;
    width: 780px;
    height: 100%;
    position: absolute;
    display: block;
    top: 180px;
    right: -170px;
    background-repeat: no-repeat; }
  .hero:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  .hero .wrap {
    margin: 0; }
    .hero .wrap .content {
      width: 100%;
      max-width: 50%;
      margin-left: 108px; }
      .hero .wrap .content h3 {
        max-width: 100%; }

.introduction {
  padding-top: 190px; }
  .introduction + .introduction {
    padding-top: 0; }
    .introduction + .introduction:after {
      display: none; }
  .introduction:after {
    content: '';
    background-image: url("../images/graphic-2.svg");
    opacity: 0.9;
    width: 630px;
    height: 100%;
    position: fixed;
    display: block;
    top: 140px;
    right: -170px;
    background-repeat: no-repeat; }
  .introduction.paymentIntro .wrap {
    width: 940px;
    max-width: 940px; }
  .introduction.serviceIntroduction {
    padding-bottom: 170px; }
    .introduction.serviceIntroduction:after {
      top: 130px; }
    .introduction.serviceIntroduction .wrap .content {
      width: 420px; }
    .introduction.serviceIntroduction .wrap .images {
      margin: 0;
      width: 420px;
      margin-left: -40px; }
      .introduction.serviceIntroduction .wrap .images figure {
        width: 290px; }
        .introduction.serviceIntroduction .wrap .images figure + figure {
          width: 200px; }
  .introduction.swap .wrap .content {
    width: 420px;
    float: left; }
  .introduction.swap .wrap .images {
    margin: 0;
    width: 420px;
    margin-left: 0;
    margin-right: -40px;
    float: right; }
    .introduction.swap .wrap .images figure {
      width: 290px; }
      .introduction.swap .wrap .images figure + figure {
        width: 200px; }
  .introduction.factsIntroduction .wrap .content {
    width: 420px; }
  .introduction .wrap {
    max-width: 940px;
    width: 940px; }

.shopProduct .wrap {
  margin: 0 auto;
  width: 860px; }
  .shopProduct .wrap .cols .col {
    float: left; }
    .shopProduct .wrap .cols .col + .col {
      margin-left: 151px;
      width: 330px; }
    .shopProduct .wrap .cols .col figure {
      max-width: 300px; }

.newsSection .wrap {
  width: 940px; }
  .newsSection .wrap .items {
    color: #4b5a64;
    margin-bottom: 30px;
    position: absolute;
    top: -30px;
    right: 0; }
  .newsSection .wrap .row {
    width: 940px; }
    .newsSection .wrap .row .content {
      margin-top: 10px; }
    .newsSection .wrap .row h3 {
      padding-bottom: 25px; }

.newsArticle {
  position: relative; }
  .newsArticle:after {
    content: '';
    background-image: url("../images/graphic-2.svg");
    opacity: 0.9;
    width: 630px;
    height: 100%;
    position: fixed;
    display: block;
    top: 140px;
    right: -170px;
    background-repeat: no-repeat; }
  .newsArticle .wrap {
    margin: 0 auto;
    width: 860px; }
    .newsArticle .wrap .back {
      position: absolute;
      top: 5px;
      left: -70px; }

.staff {
  margin-bottom: 60px;
  position: relative; }
  .staff .wrap {
    margin: 0 auto;
    width: 840px; }
    .staff .wrap .cols .col {
      text-align: center;
      float: left;
      width: -moz-calc(33.3% - 68px);
      width: -o-calc(33.3% - 68px);
      width: -webkit-calc(33.3% - 68px);
      width: calc(33.3% - 68px);
      margin-bottom: 60px; }
      .staff .wrap .cols .col + .col {
        margin-top: 0;
        margin-left: 0; }
      .staff .wrap .cols .col:nth-of-type(2n + 2) {
        margin-left: 0; }
      .staff .wrap .cols .col:nth-of-type(3n + 2) {
        margin-left: 100px;
        margin-right: 100px; }

.shop .wrap {
  width: 940px; }

.panel.lightBlue .wrap .cols .col:not(.paymentTypes) p:not(.input) {
  width: 720px; }
.panel .wrap {
  max-width: 940px; }
  .panel .wrap .cols .col:not(.paymentTypes) + .col {
    width: 400px; }
  .panel .wrap .cols .col:not(.paymentTypes) h4 {
    max-width: 300px; }
  .panel .wrap .cols .col:not(.paymentTypes) p:not(.input) {
    width: 376px; }
  .panel .wrap .cols .col.paymentTypes {
    width: 460px !important; }
    .panel .wrap .cols .col.paymentTypes .box {
      width: 220px;
      float: left;
      height: 160px;
      -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; }
      .panel .wrap .cols .col.paymentTypes .box:hover {
        background-color: #4b5a64; }
        .panel .wrap .cols .col.paymentTypes .box:hover h3, .panel .wrap .cols .col.paymentTypes .box:hover h4, .panel .wrap .cols .col.paymentTypes .box:hover span {
          color: white; }
        .panel .wrap .cols .col.paymentTypes .box:hover span:before {
          opacity: 1; }
        .panel .wrap .cols .col.paymentTypes .box:hover span:after {
          opacity: 0; }
      .panel .wrap .cols .col.paymentTypes .box:nth-of-type(2n + 2) {
        margin-left: 20px; }
      .panel .wrap .cols .col.paymentTypes .box h3, .panel .wrap .cols .col.paymentTypes .box h4, .panel .wrap .cols .col.paymentTypes .box 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; }
      .panel .wrap .cols .col.paymentTypes .box span {
        font-size: 0.875rem;
        position: relative;
        display: inline-block;
        font-weight: 700;
        padding-right: 30px;
        margin-top: 36px; }
        .panel .wrap .cols .col.paymentTypes .box span:after {
          content: '';
          background-position: -60px -300px;
          width: 18px;
          height: 14px;
          display: block;
          position: absolute;
          top: 1px;
          right: 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; }
        .panel .wrap .cols .col.paymentTypes .box span:before {
          content: '';
          background-position: -100px -300px;
          width: 18px;
          height: 14px;
          display: block;
          position: absolute;
          top: 1px;
          right: 0;
          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; }

.contactPanel .wrap .cols {
  width: 940px; }

.factsheets {
  padding-bottom: 94px; }
  .factsheets .wrap {
    margin: 0 auto;
    width: 780px; }
    .factsheets .wrap h2 {
      font-size: 1.875rem; }
    .factsheets .wrap .links li .sub {
      font-size: 1rem; }

.boxGrid .wrap {
  width: 940px;
  margin: 120px auto 160px auto; }
  .boxGrid .wrap .box {
    width: 212px;
    float: left;
    margin-bottom: 0; }
    .boxGrid .wrap .box:nth-of-type(2n + 2) {
      margin-left: 30px;
      margin-right: 0; }
    .boxGrid .wrap .box + .box {
      margin-left: 30px; }

.grid.gridTwo .wrap .item {
  width: -moz-calc(100% / 2);
  width: -o-calc(100% / 2);
  width: -webkit-calc(100% / 2);
  width: calc(100% / 2); }
.grid .wrap .item {
  width: -moz-calc(100% / 3);
  width: -o-calc(100% / 3);
  width: -webkit-calc(100% / 3);
  width: calc(100% / 3);
  padding-top: -moz-calc(100% / 3);
  padding-top: -o-calc(100% / 3);
  padding-top: -webkit-calc(100% / 3);
  padding-top: calc(100% / 3); }
  .grid .wrap .item.imageBg {
    padding-top: -moz-calc(100% / 3);
    padding-top: -o-calc(100% / 3);
    padding-top: -webkit-calc(100% / 3);
    padding-top: calc(100% / 3); }

.tabs .wrap {
  padding: 100px 0 85px 0;
  width: 940px;
  margin: 0 auto;
  height: auto; }
  .tabs .wrap nav button {
    display: inline-block;
    padding-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 700;
    font-size: 0.75rem;
    color: #4d4d4d; }
    .tabs .wrap nav button + button {
      margin-left: 40px; }
    .tabs .wrap nav button.active {
      border-bottom: 2px solid black;
      color: black; }
  .tabs .wrap .tab {
    padding-bottom: 0; }
    .tabs .wrap .tab:after {
      display: none; }
    .tabs .wrap .tab + .tab {
      margin-top: 0; }
    .tabs .wrap .tab h2 {
      display: none; }
    .tabs .wrap .tab .content {
      margin-top: 47px;
      display: none;
      line-height: 1.4; }
      .tabs .wrap .tab .content.showContent {
        display: block; }
    .tabs .wrap .tab p {
      font-size: 1rem;
      line-height: 1.5;
      max-width: 800px; }

.faqs {
  padding-bottom: 80px; }
  .faqs .wrap {
    margin: 0 auto;
    width: 860px; }

.slider.relatedArticles {
  margin: 110px auto 160px auto;
  width: 940px; }
  .slider.relatedArticles .swiper-container {
    width: 860px; }
    .slider.relatedArticles .swiper-container .swiper-wrapper .swiper-slide {
      width: -moz-calc(33.3% - 5px);
      width: -o-calc(33.3% - 5px);
      width: -webkit-calc(33.3% - 5px);
      width: calc(33.3% - 5px); }
      .slider.relatedArticles .swiper-container .swiper-wrapper .swiper-slide figure {
        position: relative; }
        .slider.relatedArticles .swiper-container .swiper-wrapper .swiper-slide figure:before {
          content: '';
          background-position: -20px -300px;
          width: 18px;
          height: 18px;
          display: block;
          position: absolute;
          top: 50%;
          left: 50%;
          margin: -9px 0 0 -9px;
          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; }
        .slider.relatedArticles .swiper-container .swiper-wrapper .swiper-slide figure:after {
          content: '';
          background-color: rgba(74, 90, 101, 0.7);
          width: 100%;
          height: 100%;
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          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; }
      .slider.relatedArticles .swiper-container .swiper-wrapper .swiper-slide:hover figure:before, .slider.relatedArticles .swiper-container .swiper-wrapper .swiper-slide:hover figure:after {
        opacity: 1; }
.slider.productSlider {
  margin-top: 60px;
  padding-bottom: 136px;
  margin: 60px auto 0 auto;
  width: 860px; }
  .slider.productSlider > h2 {
    text-align: center;
    color: #4d4d4d;
    font-size: 1rem;
    padding-bottom: 40px; }
  .slider.productSlider .swiper-container {
    margin: 0 auto;
    width: 730px; }
    .slider.productSlider .swiper-container .swiper-wrapper .swiper-slide {
      padding-top: 0;
      width: 255px; }
      .slider.productSlider .swiper-container .swiper-wrapper .swiper-slide figure {
        width: 160px;
        margin: 0 auto; }
      .slider.productSlider .swiper-container .swiper-wrapper .swiper-slide + .swiper-slide {
        margin-left: 0; }
      .slider.productSlider .swiper-container .swiper-wrapper .swiper-slide .text {
        padding: 0 20px;
        text-align: center; }
        .slider.productSlider .swiper-container .swiper-wrapper .swiper-slide .text h3 {
          font-size: 1rem;
          line-height: 1.3; }
        .slider.productSlider .swiper-container .swiper-wrapper .swiper-slide .text p {
          font-size: 0.875rem;
          padding-top: 7px; }
.slider .swiper-container {
  width: 960px;
  margin: 0 auto; }

.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: 80px; }
      .basket.confirmBasket .wrap .main .cols .basketList.confirm h2 {
        font-size: 1rem; }
      .basket.confirmBasket .wrap .main .cols .basketList.confirm p {
        font-size: 1rem; }
      .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 .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: 140px; }
          .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: 940px; }
  .basket .wrap .overview {
    margin-top: 0; }
    .basket .wrap .overview .hold .payment {
      margin-top: 50px; }
      .basket .wrap .overview .hold .payment a {
        display: block;
        width: 100%;
        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 {
          font-size: 0.875rem;
          height: 40px; }
        .basket .wrap .overview .hold .promo .input label {
          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 {
        text-transform: uppercase;
        font-weight: 700;
        height: 40px;
        text-align: center;
        width: 35%;
        margin-left: 5px;
        font-size: 0.8125rem;
        float: left;
        letter-spacing: 0.04em; }
  .basket .wrap .main .stages {
    margin-bottom: 100px; }
    .basket .wrap .main .stages button {
      width: 302px;
      float: left;
      margin-top: 0; }
      .basket .wrap .main .stages button + button {
        margin-top: 0;
        margin-left: 15px; }
  .basket .wrap .main .empty {
    font-size: 1.125rem;
    padding-top: 0; }
  .basket .wrap .main .cols.shipping .hold {
    float: left;
    width: 440px; }
  .basket .wrap .main .cols.shipping .col {
    width: 440px; }
    .basket .wrap .main .cols.shipping .col + .col {
      margin-top: 30px; }
    .basket .wrap .main .cols.shipping .col.overviewCol {
      margin-top: 0;
      float: left;
      width: 440px;
      margin-left: 50px; }
      .basket .wrap .main .cols.shipping .col.overviewCol .overview {
        margin-left: 0;
        margin-top: 40px; }
    .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;
      padding: 0 10px; }
    .basket .wrap .main .cols.shipping .col .input label {
      font-size: 0.875rem;
      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; }
    .basket .wrap .main .cols.shipping .col .twoInput {
      margin: 16px 0; }
    .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: 17px; }
    .basket .wrap .main .cols.shipping .col .tickbox label {
      font-size: 0.75rem;
      line-height: 1.3;
      margin-bottom: 20px;
      display: inline-block; }
  .basket .wrap .main .cols .overview {
    float: left;
    width: 410px;
    margin-left: 60px; }
  .basket .wrap .main .cols .basketList {
    float: left;
    width: 410px; }
    .basket .wrap .main .cols .basketList ul li .hold .description {
      float: left;
      width: 50%; }
      .basket .wrap .main .cols .basketList ul li .hold .description .text h4 {
        font-size: 1.125rem;
        line-height: 1.3; }
      .basket .wrap .main .cols .basketList ul li .hold .description .text .price {
        font-size: 1.125rem; }
        .basket .wrap .main .cols .basketList ul li .hold .description .text .price i {
          font-style: normal; }
      .basket .wrap .main .cols .basketList ul li .hold .description .quantity {
        margin: 10px 0; }
        .basket .wrap .main .cols .basketList ul li .hold .description .quantity h3 {
          font-size: 0.875rem;
          float: left;
          font-weight: 700;
          padding: 0; }
        .basket .wrap .main .cols .basketList ul li .hold .description .quantity .input {
          float: left;
          width: 30px;
          padding: 0;
          margin: -2px 0 0 5px; }
          .basket .wrap .main .cols .basketList ul li .hold .description .quantity .input input {
            font-weight: 700; }
      .basket .wrap .main .cols .basketList ul li .hold .description .remove {
        text-decoration: underline;
        font-size: 0.75rem; }

footer .wrap .top {
  padding: 47px 0 44px 0;
  max-width: 940px;
  margin: 0 auto; }
  footer .wrap .top h2 {
    margin-bottom: 0;
    float: left; }
  footer .wrap .top p {
    font-size: 0.875rem;
    float: left;
    line-height: 1.7;
    width: 100%;
    margin-right: 80px; }
footer .wrap .bottom {
  padding: 70px 20px 20px 20px; }
  footer .wrap .bottom nav {
    max-width: 940px;
    margin: 0 auto; }
    footer .wrap .bottom nav ul {
      width: -moz-calc(100% / 6);
      width: -o-calc(100% / 6);
      width: -webkit-calc(100% / 6);
      width: calc(100% / 6); }
      footer .wrap .bottom nav ul h4 {
        padding-bottom: 20px; }
      footer .wrap .bottom nav ul li {
        font-size: 0.875rem;
        max-width: 100%; }
        footer .wrap .bottom nav ul li.whiteLink {
          margin-top: 38px; }
  footer .wrap .bottom .small {
    font-size: 0.875rem;
    max-width: 940px;
    margin: 0 auto; }

/* =========================
   Form error messages
   ========================= */

.panel .wrap .cols .col .input .error-message {
    display: block;
    margin-top: 6px;
    font-size: 0.75rem;
    line-height: 1.4;
    color: #dd857b;
}

/* Space between form fields */
.panel .wrap .cols .col .input {
    margin-bottom: 26px;
}

/* Invalid input underline */
.panel .wrap .cols .col .input input[aria-invalid="true"],
.panel .wrap .cols .col .input textarea[aria-invalid="true"] {
    border-bottom: 2px solid #dd857b;
}

/* Prevent overlap from floating labels */
.panel .wrap .cols .col .input {
    position: relative;
}

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