/** Shopify CDN: Minification failed

Line 29:10 Expected identifier but found whitespace
Line 29:11 Unexpected "0"
Line 640:13 Expected identifier but found whitespace
Line 640:22 Unexpected ";"
Line 1732:9 Expected ":"
Line 1732:10 Expected identifier but found "0"
Line 2794:4 "paading" is not a known CSS property
Line 3927:2 Unexpected "}"
Line 5833:8 "text-algin" is not a known CSS property
Line 6183:4 Expected identifier but found "/"
... and 1 more hidden warnings

**/
:root {
  --hsblack: #2C2B2D;
  --hslightgreen: #E7F9A9;
  --hsgreen:  #B2CB23;
  --hsgrey:  #F0F0F0;
  --white:  #fff;
  --offred:  #f7b5b0;
  --black:  #000;
  --bodyfont: "proxima-nova","Helvetica neue","helvetica",arial,sans-serif;
  --headingfont:  "Roaster","Helvetica neue","helvetica",arial,sans-serif;
  --tablet: 1200px;
}
.search button.product-button.button-light-green
  opacity: 0 !important;
  width:100%;
  height:100%;
}
#shopify-section-footer #mc_embed_signup {
    background: none;
}
.search .product-row .max-width-wrapper {
  margin-bottom:50px;
}
.search div#shopify-section-footer .max-width-wrapper  {
  margin-bottom:0 !important;
}
@font-face {
  font-family: "ProximaNova";
  src: url("ProximaNovaRegular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

html body .shopify-policy__container {
  max-width:initial;
  margin-top:150px;
}
.grid__item.myaccount__order-history table td,
.grid__item.myaccount__order-history table th{
    padding: 5px 15px;
    border: 1px solid rgba(0,0,0,0.3);
    font-family:var(--bodyfont);
}
.grid__item.myaccount__order-history table a {
    font-weight: bold;
    color: var(--hsgreen);
}
@font-face {
  font-family: "ProximaNova";
  src: url("ProximaNovaBold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
    font-family: "Roaster";
    src: url("Roaster-Regular.woff") format('woff');
}

@font-face {
    font-family: "Roaster";
    src: url("Roaster-Bold.woff") format('woff');
    font-weight: bold;
}

label.cart-note__label.small--text-center {
    font-family: var(--headingfont);
    margin-bottom: 15px;
    display: block;
}
.collection .heading-content h1 {
  font-size:55px;
  line-height:115%;
  margin-top: 0px;
  margin-bottom:0em;
}
.ss__facets article {
    border: 1px solid;
    padding: 15px;
    padding-bottom: 0;
    margin-bottom: 15px;
}
.ss__autocomplete__facets {
  display:none;
}
img.mobile-banner {
    display: none !important;
}
@media(max-width:600px){
  img.mobile-banner {
    display: block !important;
}
}
html body .hs-accordion {
      border: none;
    border-bottom: 1px solid;
}
.cart-item__discount {
    font-family: var(--bodyfont);
    font-size: 12px;
    color: #000;
    font-weight: normal;
    margin-top: 0;
    font-weight: bold;
}
.product-card span.price-item.price-item--regular.rrp-price-card {
    text-decoration: none;
    color: var(--hsgreen);
    font-size: 14px;
}
.collection-slider span.price-item.price-item--regular.rrp-price-card::before {
    content: 'RRP';
}
.eligible-for-stick,
.eligible-for-oil{
    margin-top: 25px;
    font-family: var(--bodyfont);
    background: red;
    color: #fff;
    padding: 15;
    padding: 15px;
}
.eligible-for-stick a,
.eligible-for-oil a{
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}
.product-card span.price-item.price-item--regular.rrp-price-card span {
    font-size: 14px;
}
html body .ss__theme .ss__facets .ss__facet .ss__facet__options.panel-show {
    max-height: 250px;
}
.collection span.product-price-has-variants.has-multi-pricing {
    text-decoration: line-through;
    text-decoration: none;
    color: var(--hsgreen);
    font-size: 14px;
}
.product-size span.product-price-has-variants.has-multi-pricing {
    font-weight: normal;
    color: var(--black);
    width: 100%;
    font-family: var(--bodyfont);
    font-size: 32px;
    font-weight: bold;
} 
span.product-card-wrapper .has-variants {
    display: none;
}

html body .ss__theme .ss__facets .ss__facet .ss__show-more .ss__show-more__link {
  font-size:12px;
}
.preview-variant-size.active span {
    background: #000;
    color: #fff;
    border: 1px solid #;
}
  .preview-variant-size {
      min-width: auto !important;
      width: auto !important;
      display: block;
      position: relative;
      top: 2px;
      margin-left: 5px;
      left: -24px;
  }
  .preview-variant-size span {
    border: 1px solid;
    height: 30px;
    font-size: 12px;
    padding: 0 9px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-right: 0px;
}
.has-no-variants a.black-button.button-link {
    display: none !important;
}
html body .checkmark {
  height:20px;
  width:20px;
}
label.ss__list__option.hs-container {
    display: flex;
    align-items: center;
}
.product-info .price {
  min-height:50px;
}
html span.ss__list__link {
  font-size: 12px !important;
  top:0;
}
.related-products-wrapper .product-info {
  min-height:235px;
}
.related-products-wrapper .wk-button {
  position: absolute;
    left: 0;
    padding: 15px;
    border-radius: 100%;
    border: 1px solid #eee;
    display: inline-block;
    width: 50px;
    margin-left: 15px;
    margin-top: 15px;
    z-index: 333;
    top:15px;
  left:15px;
}
.product span.price-item.price-item--sale,
.product-size span.price-item.price-item--sale{
  text-decoration: none;
    color: var(--hsgreen);
    font-size: 14px;
    font-size: 16px;
}
.product .product-header span.product-price-has-variants.has-multi-pricing {
    font-size: 32px;
    font-weight: bold;
}
.product span.price-item.price-item--sale::before,
.product-size span.price-item.price-item--sale::before {
  content:'RRP';
}
.related-products-wrapper .wk-button .wk-button__icon {
  top:0;
  margin:0;
}
html body .hs-container .checkmark:after {
  left: 6px;
    top: 4px;
}
textarea#CartSpecialInstructions {
    width: 100%;
    min-height: 100px;
    margin-bottom: 25px;
    max-width:100%;
    background: var(--hsgreen);
    border: none;
    padding: 15px;
    box-sizing: border-box;
}

@font-face {
    font-family: "Roaster";
    src: url("Roaster-Thin.woff") format('woff');
    font-weight: lighter;
}


/*---------------------------------------------*/
            /* GENERAL */
/*---------------------------------------------*/
.search .row.product-row.padding-top-50.padding-bottom-50 {
    padding-bottom: 0;
}

body {
  margin: 0;
}
.index div#shopify-section-footer a,
div#shopify-section-footer p{
    font-size: 14px;
  font-weight:400;
}
.shopify-challenge__container {
    margin-top: 200px !important;
    margin-bottom: 100px !important;
} 
input.shopify-challenge__button.btn {
  background: var(--hsblack);
    color: var(--white) !important;
    padding: 15px 25px;
    text-transform: uppercase;
    border: none;
    font-weight: bold;
    cursor: pointer;
    transition: .4s;
    min-height: 45px;
    position: relative;
    text-decoration: none;
    letter-spacing: 1.5px;
    font-weight: 400;
  margin-top:25px;
}
html,body {
    overflow-x: hidden;
}

html body .ss__theme.ss__header svg {
  margin-top:0;
}

input[type='number'] {
    -moz-appearance:textfield;
}
.product-size .row.cross-sell-collection.padding-top-50 {
    margin-bottom: 100px;
}
.row.four-four .max-width-wrapper a {
    text-align: center;
    margin: auto;
    margin-bottom: 100px;
}

.row.four-four h1 {
  margin-bottom:0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
body.page .row.internal-row h3,
body.page .row.internal-row h2,
body.page .row.internal-row h4 {
    font-size: 30px;
}
body.page .row.internal-row a, 
body.page .row.internal-row a span{
    font-weight: bold !important;
    color: var(--black);
    text-decoration: none;
}

.product .price-item {
  font-size:32px;
}

.brand-list-parent::before {
    font-size: 30px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
    border-bottom: 2px solid;
}
ul.a-list.brand-list-parent::before {
    content: 'A';
}
ul.b-list.brand-list-parent::before {
    content: 'B';
}
ul.c-list.brand-list-parent::before {
    content: 'C';
}
ul.d-list.brand-list-parent::before {
    content: 'D';
}
ul.e-list.brand-list-parent::before {
    content: 'E';
}
ul.f-list.brand-list-parent::before {
    content: 'F';
}
ul.g-list.brand-list-parent::before {
    content: 'G';
}
ul.h-list.brand-list-parent::before {
    content: 'H';
}
ul.i-list.brand-list-parent::before {
    content: 'I';
}
ul.j-list.brand-list-parent::before {
    content: 'J';
}
ul.k-list.brand-list-parent::before {
    content: 'K';
}
ul.l-list.brand-list-parent::before {
    content: 'L';
}
ul.m-list.brand-list-parent::before {
    content: 'M';
}
ul.n-list.brand-list-parent::before {
    content: 'N';
}
ul.o-list.brand-list-parent::before {
    content: 'O';
}
ul.p-list.brand-list-parent::before {
    content: 'P';
}
ul.u-list.brand-list-parent::before {
    content: 'U';
}
ul.v-list.brand-list-parent::before {
    content: 'V';
}
ul.q-list.brand-list-parent::before {
    content: 'Q';
}
ul.r-list.brand-list-parent::before {
    content: 'R';
}
ul.s-list.brand-list-parent::before {
    content: 'S';
}
ul.t-list.brand-list-parent::before {
    content: 'T';
}
ul.w-list.brand-list-parent::before {
    content: 'W';
}
ul.x-list.brand-list-parent::before {
    content: 'X';
}
ul.y-list.brand-list-parent::before {
    content: 'Y';
}
ul.q-list.brand-list-parent::before {
    content: 'Q';
}
ul.x-list.brand-list-parent::before {
    content: 'X';
}
ul.z-list.brand-list-parent::before {
    content: 'Z';
}
ul.other-list.brand-list-parent::before {
    content: 'Other';
}
.brand-page::before {
      font-size: 40px;
    padding-bottom: 15px;
    border-bottom: 1px solid;
    margin-bottom: 15px;
    font-family: var(--headingfont);
    color: var(--hsgreen);
    
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 15px;
    width: 100%;
    display: block;
}
ul.a-list.brand-page::before {

  content: 'A';
   
}
ul.b-list.brand-page::before {

  content: 'B';
   
}
ul.c-list.brand-page::before {

  content: 'C';
   
}
ul.d-list.brand-page::before {

  content: 'D';
   
}
ul.e-list.brand-page::before {

  content: 'E';
   
}
ul.f-list.brand-page::before {

  content: 'F';
   
}
ul.g-list.brand-page::before {

  content: 'G';
   
}
ul.h-list.brand-page::before {

  content: 'H';
   
}
ul.i-list.brand-page::before {

  content: 'I';
   
}
ul.j-list.brand-page::before {

  content: 'J';
   
}
ul.k-list.brand-page::before {

  content: 'K';
   
}
ul.l-list.brand-page::before {

  content: 'L';
   
}
ul.m-list.brand-page::before {

  content: 'M';
   
}
ul.n-list.brand-page::before {

  content: 'N';
   
}
ul.o-list.brand-page::before {

  content: 'O';
   
}
ul.p-list.brand-page::before {

  content: 'P';
   
}
ul.q-list.brand-page::before {

  content: 'Q';
   
}
ul.r-list.brand-page::before {

  content: 'R';
   
}
ul.s-list.brand-page::before {

  content: 'S';
   
}
ul.t-list.brand-page::before {

  content: 'T';
   
}
ul.w-list.brand-page::before {

  content: 'W';
   
}
ul.u-list.brand-page::before {

  content: 'U';
   
}
ul.x-list.brand-page::before {

  content: 'X';
   
}
ul.y-list.brand-page::before {

  content: 'y';
   
}
ul.v-list.brand-page::before {

  content: 'V';
   
}
ul.other-list.brand-page::before {

  content: 'Other';
   
}
ul.z-list.brand-page::before {

  content: 'Z';
   
}
.the-modal button.submit-add-to-cart.black-button {
  width:120px;
}
.the-modal {
  min-height:431px;
}

span#product-title {
  font-size: 40px;
    margin-top: 5px;
    margin-bottom: 25px;
    font-family: var(--headingfont);
}
.product-size button.slick-prev.pull-left.slick-arrow {
    transform: rotate(0deg) !important;
}
.product-size button.slick-next.pull-right.slick-arrow {
    transform: rotate(0deg) !important;
}
.search .rte a {
    clear: both;
    background-color: #000;
    border: 0 none;
    border-radius: 4px;
    transition: all 0.23s ease-in-out 0s;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    margin: 0 5px 10px 0;
    padding: 0 22px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    border-radius: 0;
    white-space: nowrap;
    width: auto;
    text-transform: uppercase;
    font-weight: normal;
    padding: 15px 25px;
    margin-left: 15px;
}
    
.collection button.wk-button.wk-button--remove.wk-button--floating,
.collection button.wk-button.wk-button--add.wk-button--floating,
    position: absolute;
    left: 0;
    padding: 15px;
    border-radius: 100%;
    border: 1px solid #eee;
    display: inline-block;
    width: 50px;
    margin-left: 15px;
    margin-top: 15px;
    z-index:333;
}
   
button.wk-button.wk-button--remove{
    padding: 15px;
    border-radius: 100%;
    border: 1px solid #eee;
    display: inline-block;
    width: 50px;
    margin-left: 15px;
    margin-top: 15px;
    z-index:333;
}
.row .link-wrap a.left {
    margin-left: 0 !important;
}
.product-header button.submit-add-to-cart.black-button.disabled {
    opacity: .5;
}
.collection-slider .wk-button {
  margin:auto;
}
.cross-sell-collection .max-width-wrapper .collection-card h4 {
  line-height:120%;
}
.collection button.wk-button.wk-button--remove.wk-button--floating svg,
button.wk-button.wk-button--remove svg{
  
  fill:var(--hsgreen);
  stroke:var(--hsgreen);
}
.product .related-products-wrapper .price-item {
  font-weight:300;
  font-size:20px;
}
.product .row.slideshow .product-card {
  min-height:480px;
  font-weight:normal;
}
.product-info .price {
  position: relative;
  margin-top: 15px;
}
.top-slider button.slick-next.pull-right.slick-arrow {
  transform:rotate(-90deg);
}
.top-slider button.slick-prev.pull-left.slick-arrow {
  transform:rotate(90deg)
}
/*temp-modal*/

.temp-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #E7F9A9;
    z-index: 999999999;
    display: flex;
    align-items: center;
    justify-content: center;

}
.temp-modal {
    background: #E7F9A9;
    border: 2px solid;
}

.row.product-row .max-width-wrapper {
    display: flex;
  
}

.the-modal .product-variant-image-wrapper.bottom .image-slide {
    width: 50px !important;
    height: 50px !important;
}
.the-modal .slick-track,
.the-modal .slick-list{
  height:100%;
}

