/* CSS created by David Oldfield / Form+ Ltd */
/* Make a custom fallback font based on the local Arial */
@font-face {
    font-family: "Yantramanav-fallback";
    size-adjust: 92.69%;
    src: local("Arial");
}
/* yantramanav-regular - latin */
/* yantramanav-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/yantramanav/yantramanav-v13-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* yantramanav-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/yantramanav/yantramanav-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* yantramanav-500 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/yantramanav/yantramanav-v13-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* yantramanav-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/yantramanav/yantramanav-v13-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }


  
:root {
  --bg: 255, 255, 255;
  --card: 238, 238, 238;
  --light: 221, 221, 221;
  --feature: 54, 68, 77;
  --feature-green: 90, 156, 51;
  --feature-red: 192, 36, 36;
  --feature-turquoise: 0, 182, 122;
  --feature-dark-green: 54, 109, 21;

  --primary-dark-grey: 54, 68, 77;  /* #36444d */
  --primary-green: 90, 156, 51; /* #5a9c33 */

  /* Text */
  --primary-text: 17, 17, 17;
  --secondary-text: 34, 34, 34;

  --border: 221, 221, 221;
  --blue: 30, 144, 255;
  --white: 255, 255, 255;

  /* Border Radiuses */
  --rounded-sm: 4px;
  --rounded: 8px;
  --rounded-lg: 16px;
}

/* CSS created by David Oldfield / Form+ Ltd */
* {
    outline: none;
}
html,
body {
    height: 100%;
}
html {
    font-size: 16px;
}
body {
    padding: 0px;
    margin: 0px;
    font-family: "Yantramanav", "Yantramanav-fallback";
    line-height: 1.5em;
    font-weight: 300;
    overflow-x: hidden;
    color: #36444d;
    height: auto;
}
a {
    color: #36444d;
    text-decoration: none;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    /* Let's enforce some hardware acceleration */
    /* -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
  -webkit-backface-visibility: hidden; */
}
a:hover {
    text-decoration: underline;
}
p {
    line-height: 140%;
}
input,
textarea,
select,
label,
button {
    font-size: 1rem;
    font-family: "Yantramanav", Helvetica Neue, Helvetica;
    font-weight: 300;
}
select[disabled] {
    color: #555;
}
select:disabled {
    opacity: 0.6;
}
.bold,
strong,
.life_intro a {
    font-weight: 700;
}
img.Sirv {
    height: auto;
    font-size: 0px !important;
}
img.Sirv.float-right {
    object-position: right;
}
img.Sirv.float-left {
    object-position: left;
}
.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.negative {
    margin-left: -10px;
    margin-right: -10px;
}
.negative .inner {
    margin-left: 10px;
    margin-right: 10px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0px;
    margin: 0px;
    font-weight: 300;
}
.c_10 {
    width: 10%;
}
.c_12 {
    width: 12.5%;
}
.c_15 {
    width: 15%;
}
.c_16 {
    width: 16.666666%;
}
.c_20 {
    width: 20%;
}
.c_25 {
    width: 25%;
}
.c_30 {
    width: 30%;
}
.c_33 {
    width: 33.333333%;
}
.reduced .c_33 {
    width: 25%;
}
.reduced .c_33.featured_wrap {
    /*width: 50%;*/
}
.c_33.c_20 {
    width: 20%;
}
.c_33.c_20 .c_50 {
    width: 100%;
}
.c_33.c_20 .box .flex .c_50:nth-child(2) {
    text-align: left !important;
}
.c_33.c_25 {
    width: 25%;
}
.cta .c_33.c_20 .c_50:nth-child(2) .inner {
    justify-content: flex-start;
}
.c_35 {
    width: 35%;
}
.c_40 {
    width: 40%;
}
.c_45 {
    width: 45%;
}
.c_50 {
    width: 50%;
}
.c_55 {
    width: 55%;
}
.c_60 {
    width: 60%;
}
.c_65 {
    width: 65%;
}
.c_66 {
    width: 66.666666%;
}
.c_70 {
    width: 70%;
}
.c_75 {
    width: 75%;
}
.c_80 {
    width: 80%;
}

#page_info {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99999999999999;
	background-color: var(--color-accent);
	color: #fff;
	padding: 10px 20px;
	display: inline-block;
    background-color: #333;
}

.account .c_80 {
	width: 77.5%;
	padding-left: 2.5%;
}
.account .c_80 .c_80 {
	width: 80%;
	padding-left: 0%;
}
.c_85 {
    width: 85%;
}
.c_100 {
    width: 100%;
}
.home_promo {
    margin-bottom: 15px;
}
.homepage_promo {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.homepage_promo a {
    flex: 1 1 calc(50% - 20px);
    box-sizing: border-box;
}
.homepage_promo img {
    width: 100%;
    height: auto;
    display: block;
}
.homepage_promo.cat_page_promo {
    padding: 40px 0;
}
.display_event a {
    display: block;
    width: 100%;
    height: 100%;
}
.display_event img {
    display: block;
    width: 100%;
    height: 100%;
}
.vat_row {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.vat_row.right {
	justify-content: flex-end;
	margin-bottom: 10px;
}
.links .vat_row {
	justify-content: center;
	margin-bottom: 8px;
}
.vat_switch {
    position:relative;
    display:inline-flex;
    align-items:center;
    background:#eee;
    border-radius:20px;
    padding:3px;
    cursor:pointer;
    font-size:13px;
    font-weight:600;
    user-select:none;
}

.vat_label {
    position:relative;
    z-index:2;
    padding:2px 12px;
    transition:color 0.2s ease;
}

.vat_label.active {
    color:#fff!important;
}
.links .vat_label, .mobile_inner .vat_label {
	color: #333;
}
.vat_slider {
    position:absolute;
    top:3px;
    left:3px;
    height:calc(100% - 6px);
    width:50%;
    background:#111;
    border-radius:20px;
    transition:transform 0.25s ease;
}
.vat_stamp {
	display: inline-block;
	margin-left: 3px;
	font-size: 1rem!important;
	line-height: 100%;
}
.links {
	text-align: center;
}
.links a {
	color: #fff;
	font-weight: 500;
}
.links i {
	font-size:1.385rem;
	margin: 5px 0px 10px 0px;
}
.links .inner {
	position: relative;
	z-index: 1;
}
.links .c_33:nth-child(1) {
	width: 35.3333333%;
}
.links .c_33:nth-child(3) {
	width: 31.3333333%;
}
.nuggin {
	position: absolute;
	right: 20px;
	top: -8px;
	width: 15px;
	height: 15px;
	border-radius: 500px;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	background-color: #c00;
	color: #fff;
	padding: 5px;
}
.quick_contact {
	font-size: 1.231rem;
	font-weight: 500;
}
.quick_contact a, #ads a {
	color: #fff;
	font-weight: 500;
}
.quick_contact i, #ads i {
	margin-right: 6px;
}
#ads i, #ads a {
	color: #fff;
	font-size: 1.231rem;
}
/* COMMON */
/* PRODUCT CONTAINERs */
.products {
	
	padding-top: 40px;
}
.products_container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-flow: row;
  row-gap: 50px;
  column-gap: 20px;
  margin: 0px 0px 50px 0px;
}
.products_container .row_span_2 {
    grid-row: span 2;
}
.products_container.single_line {
    grid-template-rows: 1fr;
    grid-auto-rows: 0px;
    overflow: hidden;
    row-gap: 0px;
}
.products_container.large {
  grid-template-columns: repeat(4, 1fr);
}
.products_container .banner {
  grid-column-start: 1;
  grid-column-end: 4;
}
.products_container .empty_result {
  grid-column-start: 1;
  grid-column-end: 4;
}
.products_container .empty_result h4{
  font-size: 1.538rem;
  font-weight: 700;
  display: block;
  padding: 10px 0px;
}
.product_item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  /* border-bottom: thin solid #eee; */
  /* padding: 16px 0px; */
  overflow: hidden;
  box-sizing: border-box;
}
#product_items .product_item {
	gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
	display: block;
}
.splide__track .product_item {
    margin-bottom: 32px;
}
.product_item div.product_item_top {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
}
.product_item div.product_item_top .image {
  margin-bottom: 8px;
  overflow: hidden;
  position: relative;
  aspect-ratio: 450 / 326;
  background: rgb(245,245,245);
  background: linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(245,245,245,1) 100%);
}
.product_item div.product_item_top .image:hover .lifestyle {
  opacity: 1;
}
.product_item div.product_item_top .image .best {
  position: absolute;
  top: 10%;
  right: 0px;
  z-index: 3;
  box-sizing: border-box;
  background: rgba(var(--feature-turquoise),1);
  padding: 4px 12px 4px 16px;
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
  font-weight: 700;
  color: rgb(var(--bg));
}
.product_item div.product_item_top .image .sale_nub {
  position: absolute;
  top: 10%;
  right: 0px;
  left: auto;
  z-index: 3;
  box-sizing: border-box;
  background: rgba(var(--feature-red),1);
  padding: 4px 12px 4px 16px;
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
  font-weight: 700;
  color: rgb(var(--bg));
}
.product_item div.product_item_top .image .lifestyle {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 4;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  width: 100%;
  height: 100%;
}
.product_item div.product_item_top .image .main {
  z-index: 1;
}
.product_item div.product_item_top .image:hover + h3 {
  text-decoration: underline;
}
.product_item div.product_item_top h3 {
  font-size: 1.1rem !important;
  font-weight: 700 !important;

  max-width: 100%;
  text-align: center;
}
.product_item div.product_item_top .trustpilot-ratings {
  width: 100px;
  height: 18.75px;
}

.product_item div.product_item_medium {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 4px;
  max-width: 100%;
  overflow: hidden;
  flex: 1;
}
.product_item div.product_item_medium h2,
.product_item div.product_item_medium span { 
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 21px;
  max-height: 21px;
}
.product_item div.product_item_medium h2 {
  font-size: 0.95rem !important;
  font-weight: 300 !important;
}
.product_item div.product_item_medium span {
  margin: 0px;
  font-size: 0.95rem !important;
}
.product_item div.product_item_bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
}
.product_item_bottom .price {
  margin-bottom: 0px;
  font-size: 1.1rem !important;
}
.stock_msg {
	font-size: 1.231rem;
}
.product_item_bottom .red {
    margin-bottom: 0px;
    font-size: 1.25rem !important;
}
.info p.price .red {
	font-weight: 700!important;
	font-size: 3rem;
	margin-left: 0px;
}
.product_item_bottom .was {
    margin-bottom: 0px;
    font-size: 1.1rem !important;
}
.product_item div.product_item_bottom .btn {
  padding: 8px 20px;
}

.grey_bg .products_container {
    padding: 10px;
    row-gap: 32px;
    margin: 0px -10px;
}
.grey_bg .products_container .product_item {
    background-color: #fff;
    box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.2);
}
.grey_bg .products_container .product_item .product_item_top .trustpilot-ratings,
.grey_bg .products_container .product_item .product_item_top h3,
.grey_bg .products_container .product_item .product_item_medium {
    padding-left: 16px;
    padding-right: 16px;
}
.grey_bg .products_container .product_item .product_item_bottom {
    box-sizing: border-box;
    padding: 0px 16px 16px 16px;
}
.trade_form {
	background-color: #efefef;
}
.trade_form h2 {
	font-weight: 700;
	font-size: 2rem;
	line-height: 125%;
}
.review_stars{
    display: inline-block;
    min-height: 35px;
}
.bespoke_stars svg {
    height: 20px;
    width: 20px;
}
.bespoke_stars .yotpo-sr-bottom-line-text {
    font-size: 20px !important;
}

/* Container for tooltip */
.spec-tooltip {
	position: absolute !important;
	display: inline-block;
	cursor: pointer;
	width: 5px !important;
}

.spec-tooltip i {
	height: 17px !important;
	width: 17px !important;
	margin-left: 5px;
	margin-bottom: -5px;
}

/* Tooltip text */
.spec-tooltip .spec-tooltiptext {
	visibility: hidden;
	width: 220px;
	background-color: #fff;
	color: #36444d;
	text-align: center;
	padding: 8px;
	border-radius: 5px;
	font-size: 0.9375rem;

	/* Positioning */
    position: absolute;
    top: 0;           /* Top of tooltip aligns with top of button */
    left: 600%;       /* Just to the right of the button */

	/* Fade in */
	opacity: 0;
	transition: opacity 0.3s;
    z-index: 99;
    box-shadow: 2px 2px 5px #36444d;
}

/* Tooltip arrow */
.spec-tooltip .spec-tooltiptext::after {
    content: "";
    position: absolute;
    top: 3%;          /* Arrow vertically centered relative to button */
    left: -9px;
    transform: translateY(-10%); /* Center the arrow */
    border-width: 5px;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
}

/* Show tooltip on hover */
.spec-tooltip:hover .spec-tooltiptext {
	visibility: visible;
	opacity: 1;
}

#review-text{
    font-size: 1.5em;
    margin: 0 0 0 2px;
}
    
@media only screen and (max-width:1400px) {
  .products_container.large {
    grid-template-columns: repeat(3, 1fr);
  }
  .options .negative {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    .options .c_25 {
        width: 40%;
    }
}
@media only screen and (max-width:1024px) {
  .products_container {
    grid-template-columns: repeat(2, 1fr);
  }
  .products_container .banner {
    grid-column-start: 1;
    grid-column-end: 3;
    padding-bottom: 8px;
  }
}
@media only screen and (max-width:768px) {

   #review-text{
    font-size: 1.2em;
    margin: 5px 0 0 2px;
  }
  .homepage_promo {
    flex-direction: column;
    gap: 10px;
  }
  .homepage_promo a {
    flex: 100%;
  }
  .products_container {
    grid-template-columns: repeat(2, 1fr);
    margin: 0px 16px 16px 16px;
  }
  .products_container.large {
    grid-template-columns: repeat(2, 1fr);
  }
  .products_container .banner {
    grid-column-start: 1;
    grid-column-end: 3;
    padding-bottom: 8px;
  }
  .product_item div.product_item_top .image:hover .lifestyle {
    opacity: 0;
  }
  .product_item div.product_item_top .image .best {
    z-index: 3;
  }
  .product_item div.product_item_top .image .sale_nub {
    z-index: 4;
  }
  .product_item div.product_item_top .image .lifestyle {
    z-index: 2;
    opacity: 1;
  }
}
@media only screen and (max-width:500px) {
  .products_container, .products_container.large {
    grid-template-columns: repeat(1, 1fr);
  }
  .products_container .banner {
    grid-column-start: 1;
    grid-column-end: 2;
    padding-bottom: 8px;
  }
}
/* END OF PRODUCT CONTAINERS */
/* START OF BANNERS */
.image_banner {
    position: relative;
    overflow: hidden;
}
.image_banner img {
    position: absolute;
    z-index: -1;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* END OF BANNERS */
.compare {
	display: block;
	text-align: center;
	background-color: #5a9c33;
    color: #fff;
	padding: 35px 15px 35px 15px;
	margin-bottom: 25px;
	font-weight: 700;
  font-size: 1.538rem;
	background: linear-gradient(135deg, #5a9c33 50%, #437a22 50%);
}
.compare p {
	padding-top: 0px;
	margin-top: 0px;
}
.compare:hover {
	text-decoration: none;
}
.compare span {
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.compare:hover span {
	background-color: #fff;
	color: #36444d;
}
.jquery-modal {
	z-index: 999999999999999!important;
}

.jquery-modal .modal {
    width: 85%; /* Set width to 75% */
    max-width: 85%; /* Optional: limit max width */
    padding: 20px;
    border-radius: 8px;
    background: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    position: relative; /* Enable positioning for close button */
	z-index: 999999999999999!important;
}
.table-container {
    overflow-x: auto;
    white-space: nowrap;
}
.table-container table {
    border-collapse: collapse;
    width: 100%;
	font-size: 0.9231rem;
}
.table-container th, .table-container td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
    width: 25%;
    word-wrap: break-word;
    white-space: normal;
}
.table-container strong {
	font-weight: 700;
}
.table-container th {
    background-color: #5a9c33;
    color: white;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
}
.table-container td:first-child, .table-container th:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    background-color: white;
    z-index: 2;
}
.table-container {
    position: relative;
    z-index: 1;
    height: 100%;
    overflow: auto;
    margin-top: 20px;
}
.table-container img {
	display: inline-block;
}
/* BUTTONS */
/* PRIMARY */
.btn.primary {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 3px;
  display: inline-block;
  padding: 10px 10px;
  border: thin solid rgb(var(--feature-green));
  background-color: rgb(var(--feature-green));
  color: rgb(var(--bg));;
  font-size: 0.9rem;
  position: relative;
  z-index: 1;
  text-align: center;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
}
.btn.primary:hover {
  border: thin solid rgb(var(--feature));
  color: rgb(var(--feature));
  background-color: rgb(var(--bg));;
  text-decoration: none;
}
.btn.primary:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 0px;
  width: 0%;
  height: 100%;
  background: rgb(var(--card));
  background: -webkit-linear-gradient(left, rgb(var(--card)) 0%, rgb(var(--bg)) 100%);
  background: -o-linear-gradient(left, rgb(var(--card)) 0%, rgb(var(--bg)) 100%);
  background: linear-gradient(to right, rgb(var(--card)) 0%, rgb(var(--bg)) 100%);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  /* Let's enforce some hardware acceleration */
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}
.btn.primary:hover:before {
  width: 100%;
}
/* END OF PRIMARY */

/* DEFAULT (MAIN) */
.btn.main {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 3px;
  display: inline-block;
  padding: 10px 10px;
  border: thin solid rgb(var(--feature));
  background-color: rgb(var(--feature));
  color: rgb(var(--bg));;
  font-size: 0.9rem;
  position: relative;
  z-index: 1;
  text-align: center;
}
.btn.main:hover {
  color: rgb(var(--feature));
  background-color: rgb(var(--bg));;
  text-decoration: none;
}
.btn.main:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 0px;
  width: 0%;
  height: 100%;
  background: rgb(var(--card));
  background: -webkit-linear-gradient(left, rgb(var(--card)) 0%, rgb(var(--bg)) 100%);
  background: -o-linear-gradient(left, rgb(var(--card)) 0%, rgb(var(--bg)) 100%);
  background: linear-gradient(to right, rgb(var(--card)) 0%, rgb(var(--bg)) 100%);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  /* Let's enforce some hardware acceleration */
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}
.btn.main:hover:before {
  width: 100%;
}
/* END OF MAIN */
.btn.small {
	font-size: 0.8rem;
	padding: 5px 15px;
}
.btn.delete {
	background-color: #c00;
}
/* SECONDARY (MAIN but reversed) */
.btn.secondary {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 3px;
  display: inline-block;
  padding: 10px 10px;
  border: thin solid rgb(var(--feature));
  background: rgb(var(--card));
  background: -webkit-linear-gradient(left, rgb(var(--card)) 0%, rgb(var(--bg)) 100%);
  background: -o-linear-gradient(left, rgb(var(--card)) 0%, rgb(var(--bg)) 100%);
  background: linear-gradient(to right, rgb(var(--card)) 0%, rgb(var(--bg)) 100%);
  color: rgb(var(--feature));
  font-size: 0.9rem;
  position: relative;
  z-index: 1;
  text-align: center;
}
.btn.secondary:hover {
  color: rgb(var(--bg));;
  background-color: rgb(var(--feature));
  text-decoration: none;
}
.btn.secondary:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 0px;
  width: 0%;
  height: 100%;
  background: rgb(var(--feature));
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  /* Let's enforce some hardware acceleration */
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}
.btn.secondary:hover:before {
  width: 100%;
}
/* END OF SECONDARY */


