.main-head .banner .logo i, .main-head .banner:after, .main-head .ribbon-nav .basket-btn, .main-head .ribbon-nav .social a:before, .text-page .wrap .backlink:before, .filter-nav .search:before, .filter-nav .filters .filter:before, .grid-listing .pagination .half:before, .grid-listing .holder .grid-item.new figure:before, .single-product .holder .back-link:before, .basket .breadcrumbs a:before, .basket .holder .giftaid .giftaidlogo, .basket .holder .action-links .paypal, .main-foot .logo i {
  background-image: url("../sprites/sprite.svg");
  background-size: 500px 500px;
  background-repeat: no-repeat;
  font-size: 20px; }

.page-wrap .side-menu h3, .page-wrap .side-menu ul li a, .b-link, .action-button, .main-head .ribbon-nav .social a, .hero-text, .text-page .wrap .fees li .hold, .text-page .wrap .fees li .buy .group .price, .text-page .wrap form p, .text-page .wrap form p textarea,
.text-page .wrap form p input, .text-page .wrap form button, .three-cols .col header .div h2, .three-cols .col > a,
.three-cols .col button, .two-col .col h2, .two-col .col .options-list li .col, .filter-nav .filters .filter select, .filter-nav .filters .filter h2, .filter-nav button, .filter-nav.no-bg .filters .filter, .product-slider .dots li.active, .ad-block .ad header, .grid-listing .section-head, .grid-listing .pagination .half, .grid-listing .pagination .half select, .single-product .holder .two-col .half, .single-product .holder .content ul li, .basket .breadcrumbs, .basket .breadcrumbs a, .basket .holder .largeInput input, .basket .holder .textInput, .basket .holder .textInput input, .basket .holder .basket-list li .info .content .two-col .col .input input, .basket .holder .giftaid .ppsn .input, .basket .holder .giftaid .ppsn .input input, .basket .holder .discounts .input input, .basket .holder .discounts button, .basket .holder .action-links .button, .login-panel p.input, .login-panel p.input input, .one-three .form-holder p.input, .one-three .form-holder p.input input,
.one-three .form-holder p.input textarea, .main-foot small, .add-to-basket input {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.main-head .ribbon-nav .social:after, .text-page .wrap .fees li .buy .group:after, .two-col .col .options-list li:after, .filter-nav.no-bg .filters:after, .grid-listing .pagination:after, .grid-listing .holder .grid-item header .actions:after, .single-product .holder .two-col:after, .single-product .holder .content ul li:after, .basket .holder .textInput.check:after, .basket .holder .basket-list li .info .content .two-col:after, .basket .holder .basket-list li .info:after, .basket .holder .basket-list li .hold:after, .basket .holder .actions:after, .basket .holder .discounts:after, .basket .holder .pay .check:after, .login-panel p.input.radio:after, .one-three .form-holder p.input.check:after, .one-three .form-holder p.input.radio:after, .one-three .form-holder .title-input:after {
  content: '';
  display: block;
  clear: both; }

.product-slider .swiper-wrapper .swiper-slide h2, .single-product .holder .content h2, .two-col .col .options-list li .col h3, .basket .holder .breakdown li.total p, .text-page .wrap h2, .text-page .wrap h3, .text-page .wrap h4, .text-page .wrap h5, .text-page .wrap h6, .hero-text p, .text-page .wrap p, .text-page .wrap ul:not(.fees) li, .text-page .wrap form p textarea,
.text-page .wrap form p input, .text-page .wrap form p label.checkbox, .text-block p, .three-cols .col p, .two-col .col .wrap p, .two-col .col .options-list li .col h4, .single-product .holder .content p, .basket .holder .textInput input, .basket .holder .textInput label, .basket .holder .text-cart p, .basket .holder .giftaid .ppsn .input input, .basket .holder .pay .check, .login-panel p, .login-panel p.input input, .one-three .form-holder p, .one-three .form-holder p.input input,
.one-three .form-holder p.input textarea, .one-three .form-holder p.input label.placeholder, .one-three .form-holder .title-input h4, .add-to-basket label.placeholder, .add-to-basket input, .grid-listing .holder .grid-item header h2, .basket .holder h2, .basket .holder .basket-list li .info .content .two-col .col h3, .page-wrap .side-menu h3, .page-wrap .side-menu ul li a, .main-head .banner .logo, .text-page .wrap .backlink, .text-page .wrap .fees li .hold h4, .filter-nav .search .input label, .filter-nav .search .input input, .filter-nav .filters .filter h2, .ad-block .ad header, .grid-listing .pagination .half label, .grid-listing .pagination .half select, .single-product .holder .back-link, .single-product .holder .two-col .half h2, .single-product .holder .two-col .half h3, .single-product .holder .content h4, .basket .breadcrumbs a, .basket .holder .errors, .basket .holder section p, .basket .holder .largeInput input, .basket .holder .largeInput label, .basket .holder .basket-list li .info .content h4, .basket .holder .basket-list li .info .content h5, .basket .holder .basket-list li .info .content .two-col .col .input input, .basket .holder .basket-list li .info .content .two-col .col .input label, .basket .holder .basket-list li .info .content .two-col .col button, .basket .holder .basket-list li .hold .three h3, .basket .holder .basket-list li .hold .three h4, .basket .holder .basket-list li .hold .three p, .basket .holder .basket-list li .hold .one h5, .basket .holder .actions button, .basket .holder .actions a, .basket .holder .actions p, .basket .holder .giftaid h3, .basket .holder .giftaid p, .basket .holder .giftaid label, .basket .holder .giftaid .pent, .basket .holder .breakdown li p, .main-foot .logo, .main-foot small {
  font-family: 'Helvetica Neue LT W01_51488890';
  font-style: normal;
  font-weight: normal; }

.product-slider .swiper-wrapper .swiper-slide h5, .basket .holder .breakdown li.total h2, .grid-listing .holder .grid-item header h4 {
  font-family: 'Helvetica Neue LT W01_65 Md';
  font-style: normal;
  font-weight: normal; }

.text-block h2, .text-block .nostyling, .hero-text p a {
  font-family: 'Helvetica Neue LT W01_56 It';
  font-weight: normal; }

.hero-text h1, .page-title h1, .action-button, .text-page .wrap form button, .three-cols .col header .div h2, .three-cols .col > a,
.three-cols .col button, .two-col .col h2, .two-col .col .options-list li .col a, .filter-nav button, .basket .holder .discounts .input input, .basket .holder .discounts .input label, .basket .holder .discounts button, .basket .holder .action-links .button, .basket .holder .action-links p, .text-page .wrap p a, .text-page .wrap p em, .grid-listing .section-head h4, .single-product .holder .content ul li h3, .basket .holder .text-cart p a, .basket .holder .giftaid button.toggle {
  font-family: 'Helvetica Neue LT W01_75 Bold';
  font-style: normal;
  font-weight: normal; }

.hero-text h1, .page-title h1 {
  font-size: 1.5625rem;
  line-height: 1.32;
  color: #1f3242; }

.product-slider .swiper-wrapper .swiper-slide h2, .single-product .holder .content h2 {
  font-size: 2rem;
  line-height: 1.1875;
  color: #1f3242; }

.two-col .col .options-list li .col h3 {
  font-size: 1.875rem;
  line-height: 1.4;
  color: #1f3242; }

.action-button, .text-page .wrap form button, .three-cols .col header .div h2, .three-cols .col > a,
.three-cols .col button, .two-col .col h2, .two-col .col .options-list li .col a, .filter-nav button, .basket .holder .discounts .input input, .basket .holder .discounts .input label, .basket .holder .discounts button, .basket .holder .action-links .button, .basket .holder .action-links p {
  text-transform: uppercase;
  font-size: 0.6875rem;
  line-height: 1.18; }

.basket .holder .breakdown li.total p {
  font-size: 2.8125rem;
  line-height: 1.15; }

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

.text-page .wrap h2, .text-page .wrap h3, .text-page .wrap h4, .text-page .wrap h5, .text-page .wrap h6 {
  font-size: 2.0625rem;
  line-height: 1.12;
  color: #2caba9; }

.hero-text p {
  font-size: 1.5625rem;
  line-heihgt: 1.32;
  color: #1f3242; }

.text-page .wrap p, .text-page .wrap ul:not(.fees) li, .text-page .wrap form p textarea,
.text-page .wrap form p input, .text-page .wrap form p label.checkbox, .text-block p, .three-cols .col p, .two-col .col .wrap p, .two-col .col .options-list li .col h4, .single-product .holder .content p, .basket .holder .textInput input, .basket .holder .textInput label, .basket .holder .text-cart p, .basket .holder .giftaid .ppsn .input input, .basket .holder .pay .check, .login-panel p, .login-panel p.input input, .one-three .form-holder p, .one-three .form-holder p.input input,
.one-three .form-holder p.input textarea, .one-three .form-holder p.input label.placeholder, .one-three .form-holder .title-input h4, .add-to-basket label.placeholder, .add-to-basket input {
  font-size: 1rem;
  line-height: 1.4375;
  margin-bottom: 1em; }

.product-slider .swiper-wrapper .swiper-slide h5, .basket .holder .breakdown li.total h2 {
  font-size: 0.875rem;
  color: rgba(80, 80, 80, 0.8);
  line-height: 1; }

.grid-listing .holder .grid-item header h2, .basket .holder h2, .basket .holder .basket-list li .info .content .two-col .col h3 {
  font-size: 1.375rem;
  line-height: 1.18;
  color: #1f3242; }

.three-cols .col header .div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }

.desktop {
  display: none; }

.navy-bg {
  background-color: #505050; }

.teal-bg {
  background-color: #2caba9; }

.wrap {
  padding: 0 10px; }

select {
  font-size: 1rem; }

.input label.hide {
  opacity: 0;
  pointer-events: none; }

body {
  font-size: 16px;
  padding-top: 60px;
  -webkit-font-smoothing: antialiased; }
  body.side-open .main-head {
    -webkit-transform: translateX(-70vw);
    -moz-transform: translateX(-70vw);
    -ms-transform: translateX(-70vw);
    transform: translateX(-70vw);
    left: auto; }
    body.side-open .main-head .nav-toggle span {
      -webkit-transform-origin: center;
      -webkit-transform: rotate(40deg) translateY(8px);
      -ms-transform-origin: center;
      -ms-transform: rotate(40deg) translateY(8px);
      transform-origin: center;
      transform: rotate(40deg) translateY(8px); }
      body.side-open .main-head .nav-toggle span:nth-child(2) {
        opacity: 0; }
      body.side-open .main-head .nav-toggle span:nth-child(3) {
        -webkit-transform: rotate(-40deg) translateY(-8px);
        -ms-transform: rotate(-40deg) translateY(-8px);
        transform: rotate(-40deg) translateY(-8px); }
  body.side-open .page {
    -webkit-transform: translateX(-70vw);
    -moz-transform: translateX(-70vw);
    -ms-transform: translateX(-70vw);
    transform: translateX(-70vw);
    pointer-events: none; }

.page-wrap {
  width: 100vw;
  overflow: hidden; }
  .page-wrap .page {
    width: 100vw;
    position: relative;
    right: 0;
    min-height: 100vh;
    z-index: 10000000;
    background: white;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 300ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 300ms;
    -moz-transition-property: all;
    -o-transition-timing-function: ease-out;
    -o-transition-duration: 300ms;
    -o-transition-property: all;
    -ms-transition-timing-function: ease-out;
    -ms-transition-duration: 300ms;
    -ms-transition-property: all;
    transition-timing-function: ease-out;
    transition-duration: 300ms;
    transition-property: all; }
  .page-wrap .side-menu {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    background-color: #f2f2f2;
    width: 70vw;
    overflow: hidden;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .page-wrap .side-menu h3 {
      font-size: 1.125rem;
      line-height: 1;
      height: 60px;
      padding: 20px 35px;
      color: #505050; }
    .page-wrap .side-menu ul {
      border-bottom: 1px solid #dbdcdf;
      list-style: none; }
      .page-wrap .side-menu ul li {
        border-top: 1px solid #dbdcdf;
        /* height: 60px; */
        overflow: hidden;
        -webkit-transition-timing-function: ease-out;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: height;
        -moz-transition-timing-function: ease-out;
        -moz-transition-duration: 300ms;
        -moz-transition-property: height;
        -o-transition-timing-function: ease-out;
        -o-transition-duration: 300ms;
        -o-transition-property: height;
        -ms-transition-timing-function: ease-out;
        -ms-transition-duration: 300ms;
        -ms-transition-property: height;
        transition-timing-function: ease-out;
        transition-duration: 300ms;
        transition-property: height; }
        .page-wrap .side-menu ul li a {
          display: block;
          height: 60px;
          font-size: 0.92rem;
          text-decoration: none;
          padding: 23px 35px;
          color: #505050;
          -webkit-tap-highlight-color: rgba(0, 0, 0, 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; }
          .page-wrap .side-menu ul li a:hover {
            background-color: #fafafa; }
        .page-wrap .side-menu ul li ul {
          border-bottom: 0;
          background-color: #dbdcdf; }
          .page-wrap .side-menu ul li ul li {
            border-color: #c0c2c4; }
        .page-wrap .side-menu ul li.open {
          height: auto; }

.b-link {
  display: block;
  width: 60px;
  height: 60px;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 200ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 200ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 200ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 200ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 200ms;
  transition-property: all; }
  .b-link.ribbon {
    position: relative; }
    .b-link.ribbon:hover:before {
      opacity: 1; }

.action-button {
  display: block;
  background-color: #515151;
  height: 44px;
  color: white;
  text-decoration: none;
  padding: 17px 0;
  text-align: center;
  margin: 0 10px;
  letter-spacing: 2px;
  -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; }
  .action-button:hover {
    background-color: #2caba9; }
  .action-button.line {
    background-color: transparent;
    border: 1px solid #dbdcdf;
    color: #dbdcdf; }
    .action-button.line:hover {
      color: #4d4d4d;
      border-color: #4d4d4d; }
  .action-button.teal {
    background-color: #2caba9; }
    .action-button.teal:hover {
      background-color: #46cec7; }
  .action-button.grey {
    background-color: #c0c2c4; }
  .action-button.red-bg {
    background-color: #b42832; }
  .action-button.dark-grey {
    background-color: #505050; }
  .action-button.inline {
    display: block;
    margin-top: 5px !important;
    width: 100%; }

.main-head {
  height: 60px;
  background-color: #505050;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 100000000000;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: ease-out;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: ease-out;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: ease-out;
  transition-duration: 300ms;
  transition-property: all; }
  .main-head.headroom.headroom-unpinned {
    margin-top: -90px; }
    .main-head.headroom.headroom-unpinned .ribbon-nav {
      top: -60px; }
  .main-head .banner {
    width: 60px;
    height: 60px;
    background-color: #2caba9;
    -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; }
    .main-head .banner .logo {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
      .main-head .banner .logo i {
        display: block;
        width: 60px;
        height: 60px;
        background-position: -1em -1em; }
      .main-head .banner .logo span {
        display: block;
        width: 150px;
        font-size: 1.0625rem;
        line-height: 1;
        color: white;
        position: absolute;
        top: 22px;
        left: 73px;
        letter-spacing: 1px; }
    .main-head .banner:after {
      content: '';
      display: block;
      width: 60px;
      height: 25px;
      background-position: -1em -4em;
      position: absolute;
      bottom: -25px; }
  .main-head .nav-toggle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100000; }
    .main-head .nav-toggle span {
      display: block;
      width: 18px;
      height: 2px;
      margin: 0 auto;
      background-color: #8b9099;
      -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; }
      .main-head .nav-toggle span + span {
        margin-top: 4px; }
  .main-head .ribbon-nav {
    width: 60px;
    position: absolute;
    top: 60px;
    right: 0;
    background-color: white;
    border-left: 1px solid rgba(139, 144, 153, 0.15);
    border-right: 1px solid rgba(139, 144, 153, 0.15);
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 200ms;
    -webkit-transition-property: all;
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 200ms;
    -moz-transition-property: all;
    -o-transition-timing-function: linear;
    -o-transition-duration: 200ms;
    -o-transition-property: all;
    -ms-transition-timing-function: linear;
    -ms-transition-duration: 200ms;
    -ms-transition-property: all;
    transition-timing-function: linear;
    transition-duration: 200ms;
    transition-property: all; }
    .main-head .ribbon-nav .basket-btn {
      background-position: -5em -1em;
      margin-bottom: 20px; }
    .main-head .ribbon-nav .social {
      margin-top: -10px;
      width: 60px;
      -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
      transform: translateY(10px); }
      .main-head .ribbon-nav .social a {
        display: block;
        width: 30px;
        height: 30px;
        margin-left: 0;
        background-color: white;
        float: left;
        position: relative;
        border-top: 1px solid rgba(139, 144, 153, 0.15);
        border-bottom: 1px solid rgba(139, 144, 153, 0.15);
        -webkit-transform: skewY(-20deg);
        -ms-transform: skewY(-20deg);
        transform: skewY(-20deg);
        text-indent: -999999px; }
        .main-head .ribbon-nav .social a:before {
          content: '';
          display: block;
          width: 11px;
          height: 9px;
          background-position: -1em -9em;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-top: -5px;
          margin-left: -5px;
          -webkit-transform: skewY(20deg);
          -ms-transform: skewY(20deg);
          transform: skewY(20deg); }
        .main-head .ribbon-nav .social a + a {
          border-left: 1px solid rgba(139, 144, 153, 0.15);
          -webkit-transform: skewY(20deg);
          -ms-transform: skewY(20deg);
          transform: skewY(20deg); }
          .main-head .ribbon-nav .social a + a:before {
            content: '';
            height: 11px;
            width: 6px;
            margin-left: -3px;
            background-position: -2em -9em;
            -webkit-transform: skewY(-20deg);
            -ms-transform: skewY(-20deg);
            transform: skewY(-20deg); }

.text-block .nostyling {
  color: #2caba9;
  font-size: 0.875rem;
  padding: 10px; }

.hero-text {
  height: 420px;
  padding-top: 48px;
  border-bottom: 1px solid #dbdcdf; }
  .hero-text h1 {
    margin-bottom: 10px;
    color: #505050; }
  .hero-text p {
    width: 80%;
    color: #515151;
    line-height: 1.4; }
    .hero-text p a {
      color: #2caba9; }
  .hero-text + .text-block {
    margin-top: -34px; }
  .hero-text.homepage {
    background-image: url("../images/home.jpg");
    background-position: center center;
    background-size: auto 100%;
    height: 300px; }
    .hero-text.homepage + .three-cols {
      padding-top: 40px; }
  .hero-text.genealogy {
    background-image: url("../images/genealogy.jpg");
    height: 300px; }
    .hero-text.genealogy .action-button {
      margin: 20px 0 0 0;
      width: 220px; }
  .hero-text.donations {
    background-image: url("../images/donations-back.jpg");
    background-position: center center;
    background-size: cover;
    height: 300px; }
    .hero-text.donations + .three-cols {
      padding-top: 40px; }
  .hero-text.store {
    background-image: url("../images/store.jpg");
    height: 360px;
    background-position: center center;
    background-size: auto 100%; }

.page-title h1 {
  padding: 40px 10px 25px 10px;
  color: #505050; }
  .page-title h1 a {
    text-decoration: none;
    color: #dbdcdf; }

.text-page {
  padding: 40px 0;
  color: #505050; }
  .text-page .wrap figure {
    margin-bottom: 16px;
    font-size: 0; }
  .text-page .wrap .backlink {
    display: block;
    font-size: 1.375rem;
    text-decoration: none;
    color: #dbdcdf;
    margin: 0 0 30px 0;
    padding: 0 10px 0 0; }
    .text-page .wrap .backlink:before {
      content: '';
      display: inline-block;
      margin: 0 15px 0 0;
      width: 8px;
      height: 15px;
      background-position: -9em -7em; }
  .text-page .wrap .topDonate {
    display: none; }
  .text-page .wrap h2 {
    font-size: 1.5rem;
    line-height: 1.3;
    margin-bottom: 0.7em; }
    .text-page .wrap h2.highlight {
      color: #505050; }
  .text-page .wrap h3 {
    margin-bottom: 0.5em; }
  .text-page .wrap h4, .text-page .wrap h5, .text-page .wrap h6 {
    margin-bottom: 0.5em;
    font-size: 1.2rem; }
  .text-page .wrap p a {
    text-decoration: none; }
  .text-page .wrap p em {
    font-style: normal; }
  .text-page .wrap p + h3 {
    margin-top: 1em; }
  .text-page .wrap .action-button {
    margin: 0; }
  .text-page .wrap address {
    margin-bottom: 50px; }
  .text-page .wrap ul:not(.fees) {
    list-style: none;
    margin-bottom: 50px; }
    .text-page .wrap ul:not(.fees) li {
      padding-left: 10px;
      position: relative; }
      .text-page .wrap ul:not(.fees) li:before {
        content: '';
        display: block;
        position: absolute;
        top: 12px;
        left: 0;
        width: 5px;
        height: 1px;
        background: grey; }
  .text-page .wrap .fees {
    list-style: none;
    margin-bottom: 40px; }
    .text-page .wrap .fees li {
      background-color: #f9f9fa;
      border: 1px solid #d2d2d2;
      margin-bottom: 15px; }
      .text-page .wrap .fees li .hold {
        padding: 12px 15px;
        height: 120px; }
        .text-page .wrap .fees li .hold h4 {
          font-size: 1.4rem;
          line-height: 1.25; }
      .text-page .wrap .fees li .buy .group {
        border-bottom: 1px solid #d2d2d2; }
        .text-page .wrap .fees li .buy .group .price {
          height: 34px;
          width: 50%;
          float: left;
          border-top: 1px solid #d2d2d2; }
          .text-page .wrap .fees li .buy .group .price p {
            font-size: 1.125rem;
            padding: 4px 15px; }
          .text-page .wrap .fees li .buy .group .price + .price {
            border-left: 1px solid #d2d2d2; }
      .text-page .wrap .fees li .buy .action-button {
        margin: 0;
        width: 100%;
        letter-spacing: 2px;
        text-align: left;
        padding-left: 15px; }
  .text-page .wrap form p {
    position: relative;
    padding-bottom: 0; }
    .text-page .wrap form p textarea,
    .text-page .wrap form p input {
      width: 100%;
      height: 44px;
      border: 1px solid #c0c2c4;
      padding: 0 10px;
      margin-bottom: 0; }
      .text-page .wrap form p textarea.inline,
      .text-page .wrap form p input.inline {
        display: inline-block;
        height: auto;
        margin: -2px 10px 0 24px;
        width: auto; }
        .text-page .wrap form p textarea.inline:first-child,
        .text-page .wrap form p input.inline:first-child {
          margin-left: 0; }
    .text-page .wrap form p textarea {
      height: 120px;
      padding: 10px; }
    .text-page .wrap form p label {
      position: absolute;
      top: 12px;
      font-size: 1rem;
      left: 10px;
      color: #c0c2c4; }
      .text-page .wrap form p label.checkbox {
        color: #505050;
        display: block;
        left: auto;
        margin-bottom: 10px;
        top: auto; }
      .text-page .wrap form p label + span {
        display: block;
        font-size: 0.8rem;
        padding-top: 25px; }
  .text-page .wrap form button {
    display: block;
    height: 44px;
    letter-spacing: 2px;
    text-align: center;
    text-decoration: none;
    padding-top: 18px;
    background-color: #2caba9;
    color: white;
    padding: 18px 15px;
    -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; }
    .text-page .wrap form button:hover {
      background-color: #46cec7; }

.text-block {
  padding-bottom: 50px; }
  .text-block h2 {
    width: 250px; }

.three-cols .col {
  background-color: #f6f6f6;
  margin: 0 20px 20px 20px;
  position: relative; }
  .three-cols .col header {
    position: relative; }
    .three-cols .col header.w-text .div {
      border-color: white; }
    .three-cols .col header .div {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -33px;
      margin-left: -105px;
      width: 210px;
      height: 67px;
      border: 1px solid #505050; }
      .three-cols .col header .div h2 {
        text-decoration: none;
        -webkit-align-self: center;
        -moz-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        width: 100%;
        font-size: 0.8125rem;
        letter-spacing: 4px;
        color: #515151;
        text-align: center; }
    .three-cols .col header figure {
      margin-bottom: 20px; }
      .three-cols .col header figure img {
        width: 100%; }
  .three-cols .col p {
    font-size: 1rem;
    padding: 0 20px;
    color: #42494a; }
    .three-cols .col p a {
      font-size: 0.875rem; }
  .three-cols .col .input label {
    display: block;
    font-size: 0.75rem; }
  .three-cols .col .input select {
    width: 100%; }
  .three-cols .col > a,
  .three-cols .col button {
    display: block;
    height: 44px;
    letter-spacing: 2px;
    text-align: center;
    text-decoration: none;
    padding-top: 18px;
    background-color: #2caba9;
    color: white; }
    .three-cols .col > a.red-bg,
    .three-cols .col button.red-bg {
      background-color: #b42832; }
  .three-cols .col button {
    padding-top: 2px;
    width: 100%; }
  .three-cols .col.donate header h2 {
    color: white;
    border-color: white; }

.two-col .col h2 {
  height: 60px;
  padding: 20px 30% 20px 10px;
  color: white;
  background-color: #505050;
  margin-bottom: 20px; }
.two-col .col .wrap p {
  margin-bottom: 1.5em; }
.two-col .col .options-list {
  background-color: #fafafa;
  border-top: 1px solid #dbdcdf;
  list-style: none; }
  .two-col .col .options-list li {
    border-bottom: 1px solid #dbdcdf;
    height: 166px;
    position: relative;
    -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; }
    .two-col .col .options-list li .col {
      width: 50%;
      float: left;
      padding: 22px 0 0 10px; }
      .two-col .col .options-list li .col h4 {
        padding-right: 20%; }
      .two-col .col .options-list li .col h3 {
        margin-top: -5px; }
      .two-col .col .options-list li .col a {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 50%;
        margin-left: -10px;
        text-align: center;
        padding: 17px 0 15px 0;
        background: #1f3242;
        color: white;
        text-decoration: none; }
    .two-col .col .options-list li:nth-child(even) {
      background-color: whitesmoke; }
  .two-col .col .options-list:hover li {
    opacity: 0.4; }
    .two-col .col .options-list:hover li:hover {
      opacity: 1; }
.two-col .col .sm-print {
  color: #8b9099;
  padding-top: 20px;
  padding-bottom: 1px; }
.two-col .col + .col h2 {
  background-color: #2caba9; }
.two-col .col + .col .wrap:not(.sm-print) p {
  color: #2caba9; }
.two-col .col + .col .options-list {
  background-color: #f6fbfb; }
  .two-col .col + .col .options-list li .col h4 {
    color: #2caba9; }
  .two-col .col + .col .options-list li .col h3 {
    color: #2caba9; }
  .two-col .col + .col .options-list li .col a {
    background: #2caba9; }
  .two-col .col + .col .options-list li:nth-child(even) {
    background-color: #eef7f6; }

.filter-nav .search {
  position: relative; }
  .filter-nav .search:before {
    content: '';
    display: block;
    position: absolute;
    top: 25px;
    left: 10px;
    width: 13px;
    height: 13px;
    background-position: -5em -5em;
    z-index: 10000; }
  .filter-nav .search .input {
    position: relative;
    border-bottom: 1px solid #dbdcdf; }
    .filter-nav .search .input label {
      position: absolute;
      top: 26px;
      left: 30px;
      font-size: 0.875rem;
      color: #8b9099; }
    .filter-nav .search .input input {
      border: 0;
      width: 100%;
      background: #fafafa;
      font-size: 0.875rem;
      padding: 25px 10px 15px 30px; }
.filter-nav .filters {
  background-color: #fafafa; }
  .filter-nav .filters .filter {
    position: relative; }
    .filter-nav .filters .filter:before {
      content: '';
      display: block;
      width: 11px;
      height: 11px;
      background-position: -6em -5em;
      position: absolute;
      top: 50%;
      margin-top: -6px;
      right: 14px;
      pointer-events: none; }
    .filter-nav .filters .filter select {
      display: block;
      position: absolute;
      z-index: 10000;
      opacity: 0;
      width: 100%;
      -webkit-appearance: none;
      border: 0;
      border-radius: 0;
      background: transparent;
      height: 44px;
      font-size: 0.9375rem;
      padding: 0 5px;
      color: #8b9099;
      cursor: pointer;
      -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; }
      .filter-nav .filters .filter select:hover {
        background-color: #ebebeb; }
    .filter-nav .filters .filter h2 {
      height: 44px;
      font-size: 0.9375rem;
      padding: 15px 10px;
      letter-spacing: 1px;
      color: #8b9099;
      cursor: pointer;
      border-bottom: 1px solid #dbdcdf; }
.filter-nav button {
  display: block;
  color: white;
  text-decoration: none;
  text-align: center;
  letter-spacing: 1px;
  padding: 17px 10px;
  height: 44px;
  background-color: #2caba9;
  -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; }
  .filter-nav button:hover {
    background-color: #46cec7; }
.filter-nav.no-bg .search .input {
  border-top: 1px solid #dbdcdf; }
  .filter-nav.no-bg .search .input input {
    background-color: transparent; }
.filter-nav.no-bg .filters .filter {
  width: 50%;
  float: left; }
  .filter-nav.no-bg .filters .filter + .filter {
    border-left: 1px solid #dbdcdf; }

.product-slider .swiper-wrapper {
  list-style: none; }
  .product-slider .swiper-wrapper .swiper-slide figure img {
    width: 100%; }
  .product-slider .swiper-wrapper .swiper-slide h2 {
    padding: 0 10px;
    margin-bottom: 20px;
    color: #505050; }
  .product-slider .swiper-wrapper .swiper-slide h5 {
    color: rgba(80, 80, 80, 0.8);
    padding: 0 10px;
    margin-bottom: 30px; }
  .product-slider .swiper-wrapper .swiper-slide .action-button {
    margin-bottom: 10px; }
.product-slider .dots {
  list-style: none;
  text-align: center;
  padding-top: 30px; }
  .product-slider .dots li {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #505050;
    display: inline-block;
    margin: 0 10px; }
    .product-slider .dots li.active {
      background-color: white;
      border: 1px solid #505050; }

.ad-block {
  margin-top: 40px; }
  .ad-block .ad {
    margin-bottom: 25px; }
    .ad-block .ad a {
      text-decoration: none; }
    .ad-block .ad figure img {
      width: 100%; }
    .ad-block .ad header {
      padding: 15px 10px;
      color: white;
      font-size: 1.25rem;
      line-height: 1.25; }

.grid-listing {
  overflow: hidden; }
  .grid-listing .section-head {
    margin: 40px 10px 60px 10px;
    background-color: #fafafa;
    height: 44px;
    padding: 15px;
    text-align: center;
    border: 1px solid #dbdcdf; }
    .grid-listing .section-head h4 {
      color: #505050;
      text-transform: uppercase;
      font-size: 0.8125rem;
      letter-spacing: 1px; }
  .grid-listing.flow .holder {
    overflow: hidden;
    white-space: normal;
    padding: 40px 10px 0 10px; }
    .grid-listing.flow .holder .grid-item {
      margin: 0 0 40px 0; }
    .grid-listing.flow .holder:hover .grid-item {
      opacity: 1; }
  .grid-listing .pagination {
    height: 44px;
    border-bottom: 1px solid #dbdcdf; }
    .grid-listing .pagination .half {
      width: 50%;
      height: 44px;
      float: left;
      padding: 13px 10px;
      position: relative; }
      .grid-listing .pagination .half:before {
        content: '';
        display: block;
        width: 7px;
        height: 4px;
        background-position: -9em -5em;
        position: absolute;
        right: 7px;
        top: 50%;
        margin-top: -2px; }
      .grid-listing .pagination .half label {
        font-size: 0.9375rem;
        color: #8b9099; }
      .grid-listing .pagination .half 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; }
      .grid-listing .pagination .half + .half {
        border-left: 1px solid #dbdcdf; }
  .grid-listing .holder {
    padding: 0 10px;
    white-space: nowrap;
    overflow-x: scroll; }
    .grid-listing .holder:hover .grid-item {
      opacity: 0.4; }
      .grid-listing .holder:hover .grid-item:hover {
        opacity: 1; }
    .grid-listing .holder::-webkit-scrollbar {
      display: none; }
    .grid-listing .holder .grid-item {
      width: 220px;
      margin: 0 20px 0 0;
      display: inline-block;
      -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; }
      .grid-listing .holder .grid-item.full {
        width: auto; }
        .grid-listing .holder .grid-item.full header {
          width: auto;
          margin-top: 1em; }
      .grid-listing .holder .grid-item.new figure {
        position: relative; }
        .grid-listing .holder .grid-item.new figure:before {
          content: '';
          display: block;
          width: 31px;
          height: 58px;
          position: absolute;
          top: 0;
          right: 0;
          background-position: -9em -1em;
          z-index: 10000; }
      .grid-listing .holder .grid-item figure {
        margin-bottom: 25px;
        display: inline-block;
        width: 140px;
        height: 195px; }
        .grid-listing .holder .grid-item figure img {
          max-width: 100%;
          max-height: 100%;
          display: block; }
      .grid-listing .holder .grid-item header {
        width: 220px;
        white-space: normal; }
        .grid-listing .holder .grid-item header h2 {
          margin-bottom: 28px;
          color: #505050; }
        .grid-listing .holder .grid-item header h4 {
          font-size: 0.875rem;
          color: rgba(80, 80, 80, 0.8); }
        .grid-listing .holder .grid-item header .actions {
          margin-top: 25px; }
          .grid-listing .holder .grid-item header .actions .action-button {
            margin: 0;
            width: 107px;
            float: left;
            background-color: #2caba9; }
            .grid-listing .holder .grid-item header .actions .action-button + .action-button {
              float: right;
              background-color: transparent; }
            .grid-listing .holder .grid-item header .actions .action-button.hide {
              display: none; }
              .grid-listing .holder .grid-item header .actions .action-button.hide + .action-button {
                float: left; }
  .grid-listing .action-button {
    margin: 40px auto 0 auto;
    width: 220px; }

.single-product .holder {
  padding: 25px 0 0 0; }
  .single-product .holder .back-link {
    display: block;
    font-size: 1.375rem;
    text-decoration: none;
    color: #dbdcdf;
    margin: 0 0 30px 0;
    padding: 0 10px; }
    .single-product .holder .back-link:before {
      content: '';
      display: inline-block;
      margin: 0 15px 0 0;
      width: 8px;
      height: 15px;
      background-position: -9em -7em; }
  .single-product .holder .two-col {
    position: relative;
    margin: 0 0 30px 0; }
    .single-product .holder .two-col .half {
      width: calc(50% - 20px);
      margin: 0 10px;
      float: left;
      height: 100%; }
      .single-product .holder .two-col .half figure img {
        width: 100%; }
      .single-product .holder .two-col .half h2 {
        font-size: 2.0625rem;
        color: #505050; }
      .single-product .holder .two-col .half h3 {
        color: #b42832;
        font-size: 1.2rem;
        margin-bottom: 2rem; }
      .single-product .holder .two-col .half .action-button {
        width: calc(50% - 20px);
        margin: 0;
        position: absolute;
        bottom: 54px; }
        .single-product .holder .two-col .half .action-button + .action-button {
          bottom: 0; }
  .single-product .holder .content {
    padding: 0 10px; }
    .single-product .holder .content h2 {
      color: #505050;
      margin-bottom: 1em; }
    .single-product .holder .content h4 {
      font-size: 0.875rem;
      line-height: 1.4;
      color: rgba(80, 80, 80, 0.8);
      width: 70%;
      margin-bottom: 2em; }
    .single-product .holder .content p {
      color: #505050; }
    .single-product .holder .content .soldout {
      color: #b42832;
      font-weight: 700; }
    .single-product .holder .content ul {
      list-style: none;
      border-top: 1px solid #c0c2c4;
      margin-top: 50px; }
      .single-product .holder .content ul li {
        height: 40px;
        border-bottom: 1px solid #c0c2c4; }
        .single-product .holder .content ul li:nth-child(odd) {
          background-color: #fafafa; }
        .single-product .holder .content ul li h3 {
          width: 100px;
          float: left;
          text-transform: uppercase;
          color: #505050;
          font-size: 0.6875rem;
          padding: 14px 0 0 0;
          letter-spacing: 1px;
          color: #8b9099; }
        .single-product .holder .content ul li p {
          display: inline-block;
          float: left;
          line-height: 1;
          margin-bottom: 0;
          font-size: 0.875rem;
          padding-top: 13px;
          color: #8b9099; }

.basket {
  padding-top: 100px; }
  .basket .breadcrumbs {
    height: 62px;
    margin-bottom: 60px;
    border-top: 1px solid #c0c2c4;
    border-bottom: 1px solid #c0c2c4; }
    .basket .breadcrumbs a {
      display: block;
      font-size: 1.375rem;
      position: relative;
      height: 60px;
      line-height: 1;
      padding: 20px 0 0 34px;
      color: #c0c2c4;
      text-decoration: none; }
      .basket .breadcrumbs a.desktop {
        display: none; }
      .basket .breadcrumbs a:before {
        content: '';
        display: inline-block;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -12px;
        width: 23px;
        height: 25px;
        background-position: -11em -10em; }
      .basket .breadcrumbs a.current {
        color: #2caba9; }
        .basket .breadcrumbs a.current:before {
          background-position: -11em -5em; }
      .basket .breadcrumbs a:nth-child(2):before {
        background-position: -13em -10em; }
      .basket .breadcrumbs a:nth-child(2).current:before {
        background-position: -13em -5em; }
      .basket .breadcrumbs a:nth-child(3):before {
        background-position: -15em -10em; }
      .basket .breadcrumbs a:nth-child(3).current:before {
        background-position: -15em -5em; }
  .basket .holder .errors {
    color: #db0000;
    font-size: 1.2rem;
    line-height: 1.2;
    margin: 0 10px 30px; }
  .basket .holder h2 {
    color: #505050;
    padding: 0 10px 10px 10px; }
    .basket .holder h2 em {
      display: block;
      color: #2caba9;
      font-style: normal; }
    .basket .holder h2.div {
      border-bottom: 1px solid #dbdcdf; }
    .basket .holder h2.title {
      border-bottom: 1px solid #dbdcdf;
      margin-bottom: 40px; }
  .basket .holder section header {
    padding-top: 45px;
    border-bottom: 1px solid #dbdcdf;
    margin-bottom: 15px; }
  .basket .holder section p {
    font-size: 1rem;
    line-height: 1.43;
    color: #505050;
    margin: 0 10px 1em 10px; }
  .basket .holder .largeInput {
    position: relative;
    margin: 0 10px; }
    .basket .holder .largeInput input {
      font-size: 2rem;
      color: #2caba9;
      width: 100%;
      border: 1px solid #dbdcdf;
      padding: 15px 10px 15px 35px; }
    .basket .holder .largeInput label {
      font-size: 2rem;
      color: #2caba9;
      position: absolute;
      top: 50%;
      margin-top: -16px;
      left: 10px; }
  .basket .holder .textInput {
    position: relative;
    height: 44px;
    margin: 0 10px; }
    .basket .holder .textInput input {
      width: 100%;
      height: 44px;
      border: 1px solid #c0c2c4;
      padding: 0 10px; }
    .basket .holder .textInput label {
      position: absolute;
      top: 50%;
      font-size: 1rem;
      margin-top: -11px;
      left: 10px;
      color: #c0c2c4;
      color: #c0c2c4; }
    .basket .holder .textInput.check span {
      display: inline-block;
      float: left;
      padding-top: 1px; }
    .basket .holder .textInput.check input {
      width: auto;
      height: auto;
      float: left;
      margin-right: 7px; }
  .basket .holder .optionGroup {
    padding-top: 40px; }
    .basket .holder .optionGroup .check + .textInput {
      margin-bottom: 40px; }
  .basket .holder .selectCheckbox {
    margin: 10px 10px 40px 10px; }
    .basket .holder .selectCheckbox button {
      display: inline-block; }
      .basket .holder .selectCheckbox button + button:before {
        content: '/';
        display: inline-block;
        margin-right: 8px; }
      .basket .holder .selectCheckbox button.selected {
        color: #2caba9; }
  .basket .holder .text-cart {
    padding: 30px 10px 50px 10px;
    border-top: 1px solid #c0c2c4; }
    .basket .holder .text-cart p a {
      color: inherit;
      text-decoration: none; }
  .basket .holder .basket-list {
    list-style: none;
    border-bottom: 1px solid #c0c2c4; }
    .basket .holder .basket-list li {
      border-top: 1px solid #c0c2c4;
      padding: 40px 10px; }
      .basket .holder .basket-list li.no-padding {
        padding: 15px 10px; }
      .basket .holder .basket-list li .info figure {
        width: 70px;
        margin: 0 10px 0 0;
        float: left;
        min-height: 40px; }
        .basket .holder .basket-list li .info figure img {
          width: 100%; }
      .basket .holder .basket-list li .info .content {
        width: calc(100% - 80px);
        float: left;
        padding-top: 10px; }
        .basket .holder .basket-list li .info .content h4 {
          font-size: 0.875rem;
          color: #505050;
          margin: 0 0 1em 0;
          line-height: 1.43;
          width: 80%; }
        .basket .holder .basket-list li .info .content h5 {
          font-size: 0.875rem;
          color: #c0c2c4; }
        .basket .holder .basket-list li .info .content .two-col {
          margin-top: 60px; }
          .basket .holder .basket-list li .info .content .two-col .col {
            width: 50%;
            float: left; }
            .basket .holder .basket-list li .info .content .two-col .col .input {
              position: relative;
              margin-bottom: 30px; }
              .basket .holder .basket-list li .info .content .two-col .col .input input {
                width: 50px;
                height: 32px;
                border: 1px solid #c0c2c4;
                font-size: 0.875rem;
                padding: 0 5px;
                color: #c0c2c4; }
              .basket .holder .basket-list li .info .content .two-col .col .input label {
                font-size: 0.875rem;
                position: absolute;
                top: 50%;
                margin-top: -6px;
                left: 5px;
                color: #c0c2c4; }
            .basket .holder .basket-list li .info .content .two-col .col button {
              font-size: 0.875rem;
              color: #c0c2c4; }
              .basket .holder .basket-list li .info .content .two-col .col button span {
                display: inline-block;
                margin-left: 10px; }
            .basket .holder .basket-list li .info .content .two-col .col h3 {
              color: #505050;
              text-align: right; }
      .basket .holder .basket-list li .hold .three {
        width: 70%;
        float: left; }
        .basket .holder .basket-list li .hold .three h3 {
          font-size: 0.875rem;
          color: #505050;
          line-height: 1.43;
          width: 80%; }
        .basket .holder .basket-list li .hold .three h4, .basket .holder .basket-list li .hold .three p {
          font-size: 0.875rem;
          color: #c0c2c4; }
      .basket .holder .basket-list li .hold .one {
        width: 30%;
        float: right;
        text-align: right; }
        .basket .holder .basket-list li .hold .one h5 {
          font-size: 0.875rem;
          color: #505050;
          line-height: 1.43;
          margin-right: 10px; }
  .basket .holder .actions {
    padding: 30px 10px; }
    .basket .holder .actions button {
      display: inline-block;
      float: left;
      font-size: 0.875rem;
      color: #c0c2c4; }
    .basket .holder .actions a {
      display: inline-block;
      float: right;
      font-size: 0.875rem;
      text-decoration: none;
      color: #c0c2c4; }
    .basket .holder .actions p {
      font-size: 0.875rem;
      margin: 20px 0;
      line-height: 1.1; }
  .basket .holder .giftaid {
    padding-top: 20px; }
    .basket .holder .giftaid h3 {
      font-size: 1.375rem;
      color: #2caba9;
      margin: 0 0 0.5rem; }
    .basket .holder .giftaid .giftaidlogo {
      width: 80px;
      height: 30px;
      background-position: -11em -12em;
      text-indent: -10000px;
      margin-bottom: 10px; }
    .basket .holder .giftaid p {
      font-size: 1rem;
      color: #505050;
      margin-bottom: 15px;
      line-height: 1.5; }
    .basket .holder .giftaid [data-country="uk"] {
      display: block; }
    .basket .holder .giftaid [data-country="roi"] {
      display: none; }
    .basket .holder .giftaid .country[data-show="roi"] [data-country="uk"] {
      display: none; }
    .basket .holder .giftaid .country[data-show="roi"] [data-country="roi"] {
      display: block; }
    .basket .holder .giftaid button.toggle {
      text-transform: uppercase;
      width: 140px;
      height: 44px;
      border: 1px solid #C0C2C4;
      font-size: 0.8125rem;
      box-sizing: border-box;
      float: left;
      letter-spacing: 1px;
      color: #8B9099;
      margin: 20px 0 15px; }
      .basket .holder .giftaid button.toggle + .toggle {
        margin-left: 20px; }
      .basket .holder .giftaid button.toggle.active {
        background: #2caba9;
        color: white; }
    .basket .holder .giftaid .select {
      padding: 15px 0;
      border-bottom: 1px solid #dbdcdf;
      position: relative;
      clear: both; }
      .basket .holder .giftaid .select .desc {
        font-size: 0.75rem;
        line-height: 1.5;
        color: #505050; }
      .basket .holder .giftaid .select p {
        color: #505050; }
    .basket .holder .giftaid label {
      color: #2caba9;
      text-transform: uppercase;
      font-size: 0.8125rem;
      /*
      				input[type="checkbox"] {
      					-webkit-appearance: none;
      					appearance: none;
      					border: 1px solid $teal;
      					background: none;
      					border-radius: 0;
      					height: 44px;
      					width: 44px;
      					margin-right: 15px;
      					
      					&:checked {
      						background: #CAEAE9;
      					}
      				}
      */ }
      .basket .holder .giftaid label input[type="checkbox"] {
        vertical-align: middle;
        margin-right: 5px; }
    .basket .holder .giftaid .pent {
      width: 140px;
      height: 108px;
      background: url("../images/roi-tax-back.png") 0 0 no-repeat;
      display: block;
      float: left;
      color: #2caba9;
      text-transform: uppercase;
      text-align: center;
      box-sizing: border-box;
      padding: 25px 10px 20px 10px;
      text-decoration: none;
      font-size: 0.8125rem;
      line-height: 1.23;
      margin: 10px 0 0; }
      .basket .holder .giftaid .pent + .pent {
        margin-left: 20px; }
      .basket .holder .giftaid .pent:hover {
        height: 117px;
        background-position: -160px 0; }
    .basket .holder .giftaid .ppsn .input {
      position: relative;
      height: 44px; }
      .basket .holder .giftaid .ppsn .input input {
        width: 100%;
        height: 44px;
        border: 1px solid #c0c2c4;
        padding: 0 10px; }
      .basket .holder .giftaid .ppsn .input label {
        position: absolute;
        top: 50%;
        font-size: 1rem;
        margin-top: -11px;
        left: 20px;
        color: #c0c2c4; }
  .basket .holder .breakdown {
    list-style: none;
    padding-top: 15px;
    border-bottom: 1px solid #c0c2c4; }
    .basket .holder .breakdown li {
      padding: 0 10px;
      position: relative; }
      .basket .holder .breakdown li p {
        font-size: 0.875rem;
        line-height: 1.5;
        color: #c0c2c4; }
        .basket .holder .breakdown li p em {
          font-style: normal;
          position: absolute;
          right: 10px; }
      .basket .holder .breakdown li.total {
        border-top: 1px solid #c0c2c4;
        padding: 15px 10px 25px 10px;
        margin-top: 15px; }
        .basket .holder .breakdown li.total h2 {
          padding: 0; }
        .basket .holder .breakdown li.total p {
          color: #505050;
          text-align: right;
          line-height: 0.9; }
    .basket .holder .breakdown.no-b {
      padding-top: 0;
      margin-top: -15px; }
      .basket .holder .breakdown.no-b li.total {
        border-top: 0; }
  .basket .holder .discounts {
    padding: 20px 10px;
    border-bottom: 1px solid #c0c2c4; }
    .basket .holder .discounts .input {
      width: 70%;
      width: -webkit-calc(70% - 5px);
      width: calc(70% - 5px);
      position: relative;
      float: left; }
      .basket .holder .discounts .input input {
        width: 100%;
        height: 44px;
        border: 1px solid #c0c2c4;
        padding: 0 20px; }
      .basket .holder .discounts .input label {
        position: absolute;
        top: 50%;
        margin-top: -5px;
        letter-spacing: 1px;
        left: 20px;
        color: #c0c2c4; }
    .basket .holder .discounts button {
      width: 30%;
      width: -webkit-calc(30% - 5px);
      width: calc(30% - 5px);
      margin-left: 10px;
      height: 44px;
      background-color: #c0c2c4;
      float: left;
      color: white;
      letter-spacing: 1px; }
  .basket .holder .action-links {
    padding: 20px 10px 60px 10px; }
    .basket .holder .action-links button.button {
      width: 100%; }
    .basket .holder .action-links .button {
      display: block;
      height: 44px;
      background: #1f3242;
      color: white;
      text-decoration: none;
      padding: 16px 20px;
      letter-spacing: 1px; }
      .basket .holder .action-links .button.teal {
        background-color: #2caba9; }
      .basket .holder .action-links .button + .button {
        margin-top: 5px; }
    .basket .holder .action-links p {
      margin-bottom: 1em;
      color: #505050;
      padding: 15px 20px 5px 20px; }
    .basket .holder .action-links .paypal {
      display: block;
      width: 196px;
      height: 33px;
      text-indent: -1000px;
      overflow: hidden;
      background-position: -11em -7em; }
  .basket .holder .pay {
    padding: 0 10px; }
    .basket .holder .pay .check {
      padding: 20px 0;
      border-bottom: 1px solid #c0c2c4;
      margin: 0; }
      .basket .holder .pay .check span {
        display: inline-block;
        width: 90%;
        float: left; }
      .basket .holder .pay .check input {
        float: right; }
    .basket .holder .pay .action-button {
      text-align: left;
      margin: 20px 0 0 0;
      padding-left: 20px; }
  .basket .holder .small {
    padding: 0; }

.login-panel {
  border-top: 1px solid #c0c2c4;
  padding-top: 30px; }
  .login-panel p {
    padding: 0 10px;
    color: #505050; }
    .login-panel p a {
      color: #c0c2c4; }
    .login-panel p.input {
      position: relative;
      height: 44px; }
      .login-panel p.input input {
        width: 100%;
        height: 44px;
        border: 1px solid #c0c2c4;
        padding: 0 10px; }
      .login-panel p.input label {
        position: absolute;
        top: 50%;
        font-size: 1rem;
        margin-top: -11px;
        left: 20px;
        color: #c0c2c4; }
      .login-panel p.input.radio {
        height: auto; }
        .login-panel p.input.radio input {
          width: auto;
          height: auto;
          display: inline-block;
          float: left;
          margin-right: 10px; }
        .login-panel p.input.radio label {
          position: static;
          display: inline-block;
          float: left;
          margin-top: 0;
          color: #505050; }
  .login-panel .part {
    margin-bottom: 45px; }

.one-three {
  margin-bottom: 30px; }
  .one-three.fade {
    opacity: 0;
    pointer-events: none; }
  .one-three .form-holder {
    padding: 20px 10px;
    border-top: 1px solid #c0c2c4; }
    .one-three .form-holder .card-type {
      list-style: none;
      padding-top: 7px;
      margin-bottom: 14px;
      font-size: 0; }
      .one-three .form-holder .card-type li {
        background: url("../images/card-types.svg") no-repeat;
        background-size: auto 100%;
        width: 50px;
        height: 33px;
        display: inline-block;
        vertical-align: top;
        text-indent: -999999px;
        opacity: 0.5;
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 0.5s;
        -webkit-transition-property: opacity;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 0.5s;
        -moz-transition-property: opacity;
        -o-transition-timing-function: linear;
        -o-transition-duration: 0.5s;
        -o-transition-property: opacity;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 0.5s;
        -ms-transition-property: opacity;
        transition-timing-function: linear;
        transition-duration: 0.5s;
        transition-property: opacity; }
        .one-three .form-holder .card-type li + li {
          margin-left: 5px; }
        .one-three .form-holder .card-type li.mastercard {
          background-position: -60px 0; }
        .one-three .form-holder .card-type li.amex {
          background-position: -122px 0; }
      .one-three .form-holder .card-type[data-type="visa"] li.visa {
        opacity: 1; }
      .one-three .form-holder .card-type[data-type="mastercard"] li.mastercard {
        opacity: 1; }
      .one-three .form-holder .card-type[data-type="amex"] li.amex {
        opacity: 1; }
    .one-three .form-holder.collapsed p {
      margin-bottom: 0; }
    .one-three .form-holder .StripeElement {
      height: 44px;
      width: 100%;
      border: 1px solid rgba(170, 170, 170, 0.5);
      font-size: 1rem;
      line-height: 1;
      background-color: white;
      position: relative;
      z-index: 10;
      color: #191919;
      padding-left: 12px;
      box-sizing: border-box; }
    .one-three .form-holder .StripeElement {
      padding-top: 13px; }
    .one-three .form-holder p {
      color: #505050; }
      .one-three .form-holder p.errors {
        display: block;
        color: #db0000; }
      .one-three .form-holder p.input {
        position: relative;
        margin-bottom: 10px;
        padding-bottom: 0; }
        .one-three .form-holder p.input input,
        .one-three .form-holder p.input textarea {
          width: 100%;
          height: 44px;
          border: 1px solid #c0c2c4;
          padding: 0 10px;
          margin: 0; }
        .one-three .form-holder p.input textarea {
          height: 100px; }
        .one-three .form-holder p.input label.placeholder {
          position: absolute;
          top: 10px;
          font-size: 1rem;
          left: 10px;
          color: #c0c2c4;
          color: #c0c2c4; }
        .one-three .form-holder p.input.select {
          height: auto;
          padding: 10px 0 11px 0; }
          .one-three .form-holder p.input.select select {
            width: 100%; }
        .one-three .form-holder p.input .error {
          display: block;
          color: #db0000; }
        .one-three .form-holder p.input.check {
          padding-top: 10px; }
          .one-three .form-holder p.input.check span {
            display: inline-block;
            float: left; }
          .one-three .form-holder p.input.check input {
            width: auto;
            height: auto;
            float: right; }
        .one-three .form-holder p.input.radio input {
          width: auto;
          height: auto;
          display: inline-block;
          float: left;
          margin-right: 10px; }
        .one-three .form-holder p.input.radio label {
          display: inline-block;
          float: left;
          position: static;
          margin: 0;
          color: #505050; }
    .one-three .form-holder .title-input h4 {
      width: 60%;
      float: left;
      padding-top: 11px; }
      .one-three .form-holder .title-input h4 span {
        font-size: 0.75rem; }
    .one-three .form-holder .title-input .input {
      width: 40%;
      float: right; }
    .one-three .form-holder .action-links {
      padding-left: 0;
      padding-right: 0; }

.main-foot {
  margin-top: 98px; }
  .main-foot .logo {
    background-color: #fafafa;
    position: relative; }
    .main-foot .logo i {
      display: block;
      width: 60px;
      height: 60px;
      background-color: #8b9099;
      background-position: -1em -1em; }
    .main-foot .logo span {
      display: block;
      width: 150px;
      font-size: 1.0625rem;
      line-height: 1;
      color: #8b9099;
      position: absolute;
      top: 22px;
      left: 73px;
      letter-spacing: 1px; }
  .main-foot small {
    display: block;
    height: 60px;
    font-size: 0.875rem;
    color: #8b9099;
    padding: 24px 10px;
    border-bottom: 1px solid #dbdcdf; }

.donate-drawer {
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: ease-out;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: ease-out;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: ease-out;
  transition-duration: 300ms;
  transition-property: all;
  background-color: #f6f6f6;
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-align: center; }
  .donate-drawer .input label {
    left: auto !important;
    position: relative !important;
    top: auto !important; }
  .donate-drawer .input select {
    margin: 10px 0; }
  .donate-drawer button {
    margin: 0 auto; }
  .donate-drawer.open {
    height: 124px;
    overflow: hidden;
    padding: 10px; }

.add-to-basket div {
  position: relative;
  margin-bottom: 10px; }
.add-to-basket label.placeholder {
  position: absolute;
  top: 10px;
  font-size: 1rem;
  left: 10px;
  color: #c0c2c4;
  color: #c0c2c4; }
.add-to-basket input {
  width: 100%;
  height: 44px;
  border: 1px solid #c0c2c4;
  padding: 0 10px;
  margin-bottom: 0; }

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