.main-head .search-box-top:before, .meta-info .three-col .filter:before, .product-slider menu button, .shop-wrap aside .filter button:after, .shop-wrap aside .filter .options .hold .input span, .shop-wrap aside .search-box button {
  background-image: url("../sprites/sprite.svg");
  background-size: 500px 500px;
  background-repeat: no-repeat;
  font-size: 20px; }

.main-head .search-box-top, .main-head .search-box-top .input input, .text-page .wrap .action-button, .text-page .wrap .fees li .buy, .meta-info .three-col .filter, .meta-info .three-col .filter select, .filter-nav .hold .search, .filter-nav .hold .search .input input, .shop-wrap aside .filter button, .shop-wrap aside .search-box {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.page-wrap .side-menu ul:after, .text-page .wrap .fees li:after, .meta-info:after, .text-block:after, .three-cols:after, .two-col .hold:after, .filter-nav .hold .filters:after, .filter-nav .hold:after, .product-slider .swiper-wrapper .swiper-slide .content .link-hold:after, .product-slider .swiper-wrapper .swiper-slide:after, .ad-block:after, .grid-listing .holder:after, .shop-wrap aside .filter .options .hold .input:after, .shop-wrap .single-product .holder:after, .shop-wrap:after, .basket .breadcrumbs:after, .basket .holder .amountBox:after, .basket .holder .basket-list li .info .content:after, .basket .holder:after, .login-panel .two:after {
  content: '';
  display: block;
  clear: both; }

.product-slider .swiper-wrapper .swiper-slide .content h2, .hero-text p, .page-title h1, .shop-wrap .single-product .holder .two-col .half h2, .text-page .wrap h3, .main-head .tag-line, .main-head .search-box-top .input label, .main-head .ribbon-nav .follow, .meta-info .three-col .filter label, .meta-info .three-col .filter select, .shop-wrap aside .filter .options .hold .input label {
  font-family: 'Helvetica Neue LT W01_51488890';
  font-style: normal;
  font-weight: normal; }

.meta-info .four-col p, .shop-wrap aside .filter button, .shop-wrap aside .search-box, .shop-wrap aside .search-box .input input {
  font-family: 'Helvetica Neue LT W01_65 Md';
  font-style: normal;
  font-weight: normal; }

.text-block h2 {
  font-family: 'Helvetica Neue LT W01_56 It';
  font-weight: normal; }

.product-slider .swiper-wrapper .swiper-slide .content h2 {
  font-size: 2.3125rem;
  line-height: 1.18;
  color: #1f3242; }

.hero-text p, .page-title h1, .shop-wrap .single-product .holder .two-col .half h2 {
  font-size: 2.8125rem;
  line-height: 1.15; }

.text-page .wrap h3 {
  font-size: 1.9rem;
  color: #2caba9; }

.text-block h2 {
  font-size: 2.8125rem;
  line-height: 1.12;
  color: #8b9099;
  text-decoration: underline;
  margin-bottom: 1em; }

.meta-info .four-col p, .shop-wrap aside .filter button, .shop-wrap aside .search-box, .shop-wrap aside .search-box .input input {
  font-size: 0.875rem;
  color: rgba(80, 80, 80, 0.8);
  line-height: 1; }

.mobile {
  display: none !important; }

.desktop {
  display: block; }

.b-link.ribbon:hover {
  height: 70px; }

.action-button {
  width: 300px;
  margin: 0 auto; }
  .action-button.inline {
    display: inline-block !important; }

.wrap {
  width: 940px;
  margin: 0 auto; }

html {
  min-width: 960px; }

.page-wrap .side-menu {
  width: 367px;
  height: 60px;
  top: 0;
  right: auto;
  left: 50%;
  margin-left: -116px;
  background-color: #505050;
  z-index: 10000000000000;
  overflow: visible;
  overflow-y: visible; }
  .page-wrap .side-menu ul {
    display: inline-block;
    border-bottom: 0; }
    .page-wrap .side-menu ul li {
      display: inline-block;
      float: left;
      width: 122px;
      border-top: 0;
      position: relative;
      overflow: hidden; }
      .page-wrap .side-menu ul li a {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        color: white;
        overflow: hidden;
        padding: 23px 0;
        text-align: center;
        position: relative;
        border-left: 1px solid rgba(220, 220, 220, 0.2); }
        .page-wrap .side-menu ul li a:after {
          content: '';
          display: block;
          position: absolute;
          bottom: -4px;
          left: 0;
          width: 100%;
          height: 4px;
          background-color: #c0c2c4;
          -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; }
        .page-wrap .side-menu ul li a:hover {
          background-color: transparent; }
          .page-wrap .side-menu ul li a:hover:after {
            bottom: 0; }
        .page-wrap .side-menu ul li a.current {
          color: #2caba9; }
          .page-wrap .side-menu ul li a.current:after {
            bottom: 0;
            background-color: #2caba9; }
        .page-wrap .side-menu ul li a.red-bg {
          background-color: #b42832; }
          .page-wrap .side-menu ul li a.red-bg:hover {
            background-color: #b42832; }
          .page-wrap .side-menu ul li a.red-bg:after {
            background-color: #c0c2c4; }
          .page-wrap .side-menu ul li a.red-bg:hover {
            background-color: #b42832; }
      .page-wrap .side-menu ul li ul {
        background-color: white;
        width: 240px;
        border-right: 1px solid gainsboro;
        display: none; }
        .page-wrap .side-menu ul li ul li {
          border-bottom: 1px solid gainsboro;
          width: 240px; }
          .page-wrap .side-menu ul li ul li a {
            text-align: left;
            padding-left: 30px;
            color: #505050; }
            .page-wrap .side-menu ul li ul li a:after {
              display: none; }
            .page-wrap .side-menu ul li ul li a:hover {
              color: #2caba9; }
      .page-wrap .side-menu ul li:hover {
        overflow: visible; }
        .page-wrap .side-menu ul li:hover a:after {
          bottom: 0; }
        .page-wrap .side-menu ul li:hover ul {
          display: block; }

.main-head.headroom.headroom-unpinned {
  margin-top: 0; }
  .main-head.headroom.headroom-unpinned .banner {
    height: 60px; }
    .main-head.headroom.headroom-unpinned .banner span {
      opacity: 0;
      pointer-events: none;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 100ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 100ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 100ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 100ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 100ms;
      transition-property: all;
      transition-delay: 0; }
  .main-head.headroom.headroom-unpinned .ribbon-nav {
    top: 0; }
.main-head.close .banner {
  height: 60px; }
  .main-head.close .banner span {
    opacity: 0;
    pointer-events: none; }
.main-head .banner {
  height: 220px;
  position: fixed;
  left: 50%;
  margin-left: -470px; }
  .main-head .banner .logo span {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    left: -46px;
    top: 130px;
    -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;
    transition-delay: 300ms; }
.main-head .tag-line {
  width: 275px;
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -390px;
  font-size: 0.92rem;
  color: white;
  padding: 23px 0 0 0; }
.main-head .search-box-top {
  width: 160px;
  height: 60px;
  background: white;
  position: fixed;
  right: 50%;
  border-bottom: 1px solid #dbdcdf;
  border-left: 1px solid #dbdcdf;
  margin-right: -410px; }
  .main-head .search-box-top:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -7px;
    width: 13px;
    height: 13px;
    background-position: -5em -5em; }
  .main-head .search-box-top .StripeElement {
    font-size: 1.25rem; }
  .main-head .search-box-top .input {
    margin: 0;
    padding: 0; }
    .main-head .search-box-top .input input {
      height: 59px;
      width: 100%;
      border: 0;
      padding: 0 10px 0 40px;
      font-size: 0.875rem; }
    .main-head .search-box-top .input label {
      position: absolute;
      top: 50%;
      margin-top: -6px;
      left: 40px;
      font-size: 0.92rem;
      color: #c0c2c4; }
.main-head .ribbon-nav {
  position: fixed;
  top: 0;
  right: 50%;
  margin-right: -470px; }
  .main-head .ribbon-nav .follow {
    position: absolute;
    width: 100px;
    font-size: 0.75rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    transform-origin: center;
    transform: rotate(-90deg);
    -webkit-transform-origin: center;
    -webkit-transform: rotate(-90deg);
    bottom: -60px;
    left: -18px;
    color: #505050; }

.text-block .nostyling {
  font-size: 1rem;
  margin: 0 auto;
  padding-top: 0 !important;
  position: relative;
  text-align: left; }

.hero-text p {
  width: 700px;
  margin-left: 160px; }
.hero-text + .text-block {
  margin-top: -47px; }
.hero-text.sm-head {
  height: 155px;
  padding-top: 20px; }
  .hero-text.sm-head p {
    font-size: 1.625rem;
    text-align: justify;
    width: 550px; }
  .hero-text.sm-head .action-button {
    margin-left: 560px;
    margin-top: 10px; }
.hero-text.homepage + .three-cols, .hero-text.donations + .three-cols {
  padding-top: 80px; }
  .hero-text.homepage + .three-cols .col, .hero-text.donations + .three-cols .col {
    height: 462px; }
    .hero-text.homepage + .three-cols .col > a,
    .hero-text.homepage + .three-cols .col button, .hero-text.donations + .three-cols .col > a,
    .hero-text.donations + .three-cols .col button {
      position: absolute;
      bottom: 0;
      width: 100%; }
  .hero-text.homepage + .three-cols.no-h .col a, .hero-text.donations + .three-cols.no-h .col a {
    position: static; }

.page-title {
  width: 940px;
  margin: 0 auto; }
  .page-title h1 {
    width: 700px;
    margin-left: 160px;
    padding-left: 0; }

.text-page {
  padding-top: 20px;
  padding-bottom: 0; }
  .text-page .wrap {
    width: 620px;
    margin: 0 auto;
    position: relative; }
    .text-page .wrap .action-button {
      display: block;
      height: 44px;
      letter-spacing: 2px;
      text-align: center;
      text-decoration: none;
      padding-top: 18px;
      color: white; }
    .text-page .wrap .topDonate {
      position: absolute;
      top: 0;
      right: 0;
      display: block; }
    .text-page .wrap .highlight {
      margin-top: 40px;
      margin-bottom: 70px; }
    .text-page .wrap figure {
      float: left;
      margin-left: -160px;
      margin-right: 40px; }
    .text-page .wrap .backlink {
      font-size: 2rem;
      margin-left: -35px; }
    .text-page .wrap .action-button {
      margin: 0;
      width: 220px; }
    .text-page .wrap .fees li .hold {
      width: 378px;
      float: left; }
    .text-page .wrap .fees li .buy {
      width: 240px;
      float: left;
      border-left: 1px solid #d2d2d2; }
      .text-page .wrap .fees li .buy .group .price {
        float: none;
        width: 100%;
        border: 0;
        height: 44px;
        padding-top: 3px; }
        .text-page .wrap .fees li .buy .group .price p {
          font-size: 1.5625rem; }
        .text-page .wrap .fees li .buy .group .price + .price {
          border-left: 0;
          border-top: 1px solid #d2d2d2; }
    .text-page .wrap form p label + span {
      display: block;
      font-size: 0.8rem;
      padding-top: 31px; }
  .text-page + .three-cols {
    padding-top: 80px; }

.meta-info {
  width: 940px;
  margin: 0 auto 25px auto; }
  .meta-info .four-col {
    width: 300px;
    float: left;
    margin: 0 20px 0 0; }
    .meta-info .four-col.two-col-left {
      margin-left: 160px; }
    .meta-info .four-col p {
      padding-top: 14px;
      color: #8b9099; }
  .meta-info .three-col {
    width: 220px;
    float: left; }
    .meta-info .three-col.six-col-left {
      margin-left: 480px; }
    .meta-info .three-col + .three-col {
      margin: 0 0 0 20px; }
    .meta-info .three-col .filter {
      height: 44px;
      border: 1px solid #dbdcdf;
      border-left: 0;
      padding: 13px 10px;
      position: relative; }
      .meta-info .three-col .filter:before {
        content: '';
        display: block;
        width: 7px;
        height: 4px;
        background-position: -9em -5em;
        position: absolute;
        right: 7px;
        top: 50%;
        margin-top: -2px; }
      .meta-info .three-col .filter label {
        font-size: 0.9375rem;
        color: #8b9099; }
      .meta-info .three-col .filter select {
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 44px;
        -webkit-appearance: none;
        border: 0;
        border-radius: 0;
        padding: 0 5px;
        background-color: transparent;
        border-left: 1px solid #dbdcdf;
        font-size: 0.9375rem;
        color: #8b9099; }

.text-block {
  padding-bottom: 50px; }
  .text-block h2 {
    width: 220px;
    float: left; }
  .text-block p {
    width: 620px;
    margin-left: 240px; }
    .text-block p:first-of-type {
      padding-top: 80px; }

.three-cols {
  width: 960px;
  margin: 0 auto; }
  .three-cols.smaller {
    width: 620px; }
    .three-cols.smaller .col {
      margin: 0 10px 0 0;
      width: 290px; }
  .three-cols .col {
    float: left;
    margin: 0 10px;
    width: 300px; }
    .three-cols .col.donate {
      height: 435px; }
      .three-cols .col.donate > a {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%; }
      .three-cols .col.donate P {
        margin-bottom: 5px; }
  .three-cols.no-h .col {
    height: auto !important; }

.two-col .wrap {
  width: auto; }
.two-col .hold {
  width: 940px;
  margin: 0 auto 40px auto;
  border-bottom: 1px solid #dbdcdf; }
  .two-col .hold > .col {
    width: 460px;
    float: left; }
    .two-col .hold > .col h2 {
      height: 44px;
      padding-top: 17px; }
    .two-col .hold > .col + .col {
      margin-left: 20px; }

.filter-nav {
  height: 47px;
  background-color: #fafafa;
  border-bottom: 1px solid #dbdcdf; }
  .filter-nav .hold {
    width: 940px;
    position: relative;
    margin: 0 auto; }
    .filter-nav .hold .search {
      width: 250px;
      float: right;
      margin-right: 220px;
      border-left: 1px solid #dbdcdf; }
      .filter-nav .hold .search:before {
        top: 19px; }
      .filter-nav .hold .search .input {
        border: 0; }
        .filter-nav .hold .search .input label {
          top: 20px; }
        .filter-nav .hold .search .input input {
          background-color: white;
          padding: 13px 0 10px 30px;
          height: 47px; }
    .filter-nav .hold .filters {
      width: 470px;
      float: left; }
      .filter-nav .hold .filters .filter {
        width: 235px;
        float: left; }
        .filter-nav .hold .filters .filter select {
          width: 235px;
          height: 47px; }
        .filter-nav .hold .filters .filter h2 {
          padding-top: 17px;
          padding-left: 15px;
          height: 47px;
          border: 0;
          border-left: 1px solid #dbdcdf; }
    .filter-nav .hold button {
      width: 220px;
      position: absolute;
      right: 0;
      height: 47px;
      padding-top: 20px; }

.product-slider {
  width: 940px;
  margin: 0 auto;
  position: relative; }
  .product-slider menu button {
    width: 25px;
    height: 44px;
    position: absolute;
    top: 85px;
    z-index: 100000;
    left: 0;
    background-position: -11em -1em;
    opacity: 0;
    -webkit-transform: translateX(40px);
    -ms-transform: translateX(40px);
    transform: translateX(40px);
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 400ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 400ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 400ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 400ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 400ms;
    transition-property: all; }
    .product-slider menu button + button {
      left: auto;
      right: 0;
      -webkit-transform: translateX(-40px);
      -ms-transform: translateX(-40px);
      transform: translateX(-40px);
      background-position: -14em -1em; }
  .product-slider:hover menu button {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .product-slider .swiper-wrapper .swiper-slide figure {
    width: 460px;
    float: left;
    padding-top: 50px; }
  .product-slider .swiper-wrapper .swiper-slide .content {
    width: 460px;
    float: right;
    padding-top: 40px; }
    .product-slider .swiper-wrapper .swiper-slide .content h2 {
      width: 360px;
      padding: 0;
      color: #505050; }
    .product-slider .swiper-wrapper .swiper-slide .content h5 {
      padding: 0; }
    .product-slider .swiper-wrapper .swiper-slide .content .link-hold a {
      float: left;
      width: 220px; }
      .product-slider .swiper-wrapper .swiper-slide .content .link-hold a + a {
        margin: 0 0 0 20px; }
  .product-slider .dots {
    padding-top: 30px;
    padding-bottom: 60px; }

.ad-block {
  width: 940px;
  margin: 0 auto; }
  .ad-block .ad {
    width: 460px;
    float: left; }
    .ad-block .ad + .ad {
      float: right; }

.grid-listing {
  width: 960px;
  margin: 0 auto; }
  .grid-listing .holder {
    white-space: normal;
    overflow: hidden;
    padding: 0; }
    .grid-listing .holder .grid-item {
      float: left;
      margin: 0 10px; }
      .grid-listing .holder .grid-item:nth-child(3n + 1) {
        clear: left; }
      .grid-listing .holder .grid-item.store-front:nth-child(3n + 1) {
        clear: none; }

.shop-wrap {
  width: 940px;
  margin: 0 auto; }
  .shop-wrap aside {
    width: 220px;
    min-height: 60px;
    padding-top: 70px;
    float: left; }
    .shop-wrap aside.pad {
      padding-top: 130px; }
    .shop-wrap aside .filter button {
      height: 47px;
      width: 160px;
      text-align: left;
      color: #8b9099;
      border-top: 1px solid #dbdcdf;
      border-bottom: 1px solid #dbdcdf;
      margin: 0 0 -1px 0;
      position: relative; }
      .shop-wrap aside .filter button:after {
        content: '';
        display: block;
        width: 11px;
        height: 11px;
        background-position: -6em -5em;
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 10px;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 600ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 600ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 600ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 600ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 600ms;
        transition-property: all; }
      .shop-wrap aside .filter button.open:after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
      .shop-wrap aside .filter button.open + .options {
        height: auto;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 600ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 600ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 600ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 600ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 600ms;
        transition-property: all;
        margin-bottom: 5px; }
        .shop-wrap aside .filter button.open + .options .hold {
          margin-top: 0;
          padding-top: 25px; }
    .shop-wrap aside .filter .options {
      height: 0;
      overflow: hidden; }
      .shop-wrap aside .filter .options .hold {
        margin-top: -100%;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 600ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 600ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 600ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 600ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 600ms;
        transition-property: all; }
        .shop-wrap aside .filter .options .hold .input {
          margin: 0 0 20px 0;
          position: relative; }
          .shop-wrap aside .filter .options .hold .input span {
            display: block;
            width: 14px;
            height: 14px;
            background-position: -5em -7em;
            position: absolute;
            pointer-events: none; }
            .shop-wrap aside .filter .options .hold .input span .tick {
              stroke-dasharray: 30;
              stroke-dashoffset: -30;
              -webkit-transform: translate(3px, -1px);
              -ms-transform: translate(3px, -1px);
              transform: translate(3px, -1px); }
          .shop-wrap aside .filter .options .hold .input input {
            float: left;
            width: 14px;
            height: 14px;
            margin: 0 15px 0 0;
            padding: 0;
            font-size: 0;
            opacity: 0;
            cursor: pointer; }
            .shop-wrap aside .filter .options .hold .input input:checked + span .tick {
              stroke-dashoffset: 0; }
            .shop-wrap aside .filter .options .hold .input input:checked ~ label {
              opacity: 0.5; }
          .shop-wrap aside .filter .options .hold .input label {
            float: left;
            font-size: 0.875rem;
            color: #8b9099;
            padding-top: 1px;
            cursor: pointer;
            width: 132px;
            -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; }
            .shop-wrap aside .filter .options .hold .input label:hover {
              opacity: 0.5; }
    .shop-wrap aside .search-box {
      height: 47px;
      width: 160px;
      text-align: left;
      color: #8b9099;
      border-top: 1px solid #dbdcdf;
      border-bottom: 1px solid #dbdcdf;
      position: relative; }
      .shop-wrap aside .search-box .input {
        position: relative; }
        .shop-wrap aside .search-box .input input {
          width: 160px;
          height: 45px;
          background: transparent;
          border: 0; }
        .shop-wrap aside .search-box .input label {
          position: absolute;
          left: 0;
          top: 50%;
          margin-top: -7px; }
      .shop-wrap aside .search-box button {
        width: 13px;
        height: 13px;
        background-position: -5em -5em;
        box-sizing: content-box;
        border: 5px solid transparent;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -11px; }
  .shop-wrap .grid-listing {
    width: 720px;
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
    float: left; }
    .shop-wrap .grid-listing .holder {
      padding: 0; }
      .shop-wrap .grid-listing .holder .grid-item {
        margin: 0 10px 50px 10px; }
  .shop-wrap .single-product {
    width: 720px;
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
    float: left; }
    .shop-wrap .single-product .holder .back-link {
      display: none; }
    .shop-wrap .single-product .holder .two-col {
      width: 220px;
      float: left;
      margin-right: 80px; }
      .shop-wrap .single-product .holder .two-col .half {
        float: none;
        width: 100%; }
        .shop-wrap .single-product .holder .two-col .half figure {
          margin-bottom: 50px; }
        .shop-wrap .single-product .holder .two-col .half h2 {
          margin-bottom: 25px; }
        .shop-wrap .single-product .holder .two-col .half .action-button {
          position: static;
          width: 100%;
          margin-bottom: 10px; }
    .shop-wrap .single-product .holder .content {
      width: 400px;
      float: left; }
      .shop-wrap .single-product .holder .content h4 {
        margin-left: -45px; }

.basket {
  width: 940px;
  margin: 0 auto; }
  .basket .breadcrumbs a {
    width: 300px;
    float: left; }
    .basket .breadcrumbs a.desktop {
      display: block; }
    .basket .breadcrumbs a + a {
      width: 320px;
      border-left: 1px solid #c0c2c4;
      padding-left: 44px; }
      .basket .breadcrumbs a + a:before {
        content: '';
        left: 10px; }
  .basket .holder .errors {
    margin-left: 0; }
    .basket .holder .errors p {
      color: #db0000; }
  .basket .holder h2 {
    padding-left: 0; }
  .basket .holder .textInput {
    width: 300px; }
  .basket .holder .breakdown li {
    padding: 0; }
    .basket .holder .breakdown li.total {
      padding-left: 0;
      padding-right: 0; }
  .basket .holder section p {
    margin-left: 0;
    margin-right: 0; }
  .basket .holder .discounts {
    padding-left: 0;
    padding-right: 0; }
  .basket .holder .action-links {
    padding-left: 0;
    padding-right: 0; }
    .basket .holder .action-links .button {
      padding: 16px 0;
      text-align: center; }
  .basket .holder .pay {
    padding: 0; }
  .basket .holder .largeInput {
    width: 300px;
    margin: 0; }
    .basket .holder .largeInput:before {
      font-size: 2.8125rem;
      margin-top: -23px; }
    .basket .holder .largeInput input {
      font-size: 2.8125rem;
      padding-left: 40px; }
    .basket .holder .largeInput label {
      font-size: 2.8125rem;
      margin-top: -23px; }
  .basket .holder .selectCheckbox {
    margin-left: 0;
    margin-right: 0;
    padding-top: 32px;
    padding-left: 20px; }
  .basket .holder .amountBox {
    margin-bottom: 40px; }
    .basket .holder .amountBox .largeInput, .basket .holder .amountBox .selectCheckbox {
      float: left; }
  .basket .holder .textInput {
    margin: 0; }
  .basket .holder .text-cart {
    padding: 30px 0 0 0; }
    .basket .holder .text-cart p {
      width: 520px; }
  .basket .holder .basket-list li {
    padding: 40px 0; }
    .basket .holder .basket-list li.no-padding {
      padding: 15px 0; }
    .basket .holder .basket-list li .info .content .text {
      width: 220px;
      float: left;
      margin-right: 20px; }
    .basket .holder .basket-list li .info .content .two-col {
      width: 300px;
      float: left;
      margin-top: 0; }
      .basket .holder .basket-list li .info .content .two-col .col h3 {
        text-align: left; }
  .basket .holder .actions {
    padding: 30px 0; }
    .basket .holder .actions a {
      width: 150px; }
  .basket .holder .one-three {
    width: 300px;
    float: left; }
    .basket .holder .one-three .form-holder {
      padding: 20px 0; }
      .basket .holder .one-three .form-holder .title-input h4 {
        width: 203px; }
      .basket .holder .one-three .form-holder .title-input .input {
        width: 97px; }
      .basket .holder .one-three .form-holder .action-links {
        padding-top: 54px; }
    .basket .holder .one-three + .one-three {
      margin-left: 20px; }
  .basket .holder .wide {
    width: 620px;
    float: left; }
  .basket .holder .small {
    width: 300px;
    padding: 0;
    float: right; }

.login-panel p {
  padding: 0; }
  .login-panel p.input {
    width: 300px; }
  .login-panel p.forgot {
    width: 300px;
    margin-left: 20px;
    padding-top: 10px; }
.login-panel .two p {
  float: left; }

.main-foot {
  height: 60px;
  background-color: #fafafa;
  position: relative; }
  .main-foot .logo {
    position: absolute;
    left: 50%;
    margin-left: -470px; }
  .main-foot small {
    width: 360px;
    padding: 22px 0;
    position: absolute;
    right: 50%;
    margin-right: -470px;
    border: 0; }

#donate-button {
  position: relative;
  z-index: 2; }

.donate-drawer {
  margin-top: -20px;
  padding: 10px !important;
  position: relative;
  width: 200px !important;
  z-index: -1; }
  .donate-drawer form {
    width: 200px !important; }
    .donate-drawer form select {
      max-width: 203px; }
  .donate-drawer.open {
    margin-top: 0;
    width: 200px !important;
    z-index: 1; }
    .donate-drawer.open form {
      width: 200px !important; }

@-webkit-keyframes dash {
  from {
    stroke-dashoffset: -30; }
  to {
    stroke-dashoffset: 0; } }
@-ms-keyframes dash {
  from {
    stroke-dashoffset: -30; }
  to {
    stroke-dashoffset: 0; } }
@keyframes dash {
  from {
    stroke-dashoffset: -30; }
  to {
    stroke-dashoffset: 0; } }

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