a.btn, a.btn.reverse:hover, .selector input[type=submit], form[name=billing] input[type=submit], form[name=code] input[type=submit], button.btn, form[name=approved] input[type=submit], form[name=aftersales] input[name=submit], form[name=multi_add] input[name=submit] {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 3px;
  display: inline-block;
  padding: 10px 10px;
  border: 1px solid #36444d;
  background-color: #36444d;
  color: #fff;
  font-size: 0.9rem;
  position: relative;
  z-index: 1;
  text-align: center;
}
a.btn.block {
	display: block;
	font-size: 1.154rem;
	padding: 20px 10px;
}
a.btn span span, button.btn span span {
  font-size: 1.231rem;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  /* Let's enforce some hardware acceleration */
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  display: inline-block;
  margin-left: 10px;
}
a.btn:hover, a.btn.reverse, .selector input[type=submit]:hover, form[name=billing] input[type=submit]:hover, .grey_bg.blue a.btn, .blue.no_slant a.btn, form[name=code] input[type=submit]:hover, .account input[type=submit]:hover, form[name=approved] input[type=submit]:hover, form[name=aftersales] input[name=submit]:hover, form[name=multi_add] input[name=submit], .buy input.new_basket_submit {
  color: #36444d!important;
  background-color: #fff!important;
  text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  /* Let's enforce some hardware acceleration */
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
form[name=multi_add] input[name=submit] {
	padding: 13px 10px;
}
form[name=multi_add] input[name=submit]:hover, .buy input.new_basket_submit:hover {
	background-color: #36444d!important;
  	color: #fff!important;
	
}
.buy input.new_basket_submit {
	margin-left: 10px;
}
button.btn:hover {
  color: #36444d;
}
a.btn.reverse {
  border: 1px solid #fff;
}
a.btn:hover span span, button.btn:hover span span {
  margin-left: 10px;
}
a.btn .btn_wrap, button.btn .btn_wrap {
  position: relative;
  z-index: 5;
}
a.btn:before, button.btn:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 0px;
  width: 0%;
  height: 100%;
  background: rgb(239, 239, 239);
  background: -webkit-linear-gradient(left, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -o-linear-gradient(left, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(to right, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 100%);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  /* Let's enforce some hardware acceleration */
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}
a.btn.reverse:before {
  background: rgb(54, 68, 77);
  background: -webkit-linear-gradient(left, rgba(54, 68, 77, 1) 0%, rgba(115, 124, 130, 1) 100%);
  background: -o-linear-gradient(left, rgba(54, 68, 77, 1) 0%, rgba(115, 124, 130, 1) 100%);
  background: linear-gradient(to right, rgba(54, 68, 77, 1) 0%, rgba(115, 124, 130, 1) 100%);
}
a.btn:hover:before, button.btn:hover:before {
  width: 100%;
}


img.Sirv.sirv-image-loading {
    opacity: 0;
}
img.Sirv.sirv-image-loaded {
    transition: opacity 0.2s linear;
    opacity: 1;
}
hr {
    border: 0;
    border-bottom: 1px dashed #555;
    background: #36444d;
}
#status_modal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999999999;
    background-color: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(1px);
}
#status {
    max-width: 800px;
    padding: 32px;
    background-color: #fff;
    color: #36444d;
    text-align: center;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    border: 5px solid #36444d;
}
.cc-theme-edgeless.cc-window {
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
}
#status h4 {
    font-weight: 700;
    font-size: 1.238rem;
    text-transform: uppercase;
}
#status img {
    max-width: 50px;
    margin: 10px auto 20px auto;
}
#status h4.handle_upsell_title {
    margin-top: 32px;
    padding-top: 32px;
    border-top: thin solid #ccc;
}
#status .handle_upsell {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    column-gap: 16px;
}
#status .handle_upsell > div {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
#status .handle_upsell > div img {
    margin: 0px !important;
    width: 100% !important;
    max-width: none !important;
    height: auto;
}
#status .handle_upsell > div h3 {
    font-weight: 700;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#status .handle_upsell > div p {
    margin: 0px !important;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#status .handle_upsell_link {
    font-size: 1.238rem;
}
/* HEADER START */
#top {
    background-color: rgba(var(--primary-dark-grey));
    position: sticky;
    top: 0px;
    left: 0px;
    max-width: 100%;
    z-index: 9999;
}
#top.minify {
    border-top: 5px solid #5a9c33;
}
#mobile_banner {
	display: none;
}
#ads {
	background-color: #1b002b;
	color: #fff;
    border-bottom: 1px solid #fff;
}
#ads .vat_row {
	display: inline-flex;
	margin-left: 5px;
}
#ads .vat_row .vat_label {
	color: #333;
}
#ads .flex {
	align-content: center;
	align-items: center;
	justify-content: space-between;
}
#ads .c_33:nth-child(3){
	text-align: right;
}
#header_wrap {
    background-color: #5a9c33;
    color: #fff;
    border-bottom: 1px solid #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}
.max {
    max-width: 1700px;
    margin: 0px auto!important;
    padding-left: 2.5% !important;
    padding-right: 2.5% !important;
}
.max .max {
    padding-left: 0% !important;
    padding-right: 0% !important;
}
.tmp_msg {
    background-color: #47535b;
    border-bottom: 2px solid #fff;
    padding: 6px 0px;
}
.product_ranges .c_25 {
    margin-bottom: 10px;
}
.top:before {
    content: "";
    position: absolute;
    right: 0px;
    z-index: 9;
    width: 50%;
    height: 110px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
    background-color: #efefef;
    display: inline-block;
    margin-top: 30px;
}
.top h1 {
    font-size: 3rem;
    margin-top: 30px;
}
#top.minify #header_wrap {
    display: none;
}
#account_wrap {
  background-color: #36444d;
  border-bottom: 1px solid #fff;
  display:flex;
  flex-direction: column;
  justify-content: space-between;
}
#top.minify #account_wrap img {
    max-width: 60%;
}
#top.minify #account_wrap {
    padding: 0px 0px 0px 0px;
}
.nav_wrapper {
	position: relative;
	z-index: 1;
	color: #fff;
	padding: 15px 0px;
} 
.nav_wrapper .flex {
	align-items: flex-end;
	align-content: flex-end;
}
.nav_wrapper img {
	max-width: 70%!important;
}
.nav_wrapper .c_30 p {
	padding: 0px;
	margin: 0px;
}
#header-search {
    display: flex;
    align-items: center;
    align-content: center;
}
#header-contact-details {
	margin: auto;
}
#header-contact-details img {
	padding-right: 10px;
}
#header-contact-details a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	display:flex;
	justify-content: center;
}
#header-contact-details p {
	margin:0;
}
#header-email {
  font-size: 23px;
}
#header-email img {
  margin: auto 0;
}
#header-phone {
  font-size: 36px;
	color: rgba(var(--primary-green)) !important;
	padding-top: 2px;
}
#header-phone img {
  margin: auto 0;
}
#account_wrap .c_15 {
		color: #fff;
}
#account_wrap .c_15 a {
	text-decoration: none;
}
#account_wrap form {
    width: 100%;
}
#account_wrap input[type="text"], .nav_wrapper input[type="text"] {
    padding: 10px;
    width: 100%;
    background-color: #fff;
    border: none;
    display: block;
    box-sizing: border-box;
}
.nav_wrapper input[type="text"] {
	padding: 12px 10px;
	background-color: #45545e;
	border: 1px solid #fff;
	color: #fff;
}
.nav_wrapper input::placeholder {
	color: #ccc;
	opacity: 1;
}
.nav_wrapper form[name="search"] {
	width: calc(75% - 0px);
	margin-bottom: 4px;
}
.searcher p {
	padding: 5px 0px 8px 0px;
	margin: 0px;
	font-size: 1.077rem;
}
#mobile_menu form input {
    background-color: #fff;
}
form[name="search"] {
    position: relative;
}
form[name="search"] img {
    position: absolute;
    right: 0px;
    top: 2px;
    bottom: 0px;
    padding: 7.5px;
    box-sizing: border-box;
	filter: invert(100);
}
form[name="search"] img:hover {
    cursor: pointer;
}

#top.minify #account_wrap input[type="text"] {
    padding: 10px 10px;
    width: calc(100% - 20px);
    margin-top: 0px;
    text-align: center;
}
#account_wrap .c_25 {
  display:flex;
}
#header-logo {
  display:flex;
  flex-direction: column;
  justify-content: center;
	flex-shrink: 1;
  max-width:220px;
	padding-right: 20px;
  margin:auto 0;
}
#header-logo img{
  margin:auto;
  max-width: 220px;
}
#header-logo p {
  display:block;
  margin: 0;
  font-size: 14px;
  text-align: center;
  color: #fff;
	text-decoration: none;
}
#header-user-section {
  display: flex;
  flex-direction: column;
}
#header-user-section div {
  display: flex;
  flex-direction: row;
	justify-content: center;
}
.header-profile {
	border-left:#fff solid 1px;
  border-right: #fff solid 1px;
}
#header-user-section #account{
	border-bottom:#fff solid 1px;
	padding: 15px;
}
#header-user-section #account a {
	margin-top: 5px;
    text-align: right;
}
#header-user-section #account img{
	margin: auto 10px !important;
}
#header-user-section #account a{
	color: #fff !important;
}
.cart {
    text-align: right;
    padding: 10px 0px;
    position: relative;
    z-index: 1;
    line-height: 110%;
    display: flex;
}
.cart.no_pad {
    padding-top: 0px;
    padding-right: 0px;
}
#mobile_menu .cart {
    padding: 0px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cart p {
    margin: auto 5px auto 0;
    overflow: hidden;
    color: white;
}
.cart div {
    background-position: 0px 10px;
    background-size: 25px auto;
    background-repeat: no-repeat;
    background-image: url("/images/logo-trolley.png");
    position: relative;
    grid-column: 2;
    grid-row-start: 1;
    grid-row-end: 3;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 40px;
    width: 40px;
}
.cart div span {
    display: flex;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50px;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-weight: 400;
    color: #36444d;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 9;
    line-height: 100%;
}
#top.minify .cart {
    display: none;
}
.mini_cart {
    text-align: right;
    font-size: 1.154rem;
    padding: 10px 60px 10px 30px;
    background-position: right center;
    background-size: 44px auto;
    background-repeat: no-repeat;
    background-image: url("/images/logo-trolley.png");
    position: relative;
    z-index: 1;
    line-height: 110%;
    display: none;
}
#top.minify .mini_cart {
    display: inline-block;
}
#menu_wrap {
    background-color: rgba(var(--primary-green));
    -webkit-box-shadow: 1px 1px 3px 1px rgba(35, 35, 35, 0.12),
        0px 1px 3px 1px rgba(35, 35, 35, 0.12);
    box-shadow: 1px 1px 3px 1px rgba(35, 35, 35, 0.12),
        0px 1px 3px 1px rgba(35, 35, 35, 0.12);
    position: relative;
    z-index: 999999;
}
#menu_wrap .navbar {
    display: flex;
    border: none !important;
    background: none !important;
}
.dropdown_wrapper {
    text-align: center;
    flex: 0.9;
    overflow: hidden;
}
/* .dropdown_wrapper a.drop_btn {
    display: block;
    padding: 15px 5%;
    font-size: 0.875rem;
    color: #fff;
} */
#menu_wrap .dropdown_wrapper:nth-child(5) {
    /*flex: 0.85;*/
}
#menu_wrap .dropdown_wrapper:nth-child(6) {
    flex: 1.4;
    /*text-align: right;*/
}
#menu_wrap .dropdown_wrapper:nth-child(7) {
    flex: 0.7;
    /*text-align: right;*/
}
#menu_wrap .dropdown_wrapper:nth-child(8) {
    flex: 1.2;
    /*text-align: right;*/
}
#menu_wrap .dropdown_wrapper:last-child {
    background-color: #c00;
}
#menu_wrap a.drop_btn {
    display: flex;
    justify-content: center;
    align-items: start;
    padding: 0;
    color: #fff;
    font-weight: 500;
    font-size: 1.231rem;
    text-align: center;
    height: 100%;
}
#top.minify #menu_wrap ul li a,
#top.minify a.drop_btn {
    font-size: 1.077rem !important;
    padding: 8px 0px 0px 0px !important;
}
/*#top.minify .c_40, #top.minify .c_30, #top.minify .c_20 {
    width: 25%;
}*/
#top.minify .c_20,
#top.minify #account_wrap .c_40 {
    border-left: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#top.minify #account_wrap .c_40 {
    text-align: center;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
#top.minify .c_20 p {
    padding: 0px;
    margin: 0px;
    color: #fff;
}
#top.minify .c_20 p a {
    color: #fff;
    font-weight: 700;
}
#top.minify .c_30:last-child {
    border-left: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#top.minify #account_wrap .mini_cart a {
    padding-right: 0px !important;
    padding-top: 0px !important;
}
#menu_wrap a.drop_btn span {
    display: inline-block;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}
#top.minify #menu_wrap ul li a span {
    padding-bottom: 8px;
}
#menu_wrap a.drop_btn span:before {
    content: "";
    position: absolute;
    bottom: 0px;
    height: 4px;
    left: 0px;
    background-color: #fff;
    z-index: 99;
    width: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}
#menu_wrap .dropdown_wrapper:last-child a.drop_btn span:before {
    background-color: #fff;
}
#top.minify #menu_wrap ul li span:before {
    height: 2px;
}
#menu_wrap a.drop_btn:hover {
    text-decoration: none;
}
#menu_wrap a.drop_btn:hover span:before {
    width: 100%;
}
#menu_wrap .dropdown_wrapper:first-of-type {
    /*flex: 1;*/
}
#menu_wrap a.drop_btn:first-of-type {
    /*text-align: left;*/
}
#menu_wrap .dropdown_wrapper:last-of-type a.drop_btn {
    /*text-align: right;*/
}
.dropdown {
    font-size: 1.077rem;
    position: absolute;
    background-color: #fff;
    width: calc(100% - 0px);
    left: 0;
    z-index: 1;
    text-align: left !important;
    overflow: hidden;
    height: 0;
    opacity: 0;
    -webkit-box-shadow: 5px 5px 9px 5px rgba(35, 35, 35, 0.12),
        0px 5px 9px 5px rgba(35, 35, 35, 0.12);
    box-shadow: 5px 5px 9px 5px rgba(35, 35, 35, 0.12),
        0px 5px 9px 5px rgba(35, 35, 35, 0.12);
    -webkit-transition: height 0ms 400ms, opacity 400ms 0ms;
    -moz-transition: height 0ms 400ms, opacity 400ms 0ms;
    transition: height 0ms 400ms, opacity 400ms 0ms;
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}
.dropdown_wrapper:hover .dropdown {
    height: auto;
    opacity: 1;
    -webkit-transition: height 300ms 0ms, opacity 300ms 0ms;
    -moz-transition: height 300ms 0ms, opacity 300ms 0ms;
    transition: height 300ms 0ms, opacity 300ms 0ms;
    -webkit-transition-delay: 0.45s;
    -moz-transition-delay: 0.45s;
    transition-delay: 0.45s;
    animation-play-state: running;
    -webkit-animation-play-state: running;
}
.dropdown_wrapper .dropdown .max {
    padding-left: 5% !important;
    padding-right: 5% !important;
}
/* HEADER END ? */
#sales {
    height: 42px;
    border-bottom: 1px solid #666;
    -webkit-box-shadow: 5px 5px 9px 5px rgba(35, 35, 35, 0.12),
        0px 5px 9px 5px rgba(35, 35, 35, 0.12);
    box-shadow: 5px 5px 9px 5px rgba(35, 35, 35, 0.12),
        0px 5px 9px 5px rgba(35, 35, 35, 0.12);
}
#sales .flex {
    width: 100%;
    margin: 0px;
    list-style: none;
    padding: 0px;
    overflow: hidden;
    height: 42px;
}
#sales .flex .rtb_item {
    padding: 8px;
    text-align: left;
    font-weight: 500;
    font-style: italic;
    flex: 1 0 250px;
    font-size: 1.077rem;
    display: flex;
    gap: 8px;
    align-content: center;
    align-items: center;
    justify-content: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    border-left: thin solid #666;
    margin: 0px;
}
#sales .flex .rtb_item:nth-child(1) {
    border-left: none;
}
#sales .flex .rtb_item p {
    margin: 0px;
}
#sales img {
    height: 26px;
    width: auto;
}
.rtb a {
	color: #fff;
}
#mobile_menu {
    display: none;
}
#dropdown_wrap {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 99;
    background-color: #fff;
    width: 100%;
    border-bottom: 1px solid #666;
    -webkit-box-shadow: 5px 5px 9px 5px rgba(35, 35, 35, 0.12),
        0px 5px 9px 5px rgba(35, 35, 35, 0.12);
    box-shadow: 5px 5px 9px 5px rgba(35, 35, 35, 0.12),
        0px 5px 9px 5px rgba(35, 35, 35, 0.12);
    display: block;
    color: #36444d;
    overflow: hidden;
}
#dropdown_wrap:before {
    border-top: 1px solid #fff;
    top: 1px;
    left: 0px;
    width: 100%;
    z-index: 9;
    content: "";
    position: absolute;
}
#dropdown_wrap a,
#dropdown_wrap a.btn:hover,
.dropdown a {
    color: #36444d;
}
#dropdown_wrap a.btn,
.dropdown a.btn {
    color: #fff;
}
.dropdown h2 {
    font-weight: 500;
}
.dropdown ul {
    padding: 0px 0px 20px 0px;
    margin: 0px;
    list-style: none;
}
.dropdown ul li:first-child a,
.dropdown strong {
    font-weight: 500;
}
.dropdown .flex {
    padding: 30px 0px;
    position: relative;
    z-index: 1;
}
#top.minify .dropdown .flex {
    padding: 20px 0px;
}
.dropdown .flex .flex {
    padding: 0px;
}
.dropdown .c_40 ul {
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.dropdown .c_40 ul li {
    width: 50%;
}
.dropdown .c_40 ul li:nth-child(1) {
    width: 100%;
}
#dropdown_wrap .feature,
.dropdown .feature {
    position: absolute;
    right: 10px;
    top: 0px;
    z-index: 99;
    height: 100%;
    background-size: cover;
    background-position: center;
    justify-content: center;
    align-content: center;
    color: #fff;
}
img.menu_img {
    position: absolute;
    right: 10px;
    top: 0px;
    z-index: 99;
    height: 100%;
    width: auto !important;
    max-width: none;
}
.feature div {
    position: absolute;
    top: 40px;
    left: 40px;
    height: calc(100% - 80px);
    width: calc(100% - 80px);
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#top.minify .feature div {
    height: calc(100% - 120px);
}

#banner_wrap .max {
    position: relative;
    z-index: 1;
    height: 100%;
}
#banner_wrap img {
    display: none;
}
#banner_wrap {
    color: #fff;
}
#banner_wrap .splide {
    margin-bottom: 0px !important;
  height: 100%;
}
#banner_wrap h3 a {
    color: #fff;
}
#banner_wrap .overlay {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55%;
    height: 100%;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#banner_wrap a.btn {
    font-size: 1.154rem;
    padding: 15px 30px;
}
#banner_wrap .inner {
    padding: 125px 10% 125px 0px;
}
#banner_wrap .overlay:before {
    content: "";
    background-color: #8da4aa;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    width: 100%;
    height: 100%;
    clip-path: ellipse(55% 100% at -45% 50%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#banner_wrap.active .is-visible .overlay:before {
    clip-path: ellipse(55% 100% at -42% 50%);
}
#banner_wrap .overlay:after {
    content: "";
    background-color: #8da4aa;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    height: 100%;
    clip-path: ellipse(55% 100% at -45% 50%);
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#banner_wrap.active .is-visible .overlay:after {
    clip-path: ellipse(55% 100% at -20% 50%);
    width: 100%;
}
#banner_wrap .flex {
    position: relative;
    z-index: 2;
}
.promo_banner img {
    display: block;
    width: 100%;
}
.promo_banner .inner {
}