.lds-facebook {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.loading {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 9;
    align-items: center;
    justify-content: center;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #eee;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}

.product .temp-modal,
.product-color .temp-modal,
.customers-login .temp-modal,
.customers-account .temp-modal,
.product-color_scroll .temp-modal,
.cart .temp-modal {
    display: none;
}

.page-contact .rte a {
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
.contact-form.form-vertical {
    display: flex;
    flex-wrap: wrap;
}
form#ContactForm {
    padding: 25px;
    background: var(--hslightgreen);
    width: 50%;
    box-sizing: border-box;
    margin-top: 50px;
}
.google-map-wrapper {
    width: 50% !important;
    margin-top: 50px;
    height: auto;
}

body.page .row.internal-row {
    font-family: var(--bodyfont);
}

* {
    -webkit-font-smoothing: antialiased;
}

body{
  font-family: var(--bodyfont);
}
p,li,a,label {
  font-family: var(--bodyfont);
  font-size: 20px;
  font-weight: 300;

}
@media(max-width:600px){
  p,li,a,span,label {
    font-size:16px;
  }
}

h1,h2,h3,h4,h5 {
  font-family: var(--headingfont);
  font-weight: lighter;

}

h1,h2 {
  font-size: 75px;
}

.padding-top-100 {
    padding-top: 100px;
}
.padding-top-75 {
    padding-top: 75px;
}
.padding-top-50 {
    padding-top: 50px;
}
.padding-top-25 {
    padding-top: 25px;
}
.padding-bottom-100 {
    padding-bottom: 100px;
}

.padding-bottom-75 {
    padding-bottom: 75px;
}
.padding-bottom-50 {
    padding-bottom: 50px;
}
.padding-bottom-25 {
    padding-bottom: 25px;
}

.hide {
    display: none !important;
}

.no-variant-slider {
    height: 25px;
}
.search .row.product-row .max-width-wrapper {
  display:block;
}
.hamburger {
  padding: 15px 0px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #333; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #333;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }


.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

.black-button,
button#AddressNewButton {
    background: var(--hsblack);
    color: var(--white) !important;
    padding: 15px 25px;
    text-transform: uppercase;
    border: none;
    font-weight: bold;
    cursor: pointer;
    transition: .4s;
    min-height: 45px;
    position: relative;
    text-decoration: none;
  letter-spacing:1.5px;
  font-weight:400;
  font-size:14px !important;
}

    a.enquire-now.black-button {
    /* margin-top: 15px; */
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    margin-top:15px;
    margin: auto;
      padding:0;
      font-size:14px;
}
.contact-for-freig {
  font-size:20px;
  font-family:"ProximaNova","Helvetica neue","helvetica",arial,sans-serif;
}
.product .nav-for .cards-accepted {
  flex-direction:row;
}
.green-button {
    background: var(--hslightgreen);
    color: var(--hsblack);
    padding: 15px 25px;
    text-transform: uppercase;
    border: none;
    font-weight: bold;
    cursor: pointer;
    transition: .4s;
    min-height: 45px;
    position: relative;
    text-decoration: none;
}
.myaccount__account-details a {
    position: relative;
    top: 15px;
}
button.submit-add-to-cart.black-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width:123px;
}
h2.h3.form-message__title {
    font-size: 32px;
    margin-top: 0;
}
span.logged-out-para {
    font-size: 16px;
    display: block;
    margin-bottom: 25px;
  width:calc(100% - 25px);
  margin:auto;
}
.general-link {
    color: var(--hsgreen);
    font-weight: bold;
}
.general-link-black {
    color: var(--black);
    font-weight: bold;
    transition: .4s;
}
.general-link-black:hover {
    color: var(--hsgreen);
    transition: .4s;
}

.product-card span.text-content {
    font-size: 14px;
    letter-spacing: 2px;
    font-weight:normal;

}
.product-variant-image-wrapper {
    display: flex;
}
.collection-cross-mobile {
    display: none;
}
.mobile svg path {
    stroke-width: inherit;
}
.mobile .site-header__account svg {
    height: 28px !important;
    width: auto;
}
.mobile-back-to-top {
    display: none;
}
.product-variant-image-wrapper .variant-image {
    width: 25px;
    height: 25px;
    cursor: pointer;
    background-size: 120px;
    background-repeat: no-repeat;
    background-position: center;

}
a.view-cart-ajax.button-light-green {
  background:var(--hsgreen);
  color:#fff;
}
.modal-error span.the-modal {
    min-height: auto;
}
.section-header.text-center {
    width: 100%;
}
.button-light-green {
    background: var(--hslightgreen);
    padding: 15px 40px;
    margin-top: 25px;
    display: inline-block;
    color: var(--hsblack);
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 2px;
    transition: .4s;
    font-size: 12px;
    border: none;
    padding: 0;
    height: 45px;
    width: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
  font-weight:400;
}
.row.offers .button-light-green {
    margin: auto;
    margin-top: 50px;
}
.slick-prev:before,
.slick-next:before{
    opacity: 0 !important;
    content: '' !important;
}
.button-light-green:hover {
  background: var(--hsgreen);
  transition: .4s;
  color: var(--white);
}
.max-width-wrapper {
  max-width: 1400px;
  margin: auto;
  padding-left: 100px;
  padding-right: 100px;
}
.image-slide.color-slide.slick-slide.slick-current.slick-active .color-code::after {
    content: '';
    width: 80%;
    height: 80%;
    position: absolute;
    border-bottom: 1.5px solid #000;
    left: 0;
    top: 14px;
    right: 0;
    margin: auto;
}
.internal-row {
    padding-top: 50px;
}

.section-header h1{
  margin-top:0.3em;
  margin-bottom: 0.3em;
}

.added-to-cart-heading {
    font-size: 32px;
    margin-bottom: 0;
    line-height: 140%;
}
body button.wk-button-product .wk-label {
    font-size: 16px;
    text-transform: initial;
}
.product-color button.wk-button-product {
    margin-top: 0 !important;
}
.product-color .product-header .submit-product-wrapper.variant-product-wrapper,
.product-color_scroll .product-header .submit-product-wrapper.variant-product-wrapper {
    width: 626px;
}
.product-color .display-stock,
.product-color_scroll .display-stock {
    margin-top: 25px !important;
}
.single-wish-mobile {
    display: none;
}
.no-variant-image {
    width: 100%;
    height: 250px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.related-products-wrapper button.slick-prev.pull-left.slick-arrow svg {
    transform: rotate(90deg);
    width: 20px;
    height: 10px;
}
.related-products-wrapper button.slick-next.pull-right.slick-arrow svg  {
    transform: rotate(-90deg);
    width: 20px;
    height: 10px;
}
.related-products-wrapper button.slick-prev.pull-left.slick-arrow {
    left: -30px;
}
.product-variant-image-wrapper.top {
    width: 100%;
    height: 250px;
}
.product-variant-image-wrapper.top .slick-slide {
    width: 100%;
    height: 250px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}
.mobile-prod-title,
.mobile-prod-title {
    display: none !important;
}
.product-card .product-variant-image-wrapper.bottom .slick-slide {
    height: 25px;
    background-size: contain !important;
    background-position: center;
    /* background-size: auto 25px !important; */
}
.product-card .product-variant-image-wrapper.bottom .is-color.slick-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}
.image-slide.size-product.slick-slide.slick-current.slick-center {
    display: none;
}
.variant-image.variant-product.is-colour.slick-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-variant-image-wrapper.bottom {
    max-width: auto;
    margin: auto;
}
.product-variant-image-wrapper.bottom .slick-track {
    transform: translate3d(0,0,0) !important;
}
.variant-image.variant-product.is-colour.slick-slide span {
    height: 20px;
    width: 20px;
    background-size: contain!important;
    background-position: center;
    position: absolute;
    border-radius: 100%;
}
.lds-ring {
    top: 9px;
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    display: flex;
    left: 0;
    right: 0;
    margin: auto;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 4px;
  border: 4px solid var(--hslightgreen);
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--hslightgreen) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.submit-add-to-cart .loader{
    display: none;
}
.submit-add-to-cart .loader.show-load {
    display: block;
}
body.product-size button.slick-prev.pull-left.slick-arrow svg {
    transform: rotate(90deg);
}
body.product-size button.slick-next.pull-right.slick-arrow svg {
    transform: rotate(-90deg);
}
tr.cart__row .quantity input,
.product-card input.number-input {
    text-align: center;
}
.product-size .shipping-payments-box.m-top {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

li.logo-wrapper svg {
    margin-left: 15px;
    margin-right: 15px;
}

form#RegisterForm {
    padding: 50px 25px;
    box-sizing: border-box;
    background: var(--hslightgreen);
    width: 100%;
    max-width: 600px;
    margin-bottom: 50px;
    background: var(--hslightgreen);
    padding: 25px;
    box-sizing: border-box;
    font-family: var(--defaultfont);
}
.customers-register h2.text-center {
    font-size: 50px;
}

.variant-main-wrap.alt-wrap .variant-product-wrapper{
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    padding-left: 0;
    width: 50%;
    padding-bottom: 10px;
    background: rgba(255,255,255,0.9);
}
.variant-main-wrap.alt-wrap .variant-product-wrapper button.submit-add-to-cart.black-button {
    margin-top: 5px;
    margin-bottom: 5px;
}
.variant-main-wrap.alt-wrap .variant-stock {
    margin-left: 15px;
  
}
.variant-main-wrap.alt-wrap .variant-product-wrapper .variant-heading,
.variant-main-wrap.alt-wrap .variant-product-wrapper .quantity {
    width: 150px;
}
.variant-main-wrap.alt-wrap .variant-product-wrapper .variant-heading {
    display: flex;
    align-items: center;
}
.variant-main-wrap.alt-wrap .variant-product-wrapper .variant-heading p {
    width: 100%;
    max-width: 110px;
}
.variant-main-wrap.alt-wrap .variant-product-wrapper .variant-heading .color {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    display: block;
    margin-right: 5px;
}
.product-header .variant-main-wrap.alt-wrap .submit-product-wrapper.variant-product-wrapper {
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 2px solid #eee;
}
.variant-main-wrap.alt-wrap {
    display: flex;
    flex-wrap: wrap;
}
.variant-main-wrap.alt-wrap .sub-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-self: start;
}

/*---------------------------------------------*/
            /*NAVIGATION MENU */
/*---------------------------------------------*/

div#shopify-section-header .row.header {
    width: 100%;
    background: var(--white);
    z-index: 99999999;
    transition: .4s;
}
.index #mc_embed_signup form {
    background: var(--hslightgreen);
}
#mc_embed_signup {
  margin:auto;
}
#mc_embed_signup form {
    background: var(--hslightgreen);
}
body #mc_embed_signup input.email {
    border: 1px solid var(--black);
    border-right: 0;
    margin-bottom: 0;
    background: none;
}
div#shopify-section-footer .row.mailchimp .heading-info, div#shopify-section-footer .row.mailchimp .form-wrapper {
    width: 50%;
    text-align: left;
    padding: 25px;
}
#mc_embed_signup input.button {
    font-weight: 400;
}
.index div#shopify-section-footer .row.mailchimp .heading-info, .index div#shopify-section-footer .row.mailchimp .form-wrapper {
    width: 100%;
    text-align: center;
    padding: 0px;
}
div#shopify-section-header .row.header.nav-active  {
  padding: 0;
  transition: .4s;
}


.mobile-menu-wrapper {
    display: none;
}
.mobile-menu-wrapper .top-section {
    display: flex;
}
.mobile-menu-wrapper .top-section button {
    width: 100%;
    padding: 15px;
    background: var(--hsblack);
    border: none;
    border: 2px solid var(--white);
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}
.cat-menu li {
    list-style: none;
}
.cat-menu li .dropdown-child {
    display: none;
}
.cat-menu  .dropdown-child {
    width: 100%;
    background: var(--hsblack);
}
.cat-menu .dropdown-child a {
    color: var(--hsblack);
    text-decoration: none;
    font-size: 16px !important;
    padding: 8px 15px;
    display: block;
    background: var(--white);
    padding: 13px 15px;
    position: relative;


}
.cat-menu .dropdown-child a::after {
    content: '';
    width: calc(100% - 30px);
    position: absolute;
    bottom: 0;
    left: 15px;
    height: 1px;
    background: rgba(0,0,0,0.2);

}

.cat-menu .dropdown-child {
   width: 100%;
    background: var(--white);
    margin-top: 1padding-t;
    padding-top: 10px;
    /* display: none; */
    position: absolute;
    /* top: 44px; */
    left: -100%;
    transition: .5s;
    height: 100%;
    z-index: 3;
    border-right: 1px solid rgba(255,255,255,0.2);

}

.main-mobile-parent {
    display: none;
}
.main-mobile-parent.active {
    display: flex;
    background: var(--white);
}
.cat-menu .dropdown-child.active {
    left: 0;
    transition: .5s;
}
.cat-menu li.menu-link.hidden {
   opacity: 0;
   transition: 3s;
   animation: hideBox 3s 1;
   animation-fill-mode: forwards;
}
@keyframes hideBox {
    0%{
        left: 0;
    }
    100%{
        left: 100%;
    }
}
button.back-cat {
    background: var(--hslightgreen);
    margin-left: 15px;
    color: var(--hsblack);
    border: none;
    padding: 8px 24px;
    font-weight: 500;
    border-radius: 5px;
    border-radius: 0;
    font-weight: bold;
    margin-top: 15px;
}
.brand-menu {
    min-height: 100vh;
    flex-flow: column;
    text-align: center;
}
.brand-menu h3 {
    width: 100%;
    font-size: 30px;
}
.cat-menu {
    display: none;
    flex-wrap: wrap;
    min-height: 850px;
}
.cat-menu  li.menu-link {
    width: calc(50% - 10px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
    position: relative;
    border: 1px solid rgba(255,255,255,0.2);
    box-sizing: border-box;
}
.brands-show-all.active {
        background: var(--hsblack);
    color: #fff;
    border: 1px solid var(--hsblack);
}
.brands-show-all {
    font-weight: 600;
    padding: 14px 53px !important;
    width:100% !important;
  margin-top:15px !important;
}
.brands-list .vendor-list li {
    text-align: left;
}
.brands-list .vendor-list ul.hidden {
    display: none;
}
.brands-list {
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
    padding-top: 25px;
}
.brands-list  .vendor-list ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.brands-list .vendor-list li a {
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-bottom: 0;
    border-bottom: 0;
    font-size: 14px;
    color: var(--hsblack)
}
.brands-list .vendor-list ul li.alph-heading {
    font-size: 30px;
    color: var(--hsblack);
    width: 100%;
    height: auto;
    background: none;
    border: none;
    border-bottom: 2px solid;
    justify-content: center;
}
.brands-list .vendor-list li {
    text-align: left;
    width: calc(50% - 4px);
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2px;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.2);
    color: #fff;

}

.brands-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    animation: buttonsIn .3s 1;
    opacity: 0;
    animation-fill-mode: forwards;
    position: relative;
    margin-top: 5px;
}
@keyframes buttonsIn {
    0%{
        opacity: 0;
        margin-top: 5px;
    }
    100%{
        opacity: 1;
        margin-top: 0;
    }
}
.close-wrapper {
    display: flex;
    flex-direction: row-reverse;
}
.close-wrapper svg {
    cursor:pointer; 
}
.mail-chimp-furniture-form {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    top: 0;
    z-index:99;
    min-height:350px;
  overflow-x:scroll;
}
.badge-wrapper {
        position: absolute;
    z-index: 99;
    right: 0;
    margin-top:0px;
    padding-right: 20px;
}
.badge-wrapper svg {
    width: 60px;
    height: auto;
}
.mail-chimp-furniture-form .grid__item.medium-up--one-half .mc-field-group:nth-child(1) input {
    width: calc(100% - 25px) !important;
}

.collection button.wk-button-collection.wk-add-product {
    opacity: 1 !important;
    border-radius: 100%;
    border: 1px solid #eee;
    margin-right: 24px;
    margin-top: 25px;
    padding: 10px;
    box-sizing: initial;
  left:0;
  margin-left:25px;
  z-index:8888;
  cursor:pointer;
}
    
button.wk-button-collection.wk-remove-product {
    position: absolute;
    left: 0;
    margin-left: 15px;
    opacity: 1!important;
    border-radius: 100%;
    border: 1px solid #eee;
    margin-right: 24px;
    margin-top: 25px;
    padding: 10px;
    box-sizing: initial;
    left: 0;
    margin-left: 25px;
    z-index: 88888;
    cursor: pointer;
}
.mail-chimp-furniture-form form {
      padding:0 !important; 
}
    
    .mail-chimp-furniture-form h4 {
        font-size:40px;
      margin:0;
    }
ul.furniture-custom-info {
    list-style: none;
    padding-left: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #000;
    line-height: 140%;
}
    
