@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700;800;900&display=swap");
.weight-600 {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.sticky {
  position: sticky;
  top: 70px;
}

.pt-1 {
  padding-top: 1em !important;
}

.pb-5 {
  padding-bottom: 5em !important;
}

.w-100 {
  width: 100%;
}

.ml-1 {
  margin-left: 1em;
}

.mr-2 {
  margin-right: 2em;
}

.mt-2 {
  margin-top: 2em;
}

.mb-8 {
  margin-bottom: 8em;
}

.flex {
  display: flex;
  flex-direction: row;
}

.flex_col {
  display: flex;
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items_center {
  align-items: center;
}

.left {
  float: left;
}

.right {
  float: right;
}

.justify_end {
  justify-content: flex-end;
}

.justify_around {
  justify-content: space-around;
}

.justify_between {
  justify-content: space-between;
}

.justify_evenly {
  justify-content: space-evenly;
}

.justify_center {
  justify-content: center !important;
}

.hide {
  display: none;
}

.error {
  display: none;
  background: red;
  color: white;
  font-size: 2em;
  text-align: center;
  padding: 1em;
  border-radius: 5px;
  font-weight: 600;
}

.category_description {
  padding: 1em;
}

.w-50 {
  width: 50%;
}

.hidden {
  display: none;
}

/* poppins-300 - latin */
@font-face {
  font-family: "Lato", sans-serif;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/poppins/poppins-v15-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/poppins/poppins-v15-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v15-latin-300.woff2") format("woff2"), url("../fonts/poppins/poppins-v15-latin-300.woff") format("woff"), url("../fonts/poppins/poppins-v15-latin-300.ttf") format("truetype"), url("../fonts/poppins/poppins-v15-latin-300.svg#Poppins") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/* poppins-regular - latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/poppins/poppins-v15-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/poppins/poppins-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v15-latin-regular.woff2") format("woff2"), url("../fonts/poppins/poppins-v15-latin-regular.woff") format("woff"), url("../fonts/poppins/poppins-v15-latin-regular.ttf") format("truetype"), url("../fonts/poppins/poppins-v15-latin-regular.svg#Poppins") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/* poppins-600 - latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/poppins/poppins-v15-latin-600.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/poppins/poppins-v15-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v15-latin-600.woff2") format("woff2"), url("../fonts/poppins/poppins-v15-latin-600.woff") format("woff"), url("../fonts/poppins/poppins-v15-latin-600.ttf") format("truetype"), url("../fonts/poppins/poppins-v15-latin-600.svg#Poppins") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0;
  margin: 0;
  overflow: visible;
  outline: none !important;
}

.hamburger.active .hamburger-inner,
.hamburger.active .hamburger-inner::before,
.hamburger.active .hamburger-inner::after {
  background-color: #3b3a39;
}

.hamburger.dark.active .hamburger-inner,
.hamburger.dark.active .hamburger-inner::before,
.hamburger.dark.active .hamburger-inner::after {
  background-color: #3b3a39;
}

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

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 26px;
  height: 2px;
  background-color: #3b3a39;
  border-radius: 2px;
  position: absolute;
  transition-property: transform, background-color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.hamburger.dark .hamburger-inner, .hamburger.dark .hamburger-inner::before, .hamburger.dark .hamburger-inner::after {
  background-color: #3b3a39;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -8px;
}

.hamburger-inner::after {
  bottom: -8px;
}

/*
   * Spin
   */
.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.active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.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);
}

* {
  font-family: "Poppins", sans-serif;
  -webkit-font-smoothing: antialiased;
}

h1 {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 36px;
  text-align: center;
}

h2 {
  font-family: "Lato", sans-serif;
  font-size: 28px;
  font-weight: 600;
}

h3 {
  font-family: "Lato", sans-serif;
  font-size: 1.2em;
  font-weight: 600;
}

h4 {
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
}

h5 {
  font-family: "Lato", sans-serif;
  font-size: 1.8em;
  font-weight: 600;
  margin: 1em 0;
}

p, li, span {
  font-size: 14px;
  line-height: 1.5em;
}

h3 {
  font-weight: bold;
}

a {
  color: #D71E41;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

nav.breadcrumbs {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #888888;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
nav.breadcrumbs a {
  color: #3b3a39;
  text-decoration: none;
}
nav.breadcrumbs a:hover span {
  text-decoration: underline;
}

.swatch, .swatch_image {
  min-width: 2em;
  min-height: 2em;
  padding-left: 2.5em;
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
}

.available_colours {
  flex-wrap: wrap;
}

.swatch::before,
.swatch_image_inner {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2em;
  height: 2em;
  overflow: hidden;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
}

.swatch_image_inner {
  border: none;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.1);
}

input[type=checkbox].swatch_checkbox.black:checked, input[type=checkbox].swatch_checkbox.blue:checked, input[type=checkbox].swatch_checkbox.pink:checked, input[type=checkbox].swatch_checkbox.green:checked,
input[type=radio].swatch_checkbox.black:checked,
input[type=radio].swatch_checkbox.blue:checked,
input[type=radio].swatch_checkbox.pink:checked,
input[type=radio].swatch_checkbox.green:checked {
  background-image: url(../images/tick-white.svg);
}

.swatch.neutral::before,
.swatch_checkbox.neutral {
  background: #FFFCE9;
  border-color: #D8D8D8;
}

.swatch.black::before,
.swatch_checkbox.black {
  background: #000000;
  border-color: #000000;
}

.swatch.white::before,
.swatch_checkbox.white {
  background: #FFFFFF;
  border-color: #D8D8D8;
}

.swatch.blue::before,
.swatch_checkbox.blue {
  background: #546AFF;
  border-color: #546AFF;
}

.swatch.multi::before,
.swatch_checkbox.multi {
  background: #EEEEEE;
  border-color: #D8D8D8;
}

.swatch.pink::before,
.swatch_checkbox.pink {
  background: #D71E41;
  border-color: #D71E41;
}

.swatch.green::before,
.swatch_checkbox.green {
  background: #6EBA6A;
  border-color: #6EBA6A;
}

ul.available_colours {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
ul.available_colours li {
  margin: 0;
  padding: 0;
  display: block;
}

.icon_link {
  display: inline-block;
  line-height: 1em;
  color: #3b3a39;
}

.icon_link::before {
  display: inline-block;
  position: relative;
  content: "";
  width: 1.5em;
  height: 1.5em;
  top: 0.35em;
  margin-right: 0.25em;
}

.icon_link.telephone::before {
  background-image: url(../images/phone.svg);
}

.icon_link.email::before {
  background-image: url(../images/mail.svg);
}

* {
  box-sizing: border-box;
}

html, body {
  font-size: 10px;
  background-color: #FFFFFF;
  color: #3b3a39;
}

@media (max-width: 1023px) {
  body.noscroll {
    overflow-y: hidden;
  }
}

#mobile_detector {
  display: block;
}

.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
}

.container.fixed {
  max-width: 1680px;
}

.container.fixed.less_narrow {
  max-width: 1400px;
}

.container.fixed.narrow {
  max-width: 1090px;
}

.half_and_half > * {
  padding-bottom: 30px;
}
.half_and_half > *:last-child {
  padding-bottom: 0;
}
.half_and_half.centre_divide > *:last-child {
  border-top: 1px solid #D8D8D8;
  padding-top: 30px;
}

@media (min-width: 768px) {
  #mobile_detector {
    display: none;
  }
  .container {
    padding: 0 15px;
  }
  .half_and_half {
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  .half_and_half > * {
    width: calc(50% - 15px);
    max-width: 400px;
  }
  .half_and_half.centre_divide::before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    background-color: #D8D8D8;
  }
  .half_and_half.centre_divide > *:last-child {
    border-top: none;
    padding-top: 0;
  }
}
#site_torso {
  padding: 1.5em 0 3em 0;
}

#site_torso:after {
  content: "";
  display: table;
  clear: both;
}

#breadcrumb {
  margin: 0 0 1.5em 0;
  padding: 0;
}

#breadcrumb li {
  color: #ddd;
  display: inline;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  list-style: none;
  margin: 0;
  padding: 0;
  text-transform: none;
}

#breadcrumb li a {
  color: #000;
  text-decoration: none;
}

#breadcrumb li a:hover, #breadcrumb li a:active {
  text-decoration: underline;
}

#breadcrumb li + li:before {
  content: "/ ";
}

#site_torso_nav {
  float: left;
  width: 177px;
}

#site_torso_nav > ul {
  margin: 0;
  padding: 0;
}

#site_torso_nav > ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#site_torso_nav > ul > li > a {
  background: #D71E41;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.1em;
  margin: 0;
  padding: 0.5em;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

#site_torso_nav > ul > li > a:hover, #site_torso_nav > ul > li > a:active {
  text-decoration: underline;
}

#site_torso_nav > ul > li > ul {
  background: #eee;
  border-color: #ddd;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  margin: 0;
  padding: 0.3em 0;
}

#site_torso_nav > ul > li > ul > li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.1em;
  list-style: none;
  margin: 0;
  padding: 0.5em 12px;
}

#site_torso_nav > ul > li > ul > li > a {
  color: #000;
  text-decoration: none;
}

#site_torso_nav > ul > li > ul > li > a:hover, #site_torso_nav > ul > li > ul > li > a:active {
  text-decoration: underline;
}

#site_torso_content {
  float: right;
  width: calc(98% - 177px);
}

@media only screen and (max-width: 640px) {
  #breadcrumb {
    display: none;
  }
}
/***********************************/
/**
/**  HELP SECTION
/**
/***********************************/
.help_section {
  overflow: hidden;
  float: left;
  margin: 0;
  padding: 0 0 2% 0;
  margin: 0 2% 0 0;
  width: 23.5%;
}

.help_section h3 {
  margin: 0.2em 0 0.3em 0;
  padding: 0;
  text-align: center;
}

.help_section a {
  text-decoration: none;
}

.help_body {
  text-align: center;
}

.help_intro {
  text-align: center;
}

.help_intro p {
  font-size: 2.2em;
}

.help_section ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.help_section:last-of-type {
  margin: 0 0 0 0;
}

h1.centre_h1 {
  text-align: center;
}

.help_section img {
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  .help_section {
    width: 49%;
  }
  .help_section:nth-of-type(2) {
    margin: 0 0 0 0;
  }
}
@media only screen and (max-width: 400px) {
  .help_section {
    width: 100%;
    margin: 0;
  }
}
ul.help-nav {
  margin: 0 0 20px 0 !important;
}

.sub_nav_title {
  background: #D71E41;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.1em;
  margin: 0 0 0;
  padding: 0.5em;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

.inner_width {
  width: 96%;
  padding: 0;
  max-width: 1180px;
  margin: 0 auto;
  box-sizing: border-box;
}

.help_body {
  text-align: center;
}

.cf:before, .cf:after {
  content: " ";
  display: table;
}

.full_width {
  margin: 0 auto;
  box-sizing: border-box;
}

.help_section {
  overflow: hidden;
  float: left;
  margin: 0;
  padding: 0 0 2% 0;
  margin: 0 2% 0 0;
  width: 23.5%;
}

.help_section img {
  width: 100%;
}

.help_section ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.help_section a {
  text-decoration: none;
}

@media only screen and (max-width: 1000px) {
  .help_section {
    width: 49%;
  }
}
@media only screen and (max-width: 800px) {
  #site_torso_nav {
    width: 150px;
  }
}
@media only screen and (max-width: 640px) {
  #breadcrumb {
    display: none;
  }
  #site_torso_content {
    width: 100%;
  }
  #site_torso_nav {
    width: 100%;
  }
}
form {
  margin: 0;
}

label {
  display: block;
  font-size: 14px;
  padding-bottom: 6px;
  padding-top: 10px;
}

input[type=email],
input[type=text],
input[type=number],
input[type=tel],
input[type=password],
input[type=date],
textarea,
select,
input[type=search] {
  border-width: 1px;
  border-radius: 5px;
  border-color: grey;
  opacity: 1;
  width: 100%;
  position: relative;
  right: auto;
  transition: 0.3s border-color;
  margin-bottom: 0;
  font-size: 16px;
  color: #3b3a39;
  display: block;
  padding: 0.75em;
}

input[type=submit] {
  -webkit-appearance: none;
  border-radius: 2px;
  padding: 0.5em;
  font-size: 16px;
  background-color: #3b3a39;
  color: white;
  width: 100%;
  display: block;
  margin: 2em 0 1em 0;
  text-transform: uppercase;
  transition: 0.2s background-color;
  cursor: pointer;
}
input[type=submit]:hover, input[type=submit]:active {
  background-color: #D71E41;
}

select {
  background-image: url(../images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 0.5em center;
  background-size: 1em auto;
  padding-right: 1.75em;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: white;
}

select::-ms-expand {
  display: none;
}

input:focus, select:focus {
  transition: 0.2s border-color;
  outline: none;
  border-color: black;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type=checkbox],
input[type=radio] {
  display: inline-block;
  background-color: #ffffff;
  border: 1px solid #888888;
  appearance: none;
  width: 1.2em;
  height: 1.2em;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  transition: 0.2s border-color;
  cursor: pointer;
  aspect-ratio: 1;
}

input[type=checkbox]:disabled,
input[type=radio]:disabled {
  opacity: 0.5;
  cursor: default;
  border-color: #888888 !important;
}

label:hover input[type=checkbox],
label:hover input[type=radio] {
  border-color: #3b3a39;
  transition: 0.2s border-color;
}

.brokerage_sort_by select {
  background-color: #EEEEEE;
  border: none;
  margin-bottom: 0;
}

.price_slider_container {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0px 14px 0px 6px;
  margin-bottom: 14px;
}

.price_slider {
  width: 100%;
  height: 1px;
  border: none !important;
  background-color: #D8D8D8 !important;
  margin-top: 4px;
  margin-bottom: 4px;
}

.price_slider .ui-slider-range {
  background-color: #888888 !important;
}

.price_slider .ui-slider-handle {
  outline: none;
  border: 1px solid #888888;
  background: #fff;
  border-radius: 50%;
  cursor: grabbing !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07);
  transition: 0.2s border-color;
  top: -10px;
  width: 20px;
  height: 20px;
}

.price_slider .ui-slider-handle.ui-state-active,
.price_slider .ui-slider-handle:hover {
  border-color: #3b3a39;
  font-weight: normal;
  color: #fff;
}

.price_slider_label_min,
.price_slider_label_max {
  width: 30%;
  font-size: 14px;
  margin-top: 10px;
}

.price_slider_label_min {
  text-align: left;
  margin-left: -6px;
}

.price_slider_label_max {
  text-align: right;
  margin-right: -14px;
}

.quantity_selector {
  display: flex;
  align-items: center;
  background-color: white;
  border: 2px solid #D8D8D8;
  border-radius: 2em;
  font-size: 16px;
  transition: 0.2s border-color;
  width: 8em;
}
.quantity_selector:hover {
  border-color: #888888;
}
.quantity_selector input[type=number] {
  appearance: textfield !important;
  border: none;
  text-align: center;
  font-size: inherit;
  padding: 0.5em;
  margin-bottom: 0;
}
.quantity_selector input[type=number]::-webkit-inner-spin-button,
.quantity_selector input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.quantity_selector button {
  font-size: 1.5em;
  background: none !important;
  color: #3b3a39;
  font-weight: 300;
  padding: 0 0.5em;
  box-shadow: none !important;
  cursor: pointer;
}
.quantity_selector button:disabled {
  opacity: 0.3;
  cursor: default;
}

.radio_checkbox_container {
  position: relative;
  margin: 30px 0;
}
.radio_checkbox_container input[type=radio],
.radio_checkbox_container input[type=checkbox] {
  border-radius: 5px;
  border: none;
  background: transparent;
  appearance: none;
  display: block;
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: transparent;
}
.radio_checkbox_container input[type=radio] + .radio_checkbox_content,
.radio_checkbox_container input[type=checkbox] + .radio_checkbox_content {
  border: 2px solid white;
  padding: 10px 30px 10px 50px;
  border-radius: 2px;
  transition: 0.2s border;
  background-color: white;
  color: #3b3a39;
}
.radio_checkbox_container input[type=radio] + .radio_checkbox_content::before, .radio_checkbox_container input[type=radio] + .radio_checkbox_content::after,
.radio_checkbox_container input[type=checkbox] + .radio_checkbox_content::before,
.radio_checkbox_container input[type=checkbox] + .radio_checkbox_content::after {
  z-index: 0;
  display: block;
  content: "";
  position: absolute;
}
.radio_checkbox_container input[type=radio] + .radio_checkbox_content::before,
.radio_checkbox_container input[type=checkbox] + .radio_checkbox_content::before {
  width: 112px;
  height: 112px;
  top: 20px;
  left: 20px;
  border: 1px solid #D8D8D8;
}
.radio_checkbox_container input[type=radio] + .radio_checkbox_content::after,
.radio_checkbox_container input[type=checkbox] + .radio_checkbox_content::after {
  top: 25px;
  left: 25px;
  width: 112px;
  height: 112px;
  background-color: #3b3a39;
  opacity: 0;
  transition: 0.2s opacity;
}
.radio_checkbox_container input[type=radio] + .radio_checkbox_content label,
.radio_checkbox_container input[type=checkbox] + .radio_checkbox_content label {
  display: block;
  font-size: 14px;
  line-height: 1.4em;
}
.radio_checkbox_container input[type=radio]:checked,
.radio_checkbox_container input[type=checkbox]:checked {
  background-color: transparent;
}
.radio_checkbox_container input[type=radio]:checked + .radio_checkbox_content,
.radio_checkbox_container input[type=checkbox]:checked + .radio_checkbox_content {
  opacity: 1;
  border-color: #3b3a39;
}
.radio_checkbox_container input[type=radio]:checked + .radio_checkbox_content::after,
.radio_checkbox_container input[type=checkbox]:checked + .radio_checkbox_content::after {
  opacity: 1;
}

.form-faq-group {
  width: 100%;
}

@media (min-width: 768px) {
  .price_slider_apply {
    display: none;
  }
  .form-faq-group {
    width: 30%;
  }
}
.expiry_date input {
  width: 3.5em;
  margin-right: 0.5em;
  text-align: center;
}

.csv_container {
  margin-left: 1em;
}
.csv_container input {
  width: 4em;
  text-align: center;
}

.faq-question {
  font-size: 2em;
}

.faq-answer {
  font-size: 1.7em;
  color: #D71E41;
  margin-bottom: 1em;
  font-style: italic;
}

h3 {
  margin-top: 1em;
  font-size: 1.7em;
}

.marketing-label {
  margin-right: 1em;
}

.submit-button {
  margin-top: 1em;
  font-size: 2.2em;
  background-color: #D71E41;
  border-radius: 5px;
  text-align: center;
}

.form-faq-name, .form-faq-contact {
  display: flex;
}

.form-faq-group-name {
  margin-bottom: 0.5em;
  margin-right: 0.5em;
}

.form-faq-group-email {
  margin-bottom: 0.5em;
  margin-right: 0.5em;
}

.form-faq-group-number {
  margin-bottom: 0.5em;
}

.btn {
  display: inline-block;
  border: none;
  color: #fff;
  background-color: #5e5e5e;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  border-radius: 3px;
  padding: 0.75em 1.25em;
  transition: 0.2s all;
  font-size: 19px;
}
.btn:hover, .btn:focus {
  text-decoration: none;
  background-color: #fff;
  color: #5e5e5e;
}
.btn--red {
  background-color: #d71e41;
}
.btn--red:hover, .btn--red:focus {
  background-color: #fff;
  color: #d71e41;
}

button, input[type=submit] {
  display: inline-block;
  border: none;
  color: white;
  background-color: #3b3a39;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  border-radius: 3px;
  padding: 0.5em 1em;
  transition: 0.2s all;
}