.important_msg {
    padding: 16px;
    box-sizing: border-box;
    background-color: #5a9c33;
    color: #fff;
}
h5.pop {
	display: block;
	background-color: #c00;
	color: #fff;
	padding: 20px;
	font-size: 1.154rem!important;
}
h5.pop a {color: #fff;}
.feature div span {
    display: block;
    width: 80%;
    padding: 0px 10%;
    font-size: 1.692rem;
    line-height: 110%;
    font-weight: 200;
}
.feature div a {
    color: #fff;
    text-decoration: none;
}
.feature div span:nth-child(1) {
    text-transform: uppercase;
    font-size: 4rem;
    font-weight: 200;
}
.feature div span:nth-child(2) {
    font-size: 2rem;
}
.feat .c_25 a {
    position: relative;
    z-index: 1;
    display: block;
}
.feat .c_25 img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
}
.feat .c_25 a div {
    position: absolute;
    top: 0px;
    left: 0px;
    height: calc(100% - 4px);
    width: calc(100% - 4px);
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    color: #fff;
    border: 2px solid #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}
.feat .c_25 a div span {
    display: block;
    width: 100%;
    text-align: center;
}
.feat .btn {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 3px;
    display: inline-block !important;
    padding: 10px 30px;
    border: 1px solid #fff;
    background-color: #fff;
    color: #36444d;
    font-size: 0.9rem;
    position: relative;
    z-index: 1;
    text-align: center;
    width: auto !important;
    margin-top: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}
.feat .c_25:hover a div {
    background-color: rgba(0, 0, 0, 0.5);
}
.feat .c_25:hover .btn {
    padding: 10px 50px;
}
.feat .btn.sale {
    border: 1px solid #c00;
    background-color: #c00;
    color: #fff;
}
.feat .cat {
    font-size: 1.538rem;
    font-weight: 500;
    margin-bottom: 5px;
}
.feat ul li {
    width: 50%;
}
.feat ul li:nth-child(1) {
    width: 100%;
    padding-bottom: 10px;
}
.feat ul li a {
    font-size: 1rem;
}
.feat ul li:nth-child(1) a {
    display: inline-block;
    font-size: 1.154rem;
}
.dropdown ul.flex li {
    width: 50%;
}
.dropdown ul.flex li.bold {
    width: 100%;
}
#banner .c_50 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
}
#banner .c_50:nth-child(1) {
    background-color: #5a9c33;
    color: #fff;
}
#banner.reverse .c_50:nth-child(1),
#banner.reverse .c_50:nth-child(2) {
    background-color: #efefef;
    color: #000;
}
#banner .c_50:nth-child(1):after {
    content: "";
    left: 0px;
    width: 16%;
    height: 2px;
    /*background-color: #fff;*/
    top: 50%;
    z-index: 99;
    position: absolute;
}
#banner .c_50:nth-child(1):before {
    content: "";
    position: absolute;
    bottom: -70px;
    left: 0px;
    width: 100%;
    z-index: 99;
    height: 70px;
    background-color: #5a9c33;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0% 100%);
}
#banner.first img {
    display: none;
}
#banner.reverse .c_50:nth-child(1):before {
    clip-path: none;
}
#banner.reverse .c_50:nth-child(1):before {
    display: none;
}
#banner.reverse .c_50:nth-child(2):before {
    content: "";
    position: absolute;
    bottom: -70px;
    left: 0px;
    width: 100%;
    z-index: 99;
    height: 70px;
    background-color: #efefef;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 0%);
}
#banner.bottom_m {
    margin-bottom: 100px;
}
.message {
    padding: 150px 10%;
}
.sale_banner {
    padding: 100px 10%;
}
.message a {
    color: #fff;
}
.message p a {
    font-weight: 700;
}
.reverse .message a {
    color: #000;
}
.reverse .message h1 {
    font-size: 3rem;
}
.message h3 {
    font-weight: 700;
    font-size: 2.692rem;
    display: block;
    max-width: 85%;
    line-height: 100%;
    margin-bottom: 10px;
}
.message h3 a:hover {
    text-decoration: none;
    color: #36444d;
}
.message p {
    font-size: 1.231rem;
}
.message p.bold {
    font-size: 1.692rem;
}
.message h1 {
	line-height: 125%;
}
.sale_banner p.big,
.sale_banner p.percent,
#banner_wrap p.big,
#banner_wrap p.percent {
    padding: 0px;
    margin: 0px;
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 90%;
}
p.promo_intro {
    font-size: 1.538rem;
    padding-bottom: 5px;
    margin-bottom: 0px;
}
.sale_banner p.percent,
#banner_wrap p.percent {
    font-size: 9.154rem;
    text-transform: none;
}
.sale_banner h3,
#banner_wrap h3 {
    font-weight: 300;
    margin-bottom: 30px;
    font-size: 2.692rem;
}
#banner_wrap h3 {
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 100%;
}
#banner_wrap h2 {
    text-transform: uppercase;
}
#banner_wrap h2 a {
    color: #fff;
}
#banner_wrap p {
    font-size: 1.154rem;
}
#banner_wrap p.bold {
    font-size: 1.385rem;
}
#banner_wrap p a {
    font-weight: 700;
    color: #fff;
}
.sale_wrapper {
    position: relative;
    top: -40px;
    left: 0px;
    background-color: #c00;
    color: #fff;
    z-index: 99;
    font-size: 1.538rem;
    text-align: center;
    width: 100%;
    padding: 8px 0px;
}
.sale_wrapper strong {
    text-transform: uppercase;
}
a.btn,
a.btn.reverse:hover,
.selector input[type="submit"],
form[name="billing"] input[type="submit"],
form[name="code"] input[type="submit"],
button.btn, .account input[type=submit], .compare span {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 3px;
    display: inline-block;
    padding: 10px 10px;
    border: 1px solid #36444d;
    background-color: #36444d;
    color: #fff;
    font-size: 0.9rem;
    position: relative;
    z-index: 1;
    text-align: center;
}
button.btn {
    display: block;
    width: 100%;
    max-width: 750px;
    margin-bottom: 20px;
}
a.btn.green_bg {
    background-color: #5a9c33;
    border: 1px solid #5a9c33;
}
a.btn.green_bg:hover {
  border: 1px solid #36444d;
}

form[name=billing] input[type=submit] {
  margin-bottom: 50px;
}
.selector input[type=submit], form[name=billing] input[type=submit], form[name=code] input[type=submit] {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  /* Let's enforce some hardware acceleration */
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}
form[name=billing] input[type=submit], form[name=code] input[type=submit], .account input[type=submit] {
  font-size: 1.154rem;
  padding: 20px 30px;
}
form[name=code] input[type=submit] {
  font-size: 1rem;
  padding: 9px 20px;
  display: block;
  margin-bottom: 15px;
}
form[name=code] input[type=text] {
  display: block;
}
.message a.btn {
  border: 1px solid #fff;
  background-color: #fff;
  color: #36444d;
}
form[name="code"] input[type="text"] {
    display: block;
}
a.btn span span,
button.btn span span {
    font-size: 1.231rem;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    display: inline-block;
    margin-left: 10px;
}
a.btn:hover,
a.btn.reverse,
.selector input[type="submit"]:hover,
form[name="billing"] input[type="submit"]:hover,
.grey_bg.blue a.btn,
.blue.no_slant a.btn,
form[name="code"] input[type="submit"]:hover {
    color: #36444d;
    background-color: #fff;
    text-decoration: none;
}
button.btn:hover {
    color: #36444d;
}
a.btn.reverse {
    border: 1px solid #fff;
}
a.btn:hover span span,
button.btn:hover span span {
    margin-left: 10px;
}
a.btn .btn_wrap,
button.btn .btn_wrap {
    position: relative;
    z-index: 5;
}
a.btn:before,
button.btn:before, .compare span:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background: rgb(239, 239, 239);
    background: -webkit-linear-gradient(
        left,
        rgba(239, 239, 239, 1) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background: -o-linear-gradient(
        left,
        rgba(239, 239, 239, 1) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background: linear-gradient(
        to right,
        rgba(239, 239, 239, 1) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}
a.btn.reverse:before {
    background: rgb(54, 68, 77);
    background: -webkit-linear-gradient(
        left,
        rgba(54, 68, 77, 1) 0%,
        rgba(115, 124, 130, 1) 100%
    );
    background: -o-linear-gradient(
        left,
        rgba(54, 68, 77, 1) 0%,
        rgba(115, 124, 130, 1) 100%
    );
    background: linear-gradient(
        to right,
        rgba(54, 68, 77, 1) 0%,
        rgba(115, 124, 130, 1) 100%
    );
}
a.btn:hover:before,
button.btn:hover:before {
    width: 100%;
}
.message a.btn {
    border: 1px solid #fff;
    background-color: #fff;
    color: #36444d;
}
.message a.btn:hover {
    background-color: #36444d;
    color: #fff;
}
section {
    padding: 40px 0px;
    position: relative;
    z-index: 1;
}
section.no_bottom_pad {
	padding-bottom: 0px;
}
section.no_pad {
    padding-top: 0px;
}
section.first {
    padding: 40px 0px 20px 0px;
}
.mask .max {
    position: relative;
    z-index: 2;
}
.mask::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 40%;
    background-color: #eee;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 75%);
    display: block;
    -webkit-backface-visibility: hidden;
}
.mask {
    -webkit-backface-visibility: hidden;
}
p.title,
h1.title,
.lifestyle_wrap h1 {
    font-weight: 700;
    font-size: 3rem;
    display: block;
    position: relative;
    z-index: 1;
    line-height: 100%;
}
.account_intro {
	padding-top: 30px;
	padding-bottom: 30px;
}
.dropdown p.title {
    font-size: 1.835rem;
}
h1.title {
    font-size: 3.692rem;
}
#nug,
.nug {
    position: absolute;
    left: 0px;
    width: 8%;
    height: 2px;
    top: 155px;
    z-index: 1;
    background-color: #36444d;
}
.nug.check {
    top: 115px;
    display: none;
}
#banner .nug {
    top: 30%;
    background-color: #fff;
    z-index: 99;
}
.introduction h1.title,
.lifestyle_wrap h1 {
    font-size: 2.692rem;
    margin-bottom: 10px;
}
p.title a.btn {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 9;
    font-size: 1rem;
    padding: 15px 30px;
    line-height: 100%;
}
.products img {
    display: block;
    width: 100%;
}
.box,
.home_lifestyle .box {
    padding: 30px;
    -moz-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
    background-color: #fff;
}
.block {
    padding: 30px 0px 15px 0px;
    box-shadow: none;
    border-bottom: 1px solid #36444d;
}
.box .flex p {
    padding: 0px 0px 0px 31px;
    margin: 0px;
    background-image: url("/images/icon-star-green.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 27px auto;
    font-size: 1.03rem;
}
.box h3,
.box h2.subtitle {
    font-weight: 700;
    font-size: 1.231rem;
}
.box h2 {
    font-size: 1.077rem;
    display: block;
    margin-top: 5px;
    font-weight: 400;
}
.box .flex .c_50:nth-child(2),
.box .flex .c_60,
.cta .c_33 .c_50:nth-child(2) .inner {
    text-align: right !important;
}
.box .flex .c_50:nth-child(2) a.btn {
    font-size: 0.9231rem;
}
#introduction {
    border-top: 30px solid #5a9c33;
    color: #fff;
    background-color: #36444d;
    /*clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);*/
    overflow: hidden;
    position: relative;
    z-index: 1;
}
#introduction:after {
    content: "";
    height: 100px;
    background-color: #fff;
    position: absolute;
    bottom: -1px;
    left: 0px;
    z-index: 1;
    width: 100%;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
#introduction:before {
    content: "";
    height: 2px;
    width: 40%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    z-index: 9;
    left: 0px;
}
#introduction .max {
    padding: 100px 0px 200px 0px;
    position: relative;
    z-index: 1;
}
#introduction h1 {
    font-weight: 700;
    font-size: 3.385rem;
    line-height: 100%;
    display: block;
    width: 85%;
}
#introduction a {
    color: #fff;
    font-weight: 700;
}
#introduction .intro {
    padding-top: 20%;
}
.intro p:nth-child(1) {
    font-size: 1.538rem;
    padding-top: 0px;
    margin-top: 0px;
}
#introduction img {
    position: absolute;
    right: 10%;
    top: 0px;
    z-index: 99;
    max-height: 20%;
    max-width: 17.5%;
}
.latest h3 a {
    font-weight: 700;
    display: block;
    margin-top: 25px;
}
.latest h3 {
    font-size: 1.538rem;
}
.latest img {
    display: block;
    width: 100% !important;
}
.latest .c_25 .inner {
    margin-top: 40px;
}
.rtb {
    background-color: #5a9c33;
    color: #fff;
    text-align: center;
    padding-bottom: 0px;
}
.rtb .c_33 p:first-of-type {
    font-weight: 700;
    font-size: 1.831rem;
    line-height: 115%;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.rtb .inner {
    padding: 0px 10% 50px 10%;
    position: relative;
    z-index: 1;
    font-size: 1.077rem;
}
.rtb .c_33:nth-child(2) .inner:before,
.rtb .c_33:nth-child(2) .inner:after,
#footer .c_66:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 99;
    width: 1px;
    background-color: #fff;
    height: 100%;
}
.rtb .c_33:nth-child(2) .inner:after {
    left: auto;
    right: 0px;
}
.rtb img {
    max-width: 20%;
}
#footer {
    color: #fff;
    background-color: #36444d;
    border-top: 5px solid #fff;
    -moz-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 5;
}
#footer .c_66 {
    position: relative;
    z-index: 1;
}
#footer img {
    max-width: 45%;
    margin-bottom: 40px;
}
#footer .c_66:before {
    left: auto;
    right: 0px;
}
#footer a {
    color: #fff;
}
#footer .c_33 a {
    font-weight: 700;
    font-size: 1.538rem;
}
#footer ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
#footer ul li {
    margin-bottom: 2px;
}
#footer .c_33 ul,
.tp_footer {
    margin-left: 10%;
}
.tp_footer {
    margin-top: 30px;
}

.fsc_wrap {
	margin-left: 10%;
}
.fsc_wrap img {
	padding:10px;
	background-color: #fff;
	border-radius: 10px;
	width: calc(90% - 20px)!important;
	margin-bottom: 0px!important;
}
.fsc_wrap {
	align-content: center;
	align-items: center;
}
#footer .c_66 .c_33 ul {
    margin-left: 0px;
    margin-bottom: 20px;
}
.socials {
    margin-left: 10%;
}
.socials img {
    width: 50px!important;
    max-width: 50px!important;
    filter: invert(100);
}
.breaker {
    border-top: 1px solid #fff;
    margin: 60px 0px;
}
#footer p a {
    display: inline-block;
    margin-right: 20px;
}
#footer p a.no_m {
    margin-right: 0px;
}
#footer p:nth-child(2) a {
    font-weight: 700;
}
#footer .c_66 a {
    font-size: 1.154rem;
}
#footer a.normal {
    font-size: 1.154rem;
    font-weight: 300;
}
#mini_tp {
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 5000;
	font-size: 0.9231rem;
	width: 130px;
	padding: 10px;
	background-color: #fff;
	border-radius: 5px;
	text-align: center;
	line-height: 125%;
	box-shadow: 0px 3px 6px 0px #999;
}
#mini_tp .star {
	display: block;
}
#mini_tp .star i {
	color: gold;
}
.payment_wrap {
    position: relative;
    z-index: 2;
    padding: 15px 0px;
    text-align: center;
    border-bottom: 40px solid #5a9c33;
}
.payment_wrap img {
    max-width: 20% !important;
    width: auto !important;
}
.introduction {
    margin-bottom: 25px;
}
.introduction p {
    padding-top: 0px;
    margin-top: 0px;
    font-size: 1.231rem;
    padding-right: 10%;
}
.ranges {
    margin-top: 0px;
    margin-bottom: 30px;
}
.ranges .featured_subcategory .flex .c_50,
.ranges .mini_subcategory .flex .c_50 {
    width: 100%;
}

.ranges .featured_subcategory .flex .c_50 br {
    display: none;
}
.ranges .featured_subcategory .flex .c_50 a.btn,
.ranges .mini_subcategory .flex .c_50 a.btn {
    display: block;
}
.cta .c_33.featured_subcategory .c_50:nth-child(2) .inner,
.cta .c_33.mini_subcategory .c_50:nth-child(2) .inner {
    justify-content: flex-start;
    display: block;
}
.ranges a img {
    display: block;
    width: 100%;
    border-bottom: 5px solid #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    /* Let's enforce some hardware acceleration */
    /* -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0); */
    /* -webkit-backface-visibility: hidden; */
}
.ranges img,
.inner_ranges img {
    width: 100% !important;
}
.products_wrap .c_33 img.fit,
.products_wrap .c_25 img.fit {
    border-bottom: 5px solid #ddd;
    width: 100%;
}

.ranges a img:hover,
.products_wrap .c_33:hover img {
    border-bottom: 5px solid #5a9c33 !important;
}
.products_wrap .c_33 img.no_b,
.products_wrap .c_33 img.no_b:hover {
    border: 0px solid #fff !important;
    display: block;
    margin: 0px;
}
.products_wrap .inner {
    position: relative;
    z-index: 1;
}
.products_wrap img.best {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    width: 15% !important;
    border: none;
    height: auto;
}
.box h2.subtitle,
.ranges p.title {
    font-size: 1.538rem;
    display: block;
    margin-bottom: 25px;
}
.ranges p {
    display: block;
}
.ranges .inner {
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}
.ranges .featured_subcategory .c_50:nth-child(2) .inner,
.ranges .mini_subcategory .c_50:nth-child(2) .inner {
    margin-bottom: 0px;
}
.sale_nub {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99;
    display: inline-block;
    padding: 10px 20px 10px 40px;
    background-color: #c00;
    color: #fff;
    text-transform: uppercase;
    background-image: url("/images/icon-star-white.png");
    background-repeat: no-repeat;
    background-size: auto 60%;
    background-position: 10px center;
    font-weight: 500;
}
.promo_wrap,
#banner_wrap {
    background-color: #8da4aa;
    overflow: hidden;
    height: 600px;
}
.promo_wrap img.promo_mini {
    display: none;
}
img.promo_img {
    max-width: 100%;
    margin: 0px auto 20px auto;
    display: block;
}
.c_75 img.promo_img {
    margin-bottom: 0px;
}
.promo .flex {
	margin-top: 20px;
}
.promo select {
    border: 1px solid #36444d;
    width: 100%;
    margin-top: 10px;
    border-radius: 0px;
    background-color: #fff;
    font-size: 1rem;
    padding: 7px 10px;
}
.promo .buy {
	margin-top: 0px;
}
.promo .c_33 .inner {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.promo.upseller .c_33 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-color: #fff;
}
.filter_wrap img.promo_img {
    margin: 0px auto 20px auto;
    max-width: calc(100% - 20px) !important;
}
.filter_wrap .grey_bg {
    /*border-top: 5px solid #36444d;*/
}
.grey_bg {
    background-color: #ebebeb;
}
/*.lifestyle_wrap.grey_bg {
    background-color: #36444d;
	color: #fff;
}
.lifestyle_wrap.grey_bg a {
	color: #fff;
}*/
.grey_bg.no_slant {
    border-bottom: 5px solid #fff;
}
.green_bg {
    background-color: #5a9c33 !important;
    color: #fff;
}
.green_bg a {
	color: #fff;
}
.red_bg img{
    height: auto;
    max-width: 100%;
    display:block;
}
.products_wrap {
    padding-top: 105px;
    position: relative;
    z-index: 1;
}
.products_wrap.inner_ranges {
    padding-top: 0px;
}
.full_width {
    border: none;
}
.full_width .c_33 {
    width: 25%;
}
.boxed {
	background-color: #36444d;
	padding:20px;
	color: #fff;
	margin-bottom: 10px;
}
.boxed.outline {
	border: 5px solid #efefef;
	color: #36444d;
	background: none;
	padding:20px 15px;
}
.sidebar {
	padding-left: 40px;
}
h2.subtitle {
    font-weight: 700;
    font-size: 2rem;
}
.products_wrap:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 52px;
    height: 1px;
    background-color: #333;
    left: 10px;
    width: calc(100% - 20px);
}
.products_wrap.inner_ranges:before,
.company_wrap {
    display: none;
}
.products_wrap .inner {
    margin-bottom: 30px;
}
.products_wrap .inner .inner {
    margin-bottom: 15px;
}
.products_wrap h3 {
    display: block;
}
.products_wrap .c_33 img {
    border-bottom: 5px solid #ddd;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    width: 100%;
}
.products_wrap a {
    overflow: hidden;
    display: block;
    z-index: 1;
}
.products_wrap p a {
    display: inline;
    font-weight: 500;
}
.products_wrap img.lifestyle {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}
.products_wrap .inner:hover img.lifestyle {
    opacity: 1;
}
.products h4 {
    font-size: 1.538rem;
    font-weight: 700;
    display: block;
    padding: 27px 30px;
}
.products_wrap h4 {
    padding: 10px 0px;
}
.filter_tab {
    display: block;
    padding: 20px 30px;
    color: #fff;
    font-weight: 700;
    font-size: 2rem;
    background-color: rgb(124, 183, 134);
    position: relative;
    z-index: 1;
    background: -webkit-linear-gradient(
        left,
        rgba(124, 183, 134, 1) 0%,
        rgba(59, 133, 70, 1) 100%
    );
    background: -o-linear-gradient(
        left,
        rgba(124, 183, 134, 1) 0%,
        rgba(59, 133, 70, 1) 100%
    );
    background: linear-gradient(
        to right,
        rgba(124, 183, 134, 1) 0%,
        rgba(59, 133, 70, 1) 100%
    );
}
.filter_tab:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url("/images/icon-filter.png");
    background-repeat: no-repeat;
    background-size: auto 70%;
    background-position: 90% center;
}
.products_wrap .c_25 ul,
.products_wrap .c_33 ul,
.skus ul,
.ranges ul {
    padding: 0px;
    margin: 10px 0px 25px 0px;
    list-style: none;
}
h6 {
    font-size: 2.538rem;
    font-weight: 700;
    display: block;
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
    margin-top: 50px;
}
h6 span {
    display: inline-block;
    background-color: #fff;
}
.cta .c_50 .inner {
    display: flex;
    align-content: center;
    justify-content: center;
    text-align: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}