.mail-chimp-furniture-form .mc-field-group input,
.mail-chimp-furniture-form .mc-field-group select{
    width: calc(100% - 15px);
    height: 45px;
    border-radius: 0 !important;
    border: 1px solid #000;
    text-indent: 5px;
    box-sizing: border-box;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    background: none;
    border: 1px solid #000 !important;
}
.mail-chimp-furniture-form.active {
    display:flex;
}
.mail-chimp-furniture-form .modal {
    background: #fff;
    width: 100%;
    max-width: 600px;
    background: #fff;
    z-index: 9;
    position: relative;
    padding: 25px;
  animation:formFIn .6s 1;
  animation-fill-mode:forwards;
  top:15px;
  background:var(--hslightgreen);
  opacity;0;
    box-shadow:0px 0px 18px -4px rgba(0,0,0,0.74);
}
    
.mail-chimp-furniture-form .modal .mc-field-group {
 width:100% !important; 
}
.mail-chimp-furniture-form .grid__item.medium-up--one-half .mc-field-group {
    width: 50% !important;
      margin:0 !important;
}
    
.mail-chimp-furniture-form .modal div#mc_embed_signup_scroll {
  flex-wrap:wrap; 
  margin:0;
  max-width:initial;
}
    
@keyframes formFIn {
    
  0%{
    top:15px;
    opacity:0;
  }
  100%{
    top:0;
    opacity:1;
  }
  
}
    
.mail-chimp-furniture-form .grid__item.medium-up--one-half {
    width: 100%;
    display: flex;
}
    
.mail-chimp-furniture-form .filter {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
}
.mobile-menu-content {
    background: #fff;
}
.mobile-menu-wrapper .top-section button.active {
    background: var(--white);
    color: var(--hsblack);
}
.brands-buttons button {
    font-size: 14px;
    height: auto;
    padding: 11px;
    box-sizing: border-box;
    border: none;
    margin: 2px;
    width: 17%;
    background: var(--hslightgreen);
    color:var(--hsblack)
}
.collection div#shopify-section-footer div#mc_embed_signup {
    background: none;
}
.brands-buttons button.active {
    background: var(--hsblack);
    color: var(--white)
}
.cat-menu  li.menu-link a {
     color: var(--hsblack);
     text-decoration: none;
     font-weight: 500;
      cursor: pointer;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      background: var(--hslightgreen);
}
li.menu-link:nth-child(17) {
    width: calc(100% - 5px);
}


span.text-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    letter-spacing: 1px;
  font-weight:400 !important;
}
span.text-content.error {
    background: var(--offred);
}

span.text-content.success {
    background: var(--hslightgreen);
}

button.search-header__submit.search__submit.btn--link.site-header__icon  svg path{
    stroke: var(--white);
}


.mobile .row.search-wrapper{
  position: fixed;
  top:-100px;
  width: 100%;
  background: white;
  max-width: unset;
  justify-content: center;
  z-index: 999;
  padding: 20px 0px;
}

.mobile .row.search-wrapper .search-form{
  width: 100%;
  padding: 0px 20px;
 
}

.mobile .row.search-wrapper .search-form form{
   max-width:unset !important;
  width: calc(100% - 24px);
  min-width: unset !important;
}

.mobile .row.search-wrapper .close{
  display: block;
  margin-right: 12px;
}

.row.search-wrapper.form-active {
    margin-top: 0;
    transition: .4s;
  top:0px;
  left: 0px;
}
.desktop button {
  background: none;
  border: none;
  cursor: pointer;
}
.desktop li.menu-link {
    width: 100%;
}

.mobile {
    display: none;
}

.desktop {
    display: flex;
    align-items: center;
    background: var(--white);
}
.desktop ul.menu.dropdown-child {
    position: absolute;
    z-index: -5;
    pointer-events: none;
    opacity: 0;
    display: block;
    left: 0;
    padding-left: 100px;
    padding-top: 50px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    border-top: 1px solid var(--hsgrey);
    padding-top: 0;
    margin-top: 25px;
    padding-top: 25px;
    margin-top: 25px !important;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    transition: .4s;
   
}

.desktop ul.menu.dropdown-child .max-width-wrapper{
  width: 100%;
}
ul.menu.dropdown-grandchild {
    padding-bottom: 25px;
}
ul.menu.dropdown-grandchild li a {
    font-size: 12px;
}
a.main-sub-parent {
    font-weight: gith;
    font-weight: bold !important;
    font-size: 12px !important;
    color: var(--hsgreen) !important;
}
li.menu-link.parent-heading h5 {
    font-size: 40px;
    margin-top: 0;
}
.sub-main-parent-wrap {
    min-width: 198px;
    box-sizing: border-box;
    position: relative;
    max-width:calc(100% - 198px);

}
.sub-main-parent-wrap::after {
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 0;
  background: var(--hsgrey);
  content: '';
}
ul.menu.dropdown-child.active .sub-main-parent-wrap::after {
  height: calc(100% - 25px);
  transition-delay: .6s;
  transition: .3s;
}
.dropdown-child {
    width: 100%;
} 
.desktop .sub-main-parent-wrap {
    display: flex;
}
.desktop .sub-lists-wrap {
    display: flex;
    flex-wrap: wrap;
}
.desktop .sub-lists-wrap .menu-link {
    width: auto !important;
}
.desktop ul.menu.dropdown-grandchild .menu-link {
    padding-right: 25px;
  line-height:110%;
}
li.menu-link.parent-heading h5 {
  line-height:110%;
}
.desktop ul.menu.dropdown-child .menu-link.parent-heading {
    width: 220px;
}
.desktop ul.menu.dropdown-child .menu-link ul {
    display: block;
    /* padding-right: 55px; */
}
.desktop ul.menu.dropdown-child .menu-link {
    padding-right: 25px;
}
.desktop ul.menu.dropdown-child.active {
 z-index: 3;
 pointer-events: initial;
 opacity: 1;
 transition: .4s;
 margin-top: 34px;
}
.row.header.nav-active .desktop ul.menu.dropdown-child.active {
    margin-top: 15px !important;
}
span.drop-highlight {
  transition: .4s;
  height: 0;
  top: 0;
  z-index: -1;
   box-shadow: 0 6px 18px -22px #333;
}
.dropdown-child.active span.drop-highlight {
    height:  100%;
    transition: .4s;

}
span.drop-highlight {
    position: absolute;
    width: 100%;
    left: 0;
    background: var(--white);
    transition: .4s;
}
.ok-col .menu,
.desktop .ok-col.ok-col-4 ul {
    display: flex;
    list-style: none;
    padding: 0;
    justify-content: space-between;
}

.errors ul {
    list-style: none;
}
.errors {
    color: #f44336;
}

.ok-col .menu a,
.desktop .ok-col.ok-col-4 ul li a{
  color: var(--black);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: normal;
  transition: .4s;
}
.ok-col .menu a.current-active {
  color: var(--hsgreen);
}
.ok-col .menu a:hover,
.desktop .ok-col.ok-col-4 ul li a:hover {
  color: var(--hsgreen);
  transition: .4s;
}
.collection-slider.slick-initialized.slick-slider button.wk-button-collection {
    right: 15px;
}

.ok-col.ok-col-2 {
    width: 265px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 40px;
}
.ok-col.ok-col-2 svg {
  transition: .4s;
}
.desktop  .ok-col.ok-col-1 {
    width: calc(100% - 132.5px);

}
@media(max-width:1400px){
  .desktop .ok-col.ok-col-1 {
    width:calc(100% - 200.5px);
  }
}
.desktop  .ok-col.ok-col-4 {
    width: 130px;
    padding-left: 25px;
}
.desktop  .ok-col.ok-col-4 svg path{
  transition: .4s;
}
.desktop  .ok-col.ok-col-4 svg:hover path{
  transition: .4s;
  stroke: var(--hsgreen);
}
.desktop  .ok-col.ok-col-3 {
    width: calc(50% - 265.5px);
}
.ok-col.ok-col-4 ul li {
    padding: 0 5px;
}

.ok-col.ok-col-4 ul {
    /* padding: 0 15px; */
    display: flex;
    align-items: center;
}

/*---------------------------------------------*/
            /* HOME SLIDER */
/*---------------------------------------------*/

.row.home-banner {
  width: 100%;
  position: relative;
  height: auto;
  padding-top: 85px;
}
.row.home-banner .ok-slide .max-width-wrapper .slide-info.center a.button-light-green {
    margin: auto;
    left: 0;
    right: 0;
    margin-top:40px;
}
button.continue-shopping.close {
    display: none;
}
.slick-track {
    display: flex !important;
}
.row.home-banner .ok-slide  {
  min-height: 90vh;
  background-size: cover;
  background-position: center;
  display: flex;
  align-self: self-end;
}

.row.home-banner .ok-slide {
  color: var(--black);
}

.row.home-banner .ok-slide h2 {
  margin-bottom: 25px;
}



.row.home-banner .ok-slide  .max-width-wrapper {
  margin-bottom: auto;
}

.row.home-banner .ok-slide  .max-width-wrapper .slide-info.center {
  text-align: center;
  max-width:60%;
  margin-left:40%;
}
@media(max-width:600px){
  .row.home-banner .ok-slide  .max-width-wrapper .slide-info.center { 
  max-width:100%;
  margin-left:0;
  }

  .brands-list {
    padding-left:15px;
    padding-right:15px;
  }
}
.row.home-banner .ok-slide  .max-width-wrapper .slide-info.left {
  text-align:left;
  max-width: 50%;
    margin-left: 50%;
}
@media(max-width:1300px){
  .row.home-banner .ok-slide .max-width-wrapper .slide-info.left {
    max-width:50%;
    margin-left:50%;
  }
}
@media(max-width:1200px){
  .row.home-banner .ok-slide .max-width-wrapper .slide-info.left {
    margin-left:0;
  }
}
@media(max-width:600px){
  .row.home-banner .ok-slide  .max-width-wrapper .slide-info.left {
    margin-left:0;
  }
  
}

.row.home-banner .ok-slide .black-button {
  top:25px;
  font-size:12px;
  height:45px;
  width:190px;
}
.row.home-banner .ok-slide  .max-width-wrapper .slide-info.right {
  text-align: right;
  max-width:600px;
  margin-right:calc(100% - 600px);
} 

@media(max-width:600px){
 .row.home-banner .ok-slide  .max-width-wrapper .slide-info.right {
   margin:0 !important;
   max-width:100%:
 } 
  .row.home-banner .ok-slide .max-width-wrapper .slide-info.left {
    max-width:100%;
  }
  .row.home-banner .ok-slide .max-width-wrapper {
    margin-top: 0px;
    background:#fff;
    padding-bottom:50px;
  }
  .row.home-banner .ok-slide {
   background-position:center !important;
    background-size:cover !important;
    min-height:900px;
  }
}

.row.home-banner .ok-slide  .max-width-wrapper .slide-info.right .button-light-green {
  display:inline-flex;
}


/*---------------------------------------------*/
            /* FOOTER */
/*---------------------------------------------*/
.index div#shopify-section-footer {
    background: #F4F4F4;
}

.row.footer-top{
  padding: 150px 0px 90px;
  display: flex;
  gap:3rem;
  justify-content: space-between;
}


.row.footer-top .col-1{
  max-width:345px;
  width: 100%;
}

.row.footer-top .col-1 h3{
  font-size: 60px;
  line-height: 0.85em;
  font-weight: 600;
  margin-top:0px;
}

.row.footer-top .col-1 h3 span{
  font-size: 1em;
  font-weight: unset;
  font-family: inherit;
  color:#CCE738;
}

.row.footer-top .has-menu h3{
  margin-top:0px;
  font-weight: 600;
  font-size: 16px;
  font-family: var(--bodyfont);
}

.row.footer-top .has-menu ul{
  list-style: none;
  display: flex;
  flex-direction: column;
  gap:0.8em;
  line-height: 1.1;
  padding: 0px;
  margin: 0px;
}

.row.footer-top .has-menu ul li a{
  text-decoration: none;
  color:#252525;
  font-size: 14px;
  font-weight: 400;
  transition: 0.3s;
}

.row.footer-top .has-menu ul li a:hover{
  color: var(--hsgreen);
}
.row.footer-top .divider{
  height: 2px;
  background: #252525;
  opacity: 0.1;
  margin: 25px 0px;
}
.row.footer-top ul.open-hours li{
  font-size: 14px !important;
  font-weight: 500 !important;
  display: flex;
  justify-content: space-between;
  gap:12px;
}

.row.footer-top ul.open-hours li span{
  font-size: inherit;
}

.row.footer-top .newsletter-form-wrapper h4{
  font-weight: 500;
  font-family: var(--bodyfont);
  font-size: 16px;
  margin: 0px 0px 0.6em;
}

.row.footer-top .newsletter-form-wrapper form{
  background: white;
  padding: 8px;
  display: flex;
  align-items: center;
  border-radius: 500px;
}

.row.footer-top .newsletter-form-wrapper form input[type="email"]{
  flex: 1;
  width:100%;
  border-width: 0px;
  border-radius: 500px;
  height: 36px;
  padding: 4px 12px;
  font-size: 14px;
}

.row.footer-top .newsletter-form-wrapper form button[type="submit"]{
  border-width: 0px !important;
  font-size: 14px;
}


.row.footer-top  .social-links{
  margin-top:32px;
  display: flex;
  align-items: center;
  gap:16px;
}
.footer-bottom{ 
  background: white;
  padding: 12px 0px;
}

.footer-bottom p a{
  color: unset;
  font-weight: 400 !important;
}

.row.footer-bottom .row{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.row.footer-bottom .row .cards-wrapper{
  display: flex;
  align-items: center;
  gap:16px;
}

.row.footer-bottom .row .cards-wrapper ul{
  list-style: none;
  margin: 0;
  padding: 0;
  
}

.row.footer-bottom .row .cards-wrapper ul li{
  display: flex;
}
@media only screen and (max-width:1024px){

  .row.footer-top{
    gap:2rem;
  }
  .row.footer-top .col-1 h3{
    font-size: 40px;
  }
  .row.footer-top .col-1{
    max-width: 280px;
  }
}

@media only screen and (max-width:767px){
  .row.footer-top{
    flex-wrap: wrap;
    gap:2rem;
  }
  .row.footer-top .col-1{
    width:100%;
    max-width: unset;
    
  }

  .row.footer-top .col-1 h3{
    margin-bottom:1rem;
    font-size: 2rem;
  }
  .row.footer-bottom .row{
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap:10px;
  }

  .row.footer-bottom .row .cards-wrapper{
    flex-wrap: wrap;
    gap: 0px;
  }

  .row.footer-bottom .row .cards-wrapper ul li{
    margin-right: 6px;
  }
}


.customers-activate_account input.btn {
    background: var(--hslightgreen);
    padding: 15px 40px;
    margin-top: 25px;
    display: inline-block;
    color: var(--hsblack);
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 2px;
    transition: .4s;
    font-size: 12px;
    border: none;
    padding: 0;
    height: 45px;
    width: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
}
body.customers-activate_account .page-width {
    max-width: 1400px;
    margin: auto;
    padding-left: 100px;
    padding-right: 100px;
  padding-bottom:50px;
}
body.customers-activate_account .page-width h1 {
    margin-top: 150px;
}
body.customers-activate_account label {
  display:block;
  margin:15px 0;
}
body.customers-activate_account input[type='password']{
  height:45px;
  padding:5px;
  box-sizing:border-box;
}
body.customers-activate_account input[type="submit"]:nth-child(1) {
    background: var(--hsblack);
    color: var(--white) !important;
    padding: 15px 25px;
    text-transform: uppercase;
    border: none;
    font-weight: bold;
    cursor: pointer;
    transition: .4s;
    min-height: 45px;
    position: relative;
    text-decoration: none;
    margin-top:15px;
}
ul.cards-accepted {
    padding-left: 0;
    display: flex;
    align-items: center;
    margin-top: 5px;
    padding-left: 0 !Important;
  flex-direction:row-reverse;
}
ul.cards-accepted li {
    margin-left:0;
    margin-right: 10px;
}

div#shopify-section-footer .row.row-2 {
    text-align: right;
}
div#shopify-section-footer .row.row-3 div {
    text-align: center;
    padding-top: 50px;
}
div#shopify-section-footer .row.row-3 p {
    font-weight: normal;
    font-size: 13px;
    padding-bottom:15px;
}
div#shopify-section-footer .row.row-3 p a {
    font-weight: bold;
}