button:hover, button:focus, input[type=submit]:focus button:disabled,
input[type=submit]:disabled {
  background-color: black;
  opacity: 0.3;
}

button.grey, input[type=submit].grey {
  background-color: #EEEEEE;
  color: #3b3a39;
}

button.black, input[type=submit].black {
  background-color: #3b3a39;
  color: white;
}

button.icon, input[type=submit].icon {
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-left: 2.5em;
  background-position: 0.5em center;
  text-align: left;
}

button.show_size_grid {
  padding: 1.25em 1.25em 1.25em 3.75em;
  background-size: 2em 2em;
  background-position: 0.75em center;
  background-image: url(../images/size-grid.svg);
}

button.brokerage_filter_toggle {
  background-image: url(../images/filters.svg);
}

button.close, button.close:hover, button.close:focus {
  border-radius: 0;
  width: 26px;
  height: 26px;
  background: transparent url(../images/cross.svg) no-repeat center center;
  box-shadow: none;
  font-size: 0;
  color: transparent;
  outline: none;
}

button.delete {
  background-color: transparent !important;
  width: 20px;
  height: 20px;
  background-image: url(../images/delete.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
button.delete:hover, button.delete:focus, button.delete:active {
  box-shadow: none;
  background-color: transparent !important;
}

button.order_button {
  margin: 1em 0 1em 0.5em;
  font-size: 2.2em;
  background-color: #D71E41;
  border-radius: 5px;
}

button.back-button {
  margin: 1em;
  font-size: 1.5em;
  border-radius: 10px;
}

input[type=range] {
  width: 100%;
  box-sizing: border-box;
  -webkit-appearance: none;
  height: 35px;
  background: transparent;
  position: relative;
  cursor: pointer;
  background: linear-gradient(90deg, #cccccc 1px, rgba(238, 238, 238, 0) 1px) repeat-x content-box, linear-gradient(90deg, #cccccc 1px, rgba(238, 238, 238, 0) 1px) repeat-x content-box;
  background-size: 20% 6px, calc(100% - 5px) 12px;
  background-position: 1px 30%, 1px 20%;
  padding: 0 15px;
  overflow: visible;
  /*******    The Thumb    *******/
  /*******    The Track    *******/
}
input[type=range]::-webkit-slider-thumb {
  position: relative;
  height: 7px;
  width: 7px;
  transform: scale(3);
  margin-top: -1px;
  border-radius: 500px;
  background: #D71E41;
  border: 0;
  cursor: pointer;
  z-index: 2;
  -webkit-appearance: none;
}
input[type=range]::-moz-range-thumb {
  position: relative;
  height: 7px;
  width: 7px;
  transform: scale(3);
  margin-top: -1px;
  border-radius: 500px;
  background: #D71E41;
  border: 0;
  cursor: pointer;
  z-index: 2;
}
input[type=range]::-ms-thumb {
  position: relative;
  height: 7px;
  width: 7px;
  transform: scale(3);
  margin-top: -1px;
  border-radius: 500px;
  background: #D71E41;
  border: 0;
  cursor: pointer;
  z-index: 2;
  transform: none;
  margin-top: -2px;
  height: 21px;
  width: 21px;
  border-radius: 21px;
}
input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(215, 30, 65, 0.9);
  height: 5px;
  border-radius: 3px;
}
input[type=range]::-moz-range-track {
  background-color: rgba(215, 30, 65, 0.9);
  height: 5px;
  border-radius: 3px;
}
input[type=range]::-ms-track {
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background-color: rgba(215, 30, 65, 0.9);
  height: 5px;
  border-radius: 3px;
  background-color: #D71E41;
}
input[type=range]::-ms-fill-upper {
  background-color: rgba(215, 30, 65, 0.9);
  height: 5px;
  border-radius: 3px;
}
input[type=range]:focus {
  outline: none;
}

/*******    The wrapper for the range input    *******/
.range-box {
  position: relative;
  background-color: #f4f4f4;
  padding: 0;
  margin: 2.5em 35px;
  overflow: visible;
  width: 200px;
}
.range-box:after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  background-color: #b3b3b3;
  height: 4px;
}
.range-box .legend-min {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #cccccc;
  margin-top: -18px;
  float: left;
  margin-left: 13px;
}
.range-box .legend-max {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #cccccc;
  margin-top: -18px;
  float: right;
  margin-right: 11px;
}

@media (min-width: 540px) {
  .range-box {
    width: 300px;
  }
}
/*******    Extra controls on the side    *******/
.no-selection, .control-plus, .control-plus-length, .control-minus, .control-minus-length {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.control-minus, .control-minus-length {
  position: absolute;
  top: 0;
  background-color: #D71E41;
  color: white;
  width: 35px;
  text-align: center;
  cursor: pointer;
  height: 35px;
  border-bottom: 4px solid #b31e41;
  z-index: 1;
  font-weight: bold;
  font-size: 35px;
  line-height: 35px;
  left: -35px;
  line-height: 31px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.control-minus:hover, .control-minus-length:hover {
  top: 1px;
  background-color: #D71E41;
  border-bottom-width: 3px;
}
.control-minus:active, .control-minus-length:active {
  top: 3px;
  background-color: #D71E41;
  border-bottom-width: 2px;
}

.control-plus, .control-plus-length {
  position: absolute;
  top: 0;
  background-color: #D71E41;
  color: white;
  width: 35px;
  text-align: center;
  cursor: pointer;
  height: 35px;
  border-bottom: 4px solid #b31e41;
  z-index: 1;
  font-weight: bold;
  font-size: 35px;
  line-height: 35px;
  right: -35px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.control-plus:hover, .control-plus-length:hover {
  top: 1px;
  background-color: #D71E41;
  border-bottom-width: 3px;
}
.control-plus:active, .control-plus-length:active {
  top: 3px;
  background-color: #D71E41;
  border-bottom-width: 2px;
}

/*******    Value tooltip    *******/
.current-value, .current-value-length {
  background: #D71E41;
  border-radius: 3px;
  position: absolute;
  top: -48px;
  padding: 12px 18px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: white;
  line-height: 22px;
  white-space: nowrap;
  transition: left 0.045s linear;
  font-size: 14px;
}
.current-value:after, .current-value-length:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #D71E41;
  margin-top: -6px;
  margin-left: -6px;
  bottom: -5px;
}

.wrapper {
  width: 50%;
  margin: 3em auto;
  padding: 100px;
  background-color: rgba(215, 30, 65, 0.9);
  color: white;
}

details.accordion {
  font-size: 16px;
  position: relative;
  padding: 1em;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
}
details.accordion summary {
  font-size: 16px;
  position: relative;
  display: block;
  list-style: none;
  outline: none !important;
  cursor: pointer;
}
details.accordion summary h2 {
  font-size: 1.2em;
  margin: 0;
}
details.accordion summary::marker, details.accordion summary::-webkit-details-marker {
  display: none;
}
details.accordion summary::before {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  width: 1em;
  height: 1em;
  background-image: url(/assets/images/arrow-down.svg);
  background-size: 100% 100%;
  text-align: center;
  transition: 0.2s transform;
}
details.accordion[open] summary::before {
  transform: rotate(180deg);
  transition: 0.2s transform;
}
.loader {
  background-image: url(../images/loader.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10% auto;
}

.article_list {
  font-size: 14px;
}
.article_list article {
  margin-bottom: 30px;
}
.article_list article a {
  color: #3b3a39;
  text-decoration: none;
  display: flex;
}
.article_list article a .article_thumb {
  width: 25%;
  max-width: 300px;
  flex-grow: 0;
}
.article_list article a .article_thumb img {
  display: block;
  width: 100%;
}
.article_list article a .article_summary_text {
  width: 75%;
  padding-left: 20px;
  flex-grow: 1;
}
.article_list article a .article_summary_text header h3 {
  font-size: 2em;
  margin: 0;
}
.article_list article a .article_summary_text time {
  font-size: 1em;
  color: #888888;
}
.article_list article a .article_summary_text p {
  font-size: 1em;
}
.article_list article a:hover .article_summary_text header h3 {
  text-decoration: underline;
}

.trust-pilot-header {
  background: white;
  z-index: 99999;
  width: 100%;
  height: 50px;
}
.trust-pilot-header .trustpilot-section {
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
}

#page_header {
  background-color: #FFFFFF;
  z-index: 10000;
  width: 100%;
  left: 0;
  border-bottom: none;
  display: flex;
  align-items: center;
}
#page_header .header_container {
  position: relative;
  z-index: 1001;
}
#page_header .header_container li {
  line-height: 1.15em;
}
#page_header .header_container .main_nav ul li {
  display: flex;
  flex-direction: column;
}
#page_header .header_container .main_nav li.has-dropdown .dropdown_list {
  padding-left: 0;
}
#page_header .header_container .main_nav li.has-dropdown .dropdown {
  position: static;
  padding-top: 0;
  width: 100%;
  visibility: visible;
  opacity: 1;
}
#page_header .header_container .main_nav li.has-dropdown .dropdown ul {
  background: transparent;
  padding: 5px 0;
}
#page_header .header_container .main_nav li.has-dropdown .dropdown ul li a {
  width: 100%;
  padding: 1em;
  transition: 0.2s color;
  color: #3b3a39 !important;
}
@media (min-width: 1024px) {
  #page_header .header_container .main_nav li.has-dropdown .dropdown ul li a {
    color: #000 !important;
  }
}
#page_header .header_container .main_nav li.has-dropdown .dropdown ul li a:hover {
  color: #D71E41 !important;
}
#page_header .header_container .tagline-div {
  background: white;
  border-radius: 25px;
  width: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #D71E41;
  height: 25px;
}
#page_header .header_container .tagline-div .tagline {
  font-size: 0.9em;
  color: #D71E41;
}
#page_header .header_container .hamburger:hover, #page_header .header_container .hamburger:active, #page_header .header_container .hamburger:focus {
  opacity: 0.8;
}
#page_header .header_container .logo_search_minicart_hamburger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  color: white;
}
#page_header .header_container .logo_search_minicart_hamburger .logo {
  display: block;
}
#page_header .header_container .logo_search_minicart_hamburger .logo img {
  display: block;
  width: 100%;
}
#page_header .header_container .logo_search_minicart_hamburger .logo .logo_mobile {
  display: block;
}
#page_header .header_container .logo_search_minicart_hamburger .logo .logo_desktop {
  display: none;
  max-width: 250px;
}
#page_header .header_container .logo_search_minicart_hamburger .nav_container {
  width: 100%;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger {
  width: 65%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .telephone {
  display: none;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search form {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: 0;
  margin: 0;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search input[type=search].open {
  opacity: 1;
  width: calc(100% - 500px);
  transition: 0.3s opacity, 0.3s width;
  right: 275px;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search img {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  display: block;
  width: 40px;
  padding: 0px 7px 0px 11px;
  margin-bottom: 0.2em;
  top: auto;
  right: 12px !important;
  height: auto;
  right: auto;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay {
  display: none;
  position: absolute;
  background-color: white;
  border: 1px solid #EEEEEE;
  border-top: none;
  left: 0px;
  top: 60px;
  width: 100%;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .close_container {
  text-align: right;
  padding: 15px;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .close_container button.close {
  display: inline-block;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner {
  padding: 0 0 40px 0;
  height: auto;
  max-height: calc(100vh - 100px);
  overflow: auto;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .loader {
  width: 100%;
  height: 500px;
  display: none;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container {
  display: none;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list {
  display: flex;
  flex-wrap: wrap;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article {
  width: 100%;
  padding: 10px;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article a {
  text-decoration: none !important;
  display: flex;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article a .image_container {
  width: 20%;
  flex-grow: 0;
  flex-shrink: 0;
  height: 0;
  padding-bottom: 20%;
  position: relative;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article a .image_container img {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article a .image_container .image_sashes li {
  font-size: 8px;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article a .info_container {
  padding-left: 10px;
  flex-grow: 1;
  flex-shrink: 1;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article a .info_container h3 {
  margin: 0;
  font-size: 14px;
  color: black;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article a .info_container p.brand_and_code {
  margin: 0.5em 0;
  color: #888888;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article a .info_container p.rating {
  margin: 0.5em 0;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article a .info_container p.rating img {
  width: 60px;
  padding: 0;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article a .info_container p.price {
  margin: 0.5em 0;
  font-size: 14px;
  color: #3b3a39;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .view_all_search_results {
  display: block;
  padding: 10px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(4px);
  text-decoration: underline;
  color: #3b3a39;
  font-size: 14px;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .cart_account {
  height: 50px;
  display: flex;
  align-items: center;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .cart_account img {
  height: 50%;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .cart_account .flex_col_icons {
  display: flex;
  flex-direction: column;
  height: 80px;
  justify-content: center;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .hamburger_container {
  display: block;
  width: 40px;
  padding: 5px 0px 5px 10px;
}
#page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .hamburger_container span {
  color: #D71E41;
}
#page_header .header_container nav > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#page_header .header_container nav > ul li {
  display: block;
}
#page_header .header_container nav > ul li a {
  transition: 0.2s color;
  display: block;
  color: #3b3a39;
}
#page_header .header_container nav > ul li a:hover {
  color: #D71E41;
  text-decoration: none;
}
#page_header .header_container nav.super_nav ul {
  display: none;
}
#page_header .header_container .main_nav_overlay {
  position: fixed;
  top: 120px;
  left: 0;
  width: 100%;
  height: 100%;
  height: calc(100% - 120px);
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(4px);
  z-index: 99;
  display: none;
}
#page_header .header_container nav.main_nav:before {
  left: 0;
  right: 0;
  background-color: #EEEEEE;
  color: white;
}
#page_header .header_container nav.main_nav:after {
  left: 0;
  right: 0;
  background-color: #EEEEEE;
}
#page_header .header_container nav.main_nav {
  position: fixed;
  top: 120px;
  right: -400px;
  width: 100%;
  max-width: 400px;
  height: 100%;
  height: calc(100% - 120px);
  z-index: 1000;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  clip-path: inset(0px 0px 0px -20px);
  opacity: 0;
  transition: 0.2s right, 0.4s opacity;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 0;
}
#page_header .header_container nav.main_nav.active {
  right: 0;
  opacity: 1;
}
#page_header .header_container nav.main_nav > ul {
  display: block;
  list-style: none;
  height: auto;
  padding-top: 2px;
}
#page_header .header_container nav.main_nav > ul li {
  height: auto;
}
#page_header .header_container nav.main_nav > ul li a {
  height: auto;
  padding: 1em;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}
@media (max-width: 1023px) {
  #page_header .header_container nav.main_nav > ul li .mobile-subnav {
    display: none !important;
  }
}
#page_header .header_container nav.main_nav > ul > li {
  border-bottom: 1px solid #f8f8f8;
}
@media (max-width: 1023px) {
  #page_header .header_container nav.main_nav > ul > li.has-dropdown ul.dropdown_list {
    padding-left: 0;
  }
}
@media (max-width: 1023px) {
  #page_header .header_container nav.main_nav > ul > li.has-dropdown > a {
    display: none;
  }
}
#page_header .styling-strip {
  height: 40px;
  border-bottom: 2px solid #D71E41;
  margin-top: -118px;
}
#page_header .transparent {
  border-bottom: none;
}
#page_header .header_strip ul {
  display: none;
}
#page_header .breadcrumbs_container {
  margin-top: 90px;
  margin-bottom: 50px;
  height: 30px;
  padding-left: 1em;
}
@media (min-width: 768px) {
  #page_header .breadcrumbs_container {
    margin-top: 60px;
  }
}
#page_header .breadcrumbs {
  max-width: 1650px;
  font-size: 1.2rem;
  margin: auto;
  line-height: 2.6em;
}
#page_header #message_bar {
  display: none;
  background-color: rgba(215, 30, 65, 0.9);
  color: white;
  position: relative;
}
#page_header #message_bar.success {
  background-color: rgba(0, 166, 120, 0.9);
}
#page_header #message_bar.error {
  background-color: rgba(170, 0, 0, 0.9);
}
#page_header #message_bar.warning {
  background-color: rgba(255, 112, 34, 0.9);
}
#page_header #message_bar .message {
  text-align: center;
  font-size: 16px;
  padding: 10px 30px;
}
#page_header #message_bar .close {
  background-image: url(/assets/images/cross-white.svg);
  position: absolute;
  color: inherit;
  top: 9px;
  right: 9px;
  font-size: 0;
  width: 20px;
  height: 20px;
}
#page_header.fixed {
  top: 0;
  position: fixed;
}
#page_header.sale-banner nav.main_nav,
#page_header.sale-banner .main_nav_overlay {
  top: 170px;
}