.cta .c_33 .c_50 .inner {
    justify-content: flex-start;
    text-align: left;
}
.cta .c_33 .c_50:nth-child(2) .inner {
    justify-content: flex-end;
    text-align: right;
}
.cta .c_50 .inner:before {
    content: "";
    position: absolute;
    left: 50px;
    top: 50px;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.65);
    width: calc(100% - 100px);
    height: calc(100% - 100px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000;
}
.cta .c_33 .c_50 .inner:before {
    display: none;
}
.cta .c_50 .inner div {
    padding: 30px;
    margin: 50px;
    position: relative;
    z-index: 2;
    color: #fff;
}
.cta .c_50 .inner:hover:before {
    margin: 0px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.cta .c_50 h2 a {
    color: #fff;
    font-size: 2.538rem;
}
.cta .c_33 h2 {
    font-size: 1.385rem;
    font-weight: 700;
}
.cta .inner p {
    font-size: 1.077rem;
}
.filters {
    padding: 20px 30px 50px 30px;
}
.filters p {
    padding: 0px;
    margin: 0px;
}
.filters p.heading {
    padding: 0px;
    margin: 15px 0px 0px 0px;
    font-size: 1.154rem;
}
.filters input[type="checkbox"] {
    display: none;
}
.pagination span,
.pagination a {
    display: inline-block;
    padding: 10px;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    text-align: center;
    margin-right: 3px;
}
.pagination span {
    background-color: #eee;
}
.pagination a:hover,
.pagination a.active {
    border: 1px solid #5a9c33;
    background-color: #5a9c33;
    color: #fff;
    text-decoration: none;
}
.price_slider,
.price_slider .bar {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.price_slider {
    cursor: hand;
    cursor: pointer;
    border-radius: 10px;
    position: relative;
    width: calc(100% - 5px);
    height: 10px;
    background: #ccc;
    margin-top: 10px;
    margin-bottom: 10px;
}
.price_slider .left_button.gripHighlighted,
.price_slider .right_button.gripHighlighted {
    background: #ff2a60;
}
.price_slider .left_button,
.price_slider .right_button {
    position: absolute;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    width: 13px;
    height: 13px;
    background: #5a9c33;
    border: 3px solid #36444d;
    top: -4px;
}
.price_slider .left_button:hover,
.price_slider .right_button:hover {
    background: #fff;
}
.price_slider .bar {
    border-radius: 10px;
    position: absolute;
    background: #36444d;
    width: calc(100% - 5px);
    height: 10px;
    top: 0;
}
.price_slider .highlightPanel {
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    background: #e87722;
    height: 10px;
    top: 0;
}
.price_box {
    vertical-align: middle;
    padding: 5px 5%;
    border: 2px solid #ccc;
    width: 85%;
    text-align: center;
    font-weight: 500;
}
.price_from {
    margin-right: 5%;
}
.price_to {
    margin-left: 5%;
}
.price_wrapper .flex {
    text-align: center;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: calc(100% - 10px);
}
.selector .flex {
    margin-top: 30px;
    padding-bottom: 50px;
    border-bottom: 1px solid #36444d;
    margin-bottom: 25px;
}
.selector p {
    font-weight: 700;
}
.selector ul {
    padding: 0px;
    margin: 0px 0px 20px 0px;
    list-style: none;
}
.selector ul li {
    margin: 3px 0px;
}
.selector ul.half li {
    width: 50%;
}
.selector ul li a {
    display: block;
    padding: 4px 0px 2px 25px;
    background-size: 16px 16px;
    background-image: url(/images/icon-untick.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.selector ul li a:hover,
.selector ul li a.active {
    background-image: url(/images/icon-tick-2.png);
}

.selector ul li a.active:hover {
    background-image: url(/images/icon-untick.png);
}
.summary {
    padding-top: 40px;
    padding-bottom: 20px;
}
.summary h4:first-of-type,
.summary h2.sub {
    font-size: 3rem;
    font-weight: 500;
    margin-bottom: 30px;
}
h6,
.summary h4:first-of-type,
.summary h2.sub {
    display: block;
    position: relative;
    z-index: 1;
}
h6:before,
.summary h4:first-of-type:before,
.summary h2.sub:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    z-index: 1;
    background-color: #36444d;
    height: 1px;
    width: 100%;
}
h6 span,
.summary h4:first-of-type span,
.summary h2.sub span {
    display: inline-block;
    background-color: #fff;
    padding-right: 15px;
    position: relative;
    z-index: 2;
}
.summary p:first-of-type,
.further p:first-of-type {
    font-size: 1.231rem;
}
.summary h2,
.summary h3,
.further h4 {
    font-weight: 500;
}
.summary h2 {
    font-size: 2rem;
    margin-bottom: 20px;
}
.summary h3,
.further h4 {
    font-size: 1.538rem;
}
.summary li {
    margin-bottom: 8px;
}
.summary a {
    font-weight: 700;
}
.blue_bg {
    background-color: #36444d;
    color: #fff;
    border-bottom: 5px solid #fff;
    padding: 125px 0px;
}
.blue_bg:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    height: 60px;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    width: 100%;
    background-color: #fff;
}
.schema {
    clip-path: polygon(0 0, 100% 7.5%, 100% 100%, 0% 100%);
    padding: 125px 0px;
}
.schema h2 {
    font-weight: 500;
}
.featured_range.inner,
.promo_box .inner {
    padding: 30px;
    background-color: #36444d;
    color: #fff;
    height: calc(100% - 100px);
    display: flex;
    align-content: center;
    align-items: center;
}
.promo_box .inner,
.promo_wrapper img {
    height: auto;
    width: 100%;
    -moz-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
    font-size: 1.231rem;
    position: relative;
    z-index: 1;
    color: #ccc;
}
.promo_wrapper a img.mobile_only {
    display: none;
}
.promo_box.mini {
    margin-bottom: 20px;
}
.promo_box.mini .inner {
    height: auto !important;
    font-size: 1rem;
    text-align: center;
    justify-content: center;
    color: #ddd;
}
.promo_box h5 span {
    color: #fff;
}
.promo_box .inner div {
    position: relative;
    z-index: 9;
}
.promo_box .inner:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #3b5363;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}
.promo_box .inner:hover:before {
    clip-path: polygon(0 100%, 100% 0, 0 0);
}
.promo_box .large {
    color: #fff;
    font-weight: 700;
    font-size: 4rem;
    padding: 0px;
    margin: 0px;
    text-transform: uppercase;
    line-height: 100%;
}
.promo_box.mini p.c_70 {
    display: block;
    padding-left: 15%;
}
.promo_box p a {
    color: #fff;
    font-weight: 700;
    font-size: 1.538rem;
}
.promo_box p.disclaimer {
    font-size: 1rem;
}
p.spacer {
    padding: 10px 0px 0px 0px;
    display: block;
    position: relative;
    z-index: 1;
}
p.spacer:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 22%;
    z-index: 1;
    background-color: #3b5363;
    height: 1px;
}
.featured_range h2 {
    font-weight: 500;
    font-size: 2rem;
    display: block;
    margin-bottom: 30px;
    line-height: normal;
}
.featured_range ul {
    padding-left: 20px;
}
.blue_bg.no_slant {
    clip-path: none;
    padding: 50px 0px 200px 0px;
    position: relative;
    z-index: 999999;
}
.blue_bg.no_slant:before {
    top: auto;
    bottom: 0;
    clip-path: polygon(0 100%, 100% 100%, 0 0);
}
.blue_bg a {
    font-weight: 700;
    color: #fff;
}
.blue_bg h3,
.blue_bg h2 {
    font-weight: 500;
    font-size: 1.538rem;
}
#breadcrumbs {
    padding-bottom: 20px;
}
#breadcrumbs ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
#breadcrumbs span {
    display: inline-block;
    padding: 0px 20px;
}
.row #breadcrumbs span {
    padding-left: 0px;
}
#breadcrumbs a {
    text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: 300 !important;
}
.product_ranges {
    margin-bottom: 0px;
}
.product_ranges .c_12 img {
    width: 100%;
    border-bottom: 5px solid #eee;
}
.product_ranges .c_12 h2 {
    font-size: 1.231rem;
}
.product_ranges .c_33,
.product_ranges .c_50 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 20px;
}
.product_ranges .c_50 .inner .inner {
    margin: 0px;
    padding: 20px;
    background-color: #efefef;
}
.inner.blob {
    padding: 30px;
}
.product_ranges h2 {
    font-weight: 500 !important;
    font-size: 1.538rem !important;
}
.product_ranges p {
    display: block;
}
.product_ranges h2 a {
    display: block;
}
.product_ranges img {
    display: block;
    width: 100%;
    margin: 0px;
}
.skus .c_25 {
    margin-bottom: 60px;
}
.was {
    text-decoration: line-through;
    display: block;
	padding-left: 10px;
}
#image {
    display: block;
    width: calc(100% - 0px);
    position: relative;
    z-index: 1;
}
/* Keep product videos centred and undistorted, regardless of whether the
   source is portrait or landscape. Sirv creates the video element at runtime. */