/*---------------------------------------------*/
            /* REGISTRATION INTRO */
/*---------------------------------------------*/

.row.intro-content {
  background:var(--hslightgreen);
}
.row.intro-content .max-width-wrapper {
    display: flex;
  flex-wrap:wrap;
}
.row.intro-content .max-width-wrapper .col-1,
.row.intro-content .max-width-wrapper .col-2 {
  width:50%;
}
.row.intro-content .max-width-wrapper .col-3 {
  width:100%;
  text-align: center;
    padding: 50px;
    padding-bottom: 0;
}
.row.intro-content .max-width-wrapper .column h2 {
    margin: 0;
    font-size: 40px;
    line-height: 120%;
    padding-right: 50px;
    position: relative;
  
}
@media(max-width:600px){
  .row.intro-content .max-width-wrapper .column h2 {
    font-size:32px;
  }
}
.row.intro-content .max-width-wrapper .column h2 span {
    position: absolute;
    left: -25px;
}
.row.intro-content .max-width-wrapper .column {
    width: 50%;
}

/*---------------------------------------------*/
            /* REGISTRATION INTRO */
/*---------------------------------------------*/

.row.guarantees {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--hsgrey);
    margin-bottom:0px;
  padding-bottom:75px;
}
.row.left.count-1 .image-wrapper {
  margin-top: 75px;
}
.row.left.count-1 .info-wrapper {
  margin-left: 50px;
}
.row.guarantees .max-width-wrapper {
    display: flex;
    align-items: center;
    text-align: center;
}
.row.guarantees .max-width-wrapper .image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
    margin-bottom: 10px;
}
.row.guarantees .max-width-wrapper .column {
    width: 300px;
    position:relative;
}
.row.left.count-1 .info-wrap {
  max-width: 400px;
}
.row.left.count-1 .link-wrap a {
  text-align: left;
  margin: ;
  margin-left: 100px;
  margin-top: 72px;
}
.row.guarantees .max-width-wrapper .column  p {
    margin: 0;
}
.t-c {
  position: absolute;
bottom: 0;
margin: auto;
left: 0;
right: 0;
bottom: -19px;
font-size: 13px;
}
.row.guarantees .max-width-wrapper p strong {
  letter-spacing: 1px;
}
.row.guarantees .max-width-wrapper .column p {
  margin: 0;
  letter-spacing: 1px;
}

/*---------------------------------------------*/
            /* OFFERS */
/*---------------------------------------------*/
.row.offers .card .info-wrapper {
    padding: 50px;
    box-sizing: border-box;
    width: 50%;
    padding:50px;
}
.row.offers .row.right {
  margin-top:-100px;
  margin-bottom:-100px;
}
.row.offers .card .image-wrapper {
    width: 45%;
    background-size: cover;
    background-position: center;
}
.row.offers .card {
    width: 100%;
    display: flex;
    align-items:center;
  justify-content:center;
}
.row.offers .row.right .card {
    flex-direction: row-reverse;
}
.row.offers .card .info-wrapper {
    position: relative;
    
}
.row.offers::before {
    content: '';
  width: 700px;
  margin: auto;
  background-image: url('https://okmg-digital-assets.s3.ap-southeast-2.amazonaws.com/Hair+Supplies/hair-strand-one.png');
  background-size: contain;
  height: 100%;
  position: absolute;
  top: -32px;
  background-position: top center;
  background-repeat: no-repeat;
  left: 270px;
  right: 0;
}
@media(max-width:600px){
  .row.offers::before {
    left:0;
  }
}
.row.offers::after {
  content: '';
  width: 700px;
  margin: auto;
  background-image: url('https://okmg-digital-assets.s3.ap-southeast-2.amazonaws.com/Hair+Supplies/hair-strand-v2.png');
  background-size: 100% auto;
  height: 100%;
  position: absolute;
  bottom: -178px;
  background-position: bottom center;
  background-repeat: no-repeat;
  left: 0;
  right: 0;
}
@media(max-widh:600px){
  .row.offers::after {
    bottom:-186px;
  }
}
.row.right.count-2 .heading-wrapper {
  max-width: 400px;
}
.row.right.count-2 .info-wrap p {
  max-width: 500px;
}
.row.right.count-2 .link-wrap a {
  margin-left: 140px;
}
.row.left.count-3 .info-wrapper {
  max-width: 40%;
  margin-left: 10%;
  padding-top: 0;
}
.row.offers {
    padding-bottom: 0px;
    position:relative;
    overflow:hidden;
}
.row.offers .card h3 {
    font-size: 40px;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom:25px;
}
.row.offers .row {
    position: relative;
    z-index:9;
}



/*---------------------------------------------*/
            /* FEATURED */
/*---------------------------------------------*/

.row.slideshow {
    background:var(--hsgrey);
}

.row.slideshow .heading-wrapper {
    text-align: center;
}
.row.slideshow .heading-wrapper h3 {
    font-size: 40px;
    margin-top: 0;
}
.row.product-row .product-card {
    overflow: hidden;
  min-height:630px;
  padding: 20px;
    box-sizing: border-box;
    width: calc(25% - 10px);
    margin: 5px;
    position: relative;
}
.row.product-row .max-width-wrapper {
  display: flex;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
  max-width:1600px;
}
.collection-slider .contact-for-freig p {
  margin:0 15px;
  margin-bottom:15px;
}
.collection-slider a.enquire-now.black-button {
  width:calc(100% - 30px);
  margin-bottom:15px;
  margin-left:15px !important;
  margin-bottom:20px;
}
.collection .the-modal .submit-product-wrapper {
  justify-content:initial;
}
.the-modal.Salon-Equipment .submit-product-wrapper {
    display: none;
}
.collection .the-modal .submit-product-wrapper {
  margin-bottom:0;
}
.row.slideshow .product-card {
    background: var(--white);
    display: block;
    position: relative;
    outline: none;
    margin:0 5px;
    min-height: 512px;
}
.row.slideshow .product-card  span.sold-out-price {
    color:var(--offred);
    font-weight: bold;
}
.quantity-button {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid var(--black);
    height: 15px;
    width: 15px;
    border-radius: 100%;
    padding: 5px;
    padding-bottom: 6px;
}
.color-list .variant-main-wrap.alt-wrap .variant-product-wrapper .variant-heading p {
    font-weight: bold;
  margin:5px 0;
}
.submit-product-wrapper {
    display: flex;
    width: 100%;
    padding: 0 25px;
    padding-bottom: 25px;
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
}
.product-info {
    text-align: center;
    paading: 25px;
    box-sizing: border-box;
    min-height: 230px;
}
.collection-slider button.wk-button.wk-button--add {
    position: absolute;
    left: 0;
    padding: 15px;
    border-radius: 100%;
    border: 1px solid #eee;
    display: inline-block;
    width: 50px;
    margin-left: 15px;
    margin-top: 15px;
    z-index: 333;
    top: 0;
}

.collection-slider .wk-button__label {
    display: none;
}
.product-card__title p {
    font-weight: bold;
    min-height:87px;
}
.icon__fallback-text, .visually-hidden {
    position: absolute!important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
button.variant-size {
    background: none;
    border: 1px solid black;
    border-radius: 5px;
    padding: 7px 25px;
    margin: 0 12px 25px 0px;
    cursor: pointer;
}
button.variant-size.active {
    background: var(--black);
    color: var(--white);
}
.price {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: 0;
    justify-content: center;
    padding-bottom: 15px;
}
.the-modal .price--on-sale .price__sale {
  width:100%;
  margin-botttom:5px;
}
.price--on-sale .price__sale {
    display: block;
}
.icon__fallback-text, .visually-hidden {
    position: absolute!important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    display: none;
    background: red;
}
.price dd {
    margin: 0 0.5em 0 0;
    display: flex;
}

.product .product-header span.product-price-has-variants.has-multi-pricing {
    font-weight: bold;
    font-size: 32px;
  color:#333;
}

.price-item {
    font-weight:normal;
    color:var(--black);
    width: 100%;
    font-family: var(--bodyfont);
    font-size: 20px;
    font-weight: 300;
  
}
.product-header .price-item {
      font-size: 32px;
    font-weight: bold;
}

.price__sale {
    color: #557b97;
}

.price__regular {
    color: #69727b;
    width: 100%;
    text-align: center;
}
.price.price--on-sale .price-item--regular {
    text-decoration: line-through;
    text-decoration: none;
    color: var(--hsgreen);
    font-size: 14px;
}
.quantity {
    display: flex;
    max-width: 100px;
    width: 100%;
    align-items: center;
    margin-right: 15px;
}
input.number-input {
    width: 100%;
    max-width: 100%;
    text-align: center;
    padding-left: 5px;
    width: 100%;
   width: 40px;
   text-align: center;
   border: none;
}
dl.price.price--on-sale .price__regular .price-item--regular::before {
    content: 'RRP';
}
.product-ajax-display {
    position: fixed;
    right: 0;
    z-index: 2;
    background: var(--white);
    width: 250px;
    margin-right: -250px;
    transition: .4s;
}
.product-ajax-display.error .view-cart-ajax.button-light-green {
    background: #f7b5b0;
}

.basket.active path {
    animation: blinkSuccess 1s infinite;
}
@keyframes blinkSuccess {
    0%{
        stroke: var(--hslightgreen);
    }
    50%{
       stroke: var(--black);
    }
    100%{
        stroke: var(--hslightgreen);
    }
}

.basket.error path {
    animation: blinkError 1s infinite;
}

@keyframes blinkError {
    0%{
        stroke:var(--offred);
    }
    50%{
       stroke: var(--black);
    }
    100%{
        stroke: var(---offred);
    }
}

a.basket-link-wrapper {
    position: relative;
}
span#basket-count {
    position: absolute;
    right: -9px;
    top: -13px;
    font-size: 10px;
    background: #000;
    color: #fff;
    font-weight: bold;
    border-radius: 100%;
    padding: 2.5px;
    box-sizing: border-box;
    min-width: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-ajax-display.success {
    margin-right: 0;
    transition: .4s;
}
.product-ajax-display.error {
    margin-right: 0;
    transition: .4s;
    animation: flashRed .5s 2;
    animation-fill-mode: forwards;
}
@keyframes flashRed {
    0%{
        background: var(--offred);
    }
    50%{
         background: var(--hslightgreen);
    }
    100%{
         background:var(--offred);
    }
}

.product-ajax-display {
    position: fixed;
    right: 0;
    z-index: 2;
    background: var(--white);
    margin-top: 100px;
    z-index: 9999;
    background: var(--hslightgreen);
    height: calc(100% - 200px);
    box-shadow: 0px 0px 28px -19px rgba(0, 0, 0, 0.74);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}
.product-ajax-display div {
    padding: 25px;
    box-sizing: border-box;
}
a.view-cart-ajax.button-light-green {
    min-width: 250px;
    text-align: center;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
}
.product-ajax-display div.close {
    padding: 0;
    text-align: right;
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    cursor: pointer;
}
a.view-cart-ajax.black-button {
    font-size: 12px;
    text-decoration: none;
    min-width: 250px;
    width: 100%;
    display: block;
    text-align: center;
    box-sizing: border-box;
}

.product-main-image {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  min-height:160px;
}
.row.slideshow .slick-list.draggable {
    overflow: hidden;
}
.row.slideshow .max-width-wrapper,
.collection-slider {
    position: relative;
}

.slick-arrow {
    border: none;
}
button.slick-prev.pull-left.slick-arrow {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    left: -20px;
    margin-top: 150px;
}
button.slick-next.pull-right.slick-arrow {
    position: absolute;
    right: -20px;
    top: 0;
    margin-top: 150px;
    z-index: 4;
}
.logged-out-para a{
    color: var(--hsgreen);
    text-decoration: none;
}
.product-main-image img {
    width: auto;
    max-height: 250px;
    box-sizing: border-box;
    padding: 25px;
}

/*---------------------------------------------*/
            /* 404 */
/*---------------------------------------------*/

.row.four-four {
    padding-top: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/*---------------------------------------------*/
            /* LOGIN */
/*---------------------------------------------*/

div#CustomerLoginForm {
    text-align: center;
}

form#customer_login input[type='email'],
form#customer_login input[type='password'] {
    min-height: 45px;
    border-radius: 0;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #000;
    width: 100%;
    max-width: 250px;
}
div#RecoverPasswordForm {
    position: fixed;
    top: 0;
    padding-top: 100px;
    background: #fff;
    width: 100%;
    left: 0;
    box-shadow: 0 6px 14px -13px #000;
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 50px;
    z-index: 9;
    margin-top:-100%;
    animation: recoverForm .7s 1;
    animation-fill-mode: forwards;
}
div#AddressNewForm {
    position: relative
    padding-top: 100px;
    background: #fff;
    width: 100%;
    left: 0;
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 50px;
    z-index: 9;
    animation: AddressForm .7s 1;
    animation-fill-mode: forwards;
    margin-top: 25px;
    padding: 0;
}
ul.address-list {
    background: var(--hslightgreen);
    padding: 25px;
}
ul.address-list input,
ul.address-list select {
    background: none;
}
ul.address-list input.black-button {
    background: var(--hsblack);
  margin:15px 0;
}
div#AddressNewForm h2 {
    font-size: 50px;
}
.grid__item.acc-right {
    background: var(--hslightgreen);
    padding: 25px;
    box-sizing: border-box;
    margin-left: 0px;
    padding-bottom:50px;
}
.grid__item.max-sub-width-wrapper {
    max-width: 1400px;
    margin: auto;
    left: 0;
    right: 0;
    margin: auto;
    padding-left: 100px;
    padding-right: 100px;
}
@keyframes recoverForm {
    0%{
        margin-top: 25px;
    }
    100%{
        margin-top: 0;
    }
}
form#address_form_new .grid,
div#EditAddress_6661361893419 .grid,
form#RegisterForm .grid,
form#ContactForm .grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
form#address_form_new .grid .grid__item.medium-up--one-half,
div#EditAddress_6661361893419 .medium-up--one-half,
form#RegisterForm .medium-up--one-half,
form#ContactForm .medium-up--one-half {
    width: calc(100% - 15px);
}
form#address_form_new .grid__item.medium-up--one-half label,
div#EditAddress_6661361893419 label,
form#RegisterForm label,
form#ContactForm label {
    display: block;
    width: 100%;
    font-family: var(--bodyfont);
}
form#address_form_new .grid .grid__item.medium-up--one-half input, 
form#address_form_new .grid .grid__item.medium-up--one-half select,
div#EditAddress_6661361893419 input,
div#EditAddress_6661361893419 select,
form#RegisterForm input,
form#RegisterForm select,
form#ContactForm input,
form#ContactForm select
{
    width: calc(100% - 15px);
    height: 45px;
    border-radius: 0;
    border: 1px solid #000;
    text-indent: 5px;
    box-sizing: border-box;
    padding: 5px;
     margin-top: 5px;
    margin-bottom: 5px;
}
div#locationField {
    width: 100%;
    margin-top: 15px;
}
div#locationField input {
    height: 45px;
    border: 1px solid #000;
    border-radius: 0;
    margin-bottom: 15px !important;
}
div#EditAddress_6661361893419 input#address_default_address_6661361893419 {
    height: auto;
    width: auto;
    display: inline-flex;
    padding: 0;
}
ul.address-list {
    padding: 0;
    list-style: none;
    padding: 25px;
}
ul.address-list h2 {
    font-size: 50px;
}
body.customers-addresses ul.list--inline {
    padding: 0;
    list-style: none;
    display: flex;
}
body.customers-addresses button#EditFormButton_6661361893419 {
    margin-right: 15px;
}
body.customers-addresses .grid__item.medium-up--one-half {
    width: calc(100% - 15px)!important;
}
  .cf-form-inner {
    animation: cf-fadein 500ms cubic-bezier(0.11, 0.33, 0.24, 1);
    background: var(--hslightgreen);
    padding: 25px;
}
  .cf-form-inner input[type='text'],
    .cf-form-inner input[type='email']{
    height: 45px;
    border-radius: 0;
    border: 1px solid #000 !important;
    text-indent: 5px;
    box-sizing: border-box;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
      border-radius:0 !important;
      background:none !important;
  }
  .cf-form-inner .cf-form-actions button, .cf-fields-wrapper .cf-form-actions button {
    margin: 0 1em 1em 0;
    position: relative;
    display: inline-block;
    background: var(--hsblack);
    color: var(--white) !important;
    padding: 15px 25px;
    text-transform: uppercase;
    border: none;
    font-weight: bold;
    cursor: pointer;
    transition: .4s;
    min-height: 45px;
    position: relative;
    text-decoration: none;
    letter-spacing: 1.5px;
    font-weight: 400;
}
  input#AddressPhone_7543519576217 {
    width: 100%;
    height: 45px;
    border: 1px solid;
    margin-bottom: 15px;
}
  .cf-form-inner .cf-form-actions button span,
  .cf-fields-wrapper .cf-form-actions button span{
    font-size:14px;
    font-weight:400;
  }
  .cf-field-description a {
    color:#000 !important;
  }
  .cf-field-container.half input[type='file'] {
    background:none !important;
  }