@media (min-width: 1024px) {
  #page_header {
    position: relative;
    box-shadow: none;
  }
  #page_header .header_container {
    position: static;
    background-color: transparent;
  }
  #page_header .header_container .tagline-div {
    background: white;
    border-radius: 25px;
    width: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 35px;
    left: 15px;
    border: 2px solid #D71E41;
    height: 25px;
  }
  #page_header .header_container .tagline-div .tagline {
    font-size: 0.9em;
    color: #D71E41;
  }
  #page_header .header_container .tagline-div-offers {
    left: 35px;
  }
  #page_header .header_container .logo_search_minicart_hamburger {
    padding: 15px 0;
  }
  #page_header .header_container .logo_search_minicart_hamburger .logo {
    flex-shrink: 0;
    width: 180px;
  }
}
@media (min-width: 1024px) and (min-width: 1200px) {
  #page_header .header_container .logo_search_minicart_hamburger .logo {
    width: 200px;
  }
}
@media (min-width: 1024px) {
  #page_header .header_container .logo_search_minicart_hamburger .logo img {
    max-width: none;
    max-width: 150px;
  }
  #page_header .header_container .logo_search_minicart_hamburger .logo .logo_mobile {
    display: none;
  }
  #page_header .header_container .logo_search_minicart_hamburger .logo .logo_desktop {
    display: block;
    width: 80%;
  }
}
@media (min-width: 1024px) and (min-width: 1200px) {
  #page_header .header_container .logo_search_minicart_hamburger .logo .logo_desktop {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger {
    flex-shrink: 1;
    align-self: flex-start;
    width: 100%;
    max-width: 320px;
  }
}
@media (min-width: 1024px) and (min-width: 1200px) {
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger {
    max-width: 380px;
  }
}
@media (min-width: 1024px) {
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .cart_account {
    height: 80px;
  }
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search {
    position: relative;
    width: 100%;
  }
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .telephone {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 10px;
    padding: 0 1em 2em 1em;
  }
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .telephone a {
    color: #3b3a39;
  }
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .telephone a::before {
    display: inline-block;
    position: relative;
    content: "";
    width: 1.5em;
    height: 1.5em;
    top: 0.35em;
    background-image: url(../images/phone.svg);
  }
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .telephone a:hover {
    text-decoration: none !important;
  }
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .minicart {
    margin-top: 46px;
    width: 25%;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
  }
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .minicart a {
    display: flex;
    align-items: center;
    width: auto;
    height: 36px;
    background-size: auto 100%;
    padding: 0 0 0 42px;
    background-position: left center;
    text-decoration: none;
  }
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .minicart .minicart_total {
    display: block;
    font-size: 16px;
    color: #3b3a39;
  }
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .minicart .minicart_items {
    font-size: 16px;
    bottom: -0.5em;
    left: -0.5em;
  }
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .hamburger_container {
    display: none;
  }
  #page_header .header_container nav.main_nav {
    position: static;
    top: auto;
    right: auto;
    width: auto;
    background: transparent;
    max-width: none;
    box-shadow: none;
    opacity: 1;
    overflow: visible;
    clip-path: none;
    display: flex;
    justify-content: center;
  }
  #page_header .header_container nav.main_nav > ul li .subnav {
    position: relative;
    top: auto;
    display: none;
    padding-bottom: 20px;
  }
  #page_header .header_container nav.main_nav > ul li .subnav .subnav_inner {
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(4px);
    background-color: #f1f1f1;
    padding-top: 15px;
  }
}
@media (min-width: 1024px) and (min-width: 1200px) {
  #page_header .header_container nav.main_nav > ul li .subnav .subnav_inner {
    margin-top: 85px;
  }
}
@media (min-width: 1024px) {
  #page_header .header_container nav.main_nav > ul li .subnav .subnav_nav {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
}
@media (min-width: 1024px) and (min-width: 1200px) {
  #page_header .header_container nav.main_nav > ul li .subnav .subnav_nav {
    width: 25%;
    margin-right: 30px;
  }
}
@media (min-width: 1024px) {
  #page_header .header_container nav.main_nav > ul li .subnav .subnav_nav li {
    padding: 0;
  }
  #page_header .header_container nav.main_nav > ul li .subnav .subnav_nav li a {
    position: relative;
    border-bottom: 1px solid #c1c1c1;
    padding: 15px 30px 15px 15px;
    transition: background-color 0.3s ease-in-out;
    width: 100%;
  }
  #page_header .header_container nav.main_nav > ul li .subnav .subnav_nav li a:hover {
    color: #3b3a39;
    background-color: #e7e7e7;
  }
  #page_header .header_container nav.main_nav > ul li .subnav .subnav_nav li a:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 25px;
    background-image: url(../images/icons/chevron-right.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  #page_header .header_container nav.main_nav > ul li .subnav .subnav_nav a {
    text-transform: none;
  }
  #page_header .header_container nav.main_nav > ul li .subnav .container {
    display: block;
  }
  #page_header .header_container nav.main_nav > ul li .subnav .container .subnav_group {
    padding: 0 0 10px 10px;
    display: none;
  }
  #page_header .header_container nav.main_nav > ul li .subnav .container .subnav_group.is-active {
    display: block;
  }
  #page_header .header_container nav.main_nav > ul li .subnav .container .subnav_group h4 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    border-bottom: 1px solid #D8D8D8;
    margin: 0;
    padding: 2em 0 0.5em 0;
  }
  #page_header .header_container nav.main_nav > ul li .subnav .container .subnav_group ul {
    margin: 0;
    padding: 0;
  }
  #page_header .header_container nav.main_nav > ul li .subnav .container .subnav_group ul li a {
    padding: 0.5em 0;
    text-transform: none;
    display: block;
  }
  #page_header .header_container nav.main_nav > ul li .subnav .container .subnav_group ul li a.show_all {
    position: static;
    bottom: auto;
    left: auto;
  }
  #page_header .header_container nav.main_nav > ul li.has_children {
    position: relative;
  }
  #page_header .header_container nav.main_nav > ul li.has_children > a {
    /*width: 90%;*/
    /*width: calc(100% - 3em);*/
  }
  #page_header .header_container nav.main_nav > ul li.has_children::before {
    display: block;
    position: absolute;
    top: 1em;
    right: 1em;
    content: "";
    width: 1em;
    height: 1em;
    background-image: url(../images/arrow-down.svg);
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    transition: 0.2s all;
    cursor: pointer;
  }
  #page_header .header_container nav.main_nav > ul li.has_children.open > a {
    color: #D71E41;
  }
  #page_header .header_container nav.main_nav > ul li.has_children.open::before {
    transform: rotate(180deg);
  }
  #page_header .header_container nav.main_nav ul li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: unset;
    border-bottom: none;
    padding: 0.1em;
  }
  #page_header .header_container nav.main_nav ul li a {
    font-weight: 400;
  }
  #page_header .header_container nav.main_nav ul li.has_children {
    position: static;
    padding: 0;
  }
  #page_header .header_container nav.main_nav ul li.has_children a {
    /*width: auto;*/
  }
  #page_header .header_container nav.main_nav ul li.has_children::before {
    display: none;
  }
  #page_header .header_container nav.main_nav ul li.has-dropdown {
    position: relative;
  }
  #page_header .header_container nav.main_nav ul li.has-dropdown:hover .dropdown {
    transition: opacity 0.3s ease-in-out;
    visibility: visible;
    opacity: 1;
  }
  #page_header .header_container nav.main_nav ul li.has-dropdown .dropdown {
    position: absolute;
    top: 46px;
    padding-top: 36px;
    width: 230px;
    visibility: hidden;
    opacity: 0;
  }
  #page_header .header_container nav.main_nav ul li.has-dropdown .dropdown ul {
    background-color: #f1f1f1;
    padding: 5px 0;
  }
  #page_header .header_container nav.main_nav ul li.has-dropdown .dropdown ul li a {
    padding: 8px 12px;
    width: 100%;
  }
  #page_header .header_container nav.main_nav > ul {
    display: flex;
    justify-content: space-around;
    width: 100%;
    max-width: 850px;
  }
  #page_header .header_container nav.main_nav > ul > li {
    transition: 0.2s opacity;
  }
  #page_header .header_container nav.main_nav > ul > li > a {
    display: flex;
    align-items: center;
    padding: 0;
  }
  #page_header .header_container nav.main_nav > ul > li .subnav {
    padding-top: 1em;
    padding-bottom: 10px;
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 155px;
  }
}
@media (min-width: 1024px) and (min-width: 1200px) {
  #page_header .header_container nav.main_nav > ul > li .subnav {
    top: 70px;
  }
}
@media (min-width: 1024px) {
  #page_header .header_container nav.main_nav > ul > li .subnav .container {
    display: flex;
    justify-content: stretch;
    align-items: stretch;
    padding: 5px 5px 10px 5px;
  }
  #page_header .header_container nav.main_nav > ul > li .subnav .container .subnav_group {
    position: relative;
    flex-grow: 1;
    flex-shrink: 0;
    padding: 8px 10px 4em 10px;
    width: calc(75% - 30px);
  }
  #page_header .header_container nav.main_nav > ul > li .subnav .container .subnav_group h4 {
    padding-top: 1em;
  }
  #page_header .header_container nav.main_nav > ul > li .subnav .container .subnav_group ul {
    margin: 0;
    padding: 0;
  }
  #page_header .header_container nav.main_nav > ul > li .subnav .container .subnav_group ul li a {
    display: inline-block;
  }
  #page_header .header_container nav.main_nav > ul > li .subnav .container .subnav_group ul li a.show_all {
    position: absolute;
    bottom: 0;
    left: 10px;
  }
  #page_header .header_container nav.main_nav > ul > li .subnav .container .subnav_group ul li:not(:last-child) {
    padding-right: 10px;
  }
  #page_header .header_container nav.main_nav > ul > li:hover > a {
    color: #D71E41;
    text-decoration: none;
  }
  #page_header .header_container nav.main_nav > ul > li.fade {
    opacity: 0.2;
  }
  #page_header .header_container nav.super_nav ul {
    display: block;
    position: absolute;
    top: 16px;
    right: 15px;
  }
  #page_header .header_container nav.super_nav ul li {
    display: inline-block;
    font-size: 10px;
  }
  #page_header .header_container nav.super_nav ul li a {
    padding-left: 14px;
  }
  #page_header .header_container nav.super_nav ul li a img {
    position: relative;
    display: block;
    width: 15px;
    height: 15px;
    top: 3px;
    margin-left: -3px;
    margin-right: -3px;
  }
  #page_header.fixed {
    background-color: #FFFFFF;
    z-index: 10000;
    width: 100%;
    left: 0;
    border-bottom: none;
    animation: fadein 0.3s linear 1 forwards;
    top: 0;
  }
  #page_header.fixed .header_container {
    position: relative;
    z-index: 1001;
  }
  #page_header.fixed .header_container li {
    line-height: 1.15em;
  }
  #page_header.fixed .header_container .main_nav ul li {
    display: flex;
    flex-direction: column;
  }
  #page_header.fixed .header_container .main_nav li.has-dropdown .dropdown_list {
    padding-left: 0;
  }
  #page_header.fixed .header_container .main_nav li.has-dropdown .dropdown {
    position: static;
    padding-top: 0;
    width: 100%;
    visibility: visible;
    opacity: 1;
  }
  #page_header.fixed .header_container .main_nav li.has-dropdown .dropdown ul {
    background: transparent;
    padding: 5px 0;
  }
  #page_header.fixed .header_container .main_nav li.has-dropdown .dropdown ul li a {
    width: 100%;
    padding: 1em;
    transition: 0.2s color;
    color: #3b3a39 !important;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  #page_header.fixed .header_container .main_nav li.has-dropdown .dropdown ul li a {
    color: #000 !important;
  }
}
@media (min-width: 1024px) {
  #page_header.fixed .header_container .main_nav li.has-dropdown .dropdown ul li a:hover {
    color: #D71E41 !important;
  }
  #page_header.fixed .header_container .tagline-div {
    background: white;
    border-radius: 25px;
    width: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #D71E41;
    height: 25px;
  }
  #page_header.fixed .header_container .tagline-div .tagline {
    font-size: 0.9em;
    color: #D71E41;
  }
  #page_header.fixed .header_container .hamburger:hover, #page_header.fixed .header_container .hamburger:active, #page_header.fixed .header_container .hamburger:focus {
    opacity: 0.8;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    color: white;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .logo {
    display: block;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .logo img {
    display: block;
    width: 100%;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .logo .logo_mobile {
    display: block;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .logo .logo_desktop {
    display: none;
    max-width: 250px;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .nav_container {
    width: 100%;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger {
    width: 65%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .telephone {
    display: none;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search form {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search input[type=search].open {
    opacity: 1;
    width: calc(100% - 500px);
    transition: 0.3s opacity, 0.3s width;
    right: 275px;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search img {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    display: block;
    width: 40px;
    padding: 0px 7px 0px 11px;
    margin-bottom: 0.2em;
    top: auto;
    right: 12px !important;
    height: auto;
    right: auto;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay {
    display: none;
    position: absolute;
    background-color: white;
    border: 1px solid #EEEEEE;
    border-top: none;
    left: 0px;
    top: 60px;
    width: 100%;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .close_container {
    text-align: right;
    padding: 15px;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .close_container button.close {
    display: inline-block;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner {
    padding: 0 0 40px 0;
    height: auto;
    max-height: calc(100vh - 100px);
    overflow: auto;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .loader {
    width: 100%;
    height: 500px;
    display: none;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container {
    display: none;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list {
    display: flex;
    flex-wrap: wrap;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article {
    width: 100%;
    padding: 10px;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article a {
    text-decoration: none !important;
    display: flex;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article a .image_container {
    width: 20%;
    flex-grow: 0;
    flex-shrink: 0;
    height: 0;
    padding-bottom: 20%;
    position: relative;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article a .image_container img {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article a .image_container .image_sashes li {
    font-size: 8px;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article a .info_container {
    padding-left: 10px;
    flex-grow: 1;
    flex-shrink: 1;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article a .info_container h3 {
    margin: 0;
    font-size: 14px;
    color: black;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article a .info_container p.brand_and_code {
    margin: 0.5em 0;
    color: #888888;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article a .info_container p.rating {
    margin: 0.5em 0;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article a .info_container p.rating img {
    width: 60px;
    padding: 0;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article a .info_container p.price {
    margin: 0.5em 0;
    font-size: 14px;
    color: #3b3a39;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .view_all_search_results {
    display: block;
    padding: 10px;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(4px);
    text-decoration: underline;
    color: #3b3a39;
    font-size: 14px;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .cart_account {
    height: 50px;
    display: flex;
    align-items: center;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .cart_account img {
    height: 50%;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .cart_account .flex_col_icons {
    display: flex;
    flex-direction: column;
    height: 80px;
    justify-content: center;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .hamburger_container {
    display: block;
    width: 40px;
    padding: 5px 0px 5px 10px;
  }
  #page_header.fixed .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .hamburger_container span {
    color: #D71E41;
  }
  #page_header.fixed .header_container nav > ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #page_header.fixed .header_container nav > ul li {
    display: block;
  }
  #page_header.fixed .header_container nav > ul li a {
    transition: 0.2s color;
    display: block;
    color: #3b3a39;
  }
  #page_header.fixed .header_container nav > ul li a:hover {
    color: #D71E41;
    text-decoration: none;
  }
  #page_header.fixed .header_container nav.super_nav ul {
    display: none;
  }
  #page_header.fixed .header_container .main_nav_overlay {
    position: fixed;
    top: 120px;
    left: 0;
    width: 100%;
    height: 100%;
    height: calc(100% - 120px);
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(4px);
    z-index: 99;
    display: none;
  }
  #page_header.fixed .header_container nav.main_nav:before {
    left: 0;
    right: 0;
    background-color: #EEEEEE;
    color: white;
  }
  #page_header.fixed .header_container nav.main_nav:after {
    left: 0;
    right: 0;
    background-color: #EEEEEE;
  }
  #page_header.fixed .header_container nav.main_nav {
    position: fixed;
    top: 120px;
    right: -400px;
    width: 100%;
    max-width: 400px;
    height: 100%;
    height: calc(100% - 120px);
    z-index: 1000;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    clip-path: inset(0px 0px 0px -20px);
    opacity: 0;
    transition: 0.2s right, 0.4s opacity;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: 0;
  }
  #page_header.fixed .header_container nav.main_nav.active {
    right: 0;
    opacity: 1;
  }
  #page_header.fixed .header_container nav.main_nav > ul {
    display: block;
    list-style: none;
    height: auto;
    padding-top: 2px;
  }
  #page_header.fixed .header_container nav.main_nav > ul li {
    height: auto;
  }
  #page_header.fixed .header_container nav.main_nav > ul li a {
    height: auto;
    padding: 1em;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
  }
}
@media (min-width: 1024px) and (max-width: 1023px) {
  #page_header.fixed .header_container nav.main_nav > ul li .mobile-subnav {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  #page_header.fixed .header_container nav.main_nav > ul > li {
    border-bottom: 1px solid #f8f8f8;
  }
}
@media (min-width: 1024px) and (max-width: 1023px) {
  #page_header.fixed .header_container nav.main_nav > ul > li.has-dropdown ul.dropdown_list {
    padding-left: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1023px) {
  #page_header.fixed .header_container nav.main_nav > ul > li.has-dropdown > a {
    display: none;
  }
}
@media (min-width: 1024px) {
  #page_header.fixed .styling-strip {
    height: 40px;
    border-bottom: 2px solid #D71E41;
    margin-top: -118px;
  }
  #page_header.fixed .transparent {
    border-bottom: none;
  }
  #page_header.fixed .header_strip ul {
    display: none;
  }
  #page_header.fixed .breadcrumbs_container {
    margin-top: 90px;
    margin-bottom: 50px;
    height: 30px;
    padding-left: 1em;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  #page_header.fixed .breadcrumbs_container {
    margin-top: 60px;
  }
}
@media (min-width: 1024px) {
  #page_header.fixed .breadcrumbs {
    max-width: 1650px;
    font-size: 1.2rem;
    margin: auto;
    line-height: 2.6em;
  }
  #page_header.fixed #message_bar {
    display: none;
    background-color: rgba(215, 30, 65, 0.9);
    color: white;
    position: relative;
  }
  #page_header.fixed #message_bar.success {
    background-color: rgba(0, 166, 120, 0.9);
  }
  #page_header.fixed #message_bar.error {
    background-color: rgba(170, 0, 0, 0.9);
  }
  #page_header.fixed #message_bar.warning {
    background-color: rgba(255, 112, 34, 0.9);
  }
  #page_header.fixed #message_bar .message {
    text-align: center;
    font-size: 16px;
    padding: 10px 30px;
  }
  #page_header.fixed #message_bar .close {
    background-image: url(/assets/images/cross-white.svg);
    position: absolute;
    color: inherit;
    top: 9px;
    right: 9px;
    font-size: 0;
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 769px) {
  #page_header .header_container .logo_search_minicart_hamburger input[type=search] {
    border-width: 2px;
    border-radius: 25px !important;
    border-color: #D71E41;
    opacity: 1;
    width: 100%;
    position: relative;
    right: auto;
    transition: 0.3s border-color;
    margin-bottom: 0;
    background-color: #F5F5F5;
  }
  #page_header .header_container .logo_search_minicart_hamburger img.search_button_full {
    position: absolute;
    top: 11px;
    right: 20px;
    width: 20px;
    height: 20px;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .header_strip.sale-strip {
    position: relative;
    background-color: #fff;
    z-index: 10;
  }
  #page_header {
    height: 110px;
  }
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search {
    padding: 0 15px;
    display: flex;
    justify-content: flex-end;
  }
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .telephone {
    font-size: 14px;
  }
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search input[type=search] {
    border-width: 2px;
    border-radius: 25px !important;
    border: none;
    opacity: 1;
    width: 100%;
    position: relative;
    right: auto;
    transition: 0.3s border-color;
    margin-bottom: 0;
    padding: 12px 48px 12px 20px;
  }
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay {
    left: 30px;
    top: auto;
    width: calc(100% - 60px);
  }
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .close_container {
    display: none;
  }
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner {
    max-height: calc(100vh - 150px);
  }
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search img.search_button_full {
    position: absolute;
    top: 11px;
    right: 15px;
    width: 20px;
    height: 20px;
    padding: 0;
  }
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    z-index: 2;
    left: 30px;
    top: auto;
    width: calc(100% - 60px);
  }
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .search_results_overlay .search_results_inner .search_results_list_container .search_results_list article {
    width: 50% !important;
  }
  #page_header .header_container nav.super_nav ul {
    top: 21px;
  }
  #page_header .header_container nav.super_nav ul li {
    font-size: 14px;
  }
  .styling-strip {
    margin-top: -121px !important;
  }
}
@media (min-width: 1333px) {
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search .telephone {
    text-align: center;
  }
  #page_header .header_container nav.main_nav ul li a {
    font-size: 18px;
  }
}
.header_strip {
  display: block;
}

