@charset "UTF-8";
@font-face {
  font-family: "entityone";
  src: url("/themes/custom/entityone/_sass-essentials/iconfonts/dist/entityone.eot");
  src: url("/themes/custom/entityone/_sass-essentials/iconfonts/dist/entityone.eot?#iefix") format("eot"), url("/themes/custom/entityone/_sass-essentials/iconfonts/dist/entityone.woff2") format("woff2"), url("/themes/custom/entityone/_sass-essentials/iconfonts/dist/entityone.woff") format("woff"), url("/themes/custom/entityone/_sass-essentials/iconfonts/dist/entityone.ttf") format("truetype"), url("/themes/custom/entityone/_sass-essentials/iconfonts/dist/entityone.svg#entityone") format("svg");
}

.icon-arrow-down:before, .icon-arrow-left:before, .icon-arrow-right:before, .icon-chevron-down-light:before, .icon-chevron-down-solid:before, .icon-close:before, .icon-external-link:before, .icon-facebook:before, .icon-instagram:before, .icon-linkedin:before, .icon-pinterest:before, .icon-play:before, .icon-plus:before, .icon-samples:before, .icon-twitter:before, .icon-vimeo:before, .icon-volume-slash:before, .icon-volume-up:before {
  font-family: "entityone";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

.icon-arrow-down:before {
  content: "";
}

.icon-arrow-left:before {
  content: "";
}

.icon-arrow-right:before {
  content: "";
}

.icon-chevron-down-light:before {
  content: "";
}

.icon-chevron-down-solid:before {
  content: "";
}

.icon-close:before {
  content: "";
}

.icon-external-link:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-linkedin:before {
  content: "";
}

.icon-pinterest:before {
  content: "";
}

.icon-play:before {
  content: "";
}

.icon-plus:before {
  content: "";
}

.icon-samples:before {
  content: "";
}

.icon-twitter:before {
  content: "";
}

.icon-vimeo:before {
  content: "";
}

.icon-volume-slash:before {
  content: "";
}

.icon-volume-up:before {
  content: "";
}

.product-tile--top:hover svg.zoom, .product-tile--top:focus svg.zoom {
  opacity: 1;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.part-of a {
  font-weight: 700;
  position: relative;
  display: inline-block;
}

.part-of a::before {
  content: '';
  display: block;
  position: absolute;
  height: 0;
  left: 0;
  bottom: 0;
  border: solid #000;
  border-width: 1px;
  width: 100%;
  max-width: 100%;
  background-color: #000;
  -webkit-transition-property: width;
  transition-property: width;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

@media (min-width: 1440px) {
  .part-of a::before {
    border-width: 0.07vw;
  }
}

.part-of a:hover::before {
  width: 10px;
}

.special-colour {
  padding: 7px 7px 4px 7px;
  background: black;
  color: #fff;
}

@media (min-width: 1440px) {
  .special-colour {
    padding: 0.49vw 0.49vw 0.28vw 0.49vw;
  }
}

.special-colour--wrapper {
  display: -webkit-box;
  display: flex;
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: end;
          align-items: end;
  gap: 10px;
  font-weight: 700;
  font-size: 0.75rem;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

@media (min-width: 1440px) {
  .special-colour--wrapper {
    font-size: 12px;
    font-size: 0.84vw;
    font-size: 0.84vmax;
  }
}

@media all and (min-width: 768px) {
  .special-colour--wrapper {
    right: 10px;
    bottom: 10px;
  }
}

@media all and (min-width: 768px) and (min-width: 1440px) {
  .special-colour--wrapper {
    right: 0.7vw;
  }
}

@media all and (min-width: 768px) and (min-width: 1440px) {
  .special-colour--wrapper {
    bottom: 0.7vw;
  }
}

@media all and (min-width: 1440px) {
  .special-colour--wrapper svg {
    height: 20px;
    width: 20px;
  }
}

@media all and (min-width: 1440px) and (min-width: 1440px) {
  .special-colour--wrapper svg {
    height: 1.4vw;
  }
}

@media all and (min-width: 1440px) and (min-width: 1440px) {
  .special-colour--wrapper svg {
    width: 1.4vw;
  }
}

.special-colour--wrapper .text {
  padding-top: .2em;
}

.special-colour--wrapper svg.zoom {
  width: 39px;
  height: 39px;
  opacity: 0;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.quickship {
  display: -webkit-box;
  display: flex;
  cursor: pointer;
  position: absolute;
  padding: 7px 7px 4px 7px;
  left: 5px;
  top: 5px;
  -webkit-box-align: center;
          align-items: center;
  background: #fff;
  color: #000;
  font-weight: 700;
  font-size: 0.8125rem;
  box-shadow: none;
  z-index: 5;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

@media (min-width: 1440px) {
  .quickship {
    padding: 0.49vw 0.49vw 0.28vw 0.49vw;
  }
}

@media (min-width: 1440px) {
  .quickship {
    font-size: 13px;
    font-size: 0.91vw;
    font-size: 0.91vmax;
  }
}

@media all and (min-width: 768px) {
  .quickship {
    left: 10px;
    top: 10px;
  }
}

@media all and (min-width: 768px) and (min-width: 1440px) {
  .quickship {
    left: 0.7vw;
  }
}

@media all and (min-width: 768px) and (min-width: 1440px) {
  .quickship {
    top: 0.7vw;
  }
}

@media all and (min-width: 1440px) {
  .quickship svg {
    height: 20px;
    width: 20px;
  }
}

@media all and (min-width: 1440px) and (min-width: 1440px) {
  .quickship svg {
    height: 1.4vw;
  }
}

@media all and (min-width: 1440px) and (min-width: 1440px) {
  .quickship svg {
    width: 1.4vw;
  }
}

.quickship .text {
  padding-top: .2em;
}

@media all and (min-width: 768px) {
  .gallery-wrapper .quickship {
    left: 10px;
  }
}

@media all and (min-width: 768px) and (min-width: 1440px) {
  .gallery-wrapper .quickship {
    left: 0.7vw;
  }
}