body.customers-addresses  input[type='text'],
body.customers-addresses  select{
    width: calc(100% - 15px) !important;
  height: 45px;
    border-radius: 0;
    border: 1px solid #000;
    text-indent: 5px;
    box-sizing: border-box;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
form#address_form_new .grid__item label {
    display: block;
    font-family: var(--bodyfont);
}
form#address_form_new .grid__item {
    width: 100%;
}
form#address_form_new .grid__item input {
    width: 100%;
    height: 45px;
    border: 1px solid;
    width: calc(100% - 25px);
    margin-top: 5px;
    margin-bottom: 5px;
    text-indent: 5px;
}
form#address_form_new {
    width: 100%;
    max-width: 600px;
    margin-bottom: 50px;
    background: var(--hslightgreen);
    padding: 25px;
    box-sizing: border-box;
    font-family: var(--defaultfont);
}
form#address_form_new input,
form#ContactForm input {
    background: none;
}
form#ContactForm textarea {
    width: calc(100% - 5px);
    background: none;
}
form#address_form_new input.black-button.btn,
form#RegisterForm input.black-button.btn,
form#ContactForm input.black-button.btn {
    background: var(--hsblack);
}
form#RegisterForm input {
    background: none;
}
p.create-account-link-wrapper a {
    color: var(--black);
    font-weight: bold;
}
.customer-hello {
    display: flex;
    font-size: 12px;
    flex-wrap: wrap;
}
.customer-hello span {
    font-size: 12px;
}
.customer-hello div {
    display: flex;
}
button.wk-button-collection .wk-icon svg path,
button.wk-button-product .wk-icon svg path {
    fill: var(--hsgreen) !important;
    stroke:var(--hsgreen) !important;
}
.product .price-item {
    font-weight: bold;
    font-size: 32px;
}

.desktop .ok-col.ok-col-4 ul li .customer-hello div a {
    font-size: 12px;
    color: var(--hsgreen);
    transition: .4s;
    transition: .4s;
    text-transform: initial;
}
.desktop .ok-col.ok-col-4 ul li .customer-hello  div a:hover {
    transition: .4s;
    color: var(--black);
}

div#RecoverPasswordForm h2{
    margin-bottom: 25px;
}
input#RecoverEmail {
    min-height: 45px;
    width: 100%;
    max-width: 347px;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #000;
    border-radius: 0;
}


/*---------------------------------------------*/
            /* COLLECTION BANNER */
/*---------------------------------------------*/

.collection-banner-row {
}

.collection-banner-row  .column{
    box-sizing: border-box;
}

.collection-banner-row .column.bg-image {
    background-size: cover;
    background-position: center;
}

.column.heading-content {
    padding: 50px 0px;
    display: flex;
    align-items: self-end;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 30px;
    padding-right: 150px;
}
.column.heading-content div {
    max-width: 600px;
}

  .column.heading-content div  svg path{
    fill:#cce738;
  }
.collection-banner-row .column {
    width: 100%;
}
.row.product-filters {
    background: var(--hsgrey);
    text-align: center;
}
.row.product-filters h2 {
    font-size: 40px;
  margin:20px 0px;
}
.filter-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.filter-wrapper select {
    margin: 0 15px;
    padding: 15px 25px;
    box-sizing: border-box;
    background: none;
    border: 1px solid #000;
    width: 100%;
    max-width: 200px;
    -webkit-appearance: none;
}
.select-box-wrapper select {
    width: 100%;
    margin: 0;
    padding: 15px 15px;
    width: 100%;
    max-width: 300px;
  text-transform:uppercase;
}

.filter-flex-wrap {
    display: flex;
}
.filter-flex-wrap {
    display: flex;
    width: 100%;
    max-width: 960px;
}
.select-box-wrapper {
    display: block;
    margin: 0 10px;
    /* display: flex; */
    width: 100%;
    max-width: 400px;
}
div#pagination {
    padding-top: 50px;
    padding-bottom: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
}

.pagination-sub-wrap {
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
}
.pagination-sub-wrap span.currrent {
    font-weight: bold;
    display: block;
    padding: 5px;
    margin: 0 5px;
}

.pagination-sub-wrap a {
    margin: 0 5px;
    color: var(--black);
    text-decoration: none;
    transition: .4s;
    padding: 5px;

}



#pagination svg:hover path{
    stroke: var(--hsgreen) !important;
    transition: 4s;
}


.pagination-sub-wrap a:hover {
    color: var(--hsgreen);
    transition: .4s;
}
/*---------------------------------------------*/
            /* PRODUCT GRID */
/*---------------------------------------------*/

.product-grid {
    display: flex;
    flex-wrap: wrap;
    /* width:calc(100% - 250px); */
  width:100%;
   
}
  .collection .submit-product-wrapper {
      display:flex;
       justify-content:center;
    flex-wrap:wrap;
  }
  .collection .submit-product-wrapper .quantity {
    margin-bottom:15px;
  }
  button.wk-button {
    transition:.4s;
  }
  button.wk-button:hover svg {
    fill:var(--hsgreen);
    stroke:var(--hsgreen);
    transition:.4s;
  }
.row.product-row {
    background: var(--hsgrey);
}
.row.product-row  .product-card {
    background: #fff;
    padding: 25px;
    box-sizing: border-box;
    width: calc(25% - 10px);
    margin: 5px;
    position: relative;
}
.product-card.side-bar-filter {
    width: 25%;
}
.quick-view-wrapper {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    z-index: 9;
}
.slick-slide .product-button {
    display: none;
}
.quick-view-wrapper button.product-button {
    width: calc(100% - 50px);
    opacity: 0;
    position: relative;
    top: -10px;
    transition: .4s;
    cursor: pointer;
}
.product-info a {
    text-decoration: none;
    cursor: pointer;
    color: var(--black);
}
.product-main-image:hover button.product-button {
    opacity: 1;
    top: 0;
    transition: .5s;

}
.row.product-row  .product-card.cross-sell-wrapper {
    width: calc(78% - 45px);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.row.product-row  .product-card.cross-sell-wrapper h3 {
    color: var(--white);
    margin-bottom: 15px;
    font-size: 50px;
}
.the-modal .product-variant-image-wrapper.bottom .variant-image {
    background-size: contain;
    background-position: center;
}

.row.modal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    opacity: 0;
    pointer-events: none;
    z-index: -100;
    z-index: 99;
}
.row.modal-wrapper .view-more-wrapper {
    width: 100%;
    margin-top: 25px;
}
.row.modal-wrapper.active {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    opacity: 1;
    pointer-events: initial;
}
.the-modal {
    width: 100%;
    background: #fff;
    z-index: 1;
    max-width: 800%;
    max-width: 800px;
    position: relative;
    display: flex;
    align-items: center;
    animation: theModalIn .6s 1;
    animation-fill-mode: forwards;
    opacity: 0;
    top: 5px;
   width:100%;
}
@keyframes theModalIn {
    0%{
        opacity: 0;
        top: 5px;
    }
    100%{
        opacity: 1;
        top: 0;
    }
}
.the-modal .submit-product-wrapper {
    position: relative;
  padding-left:0;
}
.the-model .submit-product-wrapper .price--on-sale .price__sale{
  width:100%;
}
  .row.offers .black-button.left {
  text-align: ;
  margin-left: 0 !important;
}
  .row.offers .black-button.right,
  .row.offers .button-light-green.right{
  text-align: ;
  margin-right: 0 !important;
}
.row.offers .info-wrapper.padding-25 {
  padding:25px;
}
  .row.offers .info-wrapper.padding-50 {
  padding:50px;
}
  .row.offers .info-wrapper.padding-75 {
  padding:75px;
}
  .row.offers .info-wrapper.padding-100 {
  padding:100px;
}
  .row.offers .info-wrapper.padding-125 {
  padding:125px;
}
  .row.offers .info-wrapper.padding-150 {
  padding:150px;
}
  .row.offers .info-wrapper.padding-175 {
  padding:175px;
}
  .row.offers .info-wrapper.padding-200 {
  padding:200px;
}

@media(max-width:600px){
  .row.offers .info-wrapper.padding-25 {
  padding:15px;
}
  .row.offers .info-wrapper.padding-50 {
  padding:15px;
}
  .row.offers .info-wrapper.padding-75 {
  padding:15px;
}
  .row.offers .info-wrapper.padding-100 {
  padding:15px;
}
  .row.offers .info-wrapper.padding-125 {
  padding:15px;
}
  .row.offers .info-wrapper.padding-150 {
  padding:15px;
}
  .row.offers .info-wrapper.padding-175 {
  padding:15px;
}
  .row.offers .info-wrapper.padding-200 {
  padding:15px;
}
}
.row.offers .black-button {
  background: var(--black);
  padding: 15px 40px;
  margin-top: 25px;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 2px;
  transition: .4s;
  font-size: 12px;
  border: none;
  padding: 0;
  height: 45px;
  width: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
}
.the-modal .view-more-wrapper a.black-button {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    width: calc(100% - 25px);
    background: none;
    border-bottom: 2px solid;
    padding-bottom: 5px;
    transition: .4s;
    color: var(--black) !important;
}
  .ok-slide.white-sliide {
  color: #fff !important;
}
    @media(max-width:600px){
    .ok-slide.white-sliide {
      color:#000 !important;
    }
    .row.home-banner .ok-slide .black-button {
      display:flex;
      margin-bottom:25px;
      padding:0;
      align-items:center;
      justify-content:center;
    }
  }
.the-modal .view-more-wrapper a.black-button:hover {
    color: var(--hsgreen);
    transition: .4s;
}
svg.modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    max-width: 25px;
    z-index: 6;
    cursor: pointer;
}
.the-modal .close {
    position: absolute;
    right: 0;
    top: 0;
}
.the-modal .column {
    width: 50%;
    position: relative;
    padding: 25px;
    box-sizing: border-box;
}
.the-modal h4 {
    font-size: 40px;
    margin-top: 5px;
    margin-bottom: 25px;
}

  .the-modal h4 svg path{
    fill:#cce738;
  }
.the-modal .price__regular {
    text-align: left;
}
.the-modal .column.col-2 .product-vendor {
    color: var(--black);
    text-deo: none;
    text-decoration: none;
    padding-bottom: 5px;
    border-bottom: 1px solid;
    margin-bottom: 5px;
    display: inline-block;
}
.compare-price-modal {
  display:none;
}
  .price-modal-wrapper {
    display: flex;
    display:none;
}
.price-modal-wrapper span.compare-price-modal {
    position: relative;
    top: 2.5px;
    color: var(--hsgreen);
}
  .the-modal form.cart-add-form .submit-product-wrapper,
  .collection .the-modal .submit-product-wrapper{
    display: none;
}
  .image-slide.color-product {
    width: auto !important;
    height: auto !important;
}
  .image-slide.color-product span {
    width: 25px;
    height: 25px;
    background: red;
    display: block;
    border-radius: 100%;
    margin: 0 5px;
    margin-top: 15px;
}
  .the-modal .product-variant-image-wrapper.bottom .image-slide.size-product {
    height: auto !important;
    width: auto !important;
    left: 0px;
    position: relative;
    margin: 0 5px;
    margin-top: 15px;
}
  .image-slide.size-product.slick-slide.slick-current span {
    background: #000;
    color: #fff;
}


  .size-product span {
    display: block;
    padding: 5px 15px;
    border: 1px solid;
    font-size: 14px;
    border-radius: 5px;
}
 
  .price-modal-wrapper .price {
    width: auto;
}
  span.product-card-wrapper.has-variants form {
    display: none;
}
  }