@media (min-width: 1024px) {
  .header_strip {
    display: block;
  }
  .header_strip .red-icon {
    filter: invert(19%) sepia(36%) saturate(6818%) hue-rotate(335deg) brightness(98%) contrast(95%);
  }
}
@media (max-width: 1024px) {
  .search {
    width: 45px !important;
  }
  #page_header > div.header_container.container.fixed > div.logo_search_minicart_hamburger > div.search_minicart_hamburger input[type=search].open {
    opacity: 1;
    width: calc(100% - 20px);
    transition: 0.3s opacity, 0.3s width;
    right: 10 !important;
    z-index: 9999;
  }
  #page_header > div.header_container.container.fixed > div.logo_search_minicart_hamburger > div.search_minicart_hamburger div.cart_account {
    margin-left: 15px !important;
  }
  #page_header > div.header_container.container.fixed > div.logo_search_minicart_hamburger > div.search_minicart_hamburger div.cart_account a > img {
    height: 38% !important;
    margin: 0 !important;
  }
  #page_header > div.header_container.container.fixed > div.logo_search_minicart_hamburger > div.search_minicart_hamburger div.cart_account .flex_col_icons {
    padding-right: 10px !important;
  }
  #page_header > div.header_container.container.fixed > div.logo_search_minicart_hamburger > div.search_minicart_hamburger div.hamburger_container {
    padding-left: 0 !important;
  }
}
@media only screen and (min-width: 1024px) {
  #page_header .header_container nav.main_nav > ul > li {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  #page_header .header_container nav.main_nav > ul > li > a {
    display: flex;
    color: #000000;
    font-weight: 600;
    width: 100%;
    padding: 10px 5px;
    line-height: 30px;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: center;
  }
  #page_header .header_container nav.main_nav > ul > li > a {
    font-size: 15px;
    position: relative;
  }
  #page_header .header_container nav.main_nav > ul > li > a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent;
    z-index: -1;
  }
  #page_header .header_container nav.main_nav > ul > li:not(.has-children) > a::after {
    width: calc(100% + 5px);
    left: -2px;
  }
  form.search-mobile {
    display: none;
  }
  .section-intro-nav-small {
    font-weight: 400;
    display: block;
    text-transform: uppercase;
    color: #333;
    text-align: left;
    margin-bottom: 5px;
  }
  .section-intro-nav-large {
    padding-bottom: 13px;
    display: block;
    font-weight: bold;
    color: #3b3a39;
    font-size: 24px;
    line-height: 1.25;
    text-align: left;
  }
  .subbranded-nav-items {
    font-size: 14px;
    text-align: left;
  }
  .subbranded-nav-items:hover {
    color: #D71E41 !important;
  }
  .div-3-column-brands {
    float: left;
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .div-3-column-brands li {
    width: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .li-individual-column-brands {
    text-align: left;
  }
  .section-intro-mobile-nav {
    display: none;
  }
  .subnav_group li {
    text-align: left;
  }
  img#carpet-tile {
    width: 50px;
    height: 50px;
  }
  img#grass-tile {
    width: 50px;
    height: 50px;
  }
  .image-text-grid h3 {
    padding-right: 0px !important;
  }
}
@media only screen and (max-width: 640px) {
  .section-intro-mobile-nav {
    display: block;
    border-bottom: 3px solid #D71E41;
  }
  .section-intro-nav-small {
    display: none;
  }
  .section-intro-nav-large {
    display: none;
  }
  .mobile-search form {
    margin: 10px;
  }
  img.search_button_mobile {
    position: absolute;
    top: 15px;
    right: 5%;
    width: 40px;
    height: 30px;
    padding: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .search_name {
    display: block !important;
    padding-top: 0 !important;
  }
}
html, body {
  width: 100%;
  margin: 0px;
  padding: 0px;
}

@media (max-width: 1000px) {
  html, body {
    overflow: auto;
  }
}
html {
  height: 100%;
}

main {
  background-color: white;
}

h1 {
  color: #D71E41;
}

.grey_background_stripe {
  background-color: lightgray;
}

.flex-col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  padding: 3em;
}

#page_main .header_strip ul {
  display: none;
  flex-direction: row;
  justify-content: space-between;
  font-weight: 400;
  list-style: none;
  margin: 0;
  padding: 8px 0;
  border-top: 2px solid #D71E41;
}
#page_main .header_strip ul li {
  text-transform: capitalize;
  padding-right: 10px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 1024px) {
  #page_main .header_strip ul li {
    flex-direction: row;
  }
}
#page_main .header_strip ul li:last-child {
  padding-right: 0;
}
#page_main .header_strip ul li img {
  padding-right: 5px;
  height: 35px;
}
#page_main .full_width_page_header {
  position: relative;
  padding: 30px 0;
}
#page_main .full_width_page_header h1 {
  margin: 0;
  padding: 0;
  text-align: center;
}
#page_main .full_width_page_header .container {
  text-align: center;
  position: relative;
  display: block;
}
#page_main .full_width_page_header .container.with_image img {
  display: none;
}
#page_main .full_width_page_header .container h1 {
  color: #D71E41;
  margin: 0;
  padding: 0;
}
#page_main .full_width_page_header .container p {
  font-size: 16px;
}

@media (min-width: 540px) {
  #page_main .full_width_page_header {
    padding: 0;
  }
  #page_main .full_width_page_header .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: left;
  }
  #page_main .full_width_page_header .container.with_image {
    padding-right: 310px;
  }
  #page_main .full_width_page_header .container.with_image img {
    display: block;
    position: absolute;
    width: auto;
    height: 290px;
    bottom: 0;
    right: 0;
  }
  #page_main .full_width_page_header.short .container {
    min-height: 100px;
  }
}
@media (min-width: 1024px) {
  #page_main .header_strip ul {
    display: flex;
  }
}
#breadcrumb {
  margin: 0 0 1.5em 0;
  padding: 0;
}

#breadcrumb li {
  color: #ddd;
  display: inline;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  list-style: none;
  margin: 0;
  padding: 0;
  text-transform: none;
}

#breadcrumb li a {
  color: #000;
  text-decoration: none;
}

#breadcrumb li + li:before {
  content: "/ ";
}

ul.social_sharing {
  margin: 16px 0 12px 0;
  padding: 0;
  display: table;
}

ul.social_sharing li:first-of-type {
  font-weight: bold;
  margin: 0px 6px 0 0;
}

ul.social_sharing li {
  display: inline-table;
  list-style: none;
  margin: 0 4px 0 0;
  padding: 0 0px 0 0px;
  vertical-align: middle;
  min-height: 24px;
}

ul.social_sharing li a {
  margin: 0px 0 0 0;
}

ul.social_sharing li a img.facebook {
  background: #3b5998;
}

ul.social_sharing li a img {
  box-sizing: border-box;
  background: #3b5998;
  width: 30px;
  height: 30px;
  padding: 6px;
  border-radius: 5px;
}

ul.social_sharing li a img.twitter {
  background: #00aced;
}

#brokerage_filter_blog {
  float: left;
  width: 177px;
}

#brokerage_filter_blog h2 {
  background: #D71E41;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0;
  padding: 0.5em;
  text-transform: uppercase;
  width: 100%;
}

ul.side_bar_blog {
  list-style: none;
  margin: 0 0 2em 0;
  padding: 0;
  background: #e7e7e7;
}

ul.side_bar_blog li {
  margin: 0;
  padding: 0;
}

ul.side_bar_blog li a {
  color: #000;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6em;
  padding: 0.3em 0.6em 0.3em 0.7em;
  width: 100%;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  text-decoration: none;
}

ul.side_bar_blog li ul {
  margin: 0;
  padding: 0 0 0 1em;
  list-style: none;
}

@media only screen and (max-width: 800px) {
  #brokerage_filter_blog {
    width: 150px;
  }
}
@media only screen and (max-width: 540px) {
  #brokerage_filter_blog {
    width: 100% !important;
  }
  #brokerage_filter_blog h2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .blog_listing_grid > a > .hexagon {
    right: 0 !important;
    height: 40px;
  }
  .blog_listing_grid > a > .hexagon .txt {
    position: relative;
    z-index: 9;
  }
  .blog_image_grey_stripe > h3 {
    margin-bottom: 1em !important;
  }
  a.blog_listing_item .blog_listing_overlay_text span {
    display: none;
  }
  .footer_container ul {
    justify-content: left !important;
    padding-inline-start: 0px;
    display: inline-block !important;
    text-align: center;
  }
  .footer_container ul li {
    border: none !important;
    padding-right: 0px !important;
  }
  .totaliser .payment_logos_container ul li img {
    height: 30px !important;
  }
  .totaliser .payment_logos_container ul {
    padding-inline-start: 0px !important;
    /* padding-inline-start: 0px !important; */
    flex-wrap: wrap;
    justify-content: left !important;
    padding-inline-start: 0px;
    display: inline-block !important;
    text-align: center;
  }
  #page_header > div.header_container.container.fixed > div.logo_search_minicart_hamburger > div.search_minicart_hamburger input[type=search].open {
    top: 70px;
  }
  .flex-col {
    padding: 0px !important;
  }
  .totaliser {
    float: none !important;
  }
  .hero_image_text {
    margin-top: 0px !important;
  }
  .inner_image {
    margin-top: 0px !important;
  }
  .newsletter-image {
    display: none;
  }
  .image_text_flex_half {
    padding: 0px !important;
  }
  .flex-newsletter input {
    width: 100% !important;
  }
  .free_sample_box {
    display: block !important;
  }
  button.order_button {
    margin: 0px !important;
    margin-top: 10px !important;
  }
  .quantity_selection_metres_list li label {
    display: inline-block !important;
  }
  .footer_container .footer_company_information .copyright {
    text-align: center;
  }
  .grey_background_stripe {
    margin-top: 20px !important;
  }
  .image-text-grid h3 {
    text-align: center;
  }
  .slider_col h5 {
    text-align: center;
    font-size: 3em !important;
    font-weight: 400 !important;
  }
  .flex-col h5 {
    text-align: center;
    font-size: 3em !important;
    font-weight: 400 !important;
  }
  .offer_box .offers-heading {
    font-size: 3em !important;
  }
  h3 {
    text-align: center;
    font-weight: 400 !important;
  }
  .brokerage_list article a h3 {
    font-size: inherit !important;
    text-align: left !important;
  }
  .product_image_container {
    order: 2;
  }
  .product_info_container {
    order: 1;
  }
  .product_container {
    display: flex;
    flex-direction: column;
  }
  .product_layout {
    padding-top: 0px !important;
  }
  #hide_on_mobile_product_image {
    display: none;
  }
  #hide_on_mobile_sample {
    display: none;
  }
  #hide_on_desktop_product_image {
    display: contents !important;
    background-color: white;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
  }
  #hide_on_desktop_sample {
    display: block !important;
  }
  .coupon_code {
    min-width: 0px !important;
  }
  .search {
    display: none;
  }
  .image-container img {
    max-width: 100%;
  }
  .hexagon-home {
    position: absolute;
    top: 0;
    right: 25px;
    width: 120px;
    height: 120px;
    background: #D71E41;
    display: block;
  }
  .hexagon-home .txt {
    font-size: 2em;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-transform: uppercase;
    font-weight: 200;
    padding: 0.5em;
    text-align: center;
  }
  .hexagon-home img {
    margin-top: 10px;
    height: 50px;
    width: 50px;
  }
  .hexagon-home:after {
    content: "";
    position: absolute;
    bottom: -28.8675px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-top: 29px solid #D71E41;
  }
  .slick-list {
    margin: 0px !important;
  }
  .prevArrowBtn {
    top: 40% !important;
  }
  .nextArrowBtn {
    top: 40% !important;
  }
  .brokerage_layout .brokerage_header ul.active_filters {
    margin: 0px !important;
  }
  input[type=checkbox]:checked {
    background-color: #699636;
  }
  .inner-trust-pilot-stripe {
    margin: 0px !important;
  }
  .sticky {
    padding: 2em;
  }
  .slider_col {
    padding: 2em;
  }
  div#newslettersignup {
    padding: 2em !important;
  }
  .brand_slider.slick-initialized.slick-slider {
    margin-top: 20px;
  }
  .slick-slide img {
    height: 150px !important;
  }
  img#C4A_btn1 {
    height: 50px;
  }
}
.inner-trust-pilot-stripe {
  margin: 40px;
}

#hide_on_desktop_product_image {
  display: none;
}

#hide_on_desktop_sample {
  display: none !important;
}

.trustpilot-carousel {
  margin-top: 40px;
}

.brokerage_item_counter_filters {
  padding-top: 10px;
}

a.social-link {
  color: white !important;
}

div#trustpilot-gtm-floating-wrapper {
  display: none !important;
}

#page_footer {
  background-color: #d71e40;
}