#image .product-media-gallery video {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    object-fit: contain;
    background-color: #e0e0e0;
}
#image .fsc_logo {
    position: absolute;
    width: 100px;
    bottom: 0px;
    left: 0px;
}
#image.doorset {
    text-align: center;
    width: 100%;
}
#image.doorset img.Sirv {
    width: 100%;
    position: relative;
    z-index: 5;
}
#image.doorset.invert img.Sirv {
    filter: invert(100);
}
.img-wrap {
    position: relative;
    overflow: hidden;
}
.img-wrap img {
    height: auto!important;
}
/*.img-wrap .img-portrait {
    height: 100%;
    display: block;
    margin: auto;
    object-fit: contain;
    object-position: center;
}
.img-wrap .img-landscape {
    height: 80%;
    display: block;
    margin: 12% auto;
    object-fit: cover;
    object-position: center;
}*/
.customer_review {
	position: absolute;
	bottom: 0px;
	z-index: 99;
	left: 0px;
	width: 100%;
	display: block;
	color: #333;
	font-weight: 500;
	font-size: 0.9231rem;
}
.customer_review span {
	background-color: #fff;
	display: inline-block;
	padding:8px 10px;
	border-radius: 5px 5px 0px 0px;
}
.customer_review span img {
	height: 20px!important;
	width: auto!important;
	display: inline-block!important;
	margin-right: 6px;
	margin-bottom: -2px;
}
img.accessory {
    position: absolute;
    display: none;
}
img.glass {
    z-index: 1;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
}
img.letterplate {
    z-index: 6;
    width: 46%;
    margin-right: -23%;
}
img.spyhole {
    width: 4%;
    z-index: 6;
}
img.knocker {
    width: 15%;
    z-index: 6;
}
img.handle {
    width: 15%;
    z-index: 6;
    top: 49%;
    left: 77%;
    position: absolute;
}
#image.right img.handle {
    left: 8%;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.detail .disclaimer {
    display: block;
    padding: 10px;
    margin: 0px;
    font-style: italic;
    font-size: 0.8231rem;
}
.wrapper-company-stars {
    justify-content: flex-start !important;
    margin-top: 20px !important;
}
select:disabled {
    background: #dddddd;
}
#image.single {
    /*height: 900px;*/
    margin-bottom: 50px;
}
#image.single img {
}
#thumbs {
    margin-top: 25px;
    text-align: left;
}
.desc_wrap {
    margin-top: 0px;
}
.desc_wrap table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}
.desc_wrap table tr {
    border-bottom: 1px solid #ddd;
    padding: 15px 20px;
}
.desc_wrap table th,
.desc_wrap table td {
    padding: 15px 0px !important;
    text-align: left;
}
.desc_wrap table th {
    background-color: #36444d;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.154rem;
}
@media screen and (max-width: 600px) {
    .desc_wrap table {
        border: 0;
    }
    .desc_wrap table caption {
        font-size: 1.3em;
    }
    .desc_wrap table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    .desc_wrap table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: 0.625em;
    }
    .desc_wrap table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: 0.8em;
        text-align: right;
    }
    .desc_wrap table td::before {
        /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }
    .desc_wrap table td:last-child {
        border-bottom: 0;
    }
}
.code,
.sku_price {
    display: none;
}
.builder .inner {
    padding: 0px 20px 10px 0px !important;
}
.builder p {
    padding-bottom: 5px;
    margin-bottom: 0px;
}
.desc_wrap table strong {
    text-transform: uppercase;
    font-size: 1.154rem;
}
.desc_wrap table tfoot strong {
    font-size: 1.698rem;
}
tfoot td {
    text-align: right !important;
    padding-right: 0px !important;
}
.desc_wrap table select,
.builder select {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0px;
    width: 100%;
    padding: 10px 15px;
}
.detail .c_100 h5 {
    margin-top: 10px;
    color: #36444d;
    text-transform: uppercase;
    padding: 20px 0px 0px 0px;
    font-size: 1.692rem;
    border-top: 1px solid #36444d;
}
.thumbnails-wrapper {
    text-align: left !important;
}
.sirv-thumbnails ul > li {
    margin-left: 0px !important;
    margin-right: 10px !important;
}
.info {
    margin: 0px 0px 0px 40px;
    padding: 20px 0px;
}
.info form h5 {
    margin-top: 50px;
    font-size: 1.385rem;
}
p.price {
    font-weight: 700;
    font-size: 3rem;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
p.price span:not(.red):not(.tot):not(.price_wrapper), p.price span:not(.price_wrapper) {
    font-size: 1.231rem;
    font-weight: 300;
    display: inline-block;
    line-height: 100%;
    margin-left: 20px;
}
.red {
    color: #c00 !important;
}
.ranges .was {
    display: inline !important;
}
.ranges .red {
    font-weight: 700;
}
p.price span.was {
    font-size: 2rem;
    margin-left: 10px;
}
p.price span.inline {
    display: inline;
}
.single_wrap p.price {
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 20px;
    margin-bottom: 0px;
}
.trust {
    align-content: center;
    align-items: center;
}
.trust .c_20 {
    text-align: right;
}
.trust.left {
    margin-bottom: 20px;
}
.trust.left .c_20 {
    text-align: left;
}
.trust img {
    max-width: 80%;
}
.spec {
    border: 1px solid #36444d;
    border-width: 1px 0px;
    padding: 30px 0px;
    margin-top: 25px;
}
.tp_wrapper {
    border: 1px solid #36444d;
    border-width: 1px 0px;
    padding: 10px 0px;
}
.blue_bg .tp_wrapper {
    border: 1px solid #ccc;
    border-width: 1px 0px;
}
h5.c_title {
    margin: 30px 0px 10px 0px;
}
.featured_ratings {
    text-align: center;
    width: 100%;
}
.featured_ratings img {
    max-width: 100%;
}
.featured_ratings p {
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
    font-size: 1rem;
}
.img_bespoke {
    background-color: #e0e0e0;
    display: block;
    overflow: hidden;
    padding-top: 0px;
    text-align: center;
    border-bottom: 3px solid #36444d;
}
.img_bespoke.variable {
    height: auto;
}
.img_bespoke.variable img {
    max-height: 600px !important;
    max-width: 304px !important;
    border: none;
    display: block;
    margin-top: 10px;
}
.img_bespoke img {
    border: 15px solid #e0e0e0;
    border-width: 15px 15px 0px 15px;
    margin: 0px auto;
    padding-bottom: 15px;
}
.opt_wrap p {
    background-color: #36444d;
    display: block;
    margin: 0px;
    padding: 15px 30px;
    color: #fff;
    position: relative;
    z-index: 1;
    text-transform: capitalize;
}
.opt_wrap p span {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
    padding: 0px 20px;
    background-color: #5a9c33;
    font-weight: 700;
}
.opt_wrap select {
    width: 100%;
    padding: 10px;
    border-radius: 0px;
    border: 1px solid #ccc;
    background-color: #efefef;
}
.info .bespoke_opts form h5 {
    margin-top: 0px;
    margin-bottom: 10px;
}
.info h2 {
    font-weight: 700;
}
.bespoke_opts .negative .inner {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
ul.disclaimers {
    padding: 18px 0px 18px 18px;
    margin: 0px 0px 20px 0px;
}
.sku_price,
.code,
.product_code {
    display: none;
}
.placeholder img {
    display: none;
}
.enquire {
    position: relative;
    z-index: 1;
    padding-left: 40%;
    margin-top: 40px;
    background-color: #8da4aa;
}
.enquire .box {
    background: none;
}
.placeholder {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 40%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.options img {
    border: 2px solid #ccc;
    width: calc(100% - 24px);
    padding: 10px;
}
.options img:hover,
.options img.active {
    border: 2px solid #5a9c33;
}
.opt_wrap {
    margin-bottom: 20px;
}
.bespoke_opts .box {
    padding: 20px 30px;
}
.life_intro.spec {
    border: none;
    margin: 0px;
}
.life_intro.spec .lt {
    width: 100%;
}
.life_intro h2 {
    font-weight: 500;
}
.desc_wrap.spec {
    padding-bottom: 0px;
    border-bottom: none;
}
.spec.no_m {
    margin-top: 0px;
}
.single_wrap .spec {
    margin: 0px 0px 0px 40px;
    padding: 0px;
    border: none;
}
.single_wrap .info {
    border-top: 1px solid #36444d;
    padding: 20px 0px;
    margin-top: 30px;
}
.single_wrap .info.no_border {
    border: none;
    padding: 0px 0px 20px 0px;
    margin-top: 0px;
}
.single_wrap .c_50:nth-child(1) .info,
.single_wrap .c_50:nth-child(3) .info {
    margin-left: 0px;
}
.lifestyle_wrap {
    position: relative;
    z-index: 1;
    background-color: #fff;
}
.lifestyle_wrap .lifestyle {
    position: absolute;
    top: 0px;
    right: 0px;
    width: calc(40% - 10px);
    height: 100%;
    z-index: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
}
.home_lifestyle .lifestyle {
    right: auto;
    left: 0px;
    width: 40%;
    z-index: 1;
    clip-path: none;
}
.home_lifestyle .max {
    z-index: 9;
    position: relative;
}
.home_lifestyle .flex .c_33 ul {
    display: none;
}
.home_lifestyle .box {
    padding: 30px 20px 0px 20px;
}
.home_lifestyle .flex .c_33 .c_50 {
    width: 100%;
}
.home_lifestyle .flex .c_33 .c_50:nth-child(2) {
    display: none;
}
.home_lifestyle .flex .flex {
    margin: 15px -10px 30px -10px;
}
.home_lifestyle .box h3 {
    font-size: 1.077rem;
}
.home_lifestyle .box h2,
.home_lifestyle .box h2 a {
    font-weight: 400;
    font-size: 1rem;
}
.home_lifestyle .life_intro {
    padding: 50px 0px;
}
.home_lifestyle .life_intro .flex .c_50 br {
    /*display: none;*/
}
.home_lifestyle .box {
    border-top: 5px solid #efefef;
}
.home_lifestyle p.title {
    font-size: 2rem !important;
}
.lifestyle img {
    display: none;
}
.life_intro {
    padding: 50px 5% 50px 0px;
    min-height: 350px;
    display: flex;
    align-content: center;
    align-items: center;
}
.life_intro.with_image {
  min-height: 200px;
}
.life_intro.short {
    min-height: auto;
}
.life_intro p.title {
    font-size: 2rem !important;
}
.spec .inner {
    padding: 3px 0px;
}
.spec .flex {
    margin-top: 15px;
}
.desc {
    padding-right: 10%;
    margin-bottom: 50px;
}
.desc a {
    font-weight: 500;
}
.desc p:first-of-type,
.life_intro p:first-of-type,
.product_info p:first-of-type {
    font-size: 1.154rem;
}
.spec .c_40 {
    font-weight: 500;
}
.basket_wrapper .buy {
	margin-top: 0px!important;
}
.basket_wrapper .basket {
	margin-top: 10px!important;
}
.basket_wrapper .totals {
	padding-left: 45px;
}
.basket_wrapper .total {
	font-size: 2rem;
}
.buy div:nth-child(1),
.buy div:nth-child(2),
.buy div:nth-child(3),
.basket .buy div:nth-child(4) {
    border-top: 1px solid #36444d;
    border-bottom: 1px solid #36444d;
}
.c_50 .buy div:nth-child(1),
.right_border {
    border-right: 1px solid #36444d;
}
.buy,
.buy div:nth-child(2) {
    border-left: 1px solid #36444d;
}
.buy div:nth-child(3) {
    border-right: 1px solid #36444d;
    border-left: 1px solid #36444d;
}
.basket .buy div:nth-child(4) {
    border-right: 1px solid #36444d;
}
.buy a:not(.btn),
.buy input, .buy .qty {
    width: 45px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: none;
    text-align: center;
    padding: 0px;
    background-color: #fff;
}
.buy input[type=submit]{
	text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 3px;
  display: block;
  padding: 11px 20px;
  border: 1px solid #36444d;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(54, 68, 77);
  background-color: #36444d;
  color: #fff;
  font-size: 0.9rem;
  position: relative;
  z-index: 1;
  text-align: center;
	width: 100%;
	height: 54px;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.buy input[type=submit]:hover {
	color: #36444d;
  background-color: #fff;
}
.buy .qty {
	border-right: 1px solid #36444d;
}
.status_block {
	height: 52px;
	display: flex;
    align-items: center;
    align-content: center;
}
.basket .buy div:nth-child(4) a {
    background-color: #c00;
    color: #fff;
}
.basket .buy div:nth-child(4) {
    border-top: 1px solid #c00;
    border-bottom: 1px solid #c00;
    border-right: 1px solid #c00;
}
.basket .buy div:nth-child(4):hover {
    border-top: 1px solid #36444d;
    border-bottom: 1px solid #36444d;
    border-right: 1px solid #36444d;
}
.tiny {
    font-size: 0.9231rem;
    color: #999;
    line-height: 100%;
}
.buy a:not(.btn) {
    font-size: 1.231rem;
}
.buy a.btn {
    margin-left: 10px;
    padding: 12px 20px;
}
h5 {
    font-size: 2rem;
    font-weight: 700;
}
.info h3,
.single_wrap h3,
p.nub {
    font-size: 1.538rem;
    font-weight: 700;
}
p.nub {
    padding: 0px;
    margin: 0px;
}
.promo p.nub {
    padding-bottom: 10px;
}
.singles strong {
    display: block;
    margin-bottom: 0px;
}
.oos {
    font-size: 0.9231rem;
    color: #c00;
    font-weight: 500;
    display: inline;
    margin-left: 10px;
}
.tick {
    display: inline-block;
    margin-left: 10px;
    color: #5a9c33;
    font-size: 0.9231rem;
    font-weight: 500;
}
.basket .oos {
    margin-left: 0px;
}
.singles .c_40,
.singles .c_15,
.singles .c_20 {
    display: flex;
    align-items: center;
    align-content: center;
}
.singles.ext .c_40 {
    width: 55%;
}
.singles .buy a:not(.btn),
.singles .buy input {
    width: 30px;
    height: 30px;
}
.singles {
    padding-top: 30px;
}
.singles .buy {
    margin-bottom: 4px;
}
.singles .buy {
    margin-top: 6px;
}
.buy a:not(.btn):hover {
    background-color: #36444d;
    color: #fff;
    text-decoration: none;
}
.buy a:not(.btn):hover {
    background-color: #777;
}
.singles div:nth-child(1) .inner,
.singles div:nth-child(2) .inner,
.singles div:nth-child(3) .inner,
.singles .c_25:nth-child(4) .inner {
    border-bottom: 1px solid #36444d;
    display: block;
    width: 100%;
}
.similar {
    margin-top: 25px;
}
.similar .products_wrap {
    margin-top: 40px;
}
.similar .related {
    margin-top: 0px;
}
.basket {
    margin-top: 50px;
    margin-bottom: 50px;
    width: 100%;
}
.basket .c_20.bold,
.basket .c_40.bold,
.basket .c_15.bold,
.basket .c_45.bold,
.basket .c_10.bold,
.basket .c_50.bold,
.basket .c_70.bold,
.basket .c_30.bold,
.basket .c_60.bold,
.basket .c_25.bold {
    font-size: 1.231rem;
}
.basket .c_20,
.basket .c_40,
.basket .c_15,
.basket .c_45,
.basket .c_10,
.basket .c_50,
.basket .c_70,
.basket .c_30,
.basket .c_60,
.basket .c_25 {
    border-bottom: 1px solid #000;
}
.basket .inner {
    padding: 10px 0px;
}
.basket img {
    max-width: 85% !important;
    margin-top: 5px;
    display: block;
    margin-bottom: 5px;
}
.basket img.Sirv {
	max-width: 85%!important;
	margin-bottom: 20px;
}
.negative .inner .inner {
    margin-left: 0px;
    margin-right: 0px;
}
.negative .inner .inner {
    margin-left: 0px;
    margin-right: 0px;
}
.negative .inner .negative .inner {
    margin-left: 10px;
    margin-right: 10px;
}
.basket p.large {
    font-weight: 700;
    font-size: 1.385rem;
}
.basket p.large .was {
	font-size: 1rem;
	padding-left:0px;
	font-weight: 700;
}
.basket p.large .was.inline {
	display: inline-block;
}
.grey_bg {
    background-color: #eee;
}
section.grey_bg {
    background-color: #e0e0e0;
}
.grey_bg.blue,
.c_25 .blue {
    background-color: #36444d;
    color: #fff;
}
.c_25 .green {
    height: calc(100% - 30px);
    background-color: #009240;
}
.grey_bg.blue a {
    color: #fff;
}
.grey_bg.blue ul {
    list-style: none;
    padding: 20px 0px;
    margin: 0px;
}
.grey_bg.blue ul li,
.featured_range ul li {
    margin-bottom: 10px;
    padding-left: 25px;
    position: relative;
    z-index: 1;
    list-style: none;
    font-size: 1.231rem;
}
.featured_range ul li {
    font-size: 1.077rem;
}
.grey_bg.blue ul li:before,
.featured_range ul li:before {
    content: "—";
    position: absolute;
    top: 2px;
    left: 0px;
    z-index: 2;
}
.grey_bg.blue h4 {
    font-size: 2.385rem;
    font-weight: 500;
}
section.no_b {
    padding-bottom: 0px;
}
.totals {
    padding: 0px 20px 40px 90px;
    background-color: #fff;
    font-size: 1.692rem;
    font-weight: 700;
}
.account .totals {
	font-size: 1.385rem;
}
.basket_wrapper .total {
	font-size: 1.692rem;
}
.addresses .totals {
    padding-left: 30px;
    padding-right: 30px;
}

.totals .c_45, .totals .c_50, .totals .c_55 {
    border-bottom: 1px solid #000;
    padding: 10px 0px;
	line-height: 125%;
}
.grey_bg .inner {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.home_lifestyle.grey_bg .inner,
.grey_bg .detail .inner,
.grey_bg.blue .inner {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.product_info {
    padding-top: 40px;
}
.total {
    font-size: 2.692rem;
    font-weight: 700;
    color: #5a9c33;
}
.help {
    padding: 50px;
}
.help.smaller {
	background-color: #f0f0f0;
}
.help p {
    padding: 0px 0px 10px 0px;
    margin: 0px;
    font-size: 2.538rem;
    line-height: 110%;
}
.help p:first-of-type {
    font-weight: 700;
}
.help a {
    text-decoration: underline;
}
.help.smaller p, .help p.small {
	font-size: 1rem;
}
.help a.btn {
	text-decoration: none;
}
.help.smaller p.bold {
	font-size: 1.538rem;
}
.help.smaller p.contacts {
	display: block;
	padding:20px 0px;
	font-size: 2rem;
}
.share button {
	width: 40px;
	border:none;
	padding:10px 8px 10px 8px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 10;
	height: 100%;
}
.share img {
	display: block;
	width: 100%;
}
.share span {
	background-color: #36444d;
  	color: #fff;
	font-weight: 700;
	width: 220px;
	text-align: center;
	padding:12px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(https://images.door-commerce.co.uk/general/icon-share.png);
	background-repeat: no-repeat;
	background-size: auto 20px;
	background-position: 10px center;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}
.share span:hover {
	cursor: pointer;
	background-color: rgb(var(--feature-green));
}

.share input {
	border: none;
	padding:10px 10px 8px 10px;
	width: calc(100% - 60px);
	text-align: center;
	font-style: italic;
}
.share {
	border:1px solid #004559;
	width: 220px;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
	padding:0px;
	overflow: hidden;
}
.share.active {
	width: 95%;
}

.tooltip {
      position: absolute;
      width: 60px;
      padding: 5px 10px;
      font-size: 14px;
      text-align: center;
      color: #fff;;
      background: rgb(0, 69, 89);
      border: 4px solid rgb(0, 69, 89);
      border-radius: 5px;
      text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
      box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px 0px;
	right: 0px;
	top: -45px;
	display: none;
}

.share .flex {
	width: 0;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 220px;
	z-index: 99;
	display: flex;
	align-items: center;
	height: 100%;
	background-color: #fff;
}
.share.active .flex {
	width: calc(100% - 220px);
}
.tooltip:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 10px;
      border-style: solid;
      border-color: #004559 transparent transparent transparent;
      top: 30px;
      left: 30px;
}
.share button {
	border-radius: 0px 5px 5px 0px;
}
.pp-message {
    display: block;
    padding: 10px 0px;
}
.code_wrap {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1rem;
    display: block;
    border-bottom: 1px solid #000;
    padding: 15px 0px;
}
.code_wrap a {
    color: #c00;
    display: inline-block;
    padding-left: 5px;
}
.totals a.btn,
.final a.btn,
button.btn {
    margin-top: 20px;
    font-size: 1.154rem;
    padding: 20px 30px;
}
td.totals a.btn {
    margin-top: 0px;
}
.basket .buy {
    margin-top: 8px;
}
.condensed .buy {
    margin-top: 5px;
}
.green {
    color: #5a9c33;
}
.basket p {
    padding-top: 0px;
    margin-top: 0px;
}
.eq {
    padding-bottom: 15px;
}
p.phone {
    display: none;
}
.sidebar {
    padding: 0px 40px;
}
.account .sidebar {
	padding-right: 0px;
}
.order_detail {
	margin-bottom: 30px;
	margin-top: 10px;
}
.content {
    padding-top: 150px;
}
.content h2,
.content h1 {
    font-size: 2.231rem;
    font-weight: 700;
}
.content a {
    font-weight: 700;
}
.sidebar h4 {
    font-size: 1.692rem;
    font-weight: 700;
}
.sidebar ul {
    padding: 28px 0px;
    margin: 0px;
    list-style: none;
    border-bottom: 1px solid #000;
}
.sidebar ul li {
    margin-bottom: 10px;
}
.sidebar ul a {
    font-weight: 500;
    font-size: 1.154rem;
}
.sidebar ul a span {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}
.sidebar ul a:hover {
    text-decoration: none;
}
.sidebar ul a:hover span {
    margin-left: 10px;
}
.articles {
    margin-top: 20px;
}
/*.break {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}*/
.articles img {
    display: block;
    margin-top: 5px;
    margin-bottom: 30px;
}
.articles h3 {
    font-weight: 500;
    font-size: 1.154rem;
}
.articles .flex {
    background-color: #36444d;
    color: #fff;
    padding: 30px 5px 40px 5px;
    margin-bottom: 15px;
    clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%);
}
.articles .inner:first-child .flex {
    clip-path: polygon(0 0, 100% 0, 100% 95%, 0% 100%);
}
.articles .flex h3 a {
    color: #fff;
}
.content h3 {
    font-weight: 700;
}
.related .c_33 {
    width: 25%;
}
.related h3 {
    display: block;
}
.small_product {
    border: 1px solid #36444d;
    margin-bottom: 10px;
}
.small_product h2 {
    font-weight: 500;
    font-size: 1.231rem !important;
}
.small_product p {
    padding: 2px 0px 0px 0px;
    margin: 0px;
}
.small_product .inner {
    padding: 10px 20px;
    position: relative;
    z-index: 1;
    width: calc(100% - 40px);
}
.small_product .c_25 .inner,
.small_product .c_20 .inner,
.small_product .c_15 .inner {
    padding: 8px 0px;
    width: 100%;
}
.small_product img {
    max-width: 100%;
}
.small_product .c_25 img,
.small_product .c_33 img {
    display: block;
    margin: 0px;
}
a.link_wrap {
    color: #36444d;
    background: rgb(255, 255, 255);
    background: radial-gradient(
        circle,
        rgba(255, 255, 255, 1) 0%,
        rgba(239, 239, 239, 1) 100%
    );
    text-decoration: none;
}
a.link_wrap:hover {
    background: none;
    background-color: #36444d;
    color: #fff;
    text-decoration: none;
}
.small_product .c_85,
.small_product .c_75,
.small_product .c_66 {
    display: flex;
    align-content: center;
    align-items: center;
}
a.link_wrap .flex .c_85,
a.link_wrap .flex .c_75,
a.link_wrap .flex .c_66 {
    background: rgb(255, 255, 255);
    background: radial-gradient(
        circle,
        rgba(255, 255, 255, 1) 0%,
        rgba(239, 239, 239, 1) 100%
    );
}
a.link_wrap:hover .flex .c_85,
a.link_wrap:hover .flex .c_75,
a.link_wrap:hover .flex .c_66 {
    background: none;
    background-color: #36444d;
}
.small_product span:not(.price_wrapper) {
    position: absolute;
    right: 7.5%;
    top: 20%;
    z-index: 99;
    color: #36444d;
    font-size: 2rem;
    display: block;
}
a.link_wrap:hover span {
    color: #fff;
}
.small_product .c_33 {
    box-sizing: border-box;
    margin-bottom: 0;
}
.small_product .c_15 .inner,
.small_product .c_25 .inner,
.small_product .c_33 {
    border-right: 1px solid #36444d;
}
.dims {
    margin-top: 20px;
    margin-bottom: 15px;
}
.dims div {
    padding: 5px 0px;
}
p.info_nub {
    display: inline-block;
    background-color: #5a9c33;
    color: #fff;
    padding: 10px 30px 10px 50px;
    border-radius: 150px;
    font-weight: 700;
    margin-top: 30px;
    background-image: url("/images/icon-info.png");
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: 10px center;
}
p.info_nub.suspended_product_msg {
    background-color: rgb(204, 0, 0) !important;
}
.c_50 .basket {
    margin-left: 30px;
    width: calc(95% - 20px);
}
.c_50 .basket img {
    margin-top: 20px;
}
.promo {
    margin-top: 30px;
}
.info_msg {
    background-color: #36444d;
    padding: 25px 20px 35px 20px;
    margin: 0px 0px 20px 0px;
    color: #fff;
    position: relative;
    z-index: 1;
    text-align: center;
}
.info_msg h4 {
    font-weight: 700;
    font-size: 1.385rem;
    position: relative;
    z-index: 1;
}
.info_msg span {
    position: relative;
    z-index: 1;
}
/*.info_msg:before, .info_msg:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 20px;
  height: 3px;
  background-color: #5a9c33;
  width: calc(100% - 40px);
}*/
.info_msg:before {
    content: "";
    position: absolute;
    left: 45%;
    height: 100%;
    z-index: 1;
    background-color: #5a9c33;
    width: 55%;
    top: 0;
    clip-path: polygon(50% 0%, 100% 0, 100% 100%, 0 100%, 24% 0);
    opacity: 1;
}
.info_msg:after {
    top: auto;
    bottom: 15px;
}
.info_msg p {
    padding: 0px;
    margin: 0px;
}
.info_msg .c_60 p {
    padding-top: 10px;
}
.info_msg strong {
    text-transform: uppercase;
}
.info_msg .c_40 {
    text-transform: uppercase;
    font-size: 2.385rem;
    font-weight: 200;
    line-height: 100%;
}
.info_msg .c_40 span {
    font-size: 1.86rem;
    line-height: 1rem;
    display: block;
}
.promo .inner,
.info_msg .inner {
    margin: 0px 10px !important;
}
.promo .box {
    padding: 20px;
}
.promo .box h3 {
    font-size: 1.154rem;
    padding: 0px;
    margin: 0px;
}
.promo .box ul {
    padding: 10px 0px 0px 0px;
    margin: 0px;
    list-style: none;
    font-size: 0.9231rem;
}
.promo:not(.upseller) a {
    display: block;
    background-color: #5a9c33;
    background-image: url("/images/icon-checker.png");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px 20px;
    color: #fff;
    padding: 10px 10px 10px 40px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 2px;
    font-family: "Yantramanav", Helvetica Neue, Helvetica;
    font-size: 0.9231rem;
    line-height: 100%;
    text-align: left;
}
.promo:not(.upseller) a:hover {
    background-color: #36444d;
    text-decoration: none;
}
.promo:not(.upseller) a.active {
    background-color: #36444d;
    background-image: url("/images/icon-checker-tick.png");
}
.promo:not(.upseller) p {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.promo.upseller .buy a:not(.btn), .promo.upseller .buy input, .promo.upseller .buy .qty {
	width: 30px;
	height: 30px;
}
.deets {
	margin-top: 20px;
}
.deets, .deets .c_20 {
	align-content: center;
	align-items: center;
	display: flex;
}
.deets .c_80 .buy input[type=submit] {
	font-size: 0.8rem;
	letter-spacing: 2px;
	padding:6px 10px 7px 10px;
	margin-left: 0px;
	border-left: none;
	width: 100%;
	height: auto!important;
}
.promo .box .flex p {
	padding: 0px;
	background: none;
}
.upseller .block {
	border: none;
	padding: 40px 30px 40px 40px;
}
form[name="billing"],
.final {
    padding-top: 60px;
}
.address-suggestions {
	background-color: #fff;
	padding: 0px;
	border: 1px solid #ccc;
	border-width: 1px 1px 1px 1px;
	margin-bottom: 10px;
	max-height: 250px;
	overflow: auto;
	width: calc(100% - 24px);
}
.address-suggestions button {
	background-color: #fff;
	border: none;
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
	width: calc(100% - 20px);
	display: block;
	text-align: left;
}
.address-suggestions button:hover {
	cursor: pointer;
	background-color: #f0f0f0;
}
#billing_fields, #delivery_fields { 
	display:none; 
}
.selected_address { 
	margin-top:8px; 
	font-weight: bold;
	color: #36444d;
	background-color: #fff;
	border: 1px solid #ccc;
	background-image: url(https://images.door-commerce.co.uk/general/icon-address.png);
	background-repeat: no-repeat;
	background-size: auto 60%;
	background-position: 15px center;
	padding: 10px 10px 10px 60px;
	width: calc(100% - 72px);
	display: block;
}
.manual_address_link { 
	display:inline-block; 
	margin-top:6px; 
	padding: 10px 30px;
  	background-color: #36444d;
  	border-radius: 5px;
  	color: #fff; 
}
#delivery_selected {
    margin-bottom: 20px;
}
.final.proceed {
    padding-top: 0px;
    padding-left: 30px;
}
.final.condensed {
    padding-top: 0px;
}
.condensed .basket {
    margin-top: 10px;
}
.condensed .buy div:nth-child(1) {
    border-right: 1px solid #36444d;
}
form[name="billing"] label {
    display: block;
    font-size: 1.231rem;
    font-weight: 700;
    margin-bottom: 8px;
}
form[name="billing"] input[type="text"],
form[name="code"] input[type="text"], .account input[type=text], .account input[type=password], select[name=address_book], form[name=details] input[type=url], form[name=details] select {
    border: 1px solid #ccc;
    padding: 10px 15px;
    width: calc(95% - 30px);
    margin-bottom: 15px;
}
.warn {
	color: #c00;
	font-weight: 700;
}
input:disabled {
    background-color: #e9ecef; /* Light grey background */
    color: #6c757d; /* Darker grey text */
    border: 1px solid #ced4da; /* Light grey border */
    cursor: not-allowed; /* Change cursor to indicate disabled state */
}
select[name=address_book] {
	width: calc(100% - 18px);
	background-color: #fff;
}
form[name="billing"] h2,
.final h2,
.addresses h2.subtitle {
    font-weight: 700;
    display: block;
    margin-bottom: 30px;
    font-size: 1.692rem;
}
form[name="code"] {
    width: 75%;
}
form[name="code"] label {
    display: block;
    padding-bottom: 10px;
}
.addresses h2.subtitle {
    margin-left: 30px;
}
#delivery_details {
    display: none;
    padding-top: 20px;
}
p.no_pad {
    padding: 0px;
    margin: 0px;
}
textarea[name="special"] {
    padding: 10px 15px;
    width: calc(100% - 30px);
    border: 1px solid #ccc;
    height: 100px;
    overflow: auto;
    margin-top: 10px;
}
.review_wrap {
    padding: 20px;
    background-color: #efefef;
    text-align: center;
    display: flex;
    align-content: center;
    align-items: center;
}
.review_wrap div {
    width: 100%;
}
.rating {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.rating img {
    width: 20px;
    margin: 0px 10px;
}
.reviews .inner {
    justify-content: center;
}
.reviews {
    margin-top: 50px;
}
img.ratings {
    margin-left: 10px;
}
.reviews h4 {
    font-weight: 700;
    font-size: 1.231rem;
    text-transform: capitalize;
}
p.author {
    font-weight: 500;
}
.grid {
    margin-bottom: 20px !important;
}
.flex table td {
    padding: 10px;
}
.faq_wrap {
    padding-top: 30px;
}
.faq_wrap h3 {
    font-weight: 500;
    font-size: 1.538rem;
}
#map {
    position: absolute;
    width: 50%;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 100%;
}
#map iframe {
    width: 100%;
    height: 100%;
}
.contact_wrap h3,
.contact_wrap h4 {
    font-size: 2rem;
    font-weight: 500;
}
.contact_wrap h4 {
    font-size: 1.385rem;
}
.contact_wrap .c_50:last-child .inner {
    padding-left: 40px;
    padding-bottom: 100px;
}
.contact_wrap li {
    margin-bottom: 10px;
}
/* Tables */
/* Responsive scroll-y table */
table img {
    width: 25px;
    display: block;
}
.table-responsive {
    min-height: 0.01%;
    overflow-x: auto;
}
a.filter_trigger,
a.close_filter,
.mobile_only {
    display: none !important;
}
.wrapper .content {
    position: relative;
    z-index: 99;
    padding-top: 50px;
}
.widget {
    background-color: #36444d;
    color: #fff;
    clip-path: polygon(0 0, 100% 0, 100% 95%, 0% 100%);
}
.widget a {
    color: #fff !important;
    font-size: 1.077rem;
}
.side-bar .widget ul li {
    border-bottom: 1px solid #666;
}
.blog-post .entry-title {
    font-size: 2rem;
    font-family: "Yantramanav", Helvetica Neue, Helvetica;
}
.wrapper a.btn {
    font-family: "Yantramanav", Helvetica Neue, Helvetica;
    line-height: normal;
}
.wrapper a.btn:hover {
    color: #36444d;
}
.wrapper a.btn:before {
    display: none;
}
#payment_container {
    display: block;
    padding: 15px 20px 15px 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 40px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: calc(100% - 72px);
}
#loading {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: #f1f2f3;
    background-image: url("https://images.door-commerce.co.uk/general/loading.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10% auto;
    opacity: 0.8;
    display: none;
}
#payment_container img {
    width: 75%;
}
.form-row .flex {
    align-items: center;
    align-content: center;
}
#card-element {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px 5px 0px 0px;
    width: calc(100% - 22px);
}
#payment_container button {
    background-color: #5a9c33;
    color: #fff;
    padding: 13px 20px;
    font-family: "Yantramanav", Helvetica Neue, Helvetica;
    font-weight: 700;
    border-radius: 0px 0px 5px 5px;
    border: none;
    display: block;
    width: 100%;
    font-size: 1.154rem;
}
#payment_container button:hover {
    background-color: #36444d;
}
#payment_container button.klarna {
    padding:8px 0px 4px 0px;
    background-color: #ffb1d2;
    border-radius: 5px;
}
#payment_container button img {
    height: 35px;
    width: auto!important;
    margin: 0px!important;
}
p.or {
    display: block;
    position: relative;
    z-index: 1;
}
p.or:before {
    content: "";
    background-color: #ccc;
    position: absolute;
    left: 0px;
    top: 50%;
    z-index: 1;
    width: 100%;
    height: 1px;
}
p.or span {
    display: inline-block;
    background-color: #fff;
    padding-right: 25px;
    position: relative;
    z-index: 2;
}
#card-errors {
    padding: 5px 0px;
    height: 20px;
}
#payment_container .c_30 {
    text-align: right;
}
.by_stripe {
    background: rgb(174, 232, 94);
    background: linear-gradient(
        112deg,
        rgba(174, 232, 94, 1) 21%,
        rgba(121, 196, 172, 1) 56%
    );
    padding: 10px 30px;
    border-radius: 5px;
    text-align: center;
    margin-top: 30px;
    display: block;
}
.by_stripe img {
    max-width: 50%;
    display: block;
    margin: 0px auto;
}
.entry_category .post-categories li a {
    border-radius: 0px;
    text-transform: uppercase;
    font-size: 0.9231rem;
    background-color: #5a9c33;
    line-height: 100%;
    font-weight: 300;
    padding: 10px;
}
.entry_category .post-categories li a:hover {
    text-decoration: none;
    background-color: #36444d;
    color: #fff;
}
.blog-post .admin-name a,
.single_post .admin-name a {
    color: #36444d !important;
    text-transform: uppercase;
}
.entry-info a:hover {
    color: #5a9c33;
    text-decoration: none;
}
.widget-title {
    color: #fff;
    text-transform: none;
    font-size: 1.538rem;
    font-family: "Yantramanav", Helvetica Neue, Helvetica;
    text-decoration: none;
    border-bottom: 3px solid #5a9c33;
}
.widget-title:before {
    display: none;
}
.widget ul li a:hover {
    padding-left: 10px;
    color: #5a9c33 !important;
    text-decoration: none;
}
.page-numbers {
    height: 40px !important;
    padding: 10px !important;
    width: 40px !important;
    line-height: 100% !important;
    display: inline-block !important;
    vertical-align: top !important;
    font-weight: 500 !important;
    font-size: 1rem !important;
}
.nav-links {
    box-sizing: content-box;
}
.page-numbers.current {
    background-color: #5a9c33 !important;
}
.page-numbers.next {
    width: auto !important;
}
.next.page-numbers::after {
    display: none;
}
.page-numbers.dots {
    color: #36444d !important;
    background: none;
}
img.wp-post-image,
img.size-full,
.size-full img {
    height: auto !important;
}
.side-bar .search-submit {
    background-color: #5a9c33 !important;
}
.post-navigation {
    display: none;
}
.single_post .entry-title {
    font-size: 2rem;
    font-weight: 700;
}
.size {
    /*max-height: 30vh;*/
    overflow: auto;
    margin-bottom: 20px;
}
#crestashareicon {
    z-index: 99999999999 !important;
}
.related_products {
	margin-top: 30px;
}
.related_products .product_item div.product_item_top .trustpilot-ratings {
  height: 23px;
}
.account h1 {
	font-weight: 700;
	font-size: 2.692rem;
  	margin-bottom: 10px;
}
.account label {
	display: block;
	font-weight: 500;
	margin-bottom: 10px;
	margin-top: 20px;
}
.account input[type=text], .account input[type=password]  {
	display: block;
	width: calc(60% - 30px);
}
.account input[type=submit] {
	width: auto!important;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.account input[type=submit]:hover {
	background-color: #5a9c33;
	color: #fff;
}
form.forgot input[type=text] {
	width: calc(100% - 32px);
}
.account input[type="submit"] {
  font-size: 1rem;
  padding: 10px 30px;
}
form[name=details] input[type=text], form[name=details] input[type=password], form[name=details] input[type=url], form[name=details] select {
	width: calc(100% - 22px);
	padding: 15px 10px;
}
form[name=details] select {
	width: 100%;
}
form[name=details] .select2-container--default .select2-selection--multiple {
	border-radius: 0px!important;
	width: calc(100% - 0px);
	padding: 10px 10px;
	border: 1px solid #ccc;
}
form[name=details] label {
	position: relative;
	z-index: 1;
}
form[name=details] label .error {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 99;
	color: #c00;
}
form[name=details] input.error_field {
	border: 1px solid #c00!important;
}
.form-lookup-option {
  display: flex;
  width:98% !important;
  flex-direction: column;
  
  margin: 1rem 0  2rem 0;
  background-color: rgba(var(--primary-dark-grey));
  border-radius: 5px;
}
.form-lookup-option h2 {
  color: white ;
  text-align:center;
  margin: 1rem !important;
}
.form-lookup-option input {
  align-self:center;
}
form[name=aftersales] label {
	display: block;
	padding-bottom: 10px;
	position: relative;
	z-index: 1;
}
form[name=aftersales] label small {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 2;
}
.required_asterisk {
	font-weight: 700;
	color: #c00;
	z-index: 99;
}
form[name=aftersales] h2 {
	display: block;
	margin-bottom: 10px;
	font-size: 1.385rem;
}
form[name=aftersales] input[type=text] {
	display: block;
	width: calc(100% - 22px);
	border: 1px solid #ccc;
	padding: 8px 10px;
	margin-bottom: 20px;
}
form[name=aftersales] ul.flex {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
form[name=aftersales] ul.flex li {
	width: 20%;
	margin-bottom: 10px;
}
form[name=aftersales] textarea {
	display: block;
	width: calc(100% - 22px);
	border: 1px solid #ccc;
	padding: 8px 10px;
	margin-bottom: 20px;
	min-height: 150px;
}
p.notification, .batch {
	font-weight: 700;
	color: #c00;
	display: none;
}
#supporting_photo_preview {
	margin-bottom: 30px;
}
.file_wrapper {
	border: 1px solid #ccc;
	background-color: #f0f0f0;
	border-radius: 5px;
	display: block;
	padding: 10px;
}
button.add_item, button.remove_item {
	display: inline-block;
	padding:10px 20px;
	background-color: #fff;
	color: #fff;
	border: none;
	border-radius: 5px;
}
button.remove_item {
	background-color: #c00;
}
button.add_item {
	background-color: rgba(var(--primary-green));
}
p.remove {
	display: block;
	text-align: right;
}
.splide__container {
    box-sizing: border-box;
    position: relative;
}
.splide__list {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    transform-style: preserve-3d;
}
.splide.is-initialized:not(.is-active) .splide__list {
    display: block;
}
.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none;
}
.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto;
}
.splide__progress__bar {
    width: 0;
}
.splide {
  outline: none;
  position: relative;
  visibility: hidden;
  margin-bottom: 32px;
}
.splide.features {
    visibility: visible;
}
.splide.is-initialized,
.splide.is-rendered {
    visibility: visible;
}
.splide__slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    outline: none;
    position: relative;
    width: 100%;
}
.splide__slide img {
    vertical-align: bottom;
}
.splide__slider {
    position: relative;
}
.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0;
  height: 100%;
}
@keyframes splide-loading {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(1turn);
    }
}
.splide--draggable > .splide__slider > .splide__track,
.splide--draggable > .splide__track {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.splide--fade > .splide__slider > .splide__track > .splide__list,
.splide--fade > .splide__track > .splide__list {
    display: block;
}
.splide--fade
    > .splide__slider
    > .splide__track
    > .splide__list
    > .splide__slide,
.splide--fade > .splide__track > .splide__list > .splide__slide {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 0;
}
.splide--fade
    > .splide__slider
    > .splide__track
    > .splide__list
    > .splide__slide.is-active,
.splide--fade > .splide__track > .splide__list > .splide__slide.is-active {
    opacity: 1;
    position: relative;
    z-index: 1;
}
.splide--rtl {
    direction: rtl;
}
.splide--ttb.is-active > .splide__slider > .splide__track > .splide__list,
.splide--ttb.is-active > .splide__track > .splide__list {
    display: block;
}
.splide__arrows {
    position: absolute;
    z-index: 1;
    bottom: -55px;
    left: 0;
    width: 100%;
    text-align: center;
}
.similar .splide__arrows {
  bottom: -50px;
}
.splide__arrow {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 10px;
    border: none;
    border-radius: 100px;
    margin: 0 5px;
    width: 40px;
    height: 40px;
}
.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em;
}
.splide__arrow:hover {
    background-color: #40434c;
}
.splide__arrow:hover svg {
    fill: #fff;
}
.splide__arrow:focus {
    outline: none;
}
.splide__arrow--prev svg {
    transform: scaleX(-1);
}
.splide__pagination {
    bottom: 0.5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1;
    display: none;
}
.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: 0.7;
    padding: 0;
    transition: transform 0.2s linear;
    width: 8px;
}
.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
}
.splide__pagination__page:hover {
    cursor: pointer;
    opacity: 0.9;
}
.splide__pagination__page:focus {
    outline: none;
}
.splide__progress__bar {
    background: #ccc;
    height: 3px;
}
.splide--nav
    > .splide__slider
    > .splide__track
    > .splide__list
    > .splide__slide,