.collection-slider .product-card__title p {
  width:calc(100% - 35px);
  margin:auto;
}
a.black-button.button-link {
    background: var(--hsblack);
    color: var(--white) !important;
    padding: 15px 25px;
    text-transform: uppercase;
    border: none;
    font-weight: bold;
    cursor: pointer;
    transition: .4s;
    min-height: 45px;
    position: relative;
    text-decoration: none;
    letter-spacing: 1.5px;
    font-weight: 400;
    font-size: 14px !important;
    margin-top: 50px;
    display: inline-block;
    display: table;
    width: 100%;
    margin: auto;
    box-sizing: border-box;
    margin-top: 63px;
    min-height: 45px;
    padding: 0;
    margin-top: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media(max-width:600px){
  a.black-button.button-link {
    margin-top:36px;
  }
}
.collection-slider .black-button.button-link {
    max-width: calc(100% - 35px);
    margin-top: 28px;
}
  span.product-card-wrapper.has-no-variants .black-button.button-link {
    display: none;
}
  span.compare-price-modal::before {
    content: 'RRP';
    position: relative;
    margin-right: 4px;
    color: var(--hsgreen);
}
.the-modal .column.col-2 span.price-item.price-item--regular {
    font-size: 20px;
    width:auto;
}
span.sold-out-price {
    color: #f44336;
    font-size: 14px;
}
.the-modal .column.col-2 {
    text-align: left;
    min-height: 400px;
    display: flex;
    align-items: center;
  flex-wrap:wrap;
}
  .the-modal span.logged-out-para {
    width:100%;
  }
.row.modal-wrapper .filter {
    background: rgba(0,0,0,0.4);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}


/*---------------------------------------------*/
            /* SINGLE PRODUCT */
/*---------------------------------------------*/

.product-header {
    position: relative;
    display: flex;
}
.product-header dl.price {
    font-size: 20px;
    font-weight: bold;
    padding-top: 25px;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: row-reverse;
} 
.product-header .column {
    width: 50%;
    padding: 25px;
    box-sizing: border-box;
}
.column.col-1.product-image-wrapper {
    display: flex;
    justify-content: center;
    position: relative;
}
.column.col-1.product-image-wrapper .scroll-el {
    width: 100%;
    max-width: 500px;
    position: absolute;
}
.column.col-1.product-image-wrapper .scroll-el.bottom {
    position: absolute !important;
    bottom: 70px;
}
  @media(max-width:900px){
    .column.col-1.product-image-wrapper .scroll-el.bottom  {
      position:relative !important;
    }
    .collection .heading-content h1 {
      font-size:40px;
    }
  }
.product-color_scroll .bottom-slider .image-slide.slick-slide.slick-current {
    border: none;
}
.product-header .price__regular {
    text-align: left;
      width: auto;
}
.product-header .submit-product-wrapper {
    position: relative;
    padding: 0;
}

.slides-container {
    height: 400px;
    width: 100%;
    position: relative;
}

.top-slider .image-slide {
    height: 300px;
    background-size: auto 300px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.top-slider .image-slide p.color-code {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    font-weight: bold;
}
.top-slider button.slick-prev.pull-left.slick-arrow {
    left: 50px;
}
.top-slider button.slick-next.pull-right.slick-arrow {
    right: 50px;
}

.product .color-list .top-slider button.slick-next.pull-right.slick-arrow{
  margin-top:160px;
  transform:rotate(0);
}
  .product .color-list .top-slider button.slick-prev.pull-left.slick-arrow{
  margin-top:160px;
    transform:rotate(0);
}
  .product .cross-sell-collection {
    margin-bottom:100px;
  }
.bottom-slider  {
    margin-top: 25px;
}
.product .bottom-slider {
    max-width: 500px;
    margin: auto;
    margin-top: 25px;
}
.bottom-slider .image-slide {
    height: 100px;
    background-size: auto 85px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.bottom-slider .image-slide.color-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.bottom-slider .image-slide.color-slide .color-code {
    width: 30px;
    height: 30px;
    position: absolute;
    margin: auto;
    border-radius: 100%;
}
.product-color .bottom-slider .image-slide.slick-slide.slick-current {
    border: none;
    opacity: .8;
    transition: .4s;
}
.submit-product-wrapper.variant-product-wrapper.stock-out::before {
    content: 'Not enough in stock!';
    display: block;
    width: 100%;
    color: red;
    font-family: arial;
    font-size: 13px;
    margin-bottom: 14px;
}
body.product-color button.slick-prev.pull-left.slick-arrow,
body.product-color_scroll button.slick-prev.pull-left.slick-arrow {
    margin-top: 48px;
}
body.product-color button.slick-next.pull-right.slick-arrow,
body.product-color_scroll button.slick-next.pull-right.slick-arrow {
    margin-top: 48px;
    right: -25px;
}
body.product-color_scroll button.slick-next.pull-right.slick-arrow .bottom-slider .image-slide.slick-slide.slick-current {
    border: none;
}
.product-color .bottom-slider .image-slide.slick-slide:hover,
body.product-color_scroll  .bottom-slider .image-slide.slick-slide:hover {
    opacity: .8;
    transition: .4s;
}
.bottom-slider.multi-product-no {
    display: none;
}
.description-box,.shipping-payments-box {
    margin-top: 25px;
    background: rgba(255,255,255,.9);
    padding: 25px;
    left: -25px;
    position: relative;
    width: 100%;
  /* min-height:150px; */
}
.description-box.m-top,
.shipping-payments-box.m-top {
    display: none;
}
.description-box div {
    font-size: 16px;
    font-family: var(--bodyfont);
}
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    text-transform: uppercase;
    border: none;
    letter-spacing: 1px;
    font-size: 16px;
    background: none;
    padding: 0;
    font-size: 15px;
    padding-bottom: 5px;
    cursor: pointer;
    border-bottom: 1px solid;
    padding: 11px 0px;
    font-weight: bold;
    width: 100%;
    text-align: left;
    position: relative;
    padding-top: 30px;
    font-weight: normal;
}
.accordion.active {
    font-weight: bold;
}
button.accordion svg {
    position: absolute;
    right: 0;
    right: 5px;
    width: 15px;
    transition: .4s;
    top: auto;
    bottom: 16px;
}
.panel ul {
    padding-left: 0;
}

button.accordion.active svg {
    transform: rotate(-90deg);
    transition: .4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

/* Style the accordion panel. Note: hidden by default */
.panel {
   padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.description-box.mobile {
    display: none !important;
}
.mobile .basket-link-wrapper svg {
    height: 28px !important;
    margin-left: 0;
    margin-right: 5px;
    width: auto;
}
.description-box .nav-for div,
.shipping-payments-box .nav-for div {
    display: none;
    font-family: var(--bodyfont);
    background: var(--white);
}
.description-box .nav-for div.active,
.shipping-payments-box .nav-for div.active {
    display: block;
}
.description-box  .nav
{
    display: flex;
    align-content: space-between;
    justify-content: space-between;
    margin-bottom: 25px;
}
.shipping-payments-box button {
    margin-right: 25px;
}
.shipping-payments-box .nav  {
    display: flex;
    margin-bottom: 25px;
}
.shipping-payments-box a{
    font-weight: bold;
    color: var(--black);
    text-decoration: none;
}
.shipping-payments-box li {
    list-style: none;
}
.shipping-payments-box li svg path {
    stroke: var(--black);
}
.collection-link-wrapper {
    margin-top: 35px;
}
.description-box .nav button,
.shipping-payments-box .nav button {
    text-transform: uppercase;
    /* font-weight: bold; */
    border: none;
    letter-spacing: 1px;
    font-size: 16px;
    background: none;
    padding: 0;
    font-size: 15px;
    padding-bottom: 5px;
    cursor: pointer;
}
.description-box .nav-for div ul,
.description-box .nav-for div ol,
.shipping-payments-box div ul,
.shipping-payments-box div ol {
    padding-left: 0;
    padding-left: 20px;
}
.cross-sell-collection .max-width-wrapper {
    display: flex;
} 
.cross-sell-collection .max-width-wrapper .collection-card {
    width: 50%;
}
.collection-card.card-two {
    margin-left: 15px;
    width: calc(100% - 15px);
    padding-right: 15px;
}
.collection-card.card-one {
    margin-right: 15px;
    width: calc(100% - 15px);
    padding-left: 25px;
}
.collection-info-wrapper {
    min-height: 200px;
    line-height: 28px;
}
.cross-sell-collection .max-width-wrapper .collection-card  h4 {
    font-size: 32px;
}
.collection-banner-image {
    width: 100%;
    height: 350px;
    background-size: cover;
}
.product-video {
    width: 100%;
    display: flex;
}
.product-video .column {
    width: 50%;
    padding: 25px;
}
.product-video .column h3 {
    font-size: 36px;
    line-height: 120%;
    max-width: 360px;
}
.single-product-top-section {
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-bottom: 50px;
}
.description-box .nav button.active,
.shipping-payments-box .nav button.active {
    font-weight: bold;
    border-bottom: 2px solid;

}
.bottom-slider .image-slide.slick-slide.slick-current {
    box-sizing: border-box;
    transition: .2s;
}
.bottom-slider .image-slide:hover {
    transition: .4s;
    opacity: .8;
}
.variant-wrapper {
    position: relative;
    width: 300px;
    padding-right: 25px;
    box-sizing: border-box;
}
.autoComplete_wrapper {
    width: 100%;
}

.autoComplete {
    width: 100%;
    height: 45px;
    border: 1px solid #000;
    padding: 5px;
    box-sizing: border-box;
    text-indent: 5px;
}
.variant-product-wrapper button.submit-add-to-cart.black-button {
    max-width: 250px;
    margin-top: 25px;
    margin-bottom: 25px;
}
.product-header .submit-product-wrapper.variant-product-wrapper {
    flex-wrap: wrap;
}
.product-color .product-header button.submit-add-to-cart.black-button,
body.product-color_scroll  .product-header button.submit-add-to-cart.black-button {
    max-width: 275px;
}
.product-header button.submit-add-to-cart.black-button {
    max-width: 277px;
}
.product-header .quantity {
    max-width: 150px;
}
span.text-content{
    font-weight: bold;
}
.variant-list {
    position: absolute;
    background: #fff;
    display: none;
}
.product-header .quantity-button {
    width: 34px;
    height: 34px;
}
.product-image-info h1 {
    margin-top: 5px;
    position: relative;
    margin-bottom: 25px;
    font-size: 30px;
    line-height: 110%;
}

.product-image-info h1 svg{
  fill:#cce738;
}
.product-image-info h1 span {
    position: absolute;
    top: -0;
    left: -21px;
    display: inline-block;
}
.product-header a.product-vendor {
    color: var(--hsblack);
    text-decoration: none;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid;
  font-size:16px;
}
.variant-list {
    width: 250px;
    /* overflow: hidden; */
    max-height: 100px;
    overflow-x: scroll;
    border: 1px solid #000;
    z-index: 3;
    border-top: 0;
}
.variant-list.active {
    display: block;
    width: calc(100% - 27px);
}
.variant-list input {
    width: 100%;
    border: none;
    padding: 9px 10px;
    box-sizing: border-box;
    cursor: pointer;
    transition: .4s;
}
.variant-list input:hover {
    transition: .4s;
    background: var(--hslightgreen);
}
input.variant-inputs.active {
    background: var(--hslightgreen);
    animation: matchVariants .5s 5;
    animation-fill-mode: forwards;
}

@keyframes matchVariants {
    0%{
        background: var(--hslightgreen);
    }
    50%{
        background: var(--white);
    }
    100%{
        background: var(--hslightgreen);
    }
}

button.add-more-variant-inputs {
    background: none;
    border: none;
    margin-top: 25px;
    position: relative;
    display: flex;
    border-bottom: 2px solid;
    align-items: center;
    cursor: pointer;
    transition: 4s;
    font-weight: 400;
}
button.add-more-variant-inputs:hover {
    color: var(--hsgreen);
    transition: .4s;
}
button.add-more-variant-inputs span {
    font-size: 18px;
    display: block;
    padding-right: 5px;
}


button.add-more-variant-inputs.limit-reached {
    color: #cdcdcd;
}
.submit-product-wrapper.variant-product-wrapper[data-show="show"] {
    display: flex;
}
.submit-product-wrapper.variant-product-wrapper[data-show="hide"] {
    display: none;
}
.color-list button.slick-prev.pull-left.slick-arrow,
.color-list button.slick-next.pull-right.slick-arrow  {
    margin-top: 47px;
}
.color-list button.slick-prev.pull-left.slick-arrow svg {
    transform: rotate(90deg);
    width: 20px;
    height: 10px;
}
.color-list button.slick-next.pull-right.slick-arrow svg {
    transform: rotate(-90deg);
    width: 20px;
    height: 10px;
}
.color-list button.slick-next.pull-right.slick-arrow {
    margin-left: 5px;
    right: -25px;
}
/*---------------------------------------------*/
            /* CART PAGE */
/*---------------------------------------------*/
.cart-product-display {
    background: var(--hsgrey);
}
form.cart.cart-form-wrapper {
    display: flex;
    flex-wrap: wrap;
}
form.cart.cart-form-wrapper {
    display: flex;
    flex-wrap: wrap;
}
form.cart.cart-form-wrapper table {
    width: calc(100% - 400px);
}
form.cart.cart-form-wrapper .cart__footer {
    width: 350px;
    margin-left: 50px;
    padding: 25px;
    box-sizing: border-box;
    background: var(--hslightgreen);
}
a.text-link.text-link--accent.continue-shopping,
a#customer_logout_link,
.return-button {
    font-weight: bold;
    text-decoration: none;
    color: #000;
    padding-bottom: 5px;
    border-bottom: 2px solid;
    margin-bottom: 25px;
    /* margin-bottom: 25px; */
    display: inline-block;
}
a.cart__product-title {
    color: #000;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 2px solid;
    padding-bottom: 5px;
    margin-bottom: 5px;
    display: inline-block;
}
.cart__meta-text {
    font-family: var(--bodyfont);
    font-size: 12px;
    color: #999;
    font-weight: normal;
    margin-top: 0;
}
.sub-total-wrapper h3 {
    font-size: 32px;
    margin-top: 15px;
}
.label-price {
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 2px solid;
}
.cart__row td {
    vertical-align: top;
}
td.cart__meta.small--text-left {
    max-width: 250px;
    width: 250px;
}
td.cart__image-wrapper {
    width: 100px;
}
tr.cart__row {
    border-bottom: 1px solid #eee;
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-bottom: 15px;
    margin-bottom: 35px;
}
td.cart__image-wrapper div {
    width: 100%;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
}
.total-price p,
.item-price p {
    margin-top: 0;
}
.modal-error, .modal-first-visitor {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    z-index: 9999999999;
}
.modal-error.modal-first-show, .modal-first-visitor.modal-first-show {
    display: flex;
}


.button-wrapper button {
    margin: 0 5px;
    width: 100%;
    max-width: 150px;
}
.modal-error span.the-modal h3 {
    font-size: 32px;
}
.modal-error span.modal-filter, .modal-first-visitor span.modal-filter {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.6);
}
.modal-error span.the-modal, .modal-first-visitor span.the-modal {
    background: var(--hslightgreen);
    box-sizing: border-box;
    min-width: 400px;
    text-align: center;
    position: relative;
    -webkit-box-shadow: 0 0 94px -30px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0 0 94px -30px rgba(0,0,0,.75);
    box-shadow: 0 0 94px -30px rgb(0 0 0 / 75%);
    max-width: 600px;
    padding-bottom: 50px;
    animation: modalIn .6s 1;
    animation-fill-mode: forwards;
    position: relative;
    display: block;
}
@keyframes modalIn {
    0%{
        margin-top: 15px;
    }
    100%{
        margin-top: 0;
        opacity: 1;
    }
}
.modal-error img.close, .modal-first-visitor img.close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9;
    transition: .4s;
    cursor: pointer;
}
.modal-error .button-wrapper {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

/*---------------------------------------------*/
            /* SEARCH RESULTS PAGE */
/*---------------------------------------------*/
ul.page-width.list-view-items {
    display: flex;
    flex-wrap: wrap;
}
body.search .page-search .row.search-wrapper {
    position: relative;
    margin-top: 0;
    padding: 25px;
    box-sizing: border-box;
    width: 100%;
}
body.search .page-search .row.search-wrapper .search-sub-wrap {
    padding-left: 0;
    padding-right: 0;
}
body.search .page-search .row.search-wrapper .search-sub-wrap .close {
    display: none;
}

.grid__item.myaccount__order-history h2 {
    font-size: 35px;
}
body.search h1,
body.customers-register h1,
body.customers-account h1{
    font-size: 55px;
}
div#CustomerLoginForm h1 {
    font-size: 55px;
    padding-top: 25px;
}

/*---------------------------------------------*/
            /* BRANDS PAGE */
/*---------------------------------------------*/
.brand-list li .first-a,
.brand-list li .first-b,
.brand-list li .first-c,
.brand-list li .first-d,
.brand-list li .first-e,
.brand-list li .first-f,
.brand-list li .first-g,
.brand-list li .first-h,
.brand-list li .first-i,
.brand-list li .first-j,
.brand-list li .first-k,
.brand-list li .first-l,
.brand-list li .first-m,
.brand-list li .first-n,
.brand-list li .first-o,
.brand-list li .first-p,
.brand-list li .first-q,
.brand-list li .first-r,
.brand-list li .first-s,
.brand-list li .first-t,
.brand-list li .first-w,
.brand-list li .first-x,
.brand-list li .first-y,
.brand-list li .first-z,
.brand-list li .first-misc {
    display: none;
}

.vendor-list {
    display: flex;
    flex-wrap: wrap;
}
.vendor-list ul {
    padding: 0;
    width: 20%;
    list-style: none;
}
.vendor-list ul .alph-heading {
    font-size: 40px;
    padding-bottom: 15px;
    border-bottom: 1px solid;
    margin-bottom: 15px;
    font-family: var(--headingfont);
    color: var(--hsgreen);
}
.vendor-list ul a {
    color: var(--black);
    text-decoration: none;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 2px solid;
    font-weight: bold;
    transition: .4s;
}
.vendor-list ul a:hover {
    transition: .4s;
    color: var(--hsgreen);
}
.alph-heading {
    width: 100%;
}
/*---------------------------------------------*/
            /* ACCOUNT PAGE */
/*---------------------------------------------*/

.grid__item.update-deets h3,
.grid__item.update-deets h2,
.myaccount__account-details h3 {
    font-size: 35px;
}
.grid.myaccount {
    display: flex;
    flex-wrap:wrap;
}
/*---------------------------------------------*/
            /*MOBILE */
/*---------------------------------------------*/

@media(max-width: 1550px){
    div#shopify-section-footer .row.mailchimp {
        margin-left: 100px;
        margin-right: 100px;
    }
}
@media(max-width: 1450px){
    .variant-main-wrap.alt-wrap .variant-stock {
        margin-left: 15px;
        width: 100%;
        margin-top: 0;
    }
    
    .variant-main-wrap.alt-wrap .variant-product-wrapper .variant-heading {
        width: 100%;
    }
   

}
@media(max-width: 1400px){
    .row.header .max-width-wrapper {
        padding-left: 50px;
      padding-right:50px;
    }
    li.logo-wrapper svg {
        max-width: 160px;
        margin-left: 15px;
        margin-right: 15px;
    }
}
@media(max-width: 1350px){
    .collection .submit-product-wrapper,
    .search .submit-product-wrapper{
        flex-wrap: wrap;
        justify-content: center;
    }
  .row.product-row .product-card {
    min-height:570px;
  }
    .collection .submit-product-wrapper .quantity,
    .search .submit-product-wrapper .quantity{
        margin-bottom: 15px;
    }
}
@media(max-width: 1300px){
    
     .customers-account .internal-row {
       padding-top:100px;
     }
    .row.header .max-width-wrapper {
        padding-left: 15px;
    }
    .row.home-banner {
        padding-top: 0;
    }
    
    .mobile-menu-wrapper ul .dropdown-child.active div.sub-lists-wrap {
        width: 100%;
    }

    .sub-lists-wrap li.menu-link {
        width: 100%;
        padding-left: 0;
    }
    ul.menu.dropdown-grandchild {
        display: flex;
        padding-bottom: 0;
        flex-wrap: wrap;
    }
    .sub-lists-wrap > li.menu-link > a {
        width: 100%;
        height: 50px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        background: rgba(255,255,255,0.3);
        margin-top: 15px;
    }
    .mobile-menu-wrapper ul .dropdown-child.active div.sub-lists-wrap li {
        padding: 0;
    }
  
     .variant-main-wrap.alt-wrap .variant-stock {
        margin-left:0;
       margin-bottom:0;
       padding-bottom:15px;
       border-bottom:1px solid #eee;
    }
    .max-width-wrapper,
    .grid__item.max-sub-width-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }
    div#shopify-section-header .row.header {
        transition: 0s !important;
    }
    div#shopify-section-footer .row.mailchimp {
        margin-left: 25px;
        margin-right: 25px;
    }
    tr.cart__row {
        flex-wrap: wrap;
    }
    td.cart__image-wrapper {
        margin-bottom: 15px;
    }
    td.cart__price-wrapper {
    margin-bottom: 15px;
}
    .cart__row td {
        width: 100%;
    }
    .mobile-menu-wrapper  {
        display: block;
        left: -100%;
    }
    ul.address-list {
        margin-top: 50px;
    }
    div#shopify-section-header .row.header {
        padding-top: 0;
        transition: 0;
        background: none;
        transition: 0 !important;
        position: relative;
       
    }
    div#shopify-section-header .row.header.active {
        height: 100%;
         transition: 0s;
         height: auto;
    }
    li.menu-link.active svg {
        transform: rotate(180deg);
        transition: .4s;
    }
    ul.mobile-top-icons {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    ul.mobile-top-icons {
        background: rgba(255,255,255,0.4);
    }
    ul.mobile-top-icons button.search {
        background: none;
        border: none;
        padding: 0;
    }
    .mobile-menu-wrapper ul.top-section {
        padding: 15px 0 0px 0 !important;

    }
    ul.mobile-top-icons svg {
        padding: 16px;
    }
    .mobile-menu-wrapper .top-section li a.top-parent-link {
       font-weight: 700;
        display: inline-block;
        width: 100%;
        padding-bottom: 5px;
        font-size: 16px;
    }
    .mobile-menu-wrapper ul .dropdown-child.active div {
        padding: 0;
        width: 100%;
    }
    .mobile-menu-wrapper ul {
        margin-top: 0;
    }
    .mobile-menu-wrapper ul .dropdown-child a {
       color: var(--hsblack);
        text-decoration: none;
        font-size: 16px !important;
        padding: 3px 0;
        display: block;
        text-align: center;
        padding: 15px;
        box-sizing: border-box;

    }
    ul.menu.dropdown-grandchild li {
        width: 50%;
    }
    a.main-sub-parent {
        color: var(--hsgreen) !important;
    }
    .mobile-menu-wrapper ul .dropdown-child.active {
        display: block;
        padding: 0;
    }
    ul.menu.dropdown-grandchild li {
        padding: 0;
        width: 100%;
    }
    .mobile-menu-wrapper span.carrot {
        position: absolute;
        right: 15px;
        transform: rotate(-90deg);
    }
    .mobile-menu-wrapper span.carrot svg {
        width: 8px;
        opacity: .7;
        transition: .4s;
    }
    .mobile-menu-wrapper .top-section li {
        padding: 5px 13px;
    }
    ul.mobile-top-icons li {
        width: 100%;
     border-bottom: 1px solid var(--hsgreen);
     display: flex;
     align-items: center;
     font-weight: bold;
    }
    span#basket-count {
        right: -7px;
        top: -20px;
    }
    button.search {
        border: none;
        background: none;
    }
    button.search svg {
        height: 28px !important;
        margin-left: 0;
        margin-right: 5px;
        width: auto;
    }
    ul.mobile-top-icons a {
        display: flex;
        align-items: center;
        font-weight: bold;
        text-decoration: none;
        color: var(--black);
        font-size: 12px;
    }
    ul.mobile-top-icons .heading {
        color: var(--black);
        text-decoration: none;
        margin-right: 5px;
        font-weight: bold;
        font-size: 14px;
    }
    .internal-row {
        padding-top: 0px;
    }
     .mobile-menu-wrapper {
        display: none;
        transition: .4s;
        margin-top: 0px;
        transition: .4s;
        margin-top: 0;
        position: relative;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        height:100%;
     }
  .mobile-menu-wrapper.mobile-nav-active {
    display:block;
  }
    

     .mobile-menu-wrapper  ul {
        padding: 0;
        list-style: none;
    } 
    .mobile-menu-wrapper  ul .top-parent-link {
        font-size: 20px;
        text-decoration: none;
        font-family: var(--defaultfont);
        color: var(--hsblack);
    }
    .mobile-menu-wrapper  ul .dropdown-child {
        display: none;
    }
   .mobile-menu-wrapper.mobile-nav-active {
        display: block;
        transition: .4s;
        margin-top: 0;
        position: relative;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        margin-top: 50px;
        height: auto;
        left: 0%;
        min-height: calc(100% - 50px);
        margin-top: 0;
    }
    .desktop{
        display: none;
    }
    .mobile .column.col-1 svg {
        width: auto;
        height: 30px;
    }
    .row.header.active .mobile .filter{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.3);
        z-index: 0;
        animation: filterIn .6s 1;
        animation-fill-mode: forwards;
    }
    @keyframes filterIn {
        0%{
            opacity: 0;
        }
        100%{
            opacity: 1;
        }
    }
    .mobile .column.col-1 {
        width: 83px;
        display: block;
        text-align: left;
    }
    .mobile .column.col-2 {
        width: auto;
        text-align: center;
        width: 100%;
    }
    .mobile .column.col-2 svg {
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
    .mobile .column.col-3 {
        width: 203px;
        text-align: right;
        padding-right: 20px;
    }

    .mobile {
        display: flex;
        align-items: center;
        background: var(--white);
        height: 84px;
    }
    .row.search-wrapper {
        height: 57px;
    }
    .search-sub-wrap {
        padding-left: 15px;
        padding-right: 15px;
    }
    .row.intro-content .max-width-wrapper {
        flex-wrap: wrap;
    }
    .row.intro-content .max-width-wrapper .column {
        width: 100%;
    }
    .row.home-banner .ok-slide {
        min-height: 600px;
    }
    .row.guarantees .max-width-wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }
    .row.guarantees .max-width-wrapper .column {
        width: 100%;
        max-width: 300px;
        margin-bottom: 15px;
    }
    .row.offers .card {
        width: 100%;
        
    }
    .row.offers .card .info-wrapper {
        top: 0;
    }
  
    input.number-input {
        text-align: center;
    }
 
}