.footer_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px 0 40px;
}
@media (min-width: 1024px) {
  .footer_container {
    padding: 20px 0 60px;
  }
}
.footer_container .footer_top {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  padding: 0 15px;
}
@media (min-width: 1024px) {
  .footer_container .footer_top {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
@media (min-width: 1024px) {
  .footer_container .footer_top > * {
    width: 50%;
  }
}
.footer_container .footer_top h2 {
  margin: 15px 15px 15px 0;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  font-size: 38px;
}
@media (min-width: 768px) {
  .footer_container .footer_top h2 {
    font-size: 48px;
  }
}
.footer_container .footer_top form {
  display: flex;
  max-width: 500px;
}
@media (min-width: 1024px) {
  .footer_container .footer_top form {
    max-width: unset;
  }
}
.footer_container .footer_top form .form-input {
  flex-grow: 1;
  padding-right: 15px;
}
.footer_container .footer_top form label {
  color: #fff;
  font-weight: 600;
  display: none;
}
.footer_container .footer_top form label.error {
  display: none;
  background: transparent;
  margin-top: 8px;
  padding: 0;
  text-align: left;
  font-size: 12px;
}
.footer_container .footer_top form input[type=text],
.footer_container .footer_top form input[type=email] {
  border-radius: 0;
  border: 3px solid #fff;
  border-radius: 3px;
}
.footer_container .footer_top form input[type=text].error,
.footer_container .footer_top form input[type=email].error {
  background: #fff;
  border-color: #ff0000;
  text-align: left;
  font-weight: normal;
}
.footer_container .footer_top form input[type=submit] {
  padding: 12px 20px;
  margin: 0;
  border-radius: 3px;
  border: 3px solid #fff;
  font-weight: bold;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.footer_container .footer_top form input[type=submit]:hover, .footer_container .footer_top form input[type=submit]:active, .footer_container .footer_top form input[type=submit]:focus {
  background-color: #fff;
  color: #d71e40;
}
.footer_container .footer_top .newsletter_form_success {
  display: none;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.footer_container .footer_main {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  color: #fff;
}
.footer_container .footer_main .footer_main_column {
  padding: 0 15px;
  padding-top: 15px;
  width: 100%;
}
@media (min-width: 768px) {
  .footer_container .footer_main .footer_main_column {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .footer_container .footer_main .footer_main_column {
    width: 33.3333333333%;
  }
}
.footer_container .footer_main p {
  margin: 0;
  font-size: 16px;
}
.footer_container .footer_main p span {
  font-size: 16px;
}
.footer_container .footer_info .logo {
  max-width: 180px;
  margin-bottom: 12px;
}
.footer_container .footer_nav {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.footer_container .footer_nav .site_links {
  margin: 15px 0 0 0;
}
@media (min-width: 1024px) {
  .footer_container .footer_nav .site_links {
    margin: 25px 0 0 0;
  }
}
.footer_container .site_links {
  flex-wrap: wrap;
  padding-left: 0;
}
.footer_container .site_links li:first-child {
  padding-left: 0;
}
.footer_container .site_links li {
  display: inline-block;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
  font-size: 16px;
}
.footer_container .site_links li a {
  color: white;
  text-decoration: underline;
}
.footer_container .site_links li:not(:last-child) {
  border-right: 2px solid white;
}
.footer_container .footer_links {
  max-width: 400px;
}
@media (min-width: 1024px) {
  .footer_container .footer_links {
    margin: 0 auto;
  }
}
.footer_container .footer_links h4 {
  margin: 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid white;
  text-transform: none;
  font-size: 25px;
  font-family: "Poppins", sans-serif;
}
.footer_container .footer_links ul {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  text-align: left;
}
.footer_container .footer_links li {
  display: inline-block;
  padding-right: 15px;
  width: 50%;
  font-size: 16px;
}
.footer_container .footer_links li a {
  color: white;
}
.footer_container .socials {
  max-width: 400px;
}
@media (min-width: 1024px) {
  .footer_container .socials {
    margin: 0 0 0 auto;
  }
}
.footer_container .socials h4 {
  margin: 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid white;
  text-transform: none;
  font-size: 25px;
}
.footer_container .socials ul {
  display: flex !important;
  align-items: flex-start;
  padding-left: 0;
}
@media (min-width: 1024px) {
  .footer_container .socials ul {
    margin-top: 15px;
  }
}
.footer_container .socials ul li {
  list-style: none;
  width: 32px;
  height: 32px;
  margin-right: 20px;
  font-size: 16x;
}
.footer_container .socials ul li img {
  width: 100%;
  height: 100%;
}
.footer_container .footer_company_information {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 3em;
  background-color: #d71e40;
}
.footer_container .footer_company_information .copyright {
  color: white;
  font-size: 1.2em;
  padding: 0.2em;
}
.footer_container .footer_company_information .socials {
  width: 100%;
  justify-content: center;
  display: flex;
  padding: 2em;
  height: 8em;
}
.footer_container .footer_company_information .socials img {
  width: 45px;
  filter: brightness(0) invert(1);
}

.brokerage_layout {
  display: block;
  padding-bottom: 20px;
}
.brokerage_layout .brokerage_filter {
  position: fixed;
  top: 124px;
  left: -400px;
  width: 100%;
  max-width: 400px;
  background: white;
  height: 100%;
  height: calc(100% - 60px);
  z-index: 10000000000;
  clip-path: inset(0px -20px 0px 0px);
  opacity: 0;
  transition: 0.2s left, 0.4s opacity;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  margin-top: 0;
  padding: 20px;
}
@media (max-width: 767px) {
  .brokerage_layout .brokerage_filter {
    padding-bottom: 70px;
  }
}
.brokerage_layout .brokerage_filter.active {
  left: 0;
  opacity: 1;
}
.brokerage_layout .brokerage_filter .btn-search_container {
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 15px 20px;
  height: auto;
  width: 100%;
  max-width: 400px;
  background-color: transparent;
  display: flex;
}
.brokerage_layout .brokerage_filter .btn-search_container:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150%;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgb(255, 255, 255));
}
.brokerage_layout .brokerage_filter .btn-search {
  position: relative;
  background: none;
  width: auto;
  height: auto;
  padding: 12.65px 14px;
  font-size: 14px;
  border-radius: 5px;
  background-color: #3b3a39;
  color: #fff;
}
@media (max-width: 767px) {
  .brokerage_layout .brokerage_filter .filter_group .filter_list {
    margin-bottom: 1.5em;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .brokerage_layout .brokerage_filter .filter_group .filter_list > li {
    width: 50%;
  }
}
.brokerage_layout .brokerage_filter .filter_group .filter_list > li > a {
  display: flex;
  align-items: center;
}
.brokerage_layout .brokerage_filter .filter_group .filter_list > li > a > span {
  margin-left: 5px;
}
.brokerage_layout .brokerage_filter h4 {
  font-size: 16px;
  margin: 0 0 1em 0;
  padding: 0;
}
.brokerage_layout .brokerage_filter h5 {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0.75em;
}
.brokerage_layout .brokerage_filter button.show_size_grid {
  font-size: 14px;
  display: block;
  width: 100%;
  margin: 10px 0;
}
.brokerage_layout .brokerage_filter ul.filter_list {
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
}
.brokerage_layout .brokerage_filter ul.filter_list li {
  cursor: pointer;
  display: block;
  padding-bottom: 1em;
  line-height: 1.15em;
}
.brokerage_layout .brokerage_filter ul.filter_list li:nth-child(n+11) {
  opacity: 0;
  height: 0;
  overflow: hidden;
  padding: 0;
  transition: 0.2s all;
}
.brokerage_layout .brokerage_filter ul.filter_list li a {
  text-decoration: none;
  color: inherit;
}
.brokerage_layout .brokerage_filter ul.filter_list li label {
  display: flex;
  width: 100%;
  align-items: flex-start;
  padding: 0;
}
.brokerage_layout .brokerage_filter ul.filter_list li label input[type=checkbox] {
  cursor: pointer;
  flex-grow: 0;
  flex-shrink: 0;
  top: auto;
  margin-right: 0.5em;
}
.brokerage_layout .brokerage_filter ul.filter_list li label span {
  display: block;
}
.brokerage_layout .brokerage_filter ul.filter_list li label span.label {
  flex-grow: 1;
  flex-shrink: 1;
}
.brokerage_layout .brokerage_filter ul.filter_list li label span.count {
  color: #888888;
  flex-grow: 0;
  flex-shrink: 1;
  justify-self: flex-end;
  text-align: right;
}
.brokerage_layout .brokerage_filter ul.filter_list.open li:nth-child(n+11) {
  opacity: 1;
  height: auto;
  overflow: inherit;
  padding-bottom: 1em;
}
.brokerage_layout .brokerage_filter a.show_more {
  display: block;
  font-size: 14px;
  text-decoration: underline;
}
.brokerage_layout .brokerage_header .brokerage_header_counter_filters_sort_by {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.brokerage_layout .brokerage_header .brokerage_header_counter_filters_sort_by .brokerage_item_counter_filters .brokerage_item_counter {
  display: inline-block;
  font-size: 14px;
  padding: 0em 0.5em 0.5em 0;
  margin: 0 10px 10px 0;
}
.brokerage_layout .brokerage_header .brokerage_header_counter_filters_sort_by .brokerage_item_counter_filters .brokerage_filter_toggle {
  font-size: 14px;
  margin: 0 5px 10px 0;
}
.brokerage_layout .brokerage_header.brokerage_header_remnants .brokerage_header_counter_filters_sort_by {
  display: flex;
  align-items: flex-end;
}
@media (min-width: 768px) {
  .brokerage_layout .brokerage_header.brokerage_header_remnants .brokerage_header_counter_filters_sort_by {
    align-items: center;
  }
}
.brokerage_layout .brokerage_header.brokerage_header_remnants .brokerage_header_counter_filters_sort_by .brokerage_item_counter_filters {
  display: flex;
  align-items: center;
}
.brokerage_layout .brokerage_header.brokerage_header_remnants .brokerage_header_counter_filters_sort_by .brokerage_item_counter_filters .brokerage_item_counter {
  padding-bottom: 0;
  margin-bottom: 0;
}
.brokerage_layout .brokerage_header.brokerage_header_remnants .brokerage_header_counter_filters_sort_by .brokerage_item_counter_filters .brokerage_item_counter #breadcrumb {
  margin-bottom: 0;
}
.brokerage_layout .brokerage_header.brokerage_header_remnants .brokerage_header_counter_filters_sort_by .brokerage_item_counter_filters .brokerage_filter_toggle {
  border-radius: 5px;
  margin: 0 5px 0 0;
  padding: 12.65px 14px 12.65px 40px;
  background-position: 10px center;
}
.brokerage_layout .brokerage_header ul.active_filters {
  display: inline-block;
  list-style: none;
  margin: 0 0 0 0;
  padding: 0;
  height: 45px;
}
.brokerage_layout .brokerage_header ul.active_filters li {
  margin: 10px 10px 0 0;
  padding: 0;
  display: inline-block;
  font-size: 14px;
}
.brokerage_layout .brokerage_header ul.active_filters li button {
  background-color: #EEEEEE;
  color: #3b3a39;
  background-image: url(../images/filter-cross.svg);
  background-size: 0.5em 0.5em;
  background-repeat: no-repeat;
  background-position: 0.5em center;
  padding-left: 1.4em;
}
.brokerage_layout .brokerage_header .brokerage_sort_by {
  min-width: 150px;
}

.brokerage_list_container {
  position: relative;
  min-height: 450px;
}

.brokerage_list_container::before {
  opacity: 0;
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 320px;
  background-image: url(../images/loader.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 48px auto;
  transition: 0.2s opacity;
}

.brokerage_list_container.loading::before {
  opacity: 1;
}

.brokerage_strip {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #EEEEEE;
}
.brokerage_strip h2 {
  margin: 0;
  padding: 40px 0;
}
.brokerage_strip .brokerage_strip_button_container {
  padding: 40px 0;
  font-size: 16px;
}

.brokerage_list {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.brokerage_list article {
  display: block;
  width: 33.333333%;
  padding: 5px;
}
.brokerage_list article a {
  display: block;
  font-size: 14px;
  color: inherit;
}
.brokerage_list article a:hover {
  text-decoration: none;
}
.brokerage_list article a .image_container {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
.brokerage_list article a .image_container img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  object-fit: cover;
}
.brokerage_list article a h3 {
  margin: 0.75em 0;
  font-weight: 400;
  font-size: 1em;
  min-height: 2.5em;
}
.brokerage_list article a:hover h3 {
  text-decoration: underline;
}
.brokerage_list article a p.brand_and_code {
  margin: 0.5em 0;
  color: #888888;
  text-decoration: none !important;
  display: flex;
  justify-content: space-between;
}
.brokerage_list article a p.brand_and_code span.code {
  display: none;
}
.brokerage_list article a p.rating {
  margin: 0;
  font-size: 12px;
}
.brokerage_list article a p.rating img {
  height: 1em;
}
.brokerage_list article.invisible {
  display: none;
}
.brokerage_list article.invisible a {
  opacity: 0;
}

.load_more {
  text-align: center;
  font-size: 14px;
  height: 74px;
  padding-top: 30px;
}

.load_more button {
  padding: 1em 3em;
  width: 20em;
  background-image: url(../images/loader.svg);
  background-repeat: no-repeat;
  background-position: left 6em center;
  background-size: 0 0;
}
.load_more button span.loading {
  color: #888888;
  display: none;
}
.load_more button span.load {
  display: block;
}
.load_more button.loading {
  background-size: 1.4em auto;
  content: "Loading...";
}
.load_more button.loading span.loading {
  display: block;
}
.load_more button.loading span.load {
  display: none;
}

#brokerage_item_template {
  display: none;
}

.area-slider-container {
  width: 100%;
  display: none;
}
.area-slider-container h2 {
  text-align: center;
  color: #D71E41;
}
.area-slider-container p {
  text-align: center;
  font-size: 2em;
}
.area-slider-container .slider {
  padding: 2em;
}
.area-slider-container .slider span {
  font-size: 2em;
}
.area-slider-container .slider span span {
  font-size: 1em;
}
.area-slider-container #slider-range,
.area-slider-container #slider-range-length {
  width: 250px;
}

@media (min-width: 540px) {
  .brokerage_list article a p.brand_and_code span.code {
    display: block;
  }
  #slider-range,
  #slider-range-length {
    width: 300px;
  }
}
@media (min-width: 768px) {
  .brokerage_layout {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .brokerage_layout > form {
    width: 16.969697%;
  }
  .brokerage_layout .brokerage_filter {
    padding: 0;
    z-index: 1;
    position: static;
    top: auto;
    left: auto;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: none;
    background: none;
    height: auto;
    box-shadow: none;
    clip-path: none;
    opacity: 1;
    margin: 0;
    padding: 0;
  }
  .brokerage_layout .brokerage_filter button.close {
    display: none;
  }
  .brokerage_layout .brokerage_header_list {
    width: 83.030303%;
    padding-left: 30px;
  }
  .brokerage_layout .brokerage_header_list .brokerage_header .brokerage_item_counter_filters .brokerage_filter_toggle {
    display: none;
  }
  .brokerage_strip {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .brokerage_list {
    margin-left: -10px;
    margin-right: -10px;
  }
  .brokerage_list article {
    width: 25%;
    padding: 10px;
  }
  .brokerage_list_brands {
    margin-left: -10px;
    margin-right: -10px;
  }
  .brokerage_list_brands article {
    width: 25%;
    padding: 10px;
  }
}
@media (min-width: 1024px) {
  .brokerage_list article {
    width: 20%;
  }
  .brokerage_list article#article-brands {
    width: 16.66%;
  }
  .brokerage_list_brands article {
    width: 20%;
  }
  .area-slider-container .info_text {
    max-width: 300px;
  }
  .area-slider-container .grey_background_stripe #slider-range,
  .area-slider-container .grey_background_stripe #slider-range-length {
    width: 300px;
  }
}
@media (min-width: 1200px) {
  .area-slider-container .info_text {
    max-width: 400px;
  }
  .area-slider-container #slider-range,
  .area-slider-container #slider-range-length {
    width: 400px;
  }
}
.brokerage_separator_left {
  float: left;
  margin-right: 10px;
}

.brokerage_separator_right {
  float: right;
  margin-left: 10px;
}

.brokerage_header_list_brands {
  width: 100%;
}

.brokerage_layout .brokerage_header .brokerage_header_counter_filters_sort_by {
  align-items: flex-start;
}

.brand_name_lowercase {
  text-transform: lowercase;
}

.more-swatches {
  display: none;
}

.group-header {
  display: flex;
  justify-content: space-between;
}

.group-header-h1 {
  flex: auto;
}

.jscroll-loading {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 640px) {
  .brokerage_item_counter {
    display: none !important;
  }
  .brokerage_item_counter_filters {
    padding-top: 0px;
    align-self: flex-end;
  }
  .brokerage_filter_toggle {
    margin: 0px !important;
  }
}
.type_filters > li {
  display: flex !important;
}

.brokerage_layout .brokerage_filter.active {
  height: calc(100% - 124px);
  overflow: scroll;
}

.related_list_modal {
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  width: calc(100% - 500px);
  height: 100%;
  background: rgba(211, 211, 211, 0.5);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
  display: none;
}
@media (min-width: 1200px) {
  .related_list_modal {
    display: flex;
  }
}
.related_list_modal.is-active {
  opacity: 1;
  visibility: visible;
}
.related_list_modal .related_list_container {
  width: calc(100% - 40px);
  max-width: 920px;
  margin: auto;
}
.related_list_modal .related_list {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.related_list_modal .related_list_container {
  margin: 0 20px;
  background-color: #fff;
  position: relative;
  padding: 20px 20px 5px;
}
.related_list_modal .related_list_container .related_modal_close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.related_list_modal h1 {
  margin: 5px 0 10px;
  font-size: 28px;
}
@media (min-width: 768px) {
  .related_list_modal h1 {
    margin: 10px 0 15px;
    font-size: 36px;
  }
}
.related_list_modal .related_item {
  padding: 5px;
}
.related_list_modal .related_item a {
  display: block;
  font-size: 14px;
  color: inherit;
}
.related_list_modal .related_item a:hover {
  text-decoration: none;
}
.related_list_modal .related_item a .image_container {
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  position: relative;
}
.related_list_modal .related_item a .image_container img {
  position: absolute;
  width: 100%;
  height: 100% !important;
  top: 0;
  left: 0;
  display: block;
  object-fit: cover;
  padding: 0;
}
.related_list_modal .related_item a h3 {
  margin: 0.75em 0 0 0;
  font-weight: 400;
  font-size: 1em;
  min-height: 2.5em;
  text-align: left;
}
.related_list_modal .related_item a:hover h3 {
  text-decoration: underline;
}
.related_list_modal .related_item a .product-pricing .price {
  margin-top: 10px;
}

.related_slider .related_slider_inner {
  width: calc(100% - 40px);
  max-width: 920px;
  margin: auto;
}
.related_slider .related_slider {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.related_slider .related_slider_inner {
  margin: 0 20px;
  background-color: #fff;
  position: relative;
  padding: 20px 20px 5px;
}
.related_slider .related_slider_inner .related_modal_close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.related_slider h1 {
  margin: 5px 0 10px;
  font-size: 28px;
}
@media (min-width: 768px) {
  .related_slider h1 {
    margin: 10px 0 15px;
    font-size: 36px;
  }
}
.related_slider .related_item {
  padding: 5px;
}
.related_slider .related_item a {
  display: block;
  font-size: 14px;
  color: inherit;
}
.related_slider .related_item a:hover {
  text-decoration: none;
}
.related_slider .related_item a .image_container {
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  position: relative;
}
.related_slider .related_item a .image_container img {
  position: absolute;
  width: 100%;
  height: 100% !important;
  top: 0;
  left: 0;
  display: block;
  object-fit: cover;
  padding: 0;
}
.related_slider .related_item a h3 {
  margin: 0.75em 0 0 0;
  font-weight: 400;
  font-size: 1em;
  min-height: 2.5em;
  text-align: left;
}
.related_slider .related_item a:hover h3 {
  text-decoration: underline;
}
.related_slider .related_item a .product-pricing .price {
  margin-top: 10px;
}

@media (min-width: 540px) {
  .related_list_modal .swiper-slide {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .related_slider {
    display: none;
  }
}
.product_layout {
  background-color: #FFFFFF;
  padding-top: 20px;
  padding-bottom: 20px;
}
.product_layout .product_image_container {
  margin: 0 -10px 0 -10px;
}
.product_layout .product_image_container .guide-prices table {
  width: 100%;
}
.product_layout .product_image_container .guide-prices table tbody {
  text-align: center;
}
.product_layout .product_image_container img {
  display: block;
  max-width: 100%;
}
.product_layout .product_image_container .product_main_image {
  background-color: white;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
.product_layout .product_image_container .product_main_image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.product_layout .product_image_container .product_main_image .loader {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(/assets/images/loader.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 48px auto;
  background-color: white;
  z-index: 2;
}
.product_layout .product_image_container .product_thumbnails {
  display: flex;
  align-items: flex-start;
  margin-left: -2.5%;
}
.product_layout .product_image_container .product_thumbnails a {
  background-color: white;
  flex-grow: 0;
  display: block;
  margin: 2.5% 0 2.5% 2.5%;
  position: relative;
  width: 17.5%;
  height: 0;
  padding-bottom: 17.5%;
  border: 1px solid transparent;
  transition: 0.2s border-color;
}
.product_layout .product_image_container .product_thumbnails a:hover {
  border-color: #D8D8D8;
}
.product_layout .product_image_container .product_thumbnails a.active {
  border-color: #888888;
}
.product_layout .product_image_container .product_thumbnails a img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.product_layout .product_info_container p.logo {
  font-size: 16px;
}
.product_layout .product_info_container p.logo img {
  width: auto;
  height: 5em;
}
.product_layout .product_info_container p.price {
  font-size: 24px;
  line-height: 1em;
  margin-top: 0;
}
.product_layout .product_info_container p.price #price_was {
  color: #888888;
  text-decoration: line-through;
  display: inline-block;
  padding-right: 0.5em;
}
.product_layout .product_info_container p.promo_price {
  margin-top: -1em;
  margin-bottom: 15px;
  color: #D71E41;
  font-weight: bold;
}
.product_layout .product_info_container .radio_list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4em;
}
.product_layout .product_info_container .radio_list li {
  position: relative;
  min-width: 100px;
  height: 38px;
  margin-right: 10px;
  margin-bottom: 5px;
}
.product_layout .product_info_container .radio_list li label {
  padding-top: 0;
  padding-bottom: 0;
}
.product_layout .product_info_container .radio_list li label input[type=radio] {
  position: absolute;
  z-index: 2;
  display: block;
  top: 0;
  left: 0;
  width: 96px;
  height: 96px;
  background-color: transparent;
  border-width: 2px;
  -webkit-appearance: none;
  border-radius: 0;
  border-color: #D8D8D8;
  margin: 2px;
}
.product_layout .product_info_container .radio_list li label input[type=radio]:hover {
  -o-appearance: none;
  appearance: none;
  box-shadow: 0 0 0 3px #d71e41;
  -webkit-box-shadow: 0px 0px 0px 3px #d71e41;
  background-clip: padding-box;
  border-radius: 0;
}
.product_layout .product_info_container .radio_list li label input[type=radio]:disabled {
  border-color: #D8D8D8 !important;
  background-image: url(/assets/images/option-strike.svg);
  background-size: auto 100%;
  cursor: not-allowed;
}
.product_layout .product_info_container .radio_list li label input[type=radio]:disabled + span.label_inner {
  opacity: 0.3;
}
.product_layout .product_info_container .radio_list li label span.label_inner {
  position: relative;
  min-width: 38px;
  padding: 0 0.65em;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: white;
  border-radius: 19px;
  transition: 0.2s opacity;
  z-index: 1;
}
.product_layout .product_info_container .radio_list.available_colours li {
  height: 100px;
}
.product_layout .product_info_container .radio_list.available_colours li input[type=radio] {
  background-color: transparent;
  border-color: transparent;
}
.product_layout .product_info_container .radio_list.available_colours li input[type=radio]:checked + .swatch_image_inner + span.label {
  display: block;
}
.product_layout .product_info_container .radio_list.available_colours li input[type=radio]:disabled {
  border-color: transparent !important;
}
.product_layout .product_info_container .radio_list.available_colours li input[type=radio]:disabled + .swatch_image_inner {
  opacity: 0.3;
}
.product_layout .product_info_container .radio_list.available_colours li .swatch_image_inner {
  width: 100px;
  height: 100px;
  top: 6px;
  left: 6px;
  transition: 0.2s opacity;
  z-index: 1;
  border-radius: 5px;
}
.product_layout .product_info_container .radio_list.available_colours li span.label {
  font-size: 14px;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  text-align: center;
  white-space: nowrap;
  display: none;
  font-weight: 600;
}
.product_layout .product_info_container button.show_size_grid {
  font-size: 12px;
  margin: 16px 0;
}
.product_layout .product_info_container #stock_message {
  font-weight: bold;
  margin-top: 2em;
  line-height: 1em;
}
.product_layout .product_info_container #stock_message.green {
  color: #00a678;
}
.product_layout .product_info_container #stock_message.orange {
  color: #ff7024;
}
.product_layout .product_info_container #stock_message.red {
  color: #D71E41;
}
.product_layout .product_info_container .quantity_selector_and_add_to_cart {
  display: flex;
  align-items: center;
  margin-top: 3em;
}
.product_layout .product_info_container .quantity_selector_and_add_to_cart .quantity_selector {
  flex-shrink: 0;
}
.product_layout .product_info_container .quantity_selector_and_add_to_cart .add_to_cart {
  font-size: 16px;
  width: 14em;
  flex-shrink: 1;
  margin-left: 10px;
  text-transform: uppercase;
}
.product_layout .product_info_container table {
  font-size: 14px;
}

.add_to_basket {
  display: none;
}

.quantity_selection {
  display: none;
}

.colour_name {
  font-size: 16px;
  text-align: left;
  align-items: center;
}
.colour_name img {
  margin-right: 10px;
}

.quantity_selection_metres_list {
  padding: 0;
}

.quantity_selection_metres_list li {
  list-style: none;
}

.quantity_selection_metres_list li label {
  border: 2px solid #d8d8d8;
  margin-top: 2em;
}

.remnant-pricing {
  color: #D71E41;
}

.brokerage_remnant_width_length {
  margin-top: 0;
}

.quantity_selection_metres_list li label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
}

.quantity_active {
  border: 5px solid #3DA518 !important;
}

.width_length_flex {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  align-items: center;
  margin-left: 10px;
}

.width_length_flex input {
  width: 80px;
  border-radius: 25px;
  /*height: 50px;*/
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin-bottom: 0;
}

.width_length_flex span {
  font-size: 16px;
}

.product_price_brand_logo {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}

.benefits_strip {
  display: flex;
  padding: 1em;
}
.benefits_strip .benefit_text_logo {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.benefits_strip .benefit_text_logo img {
  height: 50px;
  filter: invert(20%) sepia(54%) saturate(4433%) hue-rotate(335deg) brightness(89%) contrast(96%);
}
.benefits_strip .benefit_text_logo p {
  font-size: 1.8rem;
}

.total_and_add_to_cart {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  border: 2px solid #3DA518;
  padding: 10px;
  border-radius: 5px;
}
.total_and_add_to_cart .total_price_quantity {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.total_and_add_to_cart .total_price_quantity .total_price {
  font-size: 4em;
}
.total_and_add_to_cart .total_price_quantity .quantity_confirmation {
  font-size: 1.3em;
}
.total_and_add_to_cart .add_to_cart {
  cursor: pointer;
  margin: 1em 0.5em;
  font-size: 1em;
  background-color: #3DA518;
  border-radius: 5px;
}

.cta {
  display: flex;
  align-items: center;
  font-size: 1.2em;
  margin-top: 10px;
}
.cta img {
  height: 30px;
}

.free_sample_box {
  display: flex;
  justify-content: space-around;
  margin-top: 5em;
  background-color: lightgray;
  border-radius: 5px;
  align-items: center;
  padding: 2.5em 2.5em;
}
@media (min-width: 768px) {
  .free_sample_box {
    padding: 1em 2.5em;
  }
}
.free_sample_box img {
  height: 70px;
}
.free_sample_box .free_sample_text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: start;
}
.free_sample_box .free_sample_text .free_sample_heading {
  font-size: 2em;
  font-weight: 600;
}
.free_sample_box .free_sample_text .free_sample_sentence {
  font-size: 1.5em;
}

.price {
  padding-right: 1em;
  font-weight: 400;
}

.was_price {
  text-decoration: line-through;
  color: #888888;
}

.image_sashes {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  z-index: 2;
}
.image_sashes li {
  display: block;
  line-height: 1.15em;
  padding: 0.5em;
  border-radius: 0.25em;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0.25em;
}
.image_sashes li.red {
  color: white;
  background-color: rgba(170, 0, 0, 0.9);
}

.size_grid_overlay_container,
.size_grid_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
}

.size_grid_overlay_container {
  display: none;
}
.size_grid_overlay_container .size_grid_close {
  position: fixed;
  right: 20px;
  top: 10px;
  z-index: 1002;
}

.size_grid_overlay {
  overflow: auto;
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(4px);
}
.size_grid_overlay .size_grid_container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.size_grid_overlay .size_grid_container h2 {
  padding: 10px;
  text-align: center;
}

.size_grid {
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(21, 1fr);
  grid-gap: 1rem;
  max-width: 1200px;
  margin: 0 auto;
}
.size_grid > div {
  font-size: 12px;
  border: 1px solid transparent;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(240, 240, 240, 0.5);
}
.size_grid > div a {
  display: block;
  margin: -1px -1px -1px -1px;
  border: 1px solid #D8D8D8;
  color: #3b3a39;
  text-align: center;
  padding: 0.4em 0.25em;
  border-radius: 3px;
  background-color: white;
  transition: 0.2s color, 0.2s background-color, 0.2s border-color;
}
.size_grid > div a:hover {
  border-color: #D71E41;
  background-color: rgba(215, 30, 65, 0.9);
  color: white;
  text-decoration: none;
}
.size_grid > div.active a {
  border-color: #D71E41;
  background-color: rgba(215, 30, 65, 0.9);
  color: white;
  text-decoration: none;
}

p.rating {
  font-size: 16px;
}
p.rating img {
  width: auto;
  height: 1em;
}

@media (min-width: 768px) {
  .add_to_cart {
    font-size: 2.5em !important;
  }
  .product_layout .product_container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .product_layout .product_image_container,
  .product_layout .product_info_container {
    margin: 0;
    width: 50%;
    width: calc(50% - 15px);
  }
  .product_layout .product_image_container h1,
  .product_layout .product_info_container h1 {
    margin-top: 0;
  }
  .product_layout .product_image_container .offers-text,
  .product_layout .product_info_container .offers-text {
    color: #D71E41;
    font-size: 2em;
  }
}
.product_title_image {
  align-items: center;
}
.product_title_image .product_title {
  text-align: left;
}

.price {
  flex: auto;
}

.tickbox_carpet {
  display: flex;
  align-items: center;
}
.tickbox_carpet input {
  margin-right: 1em;
}

.highlight {
  border: 2px solid #3DA518 !important;
  border-radius: 5px;
}

.hexagon-clearance:before {
  /* we need this to create the pseudo-element */
  content: "";
  display: block;
  /* position the triangle in the top right corner */
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  /* create the triangle */
  width: 0;
  height: 0;
  border: 3em solid transparent;
  border-top-color: #de224e;
  border-right-color: #de224e;
}

.hexagon-clearance {
  position: absolute;
  top: 0;
  left: 10px;
  width: 100px;
  height: 100px;
  background: #d21f3e;
  display: block;
}

.hexagon-clearance > .txt {
  font-size: 1em;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-transform: uppercase;
  padding: 0.5em;
  text-align: center;
  z-index: 2;
  position: relative;
  font-weight: 600;
}

.label-text {
  font-size: 1.5em;
  font-weight: 200;
}

.hexagon-clearance:after {
  content: "";
  position: absolute;
  bottom: -28.8675px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 29px solid #d21f3e;
}

.label-now {
  font-size: 1.5em;
}

.product-pricing {
  display: flex;
  font-weight: 200;
  padding: 0;
}
.product-pricing .was-price {
  text-decoration: line-through;
}
.product-pricing .now-price {
  font-weight: 600;
}
.product-pricing .price {
  font-weight: 600;
}

.product-trust-pilot {
  margin-top: 20px;
}

.inner_quantity_label_end {
  margin-left: 5px;
}

input[type=checkbox]:checked,
input[type=radio]:checked {
  background-color: #d71e41;
}

.total_for_product {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 1em;
  margin-right: 1em;
}
.total_for_product #order-sample-basket {
  height: 70px;
}