.splide--nav > .splide__track > .splide__list > .splide__slide {
    border: 3px solid transparent;
    cursor: pointer;
}
.splide--nav
    > .splide__slider
    > .splide__track
    > .splide__list
    > .splide__slide.is-active,
.splide--nav > .splide__track > .splide__list > .splide__slide.is-active {
    border: 3px solid #000;
}
.splide--nav
    > .splide__slider
    > .splide__track
    > .splide__list
    > .splide__slide:focus,
.splide--nav > .splide__track > .splide__list > .splide__slide:focus {
    outline: none;
}
.splide--rtl > .splide__arrows .splide__arrow--prev,
.splide--rtl
    > .splide__slider
    > .splide__track
    > .splide__arrows
    .splide__arrow--prev,
.splide--rtl > .splide__track > .splide__arrows .splide__arrow--prev {
    left: auto;
    right: 1em;
}
.splide--rtl > .splide__arrows .splide__arrow--prev svg,
.splide--rtl
    > .splide__slider
    > .splide__track
    > .splide__arrows
    .splide__arrow--prev
    svg,
.splide--rtl > .splide__track > .splide__arrows .splide__arrow--prev svg {
    transform: scaleX(1);
}
.splide--rtl > .splide__arrows .splide__arrow--next,
.splide--rtl
    > .splide__slider
    > .splide__track
    > .splide__arrows
    .splide__arrow--next,
.splide--rtl > .splide__track > .splide__arrows .splide__arrow--next {
    left: 1em;
    right: auto;
}
.splide--rtl > .splide__arrows .splide__arrow--next svg,
.splide--rtl
    > .splide__slider
    > .splide__track
    > .splide__arrows
    .splide__arrow--next
    svg,
.splide--rtl > .splide__track > .splide__arrows .splide__arrow--next svg {
    transform: scaleX(-1);
}
.splide--ttb > .splide__arrows .splide__arrow,
.splide--ttb
    > .splide__slider
    > .splide__track
    > .splide__arrows
    .splide__arrow,
.splide--ttb > .splide__track > .splide__arrows .splide__arrow {
    left: 50%;
    transform: translate(-50%);
}
.splide--ttb > .splide__arrows .splide__arrow--prev,
.splide--ttb
    > .splide__slider
    > .splide__track
    > .splide__arrows
    .splide__arrow--prev,
.splide--ttb > .splide__track > .splide__arrows .splide__arrow--prev {
    top: 1em;
}
.splide--ttb > .splide__arrows .splide__arrow--prev svg,
.splide--ttb
    > .splide__slider
    > .splide__track
    > .splide__arrows
    .splide__arrow--prev
    svg,
.splide--ttb > .splide__track > .splide__arrows .splide__arrow--prev svg {
    transform: rotate(-90deg);
}
.splide--ttb > .splide__arrows .splide__arrow--next,
.splide--ttb
    > .splide__slider
    > .splide__track
    > .splide__arrows
    .splide__arrow--next,
.splide--ttb > .splide__track > .splide__arrows .splide__arrow--next {
    bottom: 1em;
    top: auto;
}
.splide--ttb > .splide__arrows .splide__arrow--next svg,
.splide--ttb
    > .splide__slider
    > .splide__track
    > .splide__arrows
    .splide__arrow--next
    svg,