@media(max-width: 900px){
    div#shopify-section-footer .row.row-1 .column.col-1 {
        width: 100%;
      padding-top:0;
    }
  .row.product-row .max-width-wrapper {
    flex-wrap:wrap;
  }
  .product-grid {
    width:100%;
  }
  .row.product-row .product-card.cross-sell-wrapper {
    width: calc(50% - 4px);
    min-height: 450px;
}
  .heading p {
    text-align:center;
  }
    .row.product-row .product-card.side-bar-filter {
      width:100%;
      padding:0 10px;
      padding-bottom:25px;
    }
      
    .column.col-1.product-image-wrapper .scroll-el {
        position: relative !important;
    }
    .shipping-payments-box .nav button{
        text-align: left;
    }
    .quantity-button {
        height: 25px;
        box-sizing: border-box;
        width: 25px;
    }
    .column.col-1.product-image-wrapper .scroll-el.bottom {
        position: relative;
    }
    .product-color .product-header .submit-product-wrapper.variant-product-wrapper,
    body.product-color_scroll  .product-header .submit-product-wrapper.variant-product-wrapper {
        width: auto;
    }
   
    .product-color .product-header .quantity,
    body.product-color_scroll  .product-header .quantity {
        margin-top: 25px;
        width: 100%;
        max-width: 100%;
    }

    .collection-banner-row .column.bg-image {
        
        width: 100%;
    }
    .collection-banner-row .column {
        width: 100%;
        padding: 0px;
    }
    .row.product-filters {
        margin-top: 0;
    }
    .row.product-row .product-card {
        width:calc(50% - 25px)
    }
    h1 {
        font-size: 40px;
        line-height: 140%;
    }
    .row.product-filters h2 {
        font-size: 35px;
    }

}