.product_layout .product_info_container .radio_list.available_colours li input[type=radio]:checked {
  /* border-color: #699636; */
  -o-appearance: none;
  appearance: none;
  box-shadow: 0 0 0 3px #d71e41;
  -webkit-box-shadow: 0px 0px 0px 3px #d71e41;
  background-clip: padding-box;
  border-radius: 0;
}

@media only screen and (max-width: 640px) {
  .total_for_product {
    display: none;
  }
  .total_and_add_to_cart {
    padding: 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
  }
  .total_and_add_to_cart .total_price_quantity > span {
    text-align: center;
  }
  .total_and_add_to_cart button {
    cursor: pointer;
    margin: 1em;
    font-size: 2em !important;
    width: 75%;
  }
  .cta {
    display: inline;
  }
  .benefits_strip {
    flex-direction: column;
  }
  #block1 {
    order: 1;
  }
  #block2 {
    order: 2;
  }
}
input[id=length]:disabled {
  background: #dddddd;
}

.stock_notify {
  display: inline-block;
  border: none;
  color: white;
  background-color: #3b3a39;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  border-radius: 3px;
  padding: 0.5em 1em;
  transition: 0.2s all;
}

.stock_notify:hover,
.stock_notify:focus {
  background-color: black;
  opacity: 0.3;
}

.alert,
.alert-danger {
  background-color: #d71e41;
  color: #fff6f6;
  padding: 10px;
}

.alert,
.alert-danger ul {
  list-style: none;
}

.alert-success {
  padding: 1em;
  font-size: 1.5em;
  background-color: green;
  text-align: center;
  font-weight: 600;
}

.product-quantity {
  border-radius: 5px !important;
  margin-left: 1em;
}

.total_price_quantity_single {
  flex-direction: row-reverse !important;
  align-items: center;
}

.product_features {
  margin-top: 5em;
}

.product_features_heading {
  font-size: 2em;
}

.feature_list {
  display: flex;
  flex-direction: column;
}

.align_baseline {
  align-items: baseline;
}

.features_span {
  font-size: 0.5em;
  width: 400px;
}

.features_icon {
  width: 20px;
  margin-right: 2em;
}

.feature_name {
  font-size: 4em;
}

.basket_layout {
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
}
.basket_layout .shopping_basket_header {
  display: none;
}
.basket_layout div table {
  width: 100%;
  border-collapse: collapse;
}
.basket_layout div table thead {
  border-bottom: 1px solid lightgray;
}
.basket_layout div table tbody {
  padding-top: 5px;
}
.basket_layout div table tbody tr td img {
  height: 160px;
}
.basket_layout div table tbody tr {
  border-bottom: 1px solid lightgray;
}
.basket_layout div table tbody tr td {
  vertical-align: top;
  padding-bottom: 20px;
  padding-top: 20px;
}

.coupon_code {
  min-width: 400px;
}

.basket-empty {
  text-align: center;
}

.totaliser {
  float: right;
}
.totaliser .totaliser_line {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1em;
  font-size: 16px;
  border-bottom: 1px solid #D8D8D8;
}
.totaliser .totaliser_line .totaliser_value {
  font-weight: 600;
}
.totaliser .add_to_cart {
  margin: 16px;
  font-size: 2.5em;
  background-color: #3DA518;
  border-radius: 5px;
  width: 95%;
}
.totaliser .add_to_cart a {
  color: white;
  text-decoration: none;
}
.totaliser .payment_logos_container {
  padding: 10px;
}
.totaliser .payment_logos_container ul {
  list-style: none;
}
.totaliser .payment_logos_container ul li img {
  height: 50px;
}
.totaliser .payment_logos_container .payment_logos {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.bin {
  padding-left: 0.3em;
  height: 15px;
  filter: invert(20%) sepia(54%) saturate(4433%) hue-rotate(335deg) brightness(89%) contrast(96%);
  /*filter: invert(92%) sepia(0%) saturate(57%) hue-rotate(244deg) brightness(90%) contrast(88%);*/
  margin-right: 1em;
}

.basketItemsHeader {
  display: none;
}

.product_item_left img {
  width: 100px;
  border-radius: 30px;
}

.product_name_width {
  padding-left: 1em;
}

.flex_col span {
  padding-top: 0.3em;
}

#mini-cart-content ul {
  padding: 1em;
}
#mini-cart-content ul li:last-child .basket_item {
  margin-bottom: 0;
}

.basket_item {
  margin: auto;
  margin-bottom: 15px;
}

@media (min-width: 540px) {
  .product_item_left img {
    width: 150px;
    border-radius: 30px;
  }
  .flex_col span {
    padding-top: 0;
  }
  .basket_item {
    margin: unset;
    margin-bottom: 15px;
  }
}
@media (max-width: 1024px) {
  .product_remove, .basket_price, .mobile_display_none {
    display: none !important;
  }
  .basket_item {
    display: inline-block;
    border: 1px solid #d6dddf;
    border-radius: 5px;
    padding: 20px;
    width: 100%;
  }
  .pricing {
    display: none;
  }
  .flex_col br {
    display: none;
  }
  .flex_col h3 {
    padding: 0px;
    margin: 0px;
    font-size: 1.5rem;
    text-align: left;
  }
  .mobile_price {
    font-size: 22px;
    font-weight: 600;
    margin-right: 3em;
    padding-top: 0;
    padding-left: 0;
    margin-top: 0;
  }
  .product_item_right {
    width: 70%;
  }
}
@media (min-width: 1024px) {
  .mobile_remove, .mobile_price, .mobile_only {
    display: none;
  }
  .basket_description {
    width: calc(40% - 1px);
  }
  .basketItemsHeader {
    display: flex;
    border-bottom: 1px solid #d6dddf;
    width: 100%;
    height: 50px;
    margin-top: 10px;
    justify-content: space-between;
  }
  .basketItemsHeader h3 {
    font-size: 1.8em;
    margin-bottom: 0.5em;
  }
  .basket_options {
    width: calc(40% - 1px);
  }
  .basket_item {
    padding-top: 16px;
    padding-bottom: 20px;
    margin-bottom: 0;
    width: 100%;
    border-bottom: 1px solid #d6dddf;
    display: inline-block;
  }
  .product_description {
    float: left;
    display: inline-block;
    position: relative;
    min-height: 175px;
  }
  .product_item_left {
    width: 40%;
  }
  .product_item_right {
    width: 60%;
  }
  .product_item_left img {
    width: 150px;
  }
  .product_options {
    margin-top: 25px;
  }
  .basket_item h3 {
    font-size: 1.7rem;
  }
  .flex_col span {
    line-height: 1em;
  }
  .pricing {
    padding-top: 0.8em;
    font-size: 1.8rem;
    font-weight: 600;
  }
  .promotion_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px 20px 20px 24px;
    border: 1px solid #cfd1d2;
    border-radius: 5px;
    background-color: #f3f3f3;
  }
  .promotion_box span {
    font-size: 2em;
    padding: 0.5em;
  }
  .promotion_box .offer_title {
    font-size: 3em;
  }
  .promotion_box .terms {
    font-size: 1.5em;
  }
  .flex_col span {
    padding-top: 0em;
  }
}
@media (min-width: 1300px) {
  .basket_description {
    width: calc(30% - 1px);
  }
}
/* Hide the mini-cart off-screen initially */
.mini-cart {
  position: fixed;
  top: 0;
  right: -500px; /* Hidden off-screen to the right */
  width: 500px;
  height: 100%;
  background-color: #fff;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
  transition: right 0.3s ease; /* Smooth sliding transition */
  z-index: 100000; /* Make sure it's above other content */
  overflow-y: auto; /* Ensure scrolling if content exceeds height */
  max-width: 100%;
}

/* When the mini-cart is "open", slide it into view */
.mini-cart.open {
  right: 0; /* Bring the mini-cart into view from the right */
}

/* Optional: Style for the close button inside the mini-cart */
.mini-cart-header {
  padding: 10px;
  background-color: #f1f1f1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mini-cart ul li {
  list-style: none;
}

.mini-cart-header h3 {
  margin: 0;
}

.mini-cart-header button {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
  font-size: 3rem;
  cursor: pointer;
  color: black;
  text-align: right;
  width: auto;
}

.minicart_image {
  width: 100px;
}

@media (min-width: 1024px) {
  .basket_item_container {
    padding: 1em;
  }
}

.basket_item_container > .flex > .minicart_image_container {
  justify-content: space-between;
  width: 100%;
}

.basket_item .basket_price {
  display: flex;
  align-items: center;
}
.basket_item .basket_title {
  margin-top: 10px;
}
.basket_item .basket_title span {
  padding-top: 0 !important;
}
.basket_item h3 {
  margin: 0 0 10px;
  font-weight: bold !important;
}

.totaliser {
  float: unset;
}
.totaliser--flex {
  display: flex;
  flex-direction: column;
}
.totaliser--flex .add_to_cart {
  width: unset;
  font-weight: 600;
}

.payment_logos img {
  max-width: 100%;
}

.travelator_container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
  overflow: hidden;
}

.travelator_container.scroller {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

ul.checkout_travelator {
  font-size: 14px;
  width: 100%;
  min-width: 800px;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
  border-radius: 2px;
  overflow: hidden;
  margin-top: 15px;
  padding-bottom: 15px;
}

ul.checkout_travelator li {
  position: relative;
  padding: 0;
  margin: 0;
  font-size: inherit;
  overflow: hidden;
  background-color: #DDDDD0;
  height: 3em;
  width: 25%;
  opacity: 0.3;
  transition: 0.2s all;
}

ul.checkout_travelator li:first-child {
  background-position: left -0.25em center;
}

ul.checkout_travelator li.active,
ul.checkout_travelator li.error,
ul.checkout_travelator li:hover {
  opacity: 1 !important;
}

ul.checkout_travelator li.validated, ul.checkout_travelator li.active {
  background-color: #6CA939;
}

ul.checkout_travelator li:first-child.validated {
  background-position: left -0.25em top;
}

ul.checkout_travelator li.error {
  background-color: #DA3132;
  background-position: left 2em bottom;
}

ul.checkout_travelator li:first-child.error {
  background-position: left -0.25em bottom;
}

ul.checkout_travelator li::before,
ul.checkout_travelator li::after {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  border-radius: 0;
  transition: 0.2s all;
}

ul.checkout_travelator li::before {
  left: 0;
  border-left: 1.5em solid #fff;
  border-right: 1.5em solid #DDDDD0;
  border-bottom: 1.5em solid #DDDDD0;
  border-top: 1.5em solid #DDDDD0;
  border-radius: 0;
}

ul.checkout_travelator li::after {
  right: 0;
  border-left: 1.5em solid #DDDDD0;
  border-right: 0px solid #fff;
  border-bottom: 1.5em solid #fff;
  border-top: 1.5em solid #fff;
}

ul.checkout_travelator li:first-child::before {
  display: none;
}

ul.checkout_travelator li:last-child::after {
  display: none;
}

ul.checkout_travelator li.validated::before,
ul.checkout_travelator li.active::before {
  border-bottom-color: #6CA939;
  border-right-color: #6CA939;
  border-top-color: #6CA939;
}

ul.checkout_travelator li.validated::after,
ul.checkout_travelator li.active::after {
  border-left-color: #6CA939;
}

ul.checkout_travelator li.error::before {
  border-bottom-color: #DA3132;
  border-right-color: #DA3132;
  border-top-color: #DA3132;
}

ul.checkout_travelator li.error::after {
  border-left-color: #DA3132;
}

ul.checkout_travelator li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: center;
  padding: 1em 2em 1em 2em;
  line-height: 1em;
  height: 3em;
  overflow: visible;
  font-weight: bold;
  text-decoration: none;
  color: #4A4A4A;
  background-image: url(/assets/images/bg-travelator-status.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 3em auto;
}

ul.checkout_travelator li.validated a,
ul.checkout_travelator li.active a,
ul.checkout_travelator li.error a {
  color: white;
}

ul.checkout_travelator li.validated a {
  background-position: left 1em top;
}

ul.checkout_travelator li.error a {
  background-position: left 1em bottom;
}

ul.checkout_travelator li:first-child a {
  padding-left: 1.5em;
}

ul.checkout_travelator li.validated:first-child a {
  background-position: left top;
}

ul.checkout_travelator li.error:first-child a {
  background-position: left bottom;
}

ul.checkout_travelator li:last-child a {
  padding-right: 0.5em;
}

.order_summary {
  background-color: white;
  margin: 30px 0;
}

.order_summary h2 {
  background-color: #DDDDD0;
  font-size: 16px;
  padding: 1em;
  margin: 0;
}

.order_summary_product {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 15px 0;
  padding: 0 15px;
}

.order_summary_product img {
  width: 25%;
  display: block;
  border: 1px solid #DDDDD0;
}

.order_summary_product h4 {
  font-size: 16px;
  padding-left: 15px;
  width: 75%;
  margin: 0;
}

.order_summary_product table {
  width: 100%;
  font-size: 12px;
  margin: 10px 0 0 0;
}

.order_summary_product table thead {
  border-bottom: 1px solid #DDDDD0;
}

.order_summary_product table th,
.order_summary_product table td {
  text-align: center;
  padding: 0.5em 1em;
  vertical-align: top;
}

.order_summary_product table th:first-child,
.order_summary_product table td:first-child {
  width: 60%;
  text-align: left;
  padding: 0.5em 0;
}

.order_summary_product table th:last-child,
.order_summary_product table td:last-child {
  width: 20%;
  text-align: right;
  padding: 0.5em 0;
}

.order_summary_totaliser {
  padding: 15px 15px 0 15px;
}

.order_summary_totaliser table {
  font-size: 16px;
  width: 100%;
}

.order_summary_totaliser table tr {
  border-top: 1px solid #DDDDD0;
}

.order_summary_totaliser table tr:first-child {
  border-top: 3px solid #DDDDD0;
}

.order_summary_totaliser table tr:last-child {
  font-size: 24px;
  font-weight: bold;
}

.order_summary_totaliser table th, .order_summary_totaliser table td {
  text-align: left;
  padding: 15px 0;
}

.order_summary_totaliser table td:last-child {
  text-align: right;
  width: 20%;
}

.order_summary_product img {
  width: 50px;
}

.order_summary {
  width: 33.3333%;
}
.order_summary .order_summary_heading h3 {
  background-color: #ddddd0;
  font-size: 16px;
  padding: 1em;
  margin: 0;
}
.order_summary .order_summary_heading {
  margin-bottom: 1em;
}
.order_summary table {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
.order_summary table thead {
  width: 100%;
  border-bottom: 1px solid #ddddd0;
}
.order_summary table tbody {
  width: 100%;
}

.checkout_chunks {
  padding: 15px 0 30px 0;
}

.checkout_chunks section {
  display: none;
}

@media (min-width: 1024px) {
  .breadcrumbs {
    padding: 20px 0;
  }
}
/* Main area */
.page_stripe {
  background-image: linear-gradient(180deg, #FFFFFF 0%, #F8F8F8 100%);
  font-size: 16px;
}

.padded_stripe {
  padding-top: 30px;
  padding-bottom: 30px;
}

.padded_stripe_bottom {
  padding-bottom: 30px;
}

.page_stripe h2:first-child,
.page_stripe h3:first-child {
  margin-top: 0;
}

.container_fixed {
  max-width: 1680px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container_fixed.narrow {
  max-width: 800px;
}

.container_fixed.medium {
  max-width: 1200px;
}

.form-group {
  margin-bottom: 0.5em;
}

.form-group:not(.checkbox) {
  font-weight: 600;
}

.form-group > input[type=email], input[type=text], input[type=number], input[type=tel], input[type=password], input[type=date], textarea, select, input[type=search] {
  border-radius: 5px;
}

.checkbox {
  align-items: center;
  padding-top: 10px;
}

.checkbox label {
  padding: 0;
}

.checkbox input {
  margin-right: 0.5em;
}

.postcode_and_find input {
  margin-bottom: 0.8em;
}

.totaliser_line {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 16px;
}

@media only screen and (max-width: 640px) {
  .order_summary {
    width: 100% !important;
  }
  .order_summary table {
    font-size: 12px;
  }
  #basket-mobile {
    display: inline !important;
  }
  .card_logos {
    max-width: 100%;
  }
}
.order-confirmation-box {
  border: 1px solid lightgray;
}

.confirm-icons {
  height: 100px;
}

.order-icons {
  height: 100px;
}

.inner-box {
  padding: 2em;
}

.order-box, .customer-box, .delivery-box, .billing-box {
  width: 100%;
  max-width: 800px;
  margin: 1em;
  background-color: white;
}

.details {
  margin-left: 1em;
}

.details > span {
  font-size: 1.5em;
}

.confirm-icons {
  filter: invert(20%) sepia(54%) saturate(4433%) hue-rotate(335deg) brightness(89%) contrast(96%);
}

.order_details {
  background-color: #F5F5F5;
  margin-top: 3em;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

a.no_smooth_scroll.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

#proceed {
  background-color: #6CA939;
  margin-bottom: 5em;
}

.lds-spinner {
  color: #6CA939;
  position: relative;
  width: 300px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #6CA939;
}

.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.cannot_ship {
  display: none;
}

.can_ship {
  display: none;
}

.checkout-grid {
  display: flex;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto;
  flex-wrap: wrap;
}
.checkout-grid .checkout_chunk {
  margin-bottom: 25px;
}
.checkout-grid .checkout_chunk > label {
  font-weight: 600;
}
.checkout-grid .checkout_chunk h2 {
  margin: 0 0 8px;
  font-size: 20px;
  font-family: "Poppins", sans-serif;
}
.checkout-grid #payment-form .checkbox {
  display: flex;
}
.checkout-grid #payment-form input[type=checkbox] {
  border-radius: 4px;
  aspect-ratio: 1/1;
}
.checkout-grid #payment-form button {
  background-color: #3DA518;
  border-radius: 5px;
}
.checkout-grid #payment-form button span {
  font-size: 25px;
}
.checkout-grid .StripeElement {
  background-color: #e4eedd;
  padding: 20px;
  border-radius: 5px;
}