.splide--ttb > .splide__track > .splide__arrows .splide__arrow--next svg {
    transform: rotate(90deg);
}
.splide--ttb > .splide__pagination,
.splide--ttb > .splide__slider > .splide__pagination {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: 0.5em;
    top: 0;
}
.my-slider-progress {
    background-color: #5a9c33;
}
.my-slider-progress-bar {
    background-color: #fff;
    height: 1px;
    transition: width 400ms ease;
    width: 0;
}
.splide .related .c_33 {
    width: 100%;
}
.splide.messages {
    text-align: center;
    text-transform: uppercase;
    background-color: #5a9c33;
    color: #fff;
}
.splide.messages li {
    padding: 10px 0px 5px 0px;
    border-top: 1px solid #fff;
}
.splide.messages li .rtb_item {
    color: #fff;
}
.splide.messages span {
    font-weight: 700;
}
.information section.text-image {
    background: #eee;
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.information .bottom,
.information section.text-image {
    padding: 0px !important;
    margin: 64px 0px;
}
.enquiry-form p {
    font-size: 1.154rem !important;
}
.enquiry-form a {
    color: rgb(var(--white)) !important;
}
.enquiry-form h2,
.information h2 {
    font-size: 2rem;
    font-weight: 700;
}
.information p {
    margin: 0px;
}
.information section:not(.text-image) {
    text-align: center;
    padding: 0px 0px 16px 0px;
}
.information section.text-image div {
    flex: 1;
}
.information section.text-image img.Sirv {
    width: 100%;
    height: 100%;
    object-fit: cover;
    flex: 1;
}
.information .bottom div,
.information section.text-image div {
    padding: 48px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
}
.information section.text-image div .scroll-to-form {
    margin-top: 16px;
    width: fit-content;
    padding-left: 16px;
    padding-right: 16px;
}
.information .info {
    padding: 0px !important;
    margin: 0px 0px 64px 0px !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 32px;
}
.information .info section {
    background: rgb(var(--feature-green));
    color: rgb(var(--white));
    padding: 48px;
    min-width: 400px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.information .info section a {
    color: rgb(var(--white));
}
.information .info section img {
    height: 64px;
    margin: 0 auto;
    width: fit-content !important;
    aspect-ratio: 1 / 1;
}
.information .bottom section {
    padding: 0px !important;
}
.info .yotpo-widget-instance .star-container {
    height: 20px;
    width: 20px;
}
.info .yotpo-widget-instance .yotpo-sr-bottom-line-text {
    font-size: 18px !important;
}
.image-collage {
    /* Prevent vertical gaps */
    line-height: 0;
    -webkit-column-count: 5;
    -webkit-column-gap:   0px;
    -moz-column-count:    5;
    -moz-column-gap:      0px;
    column-count:         5;
    column-gap:           0px;  
}
  
.image-collage img {
    /* Just in case there are inline attributes */
    width: 100% !important;
    height: auto !important;
}

.image-grid {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    display: flex;
    flex-wrap: nowrap;
    column-gap: 16px;
    margin-bottom: 64px;
}
.image-grid .column {
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 16px;
    overflow: hidden;
}
.image-grid .column .cell {
    flex: 1;
    margin: 0px;
    min-height: 0px;
}
.image-grid .column img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.enquiry-form {
    position: relative;
    padding: 0px;
    background-color: rgb(var(--feature));
    color: rgb(var(--white));
}
.enquiry-form .max h2 {
    margin-bottom: 32px;
}
.enquiry-form form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row;
    gap: 32px;
}
.enquiry-form form div {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.enquiry-form form div select,
.enquiry-form form div input {
    height: 40px;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 0px !important;
    border: none !important;
}
.enquiry-form form div:nth-child(5) {
    grid-column-start: 1;
    grid-column-end: 3;
}
.enquiry-form form div textarea {
    padding: 8px;
    box-sizing: border-box;
}
.enquiry-form form .btn.primary {
    display: flex;
    justify-content: center;
    align-items: center;
}
.enquiry-form form .btn.primary:hover {
    color: rgb(var(--feature)) !important;
}
.enquiry-form input[type="submit"] {
    background: rgb(var(--white));
    color: rgb(var(--feature));
}
.enquiry-form input[type="submit"]:hover {
    background: rgb(var(--feature));
    color: rgb(var(--white));
}

.sign-up-inputs {
    display: flex;
    gap: 0;
    margin-bottom: 20px;
}
.sign-up-inputs input[type="text"] {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border: thin solid #36444d;
    padding: 5px 15px;
    flex: 1;
    max-width: 300px;
}
.sign-up-inputs input[type="submit"] {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.sign-up-inputs input[type="submit"]:hover {
    cursor: pointer;
}
.flag {
    background-color: #c00;
    color: #fff;
    font-size: 1.154rem;
    padding: 15px 20px;
    text-align: center;
    display: block;
    margin-top: 10px;
}
@keyframes pulse {
    0% {
        background-color: #eee;
    }
    50% {
        background-color: #ddd;
    }
    100% {
        background-color: #eee;
    }
}
.product_box.skeleton .element {
    animation: pulse 2s infinite;
}
.product_box.skeleton .fake_image {
    width: 100%;
    max-width: 410px;
    height: 250px;
}
.fade_img {
    opacity: 0;
    transition: all ease-in-out 0.5s;
}
.doors_of_the_month .c_33 {
    width: 25%;
}
.account_nav {
	border: 1px solid #ddd;
}
.account_nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.account_nav ul a {
	display: block;
	padding:15px 30px;
	border-bottom: 1px solid #ddd;
	font-weight: 700;
}
.account_nav ul a i {
	margin-right: 10px;
	min-width: 20px;
}
.account_nav ul li:last-of-type a {
	border-bottom: none;
}
.account_nav ul a.active, .account_nav ul a:hover {
	background-color: #efefef;
	text-decoration: none;
}
#chart {
	border: 10px solid #efefef;
	padding:20px;
}
#chart.full_width {
	margin-bottom: 40px;
}
.stats {
	display: flex;
    flex-direction: column;
}
.stats .inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.stats .inner .stat {
    flex: 1;
    margin-bottom: 10px; /* Optional: space between boxes */
	background-color: #efefef;
	display: flex;
	align-items: center;
}
.stats .stat:nth-child(1){
	background: linear-gradient( to right, rgba(124, 183, 134, 1) 0%, rgba(59, 133, 70, 1) 100% );
	color: #fff;
}
.stat .blob {
	padding: 20px;
}
.stats .inner .stat:last-child {
    margin-bottom: 0; /* Remove the margin for the last box */
}
.stat h3 {
	font-weight: 500;
	font-size: 1rem;
	text-transform: uppercase;
}
.stat p {
	font-size: 2.231rem;
	font-weight: 700;
	padding: 0px;
	margin: 0px;
}
.stat span {
	text-transform: uppercase;
	font-size: 0.9231rem;
}
p.subtitle {
	display: block;
	position: relative;
	z-index: 1;
	font-weight: 700;
	font-size: 2rem;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
p.subtitle span {
	display: inline-block;
	padding-right: 20px;
	background-color: #fff;
	position: relative;
	z-index: 2;
}
.boxed:not(.outline) p.subtitle span {
	background-color: #36444d;
}
p.subtitle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	height: 1px;
	background-color: #ccc;
	width: 100%;
	z-index: 1;
}
.order_wrap {
	padding-top: 40px;
}
.account_offer, .trade_msg {
	background: radial-gradient(circle, rgba(204, 0, 0, 1) 50%, rgba(122, 13, 10, 1) 100%), url(https://images.door-commerce.co.uk/general/icon-star.png) no-repeat center / auto 70% !important;
	color: #fff;
	padding: 30px;
	margin-bottom: 10px;
}
.account_offer span {
	font-weight: 700;
	font-size: 3rem;
}
.account_offer p {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
}
.trade_msg {
	padding:15px 20px;
	font-size: 1.154rem;
	font-weight: 700;
	margin: 10px 0px;
}
.cases {
	margin-top: 50px;
	margin-bottom: 40px;
}
.cases .c_50 {
  margin-bottom: 20px;
}
.cases .inner {
  position: relative;
  z-index: 1;
  background-color: #40515a;
}
.cases .case_img {
  position: absolute;
  height: 100%;
  top: 0px;
  left: 0px;
  width: 45%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  overflow: hidden;
  z-index: 1;
}
.case_img img {
  display: none;
}
.case_img a {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 99;
  width: 100%;
  height: 100%;
}
.cases .case_intro {
  margin-left: 45%;
  padding: 50px 40px;
  color: #fff;
}
.case_intro h2 a {
  color: #fff;
  font-weight: 600;
  font-size: 2rem;
  display: block;
  margin-bottom: 20px;
}
.case_intro h2 {
	line-height: 135%;
}
.case_intro h2 a:hover {
  color: #ccc;
  text-decoration: none;
}
.cases a.btn.reverse, .cases a.btn.reverse:hover {
  padding: 10px 40px;
}
.case_intro p:last-of-type {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.cases .strapline {
	display: block;
}
a.download {
	display: inline-block;
	padding:10px 20px 10px 60px;
	border: 1px solid #36444d;
	border-radius: 0px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
a.download::before {
	content: "";
	position: absolute;
	left:0px;
	top: 0px;
	z-index: 99;
	width: 40px;
	background-color: #36444d;
	background-image: url(https://images.door-commerce.co.uk/general/icon-download-cloud.png);
	background-repeat: no-repeat;
	background-size: 60% 60%;
	height: 100%;
	background-position: center;
	border-right: 2px solid #fff;
}
a.download:hover {
	background-color: #36444d;
	color: #fff;
	text-decoration: none;
}
#areas {
	min-height: 607px;
}
.single_icons {
	margin-top: 60px;
	border-top: 1px solid #36444d!important;
	border-bottom: 1px solid #36444d!important;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 10px;
}
.rtb_icons {
	margin-bottom: 0px;
	border-bottom: 0px solid #ddd;
	justify-content: flex-start;
}
.rtb_icons .inner {
	padding:0px!important;
	border: none!important;
}
.rtb_icons img {
	margin:3px auto 0px auto;
	display: block;
	max-width: 100%!important;
}
.rtb_icons .c_20 {
	width: 25%;
}

.inner.white .rtb_icons .c_20 {
	width: 50%;
}
.single_icons .rtb_icons .c_20 {
	width: 25%!important;
}
.multi_icons .rtb_icons .c_20 {
	width: 33.33333%!important;
}
.rtb_icons p {
	font-size: 1rem;
	padding: 0px 10%;
	margin: 0px;
	display: block;
	text-align: left;
	width: 80%!important;
}
.rtb_icons .c_33 {
	border:none!important;
	padding-bottom: 15px;
	padding-top: 5px;
	width: 20%;
}
.rtb_icons .c_66 {
	display: flex;
	align-content: center;
	align-items: center;
	padding-bottom: 15px;
	padding-top: 5px;
	width: 80%;
}
.introduction {
    position: relative;
    z-index: 99!important;
}
.product_title {
	display: block;
	position: relative;
	z-index: 1;
}
/* Popup container */
.popup-container {
    position: absolute;
    top: calc(70% + 14px); /* Adjust this to move the popup down based on your needs */
    left: 0; /* Align the popup to the left of the product title */
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    
    z-index: 1000;
    display: none;
    box-shadow: 2px 6px 18px 0 rgba(0,0,0,.25);
    max-width: calc(100% - 2px);
    border-radius: 8px;
}

/* Arrow pointing up */
.popup-container::after {
    content:"";
  position:absolute;
  top:-14px;
  left:1px;
  z-index:-1;
  width:0;
  height:0;
  border-color:#f9f9f9 transparent;
  border-style:solid;
  border-width:0 18px 25px;
  -webkit-filter:drop-shadow(0 -4px 6px rgba(0,0,0,.25));
  filter:drop-shadow(0 -4px 6px rgba(0,0,0,.25))
}
.popup-content:before {
	content: "";
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 1;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	background-image: url(https://images.door-commerce.co.uk/general/icon-save-hand.png);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: auto 100%;
	opacity: 0.04;
}
.popup-content {
	display: block;
	background-color: #f9f9f9;
	position: relative;
	z-index: 99;
	padding: 15px;
	border-radius: 8px;
}
.popup-text {
	position: relative;
	z-index: 2;
}
.popup-container h4, .popup-container strong {
	font-weight: 700;
	text-transform: uppercase;
}
.popup-container h4 {
	font-size: 1.154rem;
}
.loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 3px solid;
  border-color: #004559 #004559 transparent transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
	margin-bottom: 30px;
}
.loader::after,
.loader::before {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px solid;
  border-color: transparent transparent #30b08e #30b08e;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-sizing: border-box;
  animation: rotationBack 0.5s linear infinite;
  transform-origin: center center;
}
.loader::before {
  width: 32px;
  height: 32px;
  border-color: #004559 #004559 transparent transparent;
  animation: rotation 1.5s linear infinite;
}
form[name=approved] {
	margin-top: 40px;
}
form[name=approved] label {
	font-weight: 500;
	display: block;
	margin-bottom: 8px;
	font-size: 1.077rem;
}
form[name=approved] input[type=text], form[name=approved] input[type=tel], form[name=approved] input[type=email], form[name=approved] input[type=url], form[name=approved] select {
	display: block;
	width: calc(100% - 22px);
	padding: 10px 10px;
	border: 1px solid #ccc;
	margin-bottom: 15px;
	background-color: #fff;
}
form[name=approved] select {
	width: 100%;
}
ul.postcodes li {
	width: 10%;
}
form[name=approved] ul {
	padding: 10px 0px 30px 0px;
	margin: 0px;
	list-style: none;
}
form[name=approved] ul li {
	margin-bottom: 6px;
}
.asterix {
	color: #c00;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

@media (min-width: 1500px) {
    #account_wrap .c_20 {
        justify-content: center;
    }
    .container {
        width: 1500px;
    }
}

#mobile_banner,
#mobile_nav,
p.feat_title,
.mobile_filter,
.mobile_basket {
    display: none;
}
#dev_mode_data {
    position: fixed;
    bottom: 0px;
    left: 0px;
    background-color: #000;
    color: #009240;
    padding: 16px;
    z-index: 9999999999999999;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
#dev_mode_data p {
    margin: 0px !important;
}
.row .wide {
    width: 100%!important;
}
.shipping_table {
    border: 1px solid #ddd;
    border-radius: 5px;
}
.shipping_table .header {
    background-color: #f0f0f0;
    padding: 15px 20px;
    font-weight: 700;
    font-size: 1.2rem;
}
.shipping_table .c_10 {
    padding: 15px 0px;
}
.shipping_table .c_80 {
    padding: 15px 0px;
    width: 80% !important;
}
.shipping_table .c_10, .shipping_table .c_80 {
    text-align: left;
}
.shipping_table h5 {
    font-weight: 700;
    font-size: 1rem;
}
.shipping_table ul {
    padding: 0px;
    margin: 5px 0px 0px 30px;
}
.shipping_table .price_cell {
    width: 90%;
    margin-left: 10%;
    padding-top: 0px;
}
.shipping_table .inner {
    padding-left: 20px;
    padding-right: 20px;
    justify-content: center;
}
.break {
    height: 1px;
    background-color: #ddd;
}

#shipping_info {
    border-top: 1px solid #ddd;
    padding:10px 20px;
}
#shipping_info h5 {
    font-weight: 700;
    font-size: 1rem;
}

.lead_stat {
    position:relative;
    font-size:0.8rem;
    top: -5px;
    color: #61676b; 
}

@media only screen and (max-width: 1770px) {
    .product_ranges .c_20 {
        width: 25%;
    }
}
@media only screen and (max-width: 1400px) {
    html {
        font-size: 100%;
    }
    #header-user-section #account {
        padding: 15px 0px;
    }
    #header-user-section #account img {
        margin: 0 5px;
    }
    .life_intro {
        padding: 10px 10% 10px 0px;
        min-height: 300px;
    }
    .box h3,
    .box h2.subtitle {
        font-size: 1.154rem;
    }
    .box,
    .home_lifestyle .box {
        padding: 20px;
    }
    .box.block .c_50 {
        width: 100%;
    }
    .box .c_40,
    .box .c_60 {
        width: 100%;
    }
    .box .c_40 br {
        display: none;
    }
    .box .c_60 a.btn {
        display: block;
    }
    .c_20.grid {
        width: 25%;
    }
    .c_40.grid {
        width: 50%;
    }
    .product_ranges .c_25 {
        width: 33.3333%;
    }
    .product_ranges .c_20 {
        width: 33.3333%;
    }
    .products_wrap .box {
        padding-left: 0px;
        padding-right: 0px;
    }
}
/* iPad Pro */
/* Portrait */
@media only screen and (min-width: 834px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    html {
        font-size: 75%;
    }
    .quick_contact {
        padding: 10px 0px;
    }
    .quick_contact .c_25 {
        display: none !important;
    }
    .quick_contact .c_75 {
        width: 100%;
        text-align: center;
    }
    .quick_contact p {
        font-size: 1.538rem;
    }
    #menu_wrap ul li a {
        font-size: 1.154rem;
    }
    #menu_wrap ul li:last-of-type {
        flex: 2;
    }
    .message {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .message h3 {
        max-width: 100%;
        font-size: 2rem;
    }
    #sales .flex {
        width: 100%;
    }
    #sales .flex li {
        padding: 15px 0px;
    }
    #sales img {
        height: 25px;
    }
    #top.minify .quick_contact p {
        font-size: 1.154rem;
    }
    .box {
        padding: 20px;
    }
    .featured .c_33:last-child {
        display: none;
    }
    .featured .c_33 {
        width: 50%;
    }
    section {
        padding: 50px 0px 50px 0px;
    }
    a.btn,
    a.btn.reverse:hover,
    .selector input[type="submit"],
    form[name="billing"] input[type="submit"] {
        padding: 10px 10px;
        letter-spacing: 2px;
    }
    .rtb .inner {
        padding: 0px 5% 50px 5%;
    }
    .ranges .c_33 .c_50,
    .box.block .c_50 {
        width: 100%;
    }
    .ranges .c_33 .c_50 a.btn,
    .box.block .c_50 a.btn {
        display: block;
        margin-top: 10px;
        width: calc(100% - 20px);
        text-align: center;
    }
    .cta .inner p {
        font-size: 1rem;
    }
    .ranges .inner .inner {
        margin-bottom: 0px;
    }
    .products .c_25 {
        width: 33.3333%;
    }
    .products .c_75 {
        width: 66.66666%;
    }
    .products .c_75 .c_33 {
        width: 50%;
    }
    .summary .c_80 {
        width: 100%;
    }
    .introduction .c_33,
    .introduction .c_66 {
        width: 100%;
    }
    .introduction {
        margin-bottom: 20px;
    }
    h1.title br {
        display: none;
    }
    .cta .c_50 .inner::before {
        left: 25px;
        top: 25px;
        width: calc(100% - 50px);
        height: calc(100% - 50px);
    }
    .cta .c_50 .inner div {
        padding: 15px;
        margin: 25px;
    }
    .product_ranges .c_50 {
        width: 100%;
    }
    .product_ranges .c_50 .c_50 {
        width: 50%;
    }
    .related .c_33 {
        width: 33.333333%;
    }
    .related .c_33:last-child {
        display: none;
    }
    .skus {
        margin-bottom: 0px;
    }
    .skus .c_25 {
        width: 50%;
    }
    .detail .c_60,
    .detail .c_40 {
        width: 50%;
    }
    .buy a:not(.btn),
    .buy input {
        height: 42px;
    }
    .related .box {
        -moz-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
    }
    .related .block {
        border-bottom: 0px;
    }
}
/* Laptop */
@media only screen and (min-width: 1030px) and (max-height: 900px) and (-webkit-min-device-pixel-ratio: 1) {
    html {
        font-size: 14px !important;
    }
    #banner_wrap .max {
        max-width: 1300px;
        padding-right: 0% !important;
    }
    #banner_wrap .overlay {
        right: 0;
    }
    #banner_wrap .inner {
        padding-top: 100px;
        padding-bottom: 75px;
    }
    .dropdown_wrapper .max {
        padding-left: 5% !important;
    }
    .dropdown {
        font-size: 1rem;
    }
    .cta .inner p {
        font-size: 1rem;
    }
    .life_intro {
        padding: 40px 5% 40px 0px;
        min-height: 300px;
    }
    section.first {
        padding: 30px 0px 10px 0px;
    }
}
/* Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    html {
        font-size: 100%;
    }
}
@media only screen and (max-width: 1024px) {
    /* Medium Screen */
    html {
        font-size: 85%;
    }
    #header-logo p{
      flex-shrink: 1;
      padding: 0 20px;
      display:none;
    }
    #header-phone {
        font-size: 22px;
    }
    #header-phone img{
        height: 25px;
        width: 25px;
    }
    #header-email {
        font-size: 14px;
    }
    #header-email img {
        height: 20px;
        width: 20px;
    }
    .cart p {
        display: none;
    }
    .information section.text-image {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
    }
    .information section.text-image div {
        padding: 32px;
    }
    .information section.text-image:nth-last-child(even) div {
        order: 2;
    }
    .enquiry-form {
        padding-left: 32px;
        padding-right: 32px;
    }
    .enquiry-form form {
        grid-template-columns: 1fr;
    }
    .enquiry-form form div:nth-child(5) {
        grid-column-start: 1;
        grid-column-end: 2;
    }
    .enquiry-form form .g-recaptcha {
        grid-column-start: 1;
        grid-column-end: 2;
    }
    #menu_wrap ul li a {
        font-size: 1.231rem;
    }
    #menu_wrap ul li:last-of-type {
        flex: 2;
    }
    .c_25.featured_subcategory {
        width: 50%;
    }
    .products_wrap .c_33 {
        width: 50%;
    }
    .message {
        padding: 50px 10%;
    }
    .ranges .flex .c_50,
    .products_wrap .box .flex .c_50 {
        width: 100%;
    }
    .products_wrap .box .flex .c_50 a.btn {
        text-align: center;
    }
    .singles .c_15 {
        display: none;
    }
    .singles .c_25 {
        width: 35%;
    }
    .singles .mobile_only {
        display: block !important;
    }
    .c_20.grid {
        width: 50%;
    }
    .c_40.grid {
        width: 50%;
    }
    .life_intro.spec .c_33 {
        width: 50%;
    }
    .life_intro.spec .c_33:nth-child(3) {
        display: none;
    }
    .product_ranges .c_20 {
        width: 50%;
    }
    .offer_ranges > .c_33 {
        width: 50% !important;
    }
}
/* Landscape ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
}
/* Portrait ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
}
@media only screen and (min-width: 768px) {
    /* html {
    overflow-y: scroll !important;
  } */
    body {
        overflow-y: scroll !important;
    }
}
@media only screen and (max-width: 768px) {
    html {
        font-size: 100%;
    }
    .information section.text-image {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
    }
    .information .info {
        padding: 0px 5% !important;
        flex-direction: column;
    }
    .information .info section {
        padding: 32px !important;
        min-width: 100% !important;
        box-sizing: border-box;
    }
    .information section.text-image div {
        padding: 32px 5% !important;
    }
    .enquiry-form {
        padding: 0px;
    }
    .enquiry-form form {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-auto-flow: row;
        gap: 32px;
    }
    .enquiry-form form div:nth-child(5) {
        grid-column-start: 1;
        grid-column-end: 2;
    }
    .enquiry-form form .g-recaptcha {
        grid-column-start: 1;
        grid-column-end: 2;
    }
    #status .handle_upsell_title {
        height: 0px;
        overflow: hidden;
    }
    #status .handle_upsell,
    #status .handle_upsell_category:not(.mobile_only) {
        display: none;
        visibility: hidden;
        height: 0px;
        overflow: hidden;
    }
    .offer_ranges {
        padding: 0 5%;
    }
    .promo_wrap,
    #banner_wrap {
        height: auto;
    }
    #banner.homage,
    #header_wrap,
    #top,
    #sales,
    p.title a,
    #footer .c_66::before,
    .mobile_hide,
    .summary_cart,
    #introduction::before {
        display: none;
    }
    .life_intro p.title a {
        display: block;
    }
    #banner.display {
        display: block;
    }
    #banner.display .c_50 {
        width: 100% !important;
    }
    #mobile_menu {
        display: block;
        background-color: #36444d;
        color: #fff;
        text-align: center;
        width: 100%;
        position: sticky;
        top: 0px;
        left: 0px;
        z-index: 999999999;
        -webkit-box-shadow: 5px 5px 9px 5px rgba(35, 35, 35, 0.12),
            0px 5px 9px 5px rgba(35, 35, 35, 0.12);
        box-shadow: 5px 5px 9px 5px rgba(35, 35, 35, 0.12),
            0px 5px 9px 5px rgba(35, 35, 35, 0.12);
    }
    #mobile_menu .flex {
        width: 100%;
    }
    #mobile_menu .c_50 img {
        width: 100%;
        display: block;
        max-height: 35px;
        margin: 0 auto;
        object-fit: contain;
    }
    #mobile_menu .c_25:first-child .inner {
        padding: 15px 20%;
    }
    #mobile_menu .c_50 .inner {
        padding: 15px 0px;
    }
    #mobile_menu .cart a {
        display: block;
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
    }
    #mobile_menu .c_50 a {
        color: #fff;
        font-weight: 700;
        font-size: 1.692rem;
        width: 100%;
        display: block;
    }
    #mobile_menu .break {
        border-top: 1px solid #fff;
    }
    #mobile_menu .email,
    #mobile_menu .search,
    #mobile_menu .tel {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
    }
    #mobile_menu .email .inner,
    #mobile_menu .search .inner,
    #mobile_menu .tel .inner {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .hamburger {
        padding: 0px;
        display: block;
        cursor: pointer;
        transition-property: opacity, filter;
        transition-duration: 0.15s;
        transition-timing-function: linear;
        font: inherit;
        color: inherit;
        text-transform: none;
        background-color: transparent;
        border: 0;
        margin: 0;
        overflow: visible;
        position: relative;
        z-index: 5;
    }
    .hamburger:hover {
        opacity: 0.7;
    }
    .hamburger-box {
        width: 50px;
        height: 28px;
        display: inline-block;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
    }
    .hamburger-inner {
        display: block;
        top: 50%;
        margin-top: -2px;
    }
    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after {
        width: 25px;
        height: 2px;
        background-color: #fff;
        position: absolute;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
    }
    .hamburger-inner {
    }
    .hamburger-inner::before,
    .hamburger-inner::after {
        content: "";
        display: block;
        margin-right: -25px;
    }
    .hamburger-inner::before {
        top: -10px;
        width: 50px;
    }
    .hamburger-inner::after {
        bottom: -10px;
        width: 50px;
    }
    .hamburger--collapse .hamburger-inner {
        top: auto;
        bottom: 0;
    }
    .hamburger--collapse .hamburger-inner::after {
        top: -20px;
    }
    .hamburger--collapse .hamburger-inner::before {
    }
    .hamburger--collapse.is-active .hamburger-inner {
        width: 50px;
        margin-right: -25px;
    }
    .hamburger--collapse.is-active .hamburger-inner::after {
        width: 50px;
        margin-right: 0px;
    }
    .hamburger--collapse.is-active .hamburger-inner::before {
        width: 50px;
        margin-right: 0px;
    }
    #mobile_banner {
        display: block;
    }
    #mobile_banner img {
        display: block;
        width: 100%;
    }
    #mobile_nav {
        position: fixed;
        top: 0px;
        left: -110%;
        background-color: #5a9c33;
        color: #fff;
        width: 100%;
        height: 100vh;
        z-index: 999999998;
        display: block;
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        padding-top: 119px;
        box-sizing: border-box;
        overflow-y: scroll;
    }
    #mobile_nav.active {
        left: 0px;
    }
    #mobile_nav.active img.close {
        display: block;
    }
    img.close {
        display: none;
        position: absolute;
        top: 145px;
        right: 25px;
        width: 25px;
        z-index: 99999;
        aspect-ratio: 1 / 1;
    }
    img.close:hover {
        cursor: pointer;
    }
    .mobile_inner {
        padding: 90px 5% 60px 5%;
        height: fit-content;
        background-color: #36444d;
        clip-path: polygon(0 0, 100% 0, 100% 80%, 70% 100%, 0 100%, 0% 50%);
    }
	.mobile_inner .vat_row {
		display: inline-flex;
	}
    #mobile_nav p {
        font-size: 2rem;
        padding: 0px 0px 10px 0px;
        margin: 0px;
    }
    #mobile_nav a {
        color: #fff;
        font-weight: 500;
        font-size: 1.385rem;
        display: block;
        padding: 3px 0px;
    }
    #mobile_nav ul {
        padding: 0px;
        margin: 0px 0px 30px 0px;
        list-style: none;
    }
    #mobile_nav ul ul {
        margin-bottom: 20px;
        display: none;
    }
    #mobile_nav ul ul a {
        font-size: 1.154rem;
        font-weight: 400;
        margin-left: 25px;
    }
    #mobile_nav ul li {
        width: 100%;
    }
    #mobile_nav ul.info_links li {
        width: 50%;
    }
    #mobile_nav ul.info_links li a {
        font-size: 1.154rem;
    }
    #banner_wrap .overlay {
        position: relative;
        top: 0px;
        right: 0;
        width: 100%;
        z-index: 1;
        background: none;
    }
    #banner_wrap .overlay img {
        display: block;
        width: 100%;
    }
    #banner_wrap a.btn {
        font-size: 1.154rem;
        padding: 15px 30px;
    }
    #banner_wrap .inner {
        padding: 50px 5%;
    }
    #banner_wrap .c_50 {
        width: 100%;
    }
    #banner_wrap .overlay:before {
        display: none;
    }
    #banner_wrap .overlay:after {
        display: none;
    }
    #banner_wrap.active .overlay:after {
        width: 100%;
    }
    #banner_wrap .flex {
        position: relative;
        z-index: 2;
    }
    #tag,
    .tag {
        padding: 40px 10%;
        background-color: #eee;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
    }
    .tag {
        padding: 40px 5%;
    }
    img.article_img {
        display: block;
        width: 100%;
    }
    #tag p {
        padding: 0px;
        margin: 0px;
        font-size: 3rem;
        text-transform: uppercase;
        font-weight: 400;
        line-height: 100%;
    }
    #tag p:last-of-type {
        font-size: 1.692rem;
        text-transform: none;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    #tag h3,
    .tag h1 {
        font-size: 2rem;
        line-height: 100%;
    }
    #tag a.btn {
        width: 50%;
    }
    section {
        padding: 30px 0px;
        overflow: hidden;
    }
    section.grey_bg {
        padding-top: 30px;
    }
    p.title {
        text-align: center;
        display: block;
        position: relative;
        z-index: 1;
    }
    p.title:before {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -1px;
        height: 2px;
        width: 100%;
        z-index: 1;
        background-color: #36444d;
        left: 0;
    }
    p.title span:not(.btn_wrap) {
        display: inline-block;
        /* padding: 0px 10px 0px 0px; */
        /* background-color: #fff; */
        position: relative;
        z-index: 3;
    }
    p.title,
    h1.title,
    #introduction h1,
    .introduction h1.title {
        font-size: 2rem;
    }
    .max {
        /* padding-left: 0px !important; */
        /* padding-right: 0px !important; */
    }
    .max.introduction {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    .introduction br {
        display: none;
    }
    #introduction .max,
    #footer .max {
        padding-left: 5% !important;
        padding-right: 5% !important;
        padding-bottom: 70px;
    }
    .c_20,
    .c_33,
    #introduction .c_50,
    .c_66,
    .c_25,
    .introduction .c_75,
    .c_60,
    .c_40,
    .c_80,
    .c_85 {
        width: 100% !important;
    }
    #mobile_menu .c_25 {
        width: 25% !important;
    }
    #mobile_menu .c_50 {
        width: 50% !important;
    }
    .box,
    .wrap {
        padding: 30px 5%;
        box-shadow: none;
    }
    #introduction {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
    }
    #introduction img {
        right: 0;
    }
    #introduction h1 {
        width: 100%;
    }
    #introduction .intro {
        padding-top: 30px;
        margin-top: 30px;
        position: relative;
        z-index: 1;
    }
    #introduction .intro:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 80%;
        height: 1px;
        background-color: #fff;
        z-index: 1;
    }
    .intro p:nth-child(1) {
        font-size: 1.231rem;
    }
    .rtb .c_33:nth-child(2) .inner::before,
    .rtb .c_33:nth-child(2) .inner::after {
        content: "";
        position: absolute;
        left: 10%;
        top: 0px;
        z-index: 99;
        width: 80%;
        background-color: #fff;
        height: 1px;
    }
    .rtb .c_33:nth-child(2) .inner::after {
        top: auto;
        bottom: 0px;
    }
    .rtb {
        padding-bottom: 0px;
    }
    .rtb .inner {
        padding: 30px 10% 30px 10%;
    }
    .rtb img {
        max-width: 25%;
    }
    #footer .c_66:nth-child(1) {
        text-align: center;
    }
    #footer img {
        max-width: 65%;
        margin: 0px auto;
        display: block;
    }
    #footer .c_33 ul {
        margin-left: 0%;
    }
    p.phone {
        display: block;
        text-align: center;
        font-size: 2rem;
        font-weight: 700;
        padding: 0px;
        margin: 0px;
    }
    #footer p.phone a {
        margin-right: 0px;
    }
    .break {
        display: block;
        height: 1px;
        overflow: hidden;
    }
    .articles .break {
        height: auto;
    }
    .articles .c_30,
    .articles .c_70 {
        width: 100%;
    }
    .articles .flex {
        padding: 0px 0px 40px 0px;
    }
    .articles img {
        margin-top: 0px;
        display: block;
        width: 100%;
    }
    .articles .c_70 .inner {
        padding: 20px 5%;
    }
    .show {
        display: block;
        height: 10px;
    }
    p.information a {
        display: inline-block;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .payment_wrap img {
        max-width: 70% !important;
    }
    a.btn,
    a.btn.reverse:hover,
    .selector input[type="submit"] {
        letter-spacing: 2px;
        padding: 10px 10px;
        display: block;
        text-align: center;
    }
    a.btn span span {
        margin-left: 5px;
    }
    .ranges .inner {
        margin-bottom: 10px;
    }
    .box .flex p {
        font-size: 1rem;
    }
    .introduction .c_75 .inner {
        padding: 10px 5%;
    }
    #image {
        width: 100%;
    }
    .negative {
        margin-left: 0px;
        margin-right: 0px;
    }
    .negative .inner {
        margin-left: 0px;
        margin-right: 0px;
    }
    .info {
        margin: 0px 0px;
        padding: 30px 5%;
    }
    .info h3,
    .single_wrap h3 {
        font-size: 1.154rem;
    }
    .filter_wrap {
        display: none;
    }
    .products .c_75 {
        width: 100%;
    }
    p.feat_title {
        display: block;
        margin-left: 5%;
        margin-right: 5%;
    }
    .negative .inner .negative .inner,
    .products_wrap {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .products_wrap,
    .pagination,
    .summary {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    #footer {
        text-align: center;
    }
    #footer p.phone {
        margin-bottom: 20px;
    }
    #footer .max {
        padding-bottom: 0px;
    }
    .products_wrap {
        padding-top: 30px;
        background-color: #efefef;
        margin-bottom: 20px;
        padding-bottom: 50px;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 99.5%);
    }
    .products_wrap::before {
        display: none;
    }
    .products_wrap.inner_ranges {
        padding-top: 30px;
    }
    .products_wrap .inner:not(.featured_range) {
        background-color: #fff;
        padding: 0px 0px 10px 0px;
        -moz-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
    }
    .products_wrap .inner .inner {
        padding: 0px;
        box-shadow: none !important;
    }
    .life_intro p.title:before {
        display: none;
    }
    .life_intro p.title {
        text-align: left;
    }
    .lifestyle_wrap .lifestyle {
        clip-path: none;
    }
    .products_wrap .block {
        border: none;
    }
    .mobile_filter {
        position: fixed;
        top: 0px;
        left: -110%;
        z-index: 999999999999;
        width: 100%;
        height: calc(100vh - 0px);
        display: block;
        background-color: #fff;
        padding: 0px 0%;
        overflow: auto;
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
    }
    .mobile_filter.active {
        left: 0px;
    }
    .mobile_filter input[type="text"] {
        width: 25%;
    }
    .price_wrapper .c_40 {
        width: 40% !important;
    }
    .price_wrapper .c_20 {
        width: 20% !important;
    }
    .mobile_filter input[type="submit"] {
        border-radius: 0px !important;
    }
    .mask::before {
        display: none;
    }
    .introduction {
        margin-bottom: 20px;
    }
    .introduction .c_75 {
        width: 100%;
    }
    .introduction .c_75 .inner {
        padding: 10px 0%;
    }
    .skus,
    .checker {
        margin-left: 5%;
        margin-right: 5%;
    }
    .skus .c_40,
    .spec .c_40 {
        width: 40% !important;
    }
    .skus .c_60,
    .spec .c_60 {
        width: 60% !important;
    }
    .skus .box {
        background-color: #fff;
        -moz-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
    }
    .buy a:not(.btn),
    .buy input {
        height: 45px;
    }
    p.price {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .dims {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .desc_wrap {
        margin: 10px 5%;
    }
    .similar h5 {
        display: block;
        padding: 1px 5%;
        margin: 0px;
    }
    #status {
        width: calc(80% - 50px);
        padding: 20px;
    }
    #status h4 {
        font-weight: 700;
        font-size: 1.238rem;
        text-transform: uppercase;
    }
    #status a.btn {
        margin-bottom: 10px;
    }
    #status img {
        max-width: 50px;
        margin: 10px auto 20px auto;
    }
    .mobile_show {
        display: block !important;
    }
    #banner .c_50 {
        width: 100%;
    }
    #banner .c_50:first-child {
        height: 50vh;
        margin-bottom: 0px;
    }
    .product_ranges .c_50 .c_50:first-child {
        height: 300px;
        margin-bottom: 0px;
    }
    #banner .message,
    .top {
        padding: 40px 5%;
    }
    .content {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 50px;
    }
    .sidebar {
        padding: 0px;
    }
    .top {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
    }
    .top:before {
        display: none;
    }
    .basket .c_15,
    .basket .c_10 {
        display: none;
    }
    .mobile_basket {
        display: block;
    }
    .basket .c_30 {
        width: 30% !important;
    }
    .basket .c_70 {
        width: 70% !important;
    }
    .rev {
        flex-direction: column-reverse;
    }
    .no_rev {
        flex-direction: column;
    }
    .rev .c_50.grey_bg {
        width: 100%;
    }
    .help {
        padding: 30px 20px;
    }
    .help p,
    .total {
        font-size: 2rem;
    }
    .totals {
        padding: 0px 00px 30px 0px;
    }
    .totals .c_50 {
        width: 50% !important;
    }
    .mobile_basket .basket {
        margin-bottom: 20px;
        width: 100%;
    }
    .addresses .c_50 {
        width: 100%;
    }
    form[name="billing"] input[type="text"] {
        width: calc(100% - 30px);
        border-radius: 0px;
    }
    input[type="submit"] {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border-radius: 0px;
    }
    .basket .c_50 {
        width: 70% !important;
    }
    .basket .c_20 {
        width: 30% !important;
    }
    .c_50 .basket {
        margin-left: 0px;
        width: 100%;
        margin-bottom: 0px;
    }
    .final.proceed {
        padding-top: 0px;
        padding-left: 0px;
    }
    .nug.check {
        display: none;
    }
    .addresses .totals {
        padding-left: 0px;
        padding-right: 0px;
    }
    contact_wrap .c_50:last-child {
        width: 100%;
    }
    .contact_wrap .c_50:last-child .inner {
        padding-left: 0px;
        padding-bottom: 40px;
    }
    .contact_wrap .c_50:first-child {
        display: none;
    }
    #map {
        position: relative;
        height: 50vh;
        width: 100%;
        margin-bottom: 30px;
    }
    .contact_wrap {
        margin-left: 5%;
        margin-right: 5%;
    }
    .contact_wrap .c_50,
    .contact_wrap .c_75 {
        width: 100%;
    }
    #mobile_menu form {
        width: 90%;
        border-top: 1px solid #fff;
        padding: 10px 5% 10px 5%;
        display: none;
    }
    #mobile_menu form input {
        width: 90%;
        padding: 10px 5%;
    }
    #mobile_menu img {
        right: 5%;
        top: 10px;
        bottom: 10px;
    }

    a.filter_trigger {
        display: block !important;
        margin: 0px 5% 20px 5%;
        background-color: #5a9c33;
    }
    a.filter_trigger span span {
        background-image: url("/images/icon-filter.png");
        display: inline-block;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto 100%;
        margin-bottom: -5px;
    }
    a.close_filter {
        display: block !important;
        padding: 7px 10px !important;
    }
    .single_wrap {
        margin-left: 5%;
        margin-right: 5%;
    }
    .single_wrap .c_50 {
        width: 100%;
    }
    .single_wrap .info {
        margin-top: 0px;
    }
    #image.single {
        margin-bottom: 0px;
    }
    .singles .c_40 {
        width: 45% !important;
    }
    .singles .c_15 {
        display: none;
    }
    .singles .c_20 {
        width: 25% !important;
    }
    .singles .c_25 {
        width: 30% !important;
    }
    .mobile_only {
        display: block !important;
    }
    .dataTables_wrapper .dataTables_length {
        display: none !important;
    }
    .dataTables_wrapper .dataTables_filter input {
        display: block;
        margin-left: 0px !important;
        width: 100% !important;
        padding: 10px 5% !important;
    }
    .product_ranges {
        margin-left: 5%;
        margin-right: 5%;
    }
    .single_wrap .spec {
        margin-left: 0px;
    }
    .product_ranges .c_50 {
        width: 100%;
    }
    .ranges.cta {
        margin-left: 5%;
        margin-right: 5%;
    }
    .ranges.cta .c_50 {
        width: 100%;
    }
    .cta .c_50 .inner::before {
        left: 20px;
        top: 20px;
        width: calc(100% - 40px);
        height: calc(100% - 40px);
    }
    .cta .c_50 .inner div {
        padding: 20px;
        margin: 20px;
    }
    .cta .c_50 h2 a {
        font-size: 2rem;
    }
    #breadcrumbs {
        padding-left: 5% !important;
        padding-right: 5% !important;
        padding-bottom: 10px;
    }
    .content #breadcrumbs {
        padding-left: 0% !important;
        padding-right: 0% !important;
    }
    #breadcrumbs span {
        padding: 0px 10px;
    }
    .ranges.cta .box {
        -moz-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
        background-color: #fff;
    }
    .blue_bg p.title {
        text-align: left;
        display: block;
        max-width: 85%;
        margin-top: 50px;
    }
    .blue_bg .max {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    h2.sub {
        font-size: 2rem !important;
        font-weight: 700 !important;
    }
    .summary h2 {
        font-size: 1.692rem;
    }
    .reverse .message h1 {
        font-size: 2rem;
    }
    .message p {
        font-size: 1rem;
    }
    #banner.reverse .c_50:nth-child(2)::before {
        clip-path: polygon(0 0, 100% 0, 100% 50%, 0% 0%);
    }
    .blue_bg {
        clip-path: polygon(0 0, 100% 40px, 100% 100%, 0% 100%);
    }
    #banner.first .flex {
        flex-direction: column-reverse;
    }
    #banner.first .c_50:nth-child(2) {
        min-height: 40vh;
    }
    #banner .c_50:nth-child(1)::before {
        clip-path: polygon(0 0, 100% 0, 100% 50%, 0% 0%);
    }
    #banner.first .c_50:first-child {
        height: auto;
    }
    .lifestyle_wrap .lifestyle {
        position: relative;
        width: 100%;
    }
    .lifestyle_wrap .lifestyle img {
        display: block;
        width: 100%;
    }
    #image.single {
        border-bottom: 5px solid #5a9c33;
        margin-bottom: 20px;
        height: 60vh;
    }
    .lifestyle_wrap .c_50 {
        width: 100%;
    }
    .life_intro {
        padding: 30px 5%;
        min-height: 10px;
    }
    .life_intro .c_85 {
        width: 100%;
    }
    /* .blue_bg.no_slant {
        clip-path: polygon(0 0, 100% 0, 100% 95%, 0 90%);
    } */
    .blue_bg {
        background-color: white;
    }
    .blue_bg.no_slant::before,
    .blue_bg.no_slant::after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #36444d;
        clip-path: polygon(0 0, 100% 0, 100% 95%, 0 90%);
    }
    .blue_bg.no_slant .max {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .featured_range h2,
    .life_intro p.title {
        font-size: 1.692rem !important;
    }
    .featured_range h2 br,
    p.title::before {
        display: none;
    }
    .blob.box {
        -moz-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
        margin-bottom: 20px;
    }
    section.first {
        padding-bottom: 10px;
    }
    .max.checker #content-table3_wrapper table.dataTable {
        max-width: 100vw;
        width: auto !important;
        min-width: 0px;
    }
    .life_intro.spec .c_33:nth-child(3) {
        display: block;
    }
    h2.subtitle {
        display: block;
        padding: 0px 5% 20px 5%;
    }
    .home_lifestyle.grey_bg .inner {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .home_lifestyle.grey_bg .inner .inner {
        margin-left: 10px !important;
        margin-right: 10px !important;
        margin-bottom: 10px;
    }
    .home_lifestyle .life_intro {
        padding: 30px 5%;
    }
    #introduction:after {
        height: 40px;
    }
    .product_ranges .c_85 {
        width: 85% !important;
    }
    .product_ranges .c_66 {
        width: 66.66666% !important;
    }
    .product_ranges .c_33 {
        width: 33.33333% !important;
    }
    .schema {
        clip-path: none;
    }
    .schema:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        width: 100%;
        height: 30px;
        clip-path: polygon(0 0, 100% 100%, 100% 0);
        background-color: #fff;
    }
    .schema .max div {
        padding-left: 5%;
        padding-right: 5%;
    }
    .schema .max div div {
        padding-left: 0%;
        padding-right: 0%;
    }
    .promo_wrap img.promo_mini {
        display: block;
        width: 100%;
        margin-bottom: -20px;
    }
    .promo_wrap img.promo_img {
        display: none;
    }
    .info img.promo_img {
        margin-top: 25px;
    }
    #banner_wrap p.big {
        font-size: 2rem;
        font-size: 10vw;
    }
    #banner_wrap p.percent {
        font-size: 5.5rem;
        font-size: 27.5vw;
    }
    #banner_wrap h3 {
        font-size: 1.792rem;
    }
    #banner_wrap .inner {
        text-align: center;
    }
    .detail .c_50 {
        width: 100% !important;
    }
    .detail #image {
        height: 50vh !important;
    }
    .buy a.btn {
        margin-left: 0px;
    }
    .buy a.btn {
        padding: 9px 15px;
    }
    .trust {
        margin-bottom: 20px;
        border-bottom: 1px solid #333;
        padding: 0px 0px 10px 0px;
    }
    .trust .c_20 {
        width: 45% !important;
        text-align: left;
    }
    .featured_ratings .c_33 {
        width: 33.3333% !important;
    }
    .featured_ratings img {
        max-width: 90%;
    }
    h5.c_title {
        display: none;
    }
    .products_wrap .box {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 0px;
    }
    .helper {
        display: none;
    }
    form[name="code"] {
        width: 100%;
    }
    form[name="code"] .c_70,
    form[name="code"] .c_30 {
        width: 50% !important;
    }
    form[name="payment-form"] .c_25 {
        width: 50% !important;
    }
    .features .overlay {
        position: relative;
        background: none !important;
        height: auto !important;
    }
    p.promo_intro {
        font-size: 1.231rem;
    }
    #banner_wrap .features p a.btn {
        font-size: 0.9231rem;
        padding: 5px 10px;
    }
    .promo_box.mini {
        margin-left: 5%;
        margin-right: 5%;
    }
    .promo_box h5 {
        font-size: 1.231em;
    }
    .promo_box.mini p.c_70 {
        padding-left: 0%;
        width: 100%;
    }
    .promo_banner .c_50 {
        width: 100%;
        margin: 5px 0px;
    }
    .options .c_33,
    .options .c_25 {
        width: 50% !important;
    }
    .bespoke_opts .negative {
        margin-left: -5px !important;
        margin-right: -5px !important;
    }
    .bespoke_opts .negative .inner .negative .inner {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
    .enquire {
        padding-left: 0px;
    }
    .enquire .placeholder {
        width: 100%;
        position: relative;
    }
    .enquire .placeholder img {
        display: block;
    }
    .promo_wrapper {
        margin-left: 5%;
        margin-right: 5%;
    }
    .promo_wrapper a img:not(.mobile_only) {
        display: none;
    }
    .promo_wrapper a img.mobile_only {
        display: inline-block;
    }
    .product_ranges .c_33 {
        width: 100% !important;
    }
    .offer_ranges > .c_33 {
        width: 100% !important;
    }
    .offer_ranges .small_product .c_33 {
        width: 33.3333333% !important;
    }
    .offer_ranges .small_product .c_66 {
        width: 66.6666666% !important;
    }
	.cases {
		margin-left: 5%;
		margin-right: 5%;
	}
	.cases .c_50 {
		width: 100%;
	}
	.cases .case_img {
		position: relative;
		width: 100%;
		height: 250px;
	}
	.cases .case_intro {
		margin-left: 0px;
		padding: 30px;
	}
	.account_wrapper {
		padding-left: 5%!important;
		padding-right: 5%!important;
		padding-top: 30px;
	}
	.account .c_50 {
		width: 100%;
	}
	.account input[type="text"], .account input[type="password"] {
  		width: calc(100% - 30px);
	}
	form[name=login] {
		padding-bottom: 25px;
	}
	.upseller .inner {
		margin: 0px!important;
	}
	.upseller .c_33 {
		height: 200px;
	}
	.upseller p.nub {
		font-size: 1.077rem;
	}
	.deets .c_20 {
		width: 33%!important;
	}
	.deets .c_80 {
		width: 66%!important;
	}
	.buy input[type="submit"] {
		padding: 13px 20px;
		height: auto!important;
	}
	.grey_bg .upseller .inner {
		margin: 0px!important;
	}
	.wide_deets .c_20, .wide_deets .c_80 {
		width: 100%!important;
	}
	.wide_deets .c_80 {
		padding-top: 10px;
	}
	.single_icons .rtb_icons .c_20 {
		width: 33.333333%!important;
	}
	.rtb_icons .c_33 {
		width: 100%!important;
		padding-bottom: 4px!important;
	}
	.rtb_icons .c_66 {
		width: 100%!important;
		padding-bottom: 10px!important;
	}
	.single_icons {
		padding-left: 0px;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: 30px;
	}
	.single_icons p {
		font-size: 0.8231rem;
		text-align: center;
	}
	.rtb_icons img {
		max-width: 40%!important;
	}
	.fsc_wrap .c_50 {
        width: 100%;
    }
    .fsc_wrap img {
        width: 50%!important;
    }
    .home_promo {
        margin-left: 5%;
        margin-right: 5%;
    }
    .home_promo .c_50 {
        width: 100%;
    }
    .form-lookup-option {
      width:100% !important;
    }
    .form-lookup-option input {
      width:85% !important;
    }
	#mini_tp {
        font-size: 0.8231rem;
        width: 100px;
		bottom: 15px;
		left: 15px;
    }
	form[name=approved] .c_25, form[name=approved] .c_75, form[name=approved] .c_50 {
		width: 100%;
	}
	#mobile_banner {
		display: block;
	}

	form[name="aftersales"] label small {
		position: relative;
		display: block;
	}

    .lifestyle_mobile {
        display: none;
    }

}