@media(max-width:769px){
  .variant-main-wrap.alt-wrap .variant-product-wrapper {
        width: 100%;
    }
}
@media(max-width: 600px){
    .mobile-prod-title,
    .mobile-prod-title {
        display: block !important;
        line-height: 120%;
        margin-left: 15px;
        margin-right: 15px;
    }
  html body.index .row.offers .link-wrap a {
  margin: 0 !important;
}
  .row.offers .card {
    flex-wrap:wrap;
  }
  .row.offers .card .image-wrapper,
  .row.offers .card .info-wrapper{
    width:100%;
  }
   .row.offers .card .image-wrapper {
     min-height:380px;
   }
  .row.offers .card .info-wrapper {
    padding:40px 15px;
    max-width:100% !important;
    margin:0;
  }
   
    .mobile.max-width-wrapper .column.col-3 {
    width: 200px !important;
      display:flex;
}
    body.search h1, 
  body.customers-register h1,
  div#CustomerLoginForm h1,
  body.customers-account h1{
        font-size:35px;
        padding-top:25px;
    }


    .search .section-header.text-center {
        width:100%;
    }
    
    button.continue-shopping.close {
        display: block;
    } 
    .product-size span.mobile-back-to-top {
        display: flex;
        flex-direction: row-reverse;
        margin-right: 15px;
    }
    .panel {
        padding: 0;
    }
    .select-box-wrapper {
        max-width: initial;
    }
    .select-box-wrapper select {
        margin-bottom: 15px;
        max-width: initial;
    }
    .filter-flex-wrap {
        flex-wrap: wrap;
    }
    .product .related-products-wrapper .price-item {
        font-size: 18px;
        font-weight: normal;
    }
    .related-products-wrapper .collection-slider {
        width: 100%;
    }
     .collection .column.heading-content div {
        width: 100%;
        text-align: center;
    }
    .related-products-wrapper .submit-product-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        padding-left: 10px;
        padding-right: 10px;
    }
    .related-products-wrapper .product-main-image img {
        width: 100%;
        height: auto;
    }
    .related-products-wrapper .product-info {
        min-height: 225px;
    }
    .related-products-wrapper .row.slideshow .product-card {
        margin: 0 2.5px;
    }
    .row.related-products-wrapper .max-width-wrapper {
        padding-left: 25px;
        padding-right: 25px;
    }
    .related-products-wrapper .quantity {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 15px;
    }
    .related-products-wrapper .product-card__title p {
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
    .product-main-image {
        min-height: 280px;
    }
    .cross-sell-collection .max-width-wrapper .collection-card h4 {
        margin-bottom: 20px;
    }
    .row.related-products-wrapper .slideshow {
        padding-bottom: 50px;
    }
    .collection .row.cross-sell-collection.padding-top-50 {
        padding-top: 40px;
    }
    .top-slider .image-slide p.color-code {
        left: 5px;
    }
    button.add-more-variant-inputs {
        font-size: 18px;
    }
    .mobile .column.col-1 {
        width: 86px;
    }
    .mobile .column.col-2 svg {
        width: 100%;
    }
    .mobile {
        padding-left: 15px;
        padding-right: 15px;
    }
    p.special-select-product {
        margin-left: 15px;
        margin-right: 15px;
        font-weight: normal;
        font-size: 18px;
    }
    .variant-main-wrap.alt-wrap .sub-wrap,
    button.add-more-variant-inputs {
        margin-left: 15px;
        margin-right: 15px;
    }
    .column.col-2.product-image-info {
        margin-left: 15px;
        margin-right: 15px;
    }
    .cross-sell-collection .button-light-green {
        margin-top: 0;
        margin: auto;
        font-size: 15px;
    }

    .collection .product-card__title p {
        min-height: 65px;
    }
    .color-list .variant-main-wrap.alt-wrap .variant-product-wrapper .variant-heading p {
        width: auto;
        font-size: 18px;
    }
    .related-products-wrapper button.slick-prev.pull-left.slick-arrow {
        left: -21px;
    } 
    .product .mobile-back-to-top {
         display: block;
        text-align: right;
        padding: 0 15px;
        display: flex;
        flex-direction: row-reverse;
    }
    .mobile-back-to-top span.sub-wrap {
        display: block;
        width: 103px;
        text-align: center;
        cursor: pointer;
    }
    span.mobile-back-to-top svg {
        transform: rotate(-90deg);
    }
    div#shopify-section-footer ul.social-links p,
    div#shopify-section-footer .row.row-3 p {
        color: #fff !important;
    }
   
    div#shopify-section-footer .row.row-1 .column.col-2 {
        width: 50%;
    }
    div#shopify-section-footer .row.row-1 .column.col-3 {
        width: 50%;
        padding-left: 30px;
        box-sizing: border-box;
    }
    .vendor-list ul {
        width: 33.33%;
    }
    .row.slideshow .heading-wrapper h3 {
        margin-top: 0;
    }
    .row.related-products-wrapper .slideshow {
        padding-top: 35px;
    }
    .collection-slider.slick-initialized.slick-slider button.wk-button-collection {
        right: 15px;
        opacity: 1;
        margin-top: 15px;
    }
    button.wk-button-collection .wk-icon {
        width: 20px !important;
        height: 20px !important;

    }
    .collection-card.card-one h4 {
        margin-top: 0;
    }
    button.wk-button-product .wk-icon {
        width: 20px !important;
        height: 20px !important;
    }
    .variant-main-wrap.alt-wrap .variant-product-wrapper .variant-heading .color {
        width: 25px;
        height: 25px;
        margin-left:5px;
    }
    .product-header dl.price {
        padding-top: 0;
    }
    span.single-wish-desktop {
        display: none;
    }
   
    .single-wish-mobile {
        position: absolute;
        z-index: 2;
        display: inline-block;
        right: 0;
    }
    .single-wish-mobile span.wk-label {
        display: none !important;
    }
    .collection-banner-image {
        margin-bottom: 25px;
    }
    .collection-cross-mobile {
        display: block;
    }
    .collection-cross-desktop {
        display: none;
    }
    .mobile .column.col-3 {
        padding-right: 0;
    }
    .color-list .description-box.m-top {
        padding-bottom: 25px;
        padding-right: 0;
        width: 100%;
        left: 0;
        padding-left: 0;
        left: 0;
        background: var(--hsgrey);
        padding-top: 10px;
        padding-bottom: 40px;
        margin-bottom: 15px;
        box-sizing: border-box;
        position: relative;
        padding-left: 0;
        padding-right: 0;
    }
    .color-list .description-box.m-top::before {
        content: '';
        width: 25px;
        position: absolute;
        top: 0;
        left: 0;
        background: var(--hsgrey);
        height: 100%;
        left: -25px;
    }
    .color-list .description-box.m-top::after {
        content: '';
        width: 25px;
        position: absolute;
        top: 0;
        background: var(--hsgrey);
        height: 100%;
        right: -25px;
    }
    .color-list .bottom-slider.slick-initialized.slick-slider {
        margin-top: -25px;
    }
  
    .color-list .description-box.m-top .panel {
        background: var(--hsgrey);
        padding: 0;
    }

    .shipping-payments-box.m-top  {
        display: block;
        left: 0;
        width: calc(100% - 40px);
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-left: 15px;
        width: 100%;
      margin:auto;
    }

    .description-box.m-top {
        display: block !important;
        margin-top: 0;
        padding-bottom: 0;
        min-height:0;
        left: 0;
        padding-left: 0;
        padding-right: 0;
    }
  span.logged-out-para {
    width:100%;
  }
    .description-box.d-top,
    .shipping-payments-box.d-top {
        display: none;
    }
  .row.header .max-width-wrapper {
  padding-right:35px;
  }
  
  .customers-account .internal-row {
    padding-top:0;
  }
    span#basket-count {
       right: 0px;
        top: -10px;
        width: 20px;
        height: 20px;
    } 
    ul.mobile-top-icons span#basket-count {
        right: 38px;
        top: 8px;
    }
    .product-ajax-display {
        margin-right: 0;
        bottom: 0;
        width: 100%;
        height: auto;
        margin-bottom: -210px;
       
    }
    .product-ajax-display p.product-heading,
    .product-ajax-display p.product-price {
        display: none;
    }
    a.view-cart-ajax.button-light-green {
        position: relative;
        background: var(--black);
        color: #fff;
        display: block;
        width: calc(100% - 15px);
        margin: auto;
        margin-top: 15px;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        font-size: 16px;
    }
    .product-ajax-display img.product-image {
        display: none;
    }
    h3.added-to-cart-heading {
        margin: 0;
        text-align: center;
    }
    .product-ajax-display div.close {
        display: none;
    }
    button.continue-shopping.close {
        margin: auto;
        display: flex;
        background: var(--black);
        color: #fff;
        border: none;
        padding: 15px 25px;
        font-weight: bold;
        text-transform: uppercase;
        border: 2px solid var(--black);
        background: none;
        color: var(--blac);
        width: calc(100% - 15px);
        text-align: center;
        justify-content: center;
    }
    .added-to-cart-heading {
        font-size: 22px;
    }
    .product-ajax-display.success {
        width: 100%;
        margin-bottom: 0;

    }
    .column.col-1.product-image-wrapper .scroll-el.bottom {
        bottom: 0;
    }
    .bottom-slider .image-slide.color-slide .color-code {
        width: 25px;
        height: 25px;
    }
    .product-header {
        margin-top: 50px;
    }
    body .column.col-1.product-image-wrapper {
        padding-top: 0;
    }
    .desktop-prod-title {
        display: none !important;
    }
    div#shopify-section-footer .row.row-1 .column.col-3 ul {
        padding-left: 0;
    }
    .variant-list.active {
        width: calc(100% - 2px);
    }
    .variant-wrapper {
        width: 100%;
        padding-right: 0;
    }
    .variant-wrapper::before {
        right: 15px !important;
    }
    .shipping-payments-box .nav {
        flex-wrap: wrap;
    }
    .shipping-payments-box .nav button {
        width: 100%;
        margin-bottom:15px;
    }
    .variant-main-wrap.alt-wrap .variant-product-wrapper {
        padding-right: 0;
        flex-wrap: wrap;
    }
    div#shopify-section-footer .row.mailchimp h4 {
        font-size: 30px;
    }
    .variant-main-wrap.alt-wrap .variant-product-wrapper .variant-heading p {
        max-width: 130px;
        width: 100%;
    }
    .variant-main-wrap.alt-wrap .variant-product-wrapper .variant-heading {
        width: 130px;
    }
    .collection-info-wrapper {
        min-height: auto;
    }
    .variant-main-wrap.alt-wrap .quantity {
        padding-bottom: 25px;
    }
    .variant-main-wrap.alt-wrap .variant-product-wrapper .quantity {
        padding: 0;
        text-align: right;
        margin-left: auto;
        margin-right: 10px;
    }
    .quantity-button {
        width: 30px;
        height: 30px;
    }
    .variant-main-wrap.alt-wrap .variant-product-wrapper button.submit-add-to-cart.black-button {
        max-width: 100%;
    }

    .row.home-banner .ok-slide h2 {
        font-size: 50px;
    }
    form.cart.cart-form-wrapper .cart__footer {
        width: 100%;
        margin-left: 0;
    }
    div#shopify-section-footer .row.mailchimp {
        margin-left: 0;
        margin-right: 0;
    }
    body.product .slick-track {
        left: 0px;
    }
    form#ContactForm {
        width: 100%;
    }
    .google-map-wrapper {
        width: 100% !important;
        height: 350px;
    }
    form.cart.cart-form-wrapper table {
        width: 100%;
    }
    td.cart__price-wrapper {
        margin-top: 15px;
    }
    .product-header .column {
        width: 100%;
    }
    .the-modal .column {
        width: 100%;
    }
    .row.product-row .product-card.cross-sell-wrapper {
        width: calc(50% - 4px);
        min-height: 450px;
    }
  .row.product-row .product-card.cross-sell-wrapper .button-light-green  {
    width:auto;
  }
    .autoComplete {
        width: 100%;
    }
    body.product .product-header .quantity {
        padding-top: 25px;
    }
    body .product-header button.submit-add-to-cart.black-button {
        max-width: 100% !important;
    }
    .variant-wrapper::before {
        right: 15px;
    }
    
    .row.product-row .product-card {
            margin: 2px;
            width: calc(50% - 4px);
            padding: 15px;

    }
    .collection .product-variant-image-wrapper.top .slick-slide,
    .collection .no-variant-image {
        height: 150px;
        background-size: contain;
    }
    .collection .product-variant-image-wrapper.top {
        height: auto;
    }
  .collection .the-modal .product-variant-image-wrapper.top {
    height:150px;
  }
    .collection .quantity {
        margin-right: 0;
        margin-bottom: 15px;
        justify-content: center;
        max-width: 100%;
    }
    .collection .submit-product-wrapper {
        padding: 0 7.5px;
        position: relative;
        flex-wrap: wrap;
    }
    ul.main-footer-links li {
        width: 100%;
    }
    div#shopify-section-footer .row.row-2 {
        text-align: left;
    }
    ul.cards-accepted {
        flex-direction: row;
        text-algin: left;
        flex-wrap: wrap;
      padding-top:15px;
    }
  .color-list .shipping-payments-box.m-top {
    padding:0 15px;
    box-sizing:border-box;
    margin-bottom:15px;
  }
    .product-header {
        flex-wrap: wrap;
    }
    body.product-color .column.col-1.product-image-wrapper,
    body.product-color_scroll .column.col-1.product-image-wrapper {
        width: 100%;
        padding: 0;
        padding-top: 65px;
        min-height: auto;
    }
    .product .column.col-1.product-image-wrapper {
        min-height:auto;
    }
    .bottom-slider.slick-initialized.slick-slider {
        width: calc(100% - 0px);
        margin: auto;
    }
    .top-slider .image-slide {
        background-size: contain;
    }
    body.product-color_scroll .collection-slider button.slick-next.pull-right.slick-arrow,
    body.product-color .collection-slider button.slick-next.pull-right.slick-arrow,
    body.product-color .collection-slider button.slick-prev.pull-left.slick-arrow, body.product-color_scroll .collection-slider button.slick-prev.pull-left.slick-arrow {
        margin-top: 50%;
    }
    body.product-color .column.col-1.product-image-wrapper {
        min-height: auto;
    }

    .product-image-info h1 {
        font-size: 45px;
    }
     .the-modal {
        flex-wrap: wrap;
        padding-top:45px;
    }
  div#shopify-section-collection-template .row.product-row .product-card {
    min-height:0px;
  }
  .product-row .product-grid .product-card .product-main-image {
    min-height:auto;
    padding-bottom:15px;
  }
  .quick-view-wrapper button.product-button {
    width:calc(100% - 15px);
  }
  .the-modal .submit-product-wrapper .quantity {
    width:auto;
    margin-bottom:0;
    margin-right:15px;
    align-items:center;
  }
    .row.modal-wrapper {
        margin-top: 0px;
        align-items:inherit;
        transition: .4s;
    }
    .row-moda-wrapper.active {
        margin-top: 0;
        transition: .5s;

    }
    .the-modal h4 {
        font-size: 24px;
    }
    .row.modal-wrapper.active {
        overflow-x: scroll;
    }
    .the-modal .column {
        height: auto;
    }
    svg.modal-close {
        top: 35px;
        right: 25px;
    }
    .the-modal .submit-product-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    .the-modal .column.col-2 > div,
    .the-modal .view-more-wrapper a.black-button {
        width: 100%;
    }
    .the-modal .column img {
        height: 100px;
        text-align: left;
        float: left;
    }
    ul.cards-accepted li {
        margin-left: 0;
        margin-right: 15px;
    }
    .row.internal-row.single-product-top-section {
        background-image: none !important;
    }
    div#shopify-section-footer .row.row-3 div {
        text-align: left;
        padding-bottom: 50px;
    }
    .index div#shopify-section-footer .row.mailchimp .heading-info, .index div#shopify-section-footer .row.mailchimp .form-wrapper {
        width: calc(100% - 15px);
    }
    .the-modal h4 span {
        display: none;
    }
    .top-slider button.slick-prev.pull-left.slick-arrow {
        left: 0;
    }
    .top-slider button.slick-next.pull-right.slick-arrow {
        right: 0;
    }
    .column.col-2.product-image-info {
        padding: 0;
        margin-top: 0px;
    }
    .color-list .column.col-2.product-image-info {
        margin-top: -25px;
    }
    .product .price-item {
        font-size: 30px;
    }
    .variant-main-wrap.alt-wrap .variant-product-wrapper .variant-heading .color {
        padding: 5px;
        box-sizing: border-box;
    }
    .product-image-info h1 span {
        display: none;
    }
    .description-box .nav,
    .shipping-payments-box .nav {
        flex-wrap: wrap;
        width: calc(100% - 50px);
        margin: auto;
    }
    .collection-slider {
        width: calc(100% - 50px);
        margin: auto;
    }
    svg.slick-arrow-left {
        position: absolute;
        left: -25px;
        top: 0;
        width: 12px;
    }
    svg.slick-arrow-right {
        position: absolute;
        right: -25px;
        top: 0;
        width: 12px;
    }
    .description-box .nav button,
    .shipping-payments-box .nav button {
        text-align: left;
        margin-bottom: 15px;
        width: 100%;
        border-bottom: 2px solid;
        font-weight: bold;
    }
    .description-box .nav-for,
    .shipping-payments-box .nav-for {
        width: calc(100% - 30px);
        margin: auto;
    }
    .product-video {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .description-box .nav-for div, .shipping-payments-box .nav-for div {
        display: block;
    }
 


    .product-video .column h3 {
        font-size: 30px;
    }
    .row.slideshow .product-card {
        outline: none;
    }
    .cross-sell-collection .max-width-wrapper {
        flex-wrap: wrap;
    }
    .cross-sell-collection .max-width-wrapper .collection-card{
        width: 100%;
        padding: 0;
        margin: 0;
        margin-bottom: 50px;
        margin-left: 15px;
        margin-right: 15px;
        text-align: center;
        margin-bottom: 15px;
    }
    div#shopify-section-footer {
        padding-top: 0;
    }
    div#shopify-section-footer .max-width-wrapper {
        padding-left: 25px;
        padding-right: 25px;
    }
    .product-video .column {
        width: 100%;
        padding: 0;
    }
    div#shopify-section-footer .row.mailchimp {
        flex-wrap: wrap;
        padding-top: 15px;
        padding-left:15px;
      box-sizing:border-box;
      padding:25px;
      max-width:100%;
    }
  .the-modal .column.col-2 {
    flex-wrap:wrap;
    min-height:auto;
  }
  .the-modal {
    min-height:auto;
  }
  .the-modal .column.col-2 {
    padding-top:0;
  }
  .the-modal span#product-title {
    display:block;font-size:30px;
  }

    div#shopify-section-footer .row.mailchimp .heading-info, div#shopify-section-footer .row.mailchimp .form-wrapper {
        width: 100%;
        box-sizing:border-box;
      padding:15px 0;
    }
    div#shopify-section-footer .row.mailchimp .form-wrapper  div#mc_embed_signup_scroll {
        margin-left:0;
    }
    div#shopify-section-footer .row.mailchimp .form-wrapper input.email{
        width:100%;
    }
  .mobile .column.col-2 {
    min-width:135px;
  }
  div#shopify-section-footer #mc_embed_signup  {
    width:auto !important;
  }
  div#shopify-section-footer #mc_embed_signup input.button {
    width:100% !important;
  }
    div#shopify-section-footer .row.mailchimp .form-wrapper {
        padding-top: 0;
    }
     body.customers-account h1 {
        font-size: 40px;
    }
    .grid__item.myaccount__order-history h2,
    .grid__item.update-deets h3, .grid__item.update-deets h2, .myaccount__account-details h3,
    ul.address-list h2,div#AddressNewForm h2 {
        font-size: 30px;
    }
    .grid.myaccount {
        flex-wrap: wrap;
    }
    .grid__item.acc-right {
        margin: 0;
        margin-top: 50px;
        padding-bottom: 50px;
        width: 100%;
        
    }
    ul.address-list {
        margin-left: 25px;
        margin-right: 25px;
        margin-top: 50px;
    }
    body.customers-addresses .grid__item.medium-up--one-half,
    body.customers-addresses .grid__item.medium-up--one-half input,
    form#address_form_new .grid__item input {
        width: 100% !important;
    }
    ul.address-list {
        margin-left: 0;
        margin-right: 0;
    }
    #mc_embed_signup form {
        padding: 0;
        padding-left: 0 !important;
    }
    div#RecoverPasswordForm {
        padding: 70px 15px 25px 20px;
        box-sizing: border-box;
    }
    div#RecoverPasswordForm h2 {
        font-size: 30px;
    }
    form#customer_login input {
        margin-bottom: 15px;
    }
}
.product .price__sale{
  display:block;
}
span.price-item.price-item--sale.testmb,
.search .price__regular .price-item--regular.rrp-price-card,
span.price-item.price-item--regular.rrp-price-card.relatedRP{
    display: none;
}

p#online-message,
#p-online-message {
    position: absolute;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    padding: 2px 20px;
    z-index: 1;
    background: #ffffff;
    border: 2px solid #000000;
    border-radius: 50px;
}


/* Vikas Css 26/08/24 */

.row.home-banner .ok-slide .max-width-wrapper .slide-info.left{
    margin-bottom: 100px;
}
@media (max-width: 1299.98px){
    .row.home-banner .ok-slide{
        min-height: 700;
    }
}
@media (max-width: 1199.98px){
    .row.home-banner .ok-slide .max-width-wrapper .slide-info.left {
    margin-left: auto !important;
    margin-bottom: 80px;
  }
}
@media (max-width: 991.98px) {
  .ok-slide.black-slide.slick-slide.slick-current.slick-active {
    background-image: none !important;
  }
  .row.home-banner .ok-slide .max-width-wrapper .slide-info.left {
    margin-left: 0 !important;
    padding: 0 20px;
    / max-width: 100%; /
  }
  .row.home-banner .ok-slide .max-width-wrapper .slide-info.left h2 {
    margin-top: 20px;
  }
  img.mobile-banner {
    display: block !important;
    height: 500px;
    object-fit: cover;
  }
}
@media (max-width: 575.98px) {
  .row.home-banner .ok-slide .max-width-wrapper .slide-info.left {
    margin-bottom: 40px;
  }
}