#basket-form {
  grid-column: 1/2; /* Form in the first column */
  max-width: 500px; /* Limit the form width to 500px */
  margin: 0 auto; /* Center the form content within its grid cell */
  width: 100%; /* Ensure form stretches to fill available width within its max-width */
}
#basket-form label {
  font-size: 14px;
  font-weight: normal;
}
#basket-form input[type=email],
#basket-form input[type=text],
#basket-form input[type=number],
#basket-form input[type=tel],
#basket-form input[type=password],
#basket-form input[type=date],
#basket-form textarea,
#basket-form select,
#basket-form input[type=search] {
  border-radius: 5px;
  border-width: 1px;
  border-color: grey;
  padding: 0.75em 1em;
  outline: none;
  font-size: 14px;
}
#basket-form select {
  background-position: right 1em center;
  padding: 0.75em 2.5em 0.75em 1em;
}
#basket-form input[type=checkbox],
#basket-form input[type=radio] {
  border-radius: 4px;
  aspect-ratio: 1/1;
  width: 2em;
  height: 2em;
}

.order-summary-container {
  grid-column: 2/3; /* Payment summary in the second column */
  max-width: 500px; /* Limit the payment summary width to 500px */
  margin: 0 auto; /* Center the payment summary content within its grid cell */
  width: 100%; /* Ensure payment summary stretches to fill available width within its max-width */
  position: sticky;
  top: 20px; /* Sticky positioning */
  margin-top: 2em;
}

@media (max-width: 768px) {
  .checkout-grid {
    grid-template-columns: 1fr; /* Stack form and payment summary vertically on smaller screens */
    max-width: 100%; /* Remove max-width on smaller screens */
  }
  .order-summary-container {
    position: relative; /* Disable sticky on mobile */
    top: auto;
  }
}
.cart-image {
  height: 50px;
}

.order-summary-table {
  width: 100%;
}
.order-summary-table thead {
  display: none;
}
.order-summary-table td {
  text-align: center;
}
.order-summary-table tr {
  font-size: 14px;
}
@media (min-width: 768px) {
  .order-summary-table tr {
    font-size: 16px;
  }
}
.order-summary-table tr th {
  font-weight: 600;
}

.order_summary_heading > h2 {
  padding: 1em;
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
}
@media (min-width: 768px) {
  .order_summary_heading > h2 {
    font-size: 16px;
  }
}

.order-summary-line {
  margin: 1em 0;
}

.order_summary_div {
  position: sticky;
  top: 250px;
  margin-bottom: 15px;
}
.order_summary_div .order_summary_outline {
  border: 1px solid gray;
  border-radius: 5px;
}
.order_summary_div .totaliser_line {
  margin-bottom: 12px;
  font-size: 16px;
}
.order_summary_div .totaliser_line span {
  font-size: inherit;
  line-height: unset;
  font-weight: 600;
}

#promoForm {
  display: flex;
  margin-top: 15px;
  margin-bottom: 15px;
}
#promoForm input {
  margin-right: 0;
  padding: 0.75em 1em;
  border-radius: 5px;
  border-width: 1px;
  border-color: grey;
  font-size: 14px;
}
#promoForm button {
  margin-left: 1em;
  background-color: #D71E41;
  border-radius: 5px;
  font-family: "Poppins", sans-serif;
}

.mini_checkout_modal {
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(211, 211, 211, 0.5);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
}
.mini_checkout_modal.is-active {
  opacity: 1;
  visibility: visible;
}
.mini_checkout_modal .mini_checkout_container {
  width: 100%;
  max-width: 540px;
  margin: auto;
  text-align: center;
}
.mini_checkout_modal .mini_checkout {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.mini_checkout_modal .mini_checkout_container {
  margin: 0 20px;
  background-color: #fff;
  position: relative;
  padding: 45px 30px 25px;
}
.mini_checkout_modal .mini_checkout_container .mini_checkout_close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.mini_checkout_modal .mini_checkout_content {
  max-width: 360px;
  margin: 0 auto;
}
.mini_checkout_modal h2 {
  color: #D71E41;
  margin: 0 0 10px;
  font-size: 28px;
}
@media (min-width: 768px) {
  .mini_checkout_modal h2 {
    margin: 0 0 15px;
    font-size: 36px;
  }
}

.trust_pilot_stripe {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3em;
}
.trust_pilot_stripe img {
  height: 30px;
}
.trust_pilot_stripe .trust_pilot_text {
  font-size: 1.5em;
}

.blog_container {
  padding-bottom: 40px;
}

.ribbon {
  border: 25px solid transparent;
  border-top: 25px solid #D71E41;
  position: absolute;
  top: 0;
  right: 50px;
  padding: 0 10px;
  width: 120px;
  color: white;
  font-family: sans-serif;
  size: 11px;
}

.ribbon .txt {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 6px), 0 calc(100% - 12px));
  position: absolute;
  top: -20px;
  left: 20px;
}

.hexagon {
  position: absolute;
  top: 0;
  right: 50px;
  width: 100px;
  height: 57.735px;
  background: #D71E41;
}
.hexagon .txt {
  font-size: 2em;
  color: white;
}
.hexagon .txt time {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.5em;
  text-transform: uppercase;
}

.hexagon::after {
  content: "";
  position: absolute;
  bottom: -28.8675px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 29px solid #D71E41;
}

.blog_listing_grid {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

a.blog_listing_item {
  display: block;
  position: relative;
  width: 100%;
}
a.blog_listing_item.blog_listing_item_block, a.blog_listing_item.blog_listing_featured_item {
  height: 0;
  background-color: black;
  background-size: 100%;
  background-position: center center;
  transition: 1s background-size;
}
a.blog_listing_item.blog_listing_item_block::before, a.blog_listing_item.blog_listing_featured_item::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  opacity: 0.9;
  height: 75%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, 0.81) 61%);
}
a.blog_listing_item.blog_listing_featured_item {
  padding-bottom: 46.875%;
}
a.blog_listing_item.blog_listing_item_block {
  margin: 1em;
  width: calc(50% - 20px);
  padding-bottom: calc(50% - 20px);
}
a.blog_listing_item .blog_listing_overlay_text {
  color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  font-size: 2.5vw;
  background-color: rgba(0, 0, 0, 0.2);
}
a.blog_listing_item .blog_listing_overlay_text .blog_image_grey_stripe {
  display: flex;
  flex-direction: column;
}
a.blog_listing_item .blog_listing_overlay_text h3, a.blog_listing_item .blog_listing_overlay_text h2 {
  padding: 0 1em;
  font-size: 1.8em;
  font-weight: 600;
  margin-top: 0.5em;
  margin-bottom: 0;
}
a.blog_listing_item .blog_listing_overlay_text span {
  font-weight: 400;
  padding: 0 1em;
}
a.blog_listing_item .blog_listing_overlay_text span p {
  font-weight: 400;
  font-size: 0.9em;
}

.archive_title {
  margin: 2em 0 !important;
}

.blog_listing_featured_item_abstract a {
  color: #3b3a39;
}
.blog_listing_featured_item_abstract a:hover {
  text-decoration: none;
}

.tags > a {
  margin-right: 0.5em;
}

.blog_archive_months {
  list-style: none;
  margin: 0;
  padding: 0 0 20px 0;
  display: block;
}
.blog_archive_months li {
  display: block;
  margin: 0;
  padding: 20px;
  text-align: center;
}

@media (min-width: 540px) {
  .blog_listing_grid {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: -10px;
    margin-right: -10px;
  }
  .blog_listing_grid a.blog_listing_item {
    margin-right: 10px;
    margin-left: 10px;
  }
  .blog_listing_grid a.blog_listing_item .blog_listing_overlay_text {
    font-size: 1.5vw;
  }
}
@media (min-width: 1024px) {
  .blog_listing_featured_item .blog_listing_overlay_text {
    padding-bottom: 30px !important;
  }
  .blog_listing_featured_item .blog_listing_overlay_text h2 {
    margin: 0.25em 0;
  }
  .blog_listing_featured_item .blog_listing_overlay_text p, .blog_listing_featured_item .blog_listing_overlay_text time {
    font-size: 16px !important;
  }
  .blog_listing_featured_item::before {
    height: 50% !important;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%) !important;
  }
  .blog_listing_grid {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .blog_listing_grid a.blog_listing_item {
    width: calc(33% - 30px);
    padding-bottom: calc(25% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .blog_listing_grid a.blog_listing_item .blog_listing_overlay_text {
    font-size: 0.8vw;
  }
}
@media (min-width: 1024px) {
  .blog_listing_grid a.blog_listing_item .blog_listing_overlay_text {
    font-size: 0.8vw;
  }
}
@media (min-width: 1200px) {
  .blog_listing_grid a.blog_listing_item .blog_listing_overlay_text {
    font-size: 0.7vw;
  }
}
@media (min-width: 1650px) {
  .blog_listing_featured_item .blog_listing_overlay_text {
    font-size: 32px !important;
  }
  .blog_listing_grid a.blog_listing_item .blog_listing_overlay_text {
    font-size: 10px;
  }
}
#brokerage_filter_blog {
  float: left;
  width: 177px;
}

.category_div {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-around;
  align-items: center;
  padding-top: 2em;
  padding-bottom: 2em;
}
.category_div .category_heading_text {
  max-width: 500px;
}
.category_div .category_heading_text h2 {
  font-size: 4em;
  color: #D71E41;
}
.category_div .category_heading_text p {
  font-size: 2em;
}

.category_div:nth-child(2n-1) {
  flex-direction: row;
}

.category_container {
  max-width: 350px;
  min-height: 330px;
  text-align: center;
  display: flex;
  flex-direction: column;
  margin: 1em;
}
.category_container img {
  width: 100%;
}

.back-to-search-link {
  font-size: 2em;
}

.brand_listing_grid {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.brand_listing_grid .brand_listing {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.brand_listing_grid .brand_listing a > img {
  height: 100px;
  width: 100px;
}
.brand_listing_grid .brand_listing .brand_listing_item {
  padding: 2em;
  padding-bottom: 0;
}
.brand_listing_grid .brand_listing .brand_listing_item span {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  width: 16.16%;
  padding: 0;
  padding-bottom: 10.6%;
  height: 0;
  vertical-align: top;
  text-align: center;
  margin: 0 0.6% 0.6% 0;
  font-size: 2em;
  font-size: 1.4rem;
  background: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
  position: relative;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  color: #fff;
  overflow: hidden;
  height: 100px;
  width: 100px;
}

.brand_title {
  margin-bottom: 3em;
}

.brand_title a h3 {
  color: black;
}

@media (min-width: 1200px) {
  .brand_listing {
    width: calc(20% - 10px - 1px);
  }
  .brand_listing .brand_listing_item a > img {
    height: 200px;
    width: 200px;
  }
  .brand_listing .brand_listing_item span {
    height: 200px;
    width: 200px;
    font-size: 3em;
  }
}
.brand_layout {
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
}
.brand_layout .brand_filter {
  position: fixed;
  top: 60px;
  left: -400px;
  width: 100%;
  max-width: 400px;
  background: white;
  height: 100%;
  height: calc(100% - 60px);
  z-index: 1000;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  clip-path: inset(0px -20px 0px 0px);
  opacity: 0;
  transition: 0.2s left, 0.4s opacity;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 0;
  padding: 20px;
}
.brand_layout .brand_filter.active {
  left: 0;
  opacity: 1;
}
.brand_layout .brand_filter button.close {
  position: absolute;
  right: 20px;
  top: 10px;
  transition: 0.6s transform;
  transform: rotate(45deg);
}
.brand_layout .brand_filter.active button.close {
  transform: rotate(0deg);
}
.brand_layout .brand_filter h4 {
  font-size: 16px;
  margin: 0 0 1em 0;
  padding: 0;
}
.brand_layout .brand_filter h5 {
  border-top: 1px solid #D8D8D8;
  padding-top: 1.5em;
  margin-bottom: 0;
  font-size: 1.8em;
}
.brand_layout .brand_filter button.show_size_grid {
  font-size: 14px;
  display: block;
  width: 100%;
  margin: 10px 0;
}
.brand_layout .brand_filter ul.filter_list {
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
}
.brand_layout .brand_filter ul.filter_list li {
  cursor: pointer;
  display: block;
  padding-bottom: 1em;
  line-height: 1.15em;
}
.brand_layout .brand_filter ul.filter_list li:nth-child(n+11) {
  opacity: 0;
  height: 0;
  overflow: hidden;
  padding: 0;
  transition: 0.2s all;
}
.brand_layout .brand_filter ul.filter_list li a {
  text-decoration: none;
  color: inherit;
}
.brand_layout .brand_filter ul.filter_list li label {
  display: flex;
  width: 100%;
  align-items: flex-start;
  padding: 0;
}
.brand_layout .brand_filter ul.filter_list li label input[type=checkbox] {
  cursor: pointer;
  flex-grow: 0;
  flex-shrink: 0;
  top: auto;
  margin-right: 0.5em;
}
.brand_layout .brand_filter ul.filter_list li label span {
  display: block;
}
.brand_layout .brand_filter ul.filter_list li label span.label {
  flex-grow: 1;
  flex-shrink: 1;
}
.brand_layout .brand_filter ul.filter_list li label span.count {
  color: #888888;
  flex-grow: 0;
  flex-shrink: 1;
  justify-self: flex-end;
  text-align: right;
}
.brand_layout .brand_filter ul.filter_list.open li:nth-child(n+11) {
  opacity: 1;
  height: auto;
  overflow: inherit;
  padding-bottom: 1em;
}
.brand_layout .brand_filter a.show_more {
  display: block;
  font-size: 14px;
  text-decoration: underline;
}
.brand_layout .brand_header .brand_header_counter_filters_sort_by {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.brand_layout .brand_header .brand_header_counter_filters_sort_by .brand_item_counter_filters .brand_item_counter {
  display: inline-block;
  font-size: 14px;
  padding: 0.5em 0.5em 0.5em 0;
  margin: 0 10px 10px 0;
}
.brand_layout .brand_header .brand_header_counter_filters_sort_by .brand_item_counter_filters .brand_filter_toggle {
  font-size: 14px;
  margin: 0 5px 10px 0;
}
.brand_layout .brand_header ul.active_filters {
  display: inline-block;
  list-style: none;
  margin: -10px 0 0 0;
  padding: 0;
  height: 45px;
}
.brand_layout .brand_header ul.active_filters li {
  margin: 10px 10px 0 0;
  padding: 0;
  display: inline-block;
  font-size: 14px;
}
.brand_layout .brand_header ul.active_filters li button {
  background-color: #EEEEEE;
  color: #3b3a39;
  background-image: url(../images/filter-cross.svg);
  background-size: 0.5em 0.5em;
  background-repeat: no-repeat;
  background-position: 0.5em center;
  padding-left: 1.4em;
}
.brand_layout .brand_header .brand_sort_by {
  min-width: 150px;
}

.brand_list_container {
  position: relative;
  min-height: 450px;
}

.brand_list_container::before {
  opacity: 0;
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 320px;
  background-image: url(../images/loader.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 48px auto;
  transition: 0.2s opacity;
}

.brand_list_container.loading::before {
  opacity: 1;
}

.brand_strip {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #EEEEEE;
}
.brand_strip h2 {
  margin: 0;
  padding: 40px 0;
}
.brand_strip .brand_strip_button_container {
  padding: 40px 0;
  font-size: 16px;
}

.brand_list {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.brand_list article {
  display: block;
  width: 33.33333%;
  padding: 5px;
}
.brand_list article a {
  display: block;
  font-size: 14px;
  color: inherit;
}
.brand_list article a ul {
  margin-top: 0.4em;
}
.brand_list article a:hover {
  text-decoration: none;
}
.brand_list article a .image_container {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
.brand_list article a .image_container img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
}
.brand_list article a h3 {
  margin-top: 0.75em;
  font-weight: 400;
  font-size: 1.3em;
  margin-bottom: 0.2em;
}
.brand_list article a:hover h3 {
  text-decoration: underline;
}
.brand_list article a p.brand_and_code {
  margin: 0.5em 0;
  color: #888888;
  text-decoration: none !important;
  display: flex;
  justify-content: space-between;
}
.brand_list article a p.brand_and_code span.code {
  display: none;
}
.brand_list article a p.rating {
  margin: 0;
  font-size: 12px;
}
.brand_list article a p.rating img {
  height: 1em;
}
.brand_list article.invisible {
  display: none;
}
.brand_list article.invisible a {
  opacity: 0;
}

.load_more {
  text-align: center;
  font-size: 14px;
  height: 74px;
  padding-top: 30px;
}

.load_more button {
  padding: 1em 3em;
  width: 20em;
  background-image: url(../images/loader.svg);
  background-repeat: no-repeat;
  background-position: left 6em center;
  background-size: 0 0;
}
.load_more button span.loading {
  color: #888888;
  display: none;
}
.load_more button span.load {
  display: block;
}
.load_more button.loading {
  background-size: 1.4em auto;
  content: "Loading...";
}
.load_more button.loading span.loading {
  display: block;
}
.load_more button.loading span.load {
  display: none;
}

#brand_item_template {
  display: none;
}

@media (min-width: 540px) {
  .brand_list article a p.brand_and_code span.code {
    display: block;
  }
}
@media (min-width: 768px) {
  .brand_layout {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .brand_layout .brand_filter {
    padding: 0;
    z-index: 1;
    position: static;
    top: auto;
    left: auto;
    width: 16.969697%;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: none;
    background: none;
    height: auto;
    box-shadow: none;
    clip-path: none;
    opacity: 1;
    overflow: auto;
    margin: 0;
    padding: 0;
  }
  .brand_layout .brand_filter button.close {
    display: none;
  }
  .brand_layout .brand_header_list {
    width: 100%;
  }
  .brand_layout .brand_header_list .brand_header .brand_item_counter_filters .brand_filter_toggle {
    display: none;
  }
  .brand_strip {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .brand_list {
    margin-left: -10px;
    margin-right: -10px;
  }
  .brand_list article {
    width: 25%;
    padding: 10px;
  }
}
@media (min-width: 1024px) {
  .brand_list article {
    width: 20%;
  }
}
.full_width_page_header_image {
  display: flex !important;
  align-items: center;
  align-content: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center;
  height: 250px;
  background-size: cover;
}
.full_width_page_header_image .hero_image_text {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1em;
}
.full_width_page_header_image .hero_image_text span {
  color: white;
  font-size: 2em;
  text-shadow: 1px 1px black;
  margin-bottom: 1em;
}
.full_width_page_header_image .hero_image_text .h1 {
  font-family: "Dancing Script", cursive;
  color: white;
  text-align: center;
  font-size: 5em;
  font-weight: 600;
  text-shadow: 1px 1px black;
  margin-bottom: 0.2em;
  margin: 0.67em 0;
}
.full_width_page_header_image .hero_image_text .white_button {
  background-color: white;
  border-radius: 5px;
  width: 300px;
  margin: 1em;
  border-width: 2px;
}
.full_width_page_header_image .hero_image_text .white_button .header_image_button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-size: 2em;
  align-items: center;
  color: #D71E41;
}
.full_width_page_header_image .hero_image_text .white_button .header_image_button img {
  height: 50px;
}

.image-text-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.image-text-grid h3 {
  font-size: 3em;
  font-weight: 400;
}

.image-container {
  position: relative;
  margin: 0.75em;
  width: 100%;
  aspect-ratio: 922/445;
}
@media (min-width: 540px) {
  .image-container {
    width: calc(50% - 1.5em);
  }
}
@media (min-width: 1200px) {
  .image-container {
    aspect-ratio: 1;
    width: calc(25% - 1.5em);
  }
}
.image-container:nth-child(1), .image-container:nth-child(2) {
  aspect-ratio: 922/445;
}
@media (min-width: 540px) {
  .image-container:nth-child(1), .image-container:nth-child(2) {
    width: calc(50% - 1.5em);
  }
}
.image-container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.image-container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-container p {
  margin: 0;
  padding: 15px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
  line-height: 1.1;
  font-weight: 600;
  font-size: 32px;
}
@media (min-width: 768px) {
  .image-container p {
    font-size: 36px;
  }
}
@media (min-width: 1024px) {
  .image-container p {
    font-size: 42px;
  }
}

.image-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 1em -0.75em;
}

.sale-banner {
  background-color: #d71e40;
}
.sale-banner .sale-banner_content {
  max-width: 820px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sale-banner .sale-banner_content > img {
  width: 90px;
  height: 90px;
  margin-bottom: 5px;
  display: block;
}
@media (min-width: 540px) {
  .sale-banner .sale-banner_content > img {
    display: none;
  }
}
@media (min-width: 540px) {
  .sale-banner .sale-banner_content > div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.sale-banner .sale-banner_content > div img {
  width: 100px;
  height: 100px;
  display: none;
}
@media (min-width: 540px) {
  .sale-banner .sale-banner_content > div img {
    display: block;
  }
}
.sale-banner .sale-banner_content h2, .sale-banner .sale-banner_content .h2 {
  color: white;
  text-align: center;
  line-height: 1.1;
  font-weight: normal;
  margin: 0;
  font-size: 32px;
}
@media (min-width: 768px) {
  .sale-banner .sale-banner_content h2, .sale-banner .sale-banner_content .h2 {
    font-size: 36px;
  }
}
@media (min-width: 1024px) {
  .sale-banner .sale-banner_content h2, .sale-banner .sale-banner_content .h2 {
    font-size: 42px;
  }
}
.sale-banner .sale-banner_content h2 span, .sale-banner .sale-banner_content .h2 span {
  font-size: inherit;
  font-weight: 600;
}

.half-image-half-text {
  padding: 34px 0 24px;
}
@media (min-width: 768px) {
  .half-image-half-text {
    padding: 48px 0;
  }
}
.half-image-half-text .container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .half-image-half-text .container {
    flex-direction: row;
    align-items: center;
  }
}
.half-image-half-text img {
  height: 100%;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .half-image-half-text img {
    width: 50%;
    margin: 0;
    padding-right: 20px;
  }
}
@media (min-width: 1024px) {
  .half-image-half-text img {
    padding-right: 30px;
  }
}
@media (min-width: 768px) {
  .half-image-half-text .half-image-half-text_content {
    width: 50%;
    padding-left: 20px;
  }
}
@media (min-width: 1024px) {
  .half-image-half-text .half-image-half-text_content {
    padding-left: 30px;
  }
}
.half-image-half-text .half-image-half-text_content h2 {
  margin: 0 0 10px;
  color: #d71e40;
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-size: 30px;
}
@media (min-width: 768px) {
  .half-image-half-text .half-image-half-text_content h2 {
    font-size: 38px;
  }
}
@media (min-width: 1024px) {
  .half-image-half-text .half-image-half-text_content h2 {
    font-size: 48px;
  }
}
@media (min-width: 1200px) {
  .half-image-half-text .half-image-half-text_content h2 {
    font-size: 60px;
  }
}
.half-image-half-text .half-image-half-text_content p {
  margin: 0 0 10px;
  font-size: 18px;
}
@media (min-width: 768px) {
  .half-image-half-text .half-image-half-text_content p {
    font-size: 20px;
  }
}
@media (min-width: 1024px) {
  .half-image-half-text .half-image-half-text_content p {
    font-size: 22px;
  }
}

.half-text-half-image {
  background-color: #F0F0F0;
  padding: 34px 0 24px;
}
@media (min-width: 768px) {
  .half-text-half-image {
    padding: 48px 0;
  }
}
.half-text-half-image .container {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 768px) {
  .half-text-half-image .container {
    flex-direction: row;
    align-items: center;
  }
}
.half-text-half-image img {
  height: 100%;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .half-text-half-image img {
    width: 50%;
    margin: 0;
    padding-left: 20px;
  }
}
@media (min-width: 1024px) {
  .half-text-half-image img {
    padding-left: 30px;
  }
}
@media (min-width: 768px) {
  .half-text-half-image .half-text-half-image_content {
    width: 50%;
    padding-right: 20px;
  }
}
@media (min-width: 1024px) {
  .half-text-half-image .half-text-half-image_content {
    padding-right: 30px;
  }
}
.half-text-half-image .half-text-half-image_content h2 {
  margin: 0 0 10px;
  color: #d71e40;
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-size: 30px;
}
@media (min-width: 768px) {
  .half-text-half-image .half-text-half-image_content h2 {
    font-size: 38px;
  }
}
@media (min-width: 1024px) {
  .half-text-half-image .half-text-half-image_content h2 {
    font-size: 48px;
  }
}
@media (min-width: 1200px) {
  .half-text-half-image .half-text-half-image_content h2 {
    font-size: 60px;
  }
}
.half-text-half-image .half-text-half-image_content p {
  margin: 0 0 10px;
  font-size: 18px;
}
@media (min-width: 768px) {
  .half-text-half-image .half-text-half-image_content p {
    font-size: 20px;
  }
}
@media (min-width: 1024px) {
  .half-text-half-image .half-text-half-image_content p {
    font-size: 22px;
  }
}
.half-text-half-image .half-text-half-image_content a.button {
  font-weight: 700;
  font-size: 18px;
}
@media (min-width: 768px) {
  .half-text-half-image .half-text-half-image_content a.button {
    font-size: 20px;
  }
}
@media (min-width: 1024px) {
  .half-text-half-image .half-text-half-image_content a.button {
    font-size: 22px;
  }
}

.bargains {
  background-color: #f0f0f0;
  padding: 30px 0 5px;
}
@media (min-width: 768px) {
  .bargains {
    padding: 30px 0 10px;
  }
}
@media (min-width: 1024px) {
  .bargains {
    padding: 30px 0 25px;
  }
}
.bargains h2 {
  margin: 0 0 18px;
  color: #d71e40;
  font-family: "Poppins", sans-serif;
  text-align: center;
  font-weight: 800;
  font-size: 30px;
}
@media (min-width: 768px) {
  .bargains h2 {
    font-size: 38px;
  }
}
@media (min-width: 1024px) {
  .bargains h2 {
    font-size: 48px;
  }
}
@media (min-width: 1200px) {
  .bargains h2 {
    font-size: 60px;
  }
}
.bargains .bargains_cards {
  display: flex;
  flex-wrap: wrap;
  margin-left: -7.5px;
  width: calc(100% + 15px);
}
.bargains .bargains_card {
  margin: 0 7.5px 30px;
  width: calc(100% - 15px);
}
@media (min-width: 540px) {
  .bargains .bargains_card {
    width: calc(50% - 15px);
  }
}
@media (min-width: 768px) {
  .bargains .bargains_card {
    width: calc(33.3333333333% - 15px);
  }
}
@media (min-width: 1024px) {
  .bargains .bargains_card {
    width: calc(25% - 15px);
  }
}
@media (min-width: 1200px) {
  .bargains .bargains_card {
    width: calc(20% - 15px);
  }
}
@media (min-width: 1440px) {
  .bargains .bargains_card {
    width: calc(16.6666666667% - 15px);
  }
}
.bargains .bargains_card img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  margin-bottom: 10px;
}
.bargains .bargains_card h4 {
  color: #d71e40;
  font-family: "Poppins", sans-serif;
  text-transform: capitalize;
  margin: 0 0 8px;
  font-size: 20px;
}
@media (min-width: 768px) {
  .bargains .bargains_card h4 {
    font-size: 22px;
  }
}
.bargains .bargains_card h3, .bargains .bargains_card h3 + p, .bargains .bargains_card .price, .bargains .bargains_card .price span {
  margin: 0 0 2px;
  text-align: left;
  font-weight: normal;
  line-height: 1.35;
  font-size: 20px;
}
@media (min-width: 768px) {
  .bargains .bargains_card h3, .bargains .bargains_card h3 + p, .bargains .bargains_card .price, .bargains .bargains_card .price span {
    font-size: 22px;
  }
}
.bargains .bargains_card .price {
  margin-top: 8px;
}
.bargains .bargains_card .price span {
  font-weight: 600;
}
.bargains .bargains_card .btn {
  border-radius: 0;
  border: 2px solid #d71e41;
  padding: 0.175em 0.67em;
  margin-top: 8px;
  font-size: 20px;
}
@media (min-width: 768px) {
  .bargains .bargains_card .btn {
    font-size: 22px;
  }
}
.bargains .bargains_card .btn:hover, .bargains .bargains_card .btn:active, .bargains .bargains_card .btn:focus {
  border-color: #d71e41 !important;
}

@media (min-width: 540px) {
  .full_width_page_header_image {
    height: 500px;
  }
  .hexagon-home {
    position: absolute;
    top: 0;
    right: 25px;
    width: 150px;
    height: 150px;
    background: #D71E41;
    display: block;
  }
  .hexagon-home .txt {
    font-size: 2em;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-transform: uppercase;
    font-weight: 200;
    padding: 0.5em;
    text-align: center;
  }
  .hexagon-home .txt .label-text-home {
    font-size: 1em;
  }
  .hexagon-home .txt img {
    height: 80px;
    width: 60px;
  }
  .hexagon-home::after {
    content: "";
    position: absolute;
    bottom: -28.8675px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    border-top: 29px solid #D71E41;
  }
  .label-header {
    font-size: 1em;
    padding-top: 10px;
  }
}
.no-webp .inner_image {
  min-height: 300px;
  background-image: url(/assets/images/home/e2.jpg);
  background-position: center;
  padding: 3em;
  margin-top: -15em;
}

.webp .inner_image {
  min-height: 500px;
  background-image: url(/assets/images/home-webp/e1_webp.webp);
  background-position: center;
  padding: 0em;
  margin-top: -22em;
}

.offer_box {
  padding: 2em;
  display: flex;
  flex-direction: column;
  max-width: 400px;
  height: 300px;
  background: white;
  position: relative;
  z-index: 99;
  top: 50px;
  justify-content: space-evenly;
}
.offer_box .offers-heading {
  font-family: "Lato", sans-serif;
  font-size: 28px;
  font-weight: 600;
}
.offer_box .offers-text {
  font-size: 2em;
  font-weight: 400;
}

@media (min-width: 768px) {
  .offer_box {
    left: 200px;
  }
}
.flex-col h5 {
  font-size: 4em;
  font-weight: 400;
}

.flex-col .newsletter-text {
  font-size: 2em;
  font-weight: 400;
}

.slick-slide img {
  padding-left: 2em;
  padding-right: 2em;
}

.slider_col h5 {
  font-size: 4em;
  font-weight: 400;
  text-align: center;
}

.slider_col span {
  font-size: 2em;
  font-weight: 400;
}

.brands_button {
  text-align: center;
}

.slider_arrow_left {
  height: 20px;
}

.slider_arrow_right {
  height: 20px;
}

.nextArrowBtn {
  position: absolute;
  z-index: 1;
  top: 25%;
  right: 0;
  color: #BFAFB2;
}

.prevArrowBtn {
  position: absolute;
  z-index: 1;
  top: 25%;
  left: 0;
  color: #BFAFB2;
}

.slick-track {
  display: flex;
  align-items: center;
  justify-content: center;
}

.slick-list {
  margin: 0 100px;
}

@media (min-width: 540px) {
  .slider_arrow_left {
    height: 100px;
  }
  .slider_arrow_right {
    height: 100px;
  }
}
.slick-slide {
  margin-right: 3em;
}

.image_text_flex_half {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 5em;
  align-items: center;
}
.image_text_flex_half img {
  height: 200px;
  width: 200px;
}

.flex-newsletter {
  align-items: flex-start;
  font-weight: 200;
}
.flex-newsletter .newsletter-text {
  font-weight: 200;
  padding-bottom: 2em;
}
.flex-newsletter input {
  margin-top: 2em;
  width: 25em;
}
.flex-newsletter button {
  border-radius: 5px;
}

.sign_up {
  margin-left: 0 !important;
}

@media (min-width: 1024px) {
  .image-text-grid {
    flex-wrap: nowrap;
  }
  .image-text-grid h3 {
    font-size: 4em;
    padding-right: 5em;
  }
  .image_text_flex_half {
    flex-direction: row;
  }
  .image_text_flex_half img {
    height: 400px;
    width: 400px;
  }
  .full_width_page_header_image .hero_image_text .h1 {
    font-size: 7em;
  }
}
@media (min-width: 1200px) {
  .hero_image_text .h1 {
    font-size: 10em;
  }
}
.full_width_slick > .slick-list {
  margin: 0;
}
.full_width_slick > .slick-list .slick_track {
  width: 100%;
}

.slide {
  margin-right: 0 !important;
}

.hero_image_text {
  margin-top: 10em;
}

.h2 {
  font-family: "Lato", sans-serif;
  font-size: 28px;
  font-weight: 600;
  display: block;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.thanks {
  background: #81BC00;
  color: #fff;
  width: 0%;
  padding: 0.5em 0;
  line-height: 1.5em;
  text-align: center;
  overflow: hidden;
  display: block;
}

.sub-exists {
  background: #81BC00;
  color: #fff;
  width: 0%;
  padding: 0.5em 0;
  line-height: 1.5em;
  text-align: center;
  overflow: hidden;
  display: block;
}

@media only screen and (max-width: 640px) {
  input#newsletter_email {
    font-size: 16px;
  }
  input#newsletter_button {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search_name {
    display: none !important;
  }
  img.search_button_mobile {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 40px;
    height: 30px;
    padding: 0;
  }
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search input[type=search] {
    border-width: 2px;
    border-radius: 25px !important;
    border: none;
    opacity: 1;
    width: 100%;
    position: relative;
    right: auto;
    transition: 0.3s border-color;
    background-color: #F5F5F5;
    margin-bottom: 0;
  }
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search img.search_button_full {
    position: absolute;
    top: 30px;
    right: 25%;
    width: 20px;
    height: 20px;
    padding: 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search img.search_button_full {
    position: absolute;
    top: 11px !important;
    right: 12px !important;
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  #page_header .header_container .logo_search_minicart_hamburger .search_minicart_hamburger .search {
    display: none !important;
  }
  img.search_button_mobile {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    padding: 0;
  }
}
@media only screen and (max-width: 800px) {
  .hexagon-clearance {
    height: 10px;
    width: 70px;
  }
  .hexagon-clearance:before {
    border: unset;
    border-top-color: unset;
    border-right-color: unset;
  }
  .hexagon-clearance:after {
    bottom: -28.8675px;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-top: 29px solid #d21f3e;
  }
  .hexagon-clearance .txt .label-text {
    display: none;
  }
  .hexagon-clearance .txt .label-now {
    display: none;
  }
  .hexagon-clearance .txt span {
    padding-top: 0px !important;
  }
}
.header_slider {
  --swiper-pagination-bottom: 20px;
  --swiper-theme-color: #d71e41;
  --swiper-pagination-bullet-size: 16px;
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-pagination-bullet-inactive-opacity: 0.9;
  transition-timing-function: linear !important;
}
.header_slider .swiper-slide {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  height: calc(100vh - 300px);
  background-size: cover;
  background-position: center left;
  background-blend-mode: multiply;
  transition: background linear 500ms;
}
@media (min-width: 1024px) {
  .header_slider .swiper-slide {
    align-items: center;
  }
}
.header_slider .swiper-slide .slide_container {
  margin: 0 auto;
  padding: 20px 20px 60px;
  max-width: 1690px;
  width: 100%;
}
.header_slider .swiper-slide .slide_container h2 {
  font-size: 60px;
  font-weight: 900;
  margin: 0 0 0.25em;
}
@media (min-width: 1024px) {
  .header_slider .swiper-slide .slide_container h2 {
    font-size: 80px;
  }
}
.header_slider .swiper-slide .slide_container h2 span {
  display: block;
  font-weight: 500;
  font-size: 30px;
}
@media (min-width: 1024px) {
  .header_slider .swiper-slide .slide_container h2 span {
    font-size: 40px;
  }
}
.header_slider .swiper-slide .slide_container h2, .header_slider .swiper-slide .slide_container p {
  text-align: center;
  color: white;
  font-family: "Poppins", sans-serif;
}
@media (min-width: 1024px) {
  .header_slider .swiper-slide .slide_container h2, .header_slider .swiper-slide .slide_container p {
    max-width: 50%;
    text-align: left;
  }
}
.header_slider .swiper-slide .slide_container .button_group {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1024px) {
  .header_slider .swiper-slide .slide_container .button_group {
    justify-content: flex-start;
  }
}
.header_slider .swiper-slide .slide_container .button_group .btn {
  margin-right: 10px;
}
/*# sourceMappingURL=burts-online.css.map */