@charset "UTF-8";
/*
CSS created by David Oldfield
Vibrant Doors / david@vibrantdoors.co.uk
*/
@font-face {
    font-family: 'JUSTSansOutlineExBold';
    src: url('/fonts/JUSTSansOutlineExBold.eot');
    src: url('/fonts/JUSTSansOutlineExBold.eot') format('embedded-opentype'),
         url('/fonts/JUSTSansOutlineExBold.woff2') format('woff2'),
         url('/fonts/JUSTSansOutlineExBold.woff') format('woff'),
         url('/fonts/JUSTSansOutlineExBold.ttf') format('truetype'),
         url('/fonts/JUSTSansOutlineExBold.svg#JUSTSansOutlineExBold') format('svg');
}


* {
  outline: none;
}

html {
  	font-size: 16px;
}
body {
  	padding: 0px;
  	margin: 0px;
  	font-family: 'Montserrat', Helvetica Neue, Helvetica;
  	overflow-x: hidden;
    text-rendering: optimizeLegibility;
    color: #19362e;
	font-weight: 300;
}
/* Change the text selection color */
::selection {
    background-color: #ddd; /* Set your desired background color */
    color: #19362e;            /* Set the text color */
}
#stat {
	position: fixed;
	bottom: 0px;
	right: 0px;
	padding: 10px;
	z-index: 999999;
	background-color: #333;
	color: #fff;
}
/* For Firefox (Gecko-based browsers) */
::-moz-selection {
    background-color: #ddd;
    color: #19362e;
}
.nubs {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1;
}
a, .btn_wrap input[type=prosubmit] {
    color: #19362e;
    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);
    -webkit-backface-visibility: hidden;
    font-family: 'Montserrat', Helvetica Neue, Helvetica;
	font-weight: 300;
}
a {
	font-weight: 700;
}
a:hover {
  	text-decoration: underline;
}
p {
  	line-height: 140%;
}
input, textarea, select, label, button {
  	font-size: 1rem;
  	font-family: 'Montserrat', Helvetica Neue, Helvetica;
	font-weight: 300;
}
select[disabled] {
  	color: #555;
}
select:disabled {
  	opacity: 0.6;
}
.bold, strong {
    font-family: 'Montserrat', Helvetica Neue, Helvetica;
	font-weight: 700!important;
}
.green_bg {
	background-color: #2e883d;
	color: #fff;
}
.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-right: 10px;
	margin-left: 10px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    font-family: 'Montserrat', Helvetica Neue, Helvetica;
	font-weight: 700;
    line-height: 125%;
	color: #2d2d2d;
}
a.btn, input[name=submit] {
	display: inline-block;
	padding: 10px 30px;
	background-color: #2e883d;
	border-radius: 5px;
	color: #fff;
	font-size: 1.154rem;
	font-weight: 500;
}
a.btn:hover {
	background-color: #19362e;
	text-decoration: none;
	padding: 10px 35px;
}
a.btn.spinner {
	background-color: #fff;
	color: #333;
	margin-top: 10px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	border: 1px solid #000;
	padding: 15px 30px;
}a.btn.spinner:hover {
	background-color: #eee;
}
a.spinner img {
	height: 20px!important;
	margin-left: 10px;
}
.c_10 {
	width: 10%;
}
.c_14 {
	width: 14%;
}
.c_15 {
  width: 15%;
}
.c_16 {
	width: 16.666666666%
}
.c_20 {
  width: 20%;
}
.c_25 {
  width: 25%;
}
.c_30 {
  width: 30%;
}
.c_33 {
  width: 33.333333%;
}
.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%;
}
.c_85 {
	width: 85%;
}
.c_90 {
	width: 90%;
}
.c_95 {
	width: 95%;
}
.c_100 {
  width: 100%;
}
.max {
	max-width: 1240px;
	margin: 0px auto;
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
	z-index: 1;
}
#status {
  width: 600px;
  padding: 20px;
  background-color: #fff;
  color: #19362e;
  position: fixed;
  top: 50%;
  margin-left: -320px;
  left: 50%;
  margin-top: -60px;
  z-index: 999999999999;
  text-align: center;
  -moz-box-shadow: 0 0 15px #888;
  -webkit-box-shadow: 0 0 15px #888;
  box-shadow: 0 0 15px #888;
  border: 5px solid #19362e;;
}
#status i {
	font-size: 2rem;
	margin-bottom: 10px;
}
/* Close button style */
.close-btn {
    background: #333;
    color: #fff;
    padding: 0px;
    border: none;
    cursor: pointer;
    margin-bottom: 10px;
    z-index: 100000000000000;
    width: 60px;
    height: 60px;
    background-image: url(https://images.door-commerce.co.uk/climadoor/icon-close.png);
    background-repeat: no-repeat;
    background-size: 60% 60%;
    background-position: center;
    border-radius: 5000px;
}
.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 a.btn {
	font-weight: 700;
}
#status a.btn:hover {
	padding: 10px 30px;
}
#header_wrap {
	position: sticky;
	z-index: 9999;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #fff;
}
#header_wrap.minify .c_30 .c_75 span {
	display: none;
} 
#header_wrap.minify header .c_20 img {
	width: 55%;
}
#header_wrap.minify header {
	padding-top: 15px;
}

#header_wrap.minify header .c_30 .c_25 {
	background-position: center 85%;
}
#header_wrap.minify .mini_tp {
    display: none;
}
.notice {
    background-color: #c00;
    color: #fff;
    font-size: 0.9231rem;
    text-align: center;
    padding: 10px 0px;
}
header {
	padding-top: 20px;
	padding-bottom: 15px;
	position: relative;
	z-index: 99999;
	-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;
}
header .c_20 img {
	display: block;
	width: 80%;
	-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);
    -webkit-backface-visibility: hidden;
}
img {
	height: auto!important;
}
header .c_30 {
	text-align: right;
	position: relative;
	z-index: 1;
}
.cart_hover {
	position: absolute;
	top: calc(100% + 0px);
	padding: 20px;
	z-index: 99;
	border: 1px solid #ddd;
	border-radius: 5px;
	right: 0;
	background-color: #fff;
	width: calc(100% - 42px);
	text-align: left;
	
	/* shadow */
	box-shadow: 0 12px 30px rgba(0,0,0,.12);

	/* hidden state */
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-6px);
	transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}

.c_30:hover .cart_hover{
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
	transition: opacity .18s ease, transform .18s ease, visibility 0s;
}

/* also stay open when hovering the dropdown itself */
.c_30 .cart_hover:hover{
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
	transition: opacity .18s ease, transform .18s ease, visibility 0s;
}

/* border triangle */
.cart_hover::before {
	content: "";
	position: absolute;
	top: -10px;
	right: 27px; /* adjust alignment */
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #ddd;
}

/* inner (white) triangle */
.cart_hover::after {
	content: "";
	position: absolute;
	top: -9px;
	right: 28px; /* 1px shift keeps border even */
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 9px solid #fff;
}
.cart_hover .break {
	border: none;
	background: none;
	height: auto!important;
}
.cart_hover .break .inner {
	border-top: 1px solid #ddd;
	margin: 5px 0px!important;
	display: block;
}
.hover_inner {
	max-height: 350px;
	overflow-y: auto;
	overflow-x: hidden;
}
header .c_30 p {
	font-size: 1.385rem;
	padding: 0px;
	margin: 0px;
	line-height: 110%;
}
header .cart_hover p, header .cart_hover .c_33 {
	font-size: 0.8231rem;
	line-height: 125%;
}
.cart_hover p.bold {
	display: block;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
	text-transform: uppercase;
}
.cart_hover .c_33, .cart_hover .c_100 {
	text-align: right;
}
.cart_hover span {
	display: block;
	padding: 10px 0px;
	text-transform: uppercase;
	font-weight: bold;
}
header .c_75 a {
	display: block;
	font-size: 1rem;
	font-weight: 700;
	color: #2e883d;
}
header .c_75 a.tel {
	font-size: 1.892rem;
	margin-top:8px;
}
header .max > .flex {
  	align-items: flex-end;
}
header form {
	width: 75%;
	margin: 20px auto 5px auto;
}
header form input {
	padding:15px 20px;
	background-color: #efefef;
	border-radius: 100px;
	border: none;
	width: 100%;
    
}
header .c_30 .c_25 {
	background-image: url("/images/icon-cart-alt.png?v=1");
	background-repeat: no-repeat;
	background-position: center 93%;
	background-size: 45px auto;
	position: relative;
	z-index: 1;
}
header .c_30 .c_25 span {
	position: absolute;
	left: 50%;
	bottom:19px;
	margin-left: -12px;
	width: 28px;
	height: 28px;
	z-index: 3;
	text-align: center;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	font-weight: 700;
	font-size: 1.154rem;
	-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;
}

.mobile, .mobile_search, #mobile_wrap, #mobile_menu, #mobile_filter {
	display: none;
}
a .num {
	background-color: #c00;
	color: #fff;
}
.search_results {
    width: 100%;
    height: 1px;
    position: absolute;
    top: 100%;
    left: 0px;
    overflow: visible;
}
.autocomplete-suggestions {
  border: none;
  background: #fff;
  cursor: default;
  overflow: auto;
  text-align: left;
  font-size: 1rem;
  margin-left: -0px;
  border-bottom: 5px solid #19362e;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px #888;
  box-shadow: 0 0 5px #888;
	z-index: 9999999999999999;
	padding-top: 10px;
    max-height: 25vh;
    width: 100%;
    position: fixed;
    top: 100%;
	border-radius: 5px;
}

.autocomplete-suggestion {
  padding: 5px 20px 5px 20px;
  white-space: nowrap;
  overflow: hidden;
  color: #666;
  text-align: left
}
.autocomplete-selected {
  background: #efefef;
  color: #666
}
.dropdown h2 a, .featured_products .tag a, .menu span {
  background-repeat: no-repeat
}
.autocomplete-suggestions strong {
  font-family: 'SourceSansProBold', Helvetica Neue, Helvetica;
  color: #19362e;
}
.autocomplete-selected strong {
  color: #19362e;
}
nav {
  	background-color: #2e883d;
	position: relative;
	z-index: 9999;
}
nav .flex {
	justify-content: space-between;
	margin-left: -10px;
	margin-right: -10px;
}
nav .flex .flex {
    justify-content: flex-start;
}
.drop_btn {
    text-align: center;
    color: #fff;
    padding:15px 10px;
    line-height: 120%;
    flex: 1;
    z-index: 1;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
	font-weight: 700;
	font-size: 1rem;
}
.drop_btn.sale_btn, .drop_btn.clearance {
	background-color: #c00;
}
.drop_btn:hover, .drop_btn.active {
	text-decoration: none;
	background-color: #82c193;
}
#dropdown_wrap {
    position: relative;
    z-index: 99999;
    max-width: 1140px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
    height: 0;
    overflow: visible
}
.dropdown {
  	position: absolute;
    background-color: #fff;
    width: calc(100% - 40px);
    left: 20px;
    z-index: 1;
    text-align: left !important;
    overflow: hidden;
    transform: translateY(0px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 0;
    pointer-events: none;
    -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;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.dropdown_wrapper:hover .dropdown {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    -webkit-transition: height 0ms 0ms, opacity 300ms 0ms;
    -moz-transition: height 0ms 0ms, opacity 300ms 0ms;
    transition: height 0ms 0ms, opacity 300ms 0ms;
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    transition-delay: .6s;
    overflow: visible;
    animation-play-state: running;
    -webkit-animation-play-state: running
}
.dropdown_inner {
	padding: 20px 30px;
}
.dropdown ul {
    padding: 0px 0px 10px 0px;
    margin: 0px;
    list-style: none;
}
.dropdown ul ul {
  padding: 0px 0px 0px 0px;
}
.dropdown ul li {
    margin-bottom: 5px;
}
.dropdown li a {
	font-weight: 300;
}
.dropdown p.title {
	font-weight: 700;
}
.sub_nav {
	background-color: #19362e;
	color: #2e883d;
	position: relative;
	z-index: 100;
}
.sub_nav .flex {
	padding:0px;
	margin: 0px;
	list-style: none;
	justify-content:center;
}
.sub_nav .flex li {
	position: relative;
	z-index: 1;
}
.sub_nav .max {
	padding-left: 10px;
	padding-right: 10px;
	max-width: 1170px;
}
.sub_nav a {
	text-transform: uppercase;
	display: block;
	padding: 10px 20px;
	color: #fff;
	font-weight: 300;
    font-size: 0.9231rem;
}

.sub_nav a:hover, .sub_nav a.active, .sub_nav .flex li li:last-child a:hover {
	text-decoration: none;
	background-color: #82c193;
	color: #19362e;
}
.sub_nav .dropdown_menu {
	background-color: #b4ddbe;
	position: absolute;
	top: 100%;
	left: 0px;
	width: 100%;
	z-index: 99;
	display: none;
}
.sub_nav .dropdown_menu a {
	text-transform: none;
	font-weight: 300;
	color: #19362e;
}
.sub_nav .dropdown_menu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
/*.sub_nav .flex li:last-child a {
    background-color: #c00;
    color: #fff;
}*/
.sub_nav .flex li li:last-child a {
    background-color: #b4ddbe;
    color: #19362e;
}
.feature {
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: 1;
	padding: 150px 0px;
	color: #fff;
}
.feature .max {
	z-index: 2;
}
.feature h3 a {
	font-size: 5rem;
	text-transform: uppercase;
	font-family: 'JUSTSansOutlineExBold';
	font-weight: normal;
	line-height: 90%;
}
.feature h3 a span {
	font-family: 'Montserrat', Helvetica Neue, Helvetica;
	font-weight: 700;
}
.feature h3 a {
	color: #fff;
}
.feature h3 a:hover {
	text-decoration: none;
	color: #82c193;
}
.feature p {
	font-size: 1.538rem;
	font-weight: 700;
	padding-top: 10px;
	margin-top: 0px;
	padding-bottom: 20px;
}
.feature:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
}

.rtb {
	border-bottom: 1px solid #ccc;
	box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.2);
	position: relative;
	z-index: 2;
	padding: 0px;
}
.rtb ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	text-align: center;
}
.rtb ul li {
	padding: 10px 5px;
	text-align: center;
	text-transform: uppercase;	
	font-size: 0.8231rem;
	box-shadow: inset -1px 0 0 0 #ddd;
	flex: 1;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}
.rtb ul li:nth-child(1){
}
.rtb ul li:nth-child(3), .rtb ul li:nth-child(4){
	flex:1.35;
}
.rtb ul li:nth-child(4){
	box-shadow: inset -1px 0 0 0 #fff;
}
.rtb img {
	display: inline-block;
	width: 25px;
	margin-right: 10px;
	margin-left: 10px;
}
.rtb ul li:nth-child(1) img {
	margin-left: 0px;
}
#banner {
	background-color: #eee;
	position: relative;
	z-index: 1;
}
#banner .c_75 {
	padding:75px 150px 75px 0px;
	position: relative;
	z-index: 2;
	width: calc(75% - 150px);
	background-color: #eee;
}
#banner h1 {
	font-weight: 700;
	font-size: 2.692rem;
	position: relative;
	z-index: 3;
}
#banner .max {
	position: relative;
	z-index: 1;
}
#banner:before, #banner .overlay {
	content: "";
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 1;
	background-image: url("https://images.door-commerce.co.uk/internal-doors/10157-1.jpg?w=1000");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 100%;
	width: 50%;
}
#banner .overlay {
	width: 35%;
}
#banner.ltd, #banner.ltd .c_75 {
	background-color: #19362e;
	color: #fff;
}
#banner.ltd h1 {
	color: #fff;
}
#banner.ltd:before {
	display: none;
}
#banner .max:after {
	content: "";
	left: calc(75% - 30px);
	width: 20%;
	top: 0px;
	z-index: 2;
	background: linear-gradient(to right, #eee 0%, rgba(238, 238, 238, 0) 100%);
	height: 100%;
	position: absolute;
	border-left: 15px solid #eee;
}
#banner.ltd .max:after {
	background: linear-gradient(to right, #19362e 0%, rgba(238, 238, 238, 0) 100%);
	border-left: 15px solid #19362e;
}
#banner.ltd p a {
    font-weight: 700;
    color: #82c193;
}
section {
	padding: 50px 0px;
}
section.restrict {
	padding-bottom: 10px;
	padding-top: 25px;
}

.categories a {
	position: relative;
	z-index: 1;
	display: block;
}
.categories img {
	display: block;
	width: 100%;
	position: relative;
	z-index: 1;
}
.categories .inner {
	position: relative;
	z-index: 1;
	margin-bottom: 10px;
	margin-top: 10px;
}
.categories a:before {
	content: "";
	position: absolute;
	top: 0px;
	height: 100%;
	width: 100%;
	left: 0px;
	z-index: 2;
	background-color: rgba(136, 136, 136, 0.0); /* semi-transparent */
	-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;
}
.categories span {
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
	z-index: 3;
	font-size: 1.538rem;
	font-weight: 700;
	text-align: center;
	width: 100%;
	padding: 20px 0px;
	color: #fff;
	background-color: rgba(136, 136, 136, 0.5); /* semi-transparent */
    backdrop-filter: blur(3px); /* blur the background behind */
    -webkit-backdrop-filter: blur(3px); /* for Safari */
	-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;
}
.categories.service span {
	font-size: 1.077rem;
}
.categories a:hover:before {
	background-color: rgba(136, 136, 136, 0.4); /* semi-transparent */
}
.categories .flex a:hover:before, .categories a.block_link:hover:before {
	background-color: rgba(136, 136, 136, 0); /* semi-transparent */
}
.categories a:hover span {
	background-color: rgba(136, 136, 136, 0); /* semi-transparent */
    backdrop-filter: blur(0px); /* blur the background behind */
}
.categories .c_25 .flex {
	margin-top: 5px;
	margin-bottom: 1px;
	background-color: #f0f0f0;
	align-content: center;
	align-items: center;
}
.categories .c_25 .flex img {
	display: block;
	width: 100%;
	max-width: 100%!important;
}
.categories .c_25 .flex a, a.block_link {
	display: block;
	height: 100%;
	padding: 15px 50px 15px 20px;
	position: relative;
}
.service .c_33 .inner {
	position: relative;
	z-index: 1;
}
.service .logo_box {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 80px;
	height: 80px;
	z-index: 99;
	background-size: 80% auto;
	background-position: center;
	background-color: #fff;
	background-repeat: no-repeat;
	border-radius: 500px;
}
a.block_link {
	margin-top: 4px;
}
.categories .c_25 .flex a::after, .categories a.block_link::after, a.top:before {
  content: "→"; /* Arrow symbol */
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease, opacity 0.3s ease;
  opacity: 0.4;
}

.categories .c_25 .flex a:hover, .categories a.block_link:hover {
  background-color: #19362e;
	color: #fff;
	text-decoration: none;
}

.categories .c_25 .flex a:hover::after, .categories a.block_link:hover:after {
  transform: translate(15px, -50%); /* Move arrow right */
  opacity: 1;
}
.green {
	background-color: #82c193;
}
.green h2 {
	font-size: 2.538rem;
	display: block;
	padding: 0px 10%;
	font-weight: 500;
	margin-bottom: 30px;
	text-align: center;
}
.hooks {
	text-align: center;
}
.hooks .block {
	margin: 0px 0px 0px 0px;
	position: relative;
	z-index: 1;
	padding-right:10px;
	padding-left: 10px;
}
.hooks .block:before {
	content: "";
	position: absolute;
	right: -7.5px;
	top: 0px;
	height: 100%;
	z-index: 1;
	box-shadow: inset -1px 0 0 0 #fff;
	width: 1px;
}
.hooks .c_25:nth-child(4) .block {
	padding-right: 0px;
}
.hooks .c_25:nth-child(4) .block:before {
	box-shadow: none;
}
.block p:nth-child(1){
	padding-top: 0px;
	margin-top: 0px;
}
.block p:nth-child(2){
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.hooks p.bold {
	font-size: 1.231rem;
}
.hooks img {
	display: block;
	margin: 0px auto;
	width: 30%;
	border: 5px solid #fff;
	border-radius: 500px;
}
.quick_contact {
	background-color: #1c3d34;
	color: #fff;
	padding: 20px 0px;
	text-align: center;
	font-weight: 700;
	font-size: 1.692rem;
}
.quick_contact p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
.quick_contact a {
	background-color: #fff;
	color: #1c3d34;
}
.quick_contact a:hover {
	background-color: #2e883d;
	color: #fff;
}
.advice_wrap {
	padding: 0px 0px;
}
.about {
	background-color: #333;
	background-image: url("https://images.door-commerce.co.uk/fire-doors/17402-lifestyle.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 1;
	margin-left: 0px;
	margin-right: 0px;
}
.about:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
}
.about .wrapper {
	width: 60%;
	margin: 75px 0px;
	border: 2px solid #fff;
	position: relative;
	z-index: 2;
	color: #fff;
	display: inline-block;
	padding: 50px;
    background-color: rgba(0, 0, 0, 0.3); /* Optional for dark overlay */
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px); /* For Safari support */
    box-shadow: 0 0 30px rgba(0,0,0,0.2); /* Optional, for depth */
	
}
.about .wrapper:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 100%;
	filter: blur(100);
}
.about h4 {
	font-size: 2rem;
	font-weight: 400;
	position: relative;
	z-index: 2;
	color: #fff;
}
.about p {
	display: block;
	width: 80%;
	position: relative;
	z-index: 2;
}
.btn_wrap {
	display: block;
	text-align: right;
	margin-top: 30px;
	position: relative;
	z-index: 2;
}
.btn_wrap a.btn:hover {
	padding:10px 30px;
}
.strapline {
	font-size: 2.538rem;
	display: block;
	padding: 30px 0px;
	background-color: #ddd;
	line-height: 125%;
	text-align: center;
}
.logos .flex {
	flex: 1;
	justify-content: center;
}
.logos img {
	display: block;
	width: calc(100% - 2px);
	margin: 10px auto;
	border: 1px solid #efefef;
}
.logos .c_33 {
	text-align: center;
}
footer, section.form {
	background-color: #19362e;
	padding: 50px 0px;
	color: #fff;
}
.form a {
	color: #82c193;
  font-weight: 700;
}
footer .negative {
	margin-left: -20px;
	margin-right: -20px;
}
footer .negative .inner {
	margin-left: 20px;
	margin-right: 20px;
}
footer a {
	color: #fff;
}
footer h3 a {
	color: #82c193;
}
footer ul {
	padding:0px 0px 20px 0px;
	margin: 0px;
	list-style: none;
}
footer ul li {
	margin-bottom: 6px;
}
footer ul li a {
	display: block;
	position: relative;
	z-index: 1;
	padding-bottom: 2px;
	font-weight: 300
}
footer ul li:first-child a {
	font-weight: 700;
}
footer ul li a:hover {
	text-decoration: none;
	color: #82c193;
}
footer ul li a:before {
	content: "";
	position: absolute;
	bottom:0;
	left: 0px;
	height: 1px;
	z-index: 1;
	background-color: #82c193;
	width: 0%;
	-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;
}
footer ul li a:hover:before {
	/*width: 90%;*/
}
footer .c_25:first-child img {
	margin-bottom: 50px;
}
footer .c_33 {
	display: flex;
	align-content: center;
	align-items: center;
}
footer .c_33:nth-child(2){
	text-align: center;
}
footer .c_33:nth-child(3){
	text-align: right;
}
footer .c_33 a {
	display: block;
	text-align: center;
	font-size: 1.692rem;
}
footer .c_25 a.tel {
	font-weight: 700;
	color: #82c193;
	font-size: 2.231rem;
	margin-bottom: 5px;
}
footer .c_25 img {
	display: block;
}
footer p.subtitle, .articles p.subtitle {
	color: #82c193;
	font-weight: 700;
	font-size: 1.231rem;
	margin-top: 0px;
	padding-top: 0px;
}
#mini_tp {
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 5000;
	font-size: 0.8631rem;
	width: 130px;
	padding: 10px;
	background-color: #fff;
	border-radius: 5px;
	text-align: center;
	line-height: 145%;
	box-shadow: 0px 3px 6px 0px #999;
}
#mini_tp .star {
	display: block;
	margin-bottom: 4px;
}
#mini_tp .star i {
	color: gold;
}
#mini_tp a {
	font-weight: 300;
}
.socials {
	text-align: center;
	background-color: #288437;
	padding: 25px 0px;
}
.socials img {
	filter: invert(100);
	width: 40px;
	margin:0px 5px;
	display: inline-block;
}
.social_icon {
	font-size: 2rem;
	display: inline-block;
	margin-right:10px;
}
#breadcrumbs {
	padding-bottom: 15px;
	font-size: 0.8231rem;
}
#breadcrumbs ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#breadcrumbs a {
	color: #298942;
	font-weight: 500;
}
#breadcrumbs span {
	display: inline-block;
	padding: 0px 10px;
}
.page {
	padding-bottom: 20px;
	padding-top: 25px;
}
.no_pad {
	padding-top: 0px;
}
.page h1 {
	font-size: 2.538rem;
	font-weight: 700;
}
h2.subtitle {
	display: block;
	padding-top: 10px;
	font-size: 1.231rem;
}
.ranges {
	margin-top: 30px;
	margin-bottom: 20px;
}
.ranges img {
	display: block;
	margin: 0px;
}
.ranges h2 a {
	display: block;
	font-size: 1.154rem;
	padding: 15px 30px;
	background-color: #19362e;
	color: #fff;
	font-weight: 700;
}
.ranges h2 a span {
	font-weight: 300;
}
.ranges h2 a:hover {
	background-color: #2e883d;
	text-decoration: none;
}
.ranges .inner {
	background-color: #b6dec2;
}
.ranges .intro {
	padding: 30px;
}
.advice {
	background-color: #e2e2e2;
	padding: 30px 75px;
}
.advice p.call {
	display: block;
	padding: 12px 15px 12px 140px;
	position: relative;
	z-index: 1;
	background-color: #fff;
	font-size: 2.231rem;
	color: #2e883d;
	font-weight: 700;
	border-radius: 0px 100px 100px 0px;
}
.advice p.call span {
	font-weight: 300;
	color: #19362e;
}
.advice p.call a {
	font-weight: 700;
}
.advice p.call img {
	position: absolute;
	left: -40px;
	top: -32px;
	z-index: 2;
	height: 135px;
	width: 135px;
}
.advice .flex {
	margin-left: 140px;
}
.advice .c_80 p {
	padding: 0px 15% 0px 0px;
	margin: 0px;
}
.advice .c_20 a {
	display: block;
	text-align: center;
	font-size: 1.231rem;
}
.description {
	padding-top: 50px;
	padding-right: 10%;
}
.no_pad .desc {
	padding-top: 50px;
}
.desc {
	padding-right: 10%;
}
.desc img {
	max-width: 100%;
	height: auto!important;
}
.description h2, .desc h2 {
	font-size: 2rem;
}
.desc table th {
	text-align: left;
	background-color: #f0f0f0;
}
.desc ul li {
	margin-bottom: 10px;
}
.styles {
	margin-top: 40px;
	margin-bottom: 50px;
}
.styles .c_33 {
	margin-bottom: 20px;
}
.styles .c_33 .inner {
    border: 1px solid #ddd;
    padding: 20px;
    text-align: center;
}
.styles .c_33 .inner p:first-of-type a {
    font-weight: 500;
    font-size: 1.154rem;
}
.styles .c_33 .inner img {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}
.styles .c_33 p {
    padding: 0px;
    margin: 0px;
}
.styles p.price {
    display: block;
    padding: 10px 0px;
	color: #2e883d;
	font-weight: 500;
}
.styles .c_33 span {
    display: block;
    font-size: 0.8231rem;
}
.heading {
	display: block;
	padding: 10px 15px;
	background-color: #19362e;
	color: #fff;
	font-size: 1.154rem;
	font-weight: 700;
	background-image: url(/images/icon-filter.png);
	background-repeat: no-repeat;
	background-size: auto 50%;
	background-position: 95% center;
	border-radius: 5px 5px 0px 0px;
	margin: 0px;
}

.sort_box {
	padding: 0px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0px 0px 5px 5px;
	margin-bottom: 20px;
}
.sort_box select {
	border: 1px solid #ddd;
	margin: 0px 20px 20px 20px;
	padding: 10px;
	width: calc(100% - 42px);
	background-color: rgba(245,245,245);
}
.filter {
    background-color: #f0f0f0;
}
.filter p, .quotation p {
    display: block;
    padding: 20px;
    margin: 0px;
    background-color: #2e883d;
    color: #fff;
    font-size: 1.231rem;
    font-weight: 500;
    background-image: url(https://images.door-commerce.co.uk/general/icon-filter.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: auto 50%;
}
#mobile_filters {
    position: fixed;
    top: 0px;
    left: -125%;
    z-index: 999999;
    width: 80%;
    height: 100%;
    background-color: #fff;
    overflow: scroll;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    /* Let's enforce some hardware acceleration */
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}
#mobile_filters.active {
    left: 0;
    opacity: 1;
}
#mobile_filters .close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 99;
    width: 25px!important;
    max-width: 25px!important;
}
.filters_inner {
    padding: 20px;
}
.quotation p {
	background-image: none;
}
.opt {
    padding: 20px;
}
.opt ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.opt span {
    font-weight: 500;
}
.builder {
    margin-top: 40px;
    margin-bottom: 50px;
}
.builder .block {
    border: 1px solid #ddd;
    padding: 25px 40px;
}
.builder label {
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
}
.builder label span {
    font-weight: 300;
}
.builder input[type=text], .builder input[type=number], .builder select {
    border: 1px solid #ddd;
    padding: 6px 10px;
    width: calc(100% - 22px);
    border-radius: 5px;
}
.builder input[name=width], .builder input[name=height] {
    width: 65%;
}
.builder select {
	background-color: #fff;
}
.light_bg {
	background-color: #f0f0f0;
}
.grey_bg {
    background-color: rgb(245, 245, 245);
}
.reviews {
	background-color: #19362e;
}

.block.grey_bg {
    border-bottom: 3px solid #fff;
}
/* BESPOKE */
.img_bespoke {
	height: 700px;
    display: block;
    overflow: hidden;
    padding-top: 0px;
	text-align: center;
}
.img_bespoke img {
    border:15px solid rgb(245, 245, 245);
    border-width: 15px 15px 0px 15px;
    width: auto!important;
    margin:0px auto;
	display: block;
	max-width: 100%!important
}
.note {
	width: 70%;
	display: block;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #ccc;
	margin: 20px auto;
	text-align: center;
}
.note p {
	padding: 0px;
	margin: 0px;
}
.opt_wrap {
	border:1px solid #ddd;
	border-radius: 5px;
	margin-bottom: 20px;
}
.opt_wrap p:nth-child(1) {
	display: block;
	padding:10px 20px;
	margin:0px;
	position: relative;
	z-index: 1;
	background-color: #2e883d;
	color: #fff;
    font-weight: 700;
	font-size: 1.077rem;
}
.opt_wrap p span {
	position: absolute;
	right: 0px;
	top: 0px;
	color: #fff;
	background-color: #19362e;
	z-index: 9;
	padding:10px;
}
.opt_wrap .box {
	padding:20px;
}
.options img {
	border:2px solid #ccc;
	width:calc(100% - 24px);
	padding:10px;
	background-color: #fff;
	border-radius: 5px;
}
.options img:hover, .options img.active {
	border:2px solid #22866b;
}
.options p {
	text-align: center;
	padding: 5px 0px;
	margin: 0px;
	font-size: 0.9231rem;
}
.sub_option {
	padding-bottom: 20px;
}
.sub_option h5 {
	display: block;
	font-size: 1.154rem;
	padding:10px 0px;
	border:1px solid #ddd;
	border-width: 1px 0px 0px 0px;
	position: relative;
	z-index: 1;
}
.sub_option h5 i {
	position: absolute;
	right: 0px;
	top: 13px;
	z-index: 99;
}
.sub_option h5:hover {
	cursor: pointer;
	color: #004559;
}
.sku_price, .code, .product_code {
	display: none;
}
.bespoke_opts select {
	width: 100%;
	padding:10px;
	border:1px solid #ccc;
	border-radius: 5px;
}
.grey_bg .bespoke_opts .inner {
  padding: 0px;
}
form[name=add] input[type=submit] {
	margin-left: 10px;
}
.tiny {
	font-size: 0.8231rem;
}
.tip {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    border-radius: 500px;
    background-color: #2e883d;
    color: #fff;
    padding: 5px;
    width: 8px;
    height: 8px;
    text-align: center;
    font-size: 0.8231rem;
    margin-left: 5px;
    position: relative;
    z-index: 1;
    top: -2px;
}
.openings img {
	display: block;
	width: 100%;
	border: 1px solid #fff;
}
.openings .c_33 {
	padding-bottom: 20px;
}
.quotation {
	background-color: #c5e3cc;
	-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;
}
.quote_wrap {
	padding: 20px;
}
.quote_wrap ul {
	padding: 10px 0px;
	margin: 0px;
	list-style: none;
}
.quote_wrap li {
	margin: 10px 0px;
	display: block;
}
.quotation span {
	opacity: 0;
}
.builder .block.grey_bg {
	padding-top: 5px;
}
.builder .block.grey_bg .inner {
	padding-top: 20px;
}
.buy_buttons {
	margin: 0px;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
}
.buy_buttons a, .buy_buttons input {
	width: calc(33% - 10px)!important;
	height: 22px;
	display: inline-flex;
	padding: 5px!important;
	text-align: center;
	background-color: #fff;
	margin: 0px;
	justify-content: center;
	font-size: 1rem;
	border: none!important;
}
.buy_buttons input {
	border-radius: 0px!important;
}
.buy_buttonsx a, .buy_buttons a {
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 50%;
	overflow: hidden;
	text-indent: -999px;
}
.buy_buttons a:first-child, .buy_buttons a:first-child {
	border-right: 0px solid #fff;
	border-radius: 5px 0px 0px 5px;
	background-image: url("/images/icon-minus.png?v=1");
}
.buy_buttons a:last-child, .buy_buttons a:last-child {
	border-left: 0px solid #fff;
	border-radius: 0px 5px 5px 0px;
	background-image: url("/images/icon-plus.png?v=1");
}
.buy_buttons a, .buy_buttons a {
	background-color: #fff;
}
.buy_buttons a:hover {
	background-color: #e7e0d2;
}
.builder input[type=submit]{
	background-color: #2e883d;
    color: #fff;
	padding: 5px;
	height: 32px;
	border: none;
	border-radius: 5px;
	width: calc(100% - 10px);
}
.builder input[type=submit]:hover {
	background-color: #19362e;
	cursor: pointer;
}
.results {
    display: none;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: #fff;
    text-align: right;
	border: 1px solid #ccc;
}
.product_wrap {
	background-color: #fff;
	padding:20px 20px 10px 20px;
	border: 1px solid #ddd;
	border-radius:5px;
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
}
.product_wrap .sale, .wrapper .sale, #banner .sale, .sku .sale {
	position: absolute;
	left: 20px;
	top: 0px;
	width: 40px;
	height: 40px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	background-color: #c00;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.7231rem;
	clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
}
#banner .sale, .sku .sale {
	z-index: 99999;
	left: 30px;
	font-size: 0.9231rem;
	width: 60px;
	height: 60px;
}
.save {
    display: inline-block;
    padding: 6px 15px;
    color: #c00;
    border: 1px solid #c00;
    text-transform: uppercase;
    font-size: 0.7231rem;
    border-radius: 50px;
    font-weight: 500;
}
.wrapper {
	position: relative;
	z-index: 1;
}
.wrapper .sale {
	left: auto;
	right: 30px;
	width: 70px;
	height: 70px;
	font-size: 0.9231rem;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 85%);
}
.product_wrap img {
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 20px;
}
.product_wrap.fill {
	padding: 0px;
}
.product_wrap.fill .blob {
	padding: 20px 20px 10px 20px;
}

.product_wrap .c_40 img {
	border: none;
	padding: 0px;
	margin: 0px;
	display: inline-block;
	max-width: 100%;
}
.product_wrap.fill img {
	padding: 0px;
	margin: 0px;
}
.product_wrap h2, .product_wrap h3 {
	font-size: 1.077rem;
}
p.price_range {
	font-weight: 500;
	font-size: 0.9231rem;
	padding-bottom: 10px;
	margin-bottom: 0px;
}
.product_wrap a.btn {
	font-size: 0.9231rem;
	padding: 10px 15px;
	display: block;
	text-align: center;
}
.product_wrap .flex {
	align-content: center;
	align-items: center;
}
.product_wrap .c_40 {
	text-align: right;
}
#load-more-container {
	display:none; text-align:center; margin:20px;
}
#load-more {
	display: inline-block;
	background-color: #19362e;
	padding: 15px 30px;
	color: #fff;
	border: none;
	border-radius: 10px;
	font-weight: 700;
	font-size: 1.154rem;
}
#load-more:hover {
	background-color: #2e883d;
    color: #fff;
}
p.price {
	font-size: 2rem;
	color: #2e883d;
	font-weight: 700;
	padding:0px;
	margin: 0px;
}
.product h1 {
	display: block;
}
.skus {
	align-content: center;
	align-items: center;
}
.skus .inner {
	padding: 8px 0px;
}
.skus .c_100.break {
	border-top: 1px solid #ddd;
}
.skus .small {
	font-size: 0.8231rem;
	/*color: #f39b42;*/
}
.skus .flex {
	align-content: center;
	align-items: center;
}
.vat_row {
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.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:4px 12px;
    transition:color 0.2s ease;
}

.vat_label.active {
    color:#fff;
}

.vat_slider {
    position:absolute;
    top:3px;
    left:3px;
    height:calc(100% - 6px);
    width:50%;
    background:#111;
    border-radius:20px;
    transition:transform 0.25s ease;
}

.express {
	background-color: #f0f0f0;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 20px;
	clip-path: polygon(0 0, 100% 0, 96% 100%, 0% 100%);
}
.checkout_wrap .express {
	background-color: #19362e;
	color: #fff;
}
.checkout_wrap h4 {
	color: #82c193;
}
.checkout_wrap .widget h4 {
	color: #19362e;
}
.checkout_wrap h4 span {
	color: #fff;
}
.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: #19362e;
  	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: #2e883d;
}

.share input {
	border: none;
	padding:10px 10px 8px 10px;
	width: calc(100% - 60px);
	text-align: center;
	font-style: italic;
}
.share {
	border:1px solid #19362e;
	border-radius: 5px;
	width: 220px;
	margin-top: 50px;
	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;
}
.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%;
}
.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;
}
.express .inner {
	padding: 20px;
}
.express .c_30 {
	background-image: url(https://images.door-commerce.co.uk/general/fast-delivery.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}
.express h4 {
	font-size: 1.692rem;
	text-transform: uppercase;
	font-weight: 700;
}
.express span {
	font-style: italic;
	color: #2e883d;
}
.express p {
	padding: 5px 0px 0px 0px;
	margin: 0px;
}
.mini_reviews {
	margin-top: 10px;
}
form[name=discount] h3 {
    display: block;
    margin-bottom: 10px;
}
form[name=discount] input[type=number] {
    padding: 10px;
    border: 1px solid #ddd;
    width: calc(100% - 22px);
}
form[name=discount] label {
    font-weight: 500;
    display: block;
    padding-bottom: 5px;
}
.sale_tag {
	font-size: 1.154rem;
	color: #c00;
	font-weight: 700;
}
.sku .sale_tag {
	font-size: 1.538rem;
}
.sku img.by {
	background-color: #fff;
	border-radius: 1000px;
	padding: 5px;
	top: 0px;
}
.sku h1 {
	padding-right: 110px;
}
.all_skus img {
	display: block;
	width: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.all_skus .product_wrap {
	padding: 0px;
}
.all_skus .box {
	padding: 20px;
}
.was {
	display: inline-block;
	margin-left: 10px;
	text-decoration: line-through;
	font-size: 0.8231rem;
	font-weight: 700;
}
strong.on_offer {
	color: #c00;
}
.buttons {
	align-content: center;
	align-items: center;
	justify-content:center;
	text-align: center;
	background-color: #f0f0f0;
}
.buttons div {
	width: 15%;
}
.buttons div:nth-child(4){
	width: 55%;
}
.buttons input, .buttons a {
	width: calc(100% - 20px);
	padding: 5px 10px;
	border: none;
	display: block;
	text-align: center;
}
.buttons input {
	width: 100%;
}
.buttons a {
	background-color: #19362e;
	color: #fff;
	font-weight: 700;
}
.buttons a:hover {
	background-color: #333;
	text-decoration: none;
}
.buttons input[name=submit]{
	margin-left: 10px;
	font-size: 1rem;
	font-weight: 500;
	width: calc(100% - 10px);
}
p.by {
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	text-transform: uppercase;
	color: #2e883d;
}
p.by a {
	color: #2e883d;
}
.descriptive p:nth-child(1){
	font-size: 1.077rem;
	font-weight: 500;
	padding-top: 0px;
	margin-top: 0px;
}
.descriptive ul li {
	margin-bottom: 10px;
	line-height: 125%;
}
.descriptive ul br {
	display: none;
}
.selector {
	border: 1px solid #ddd;
	background-color: #fff;
	margin-bottom: 20px;
	border-radius: 5px 5px 0px 0px;
}
.selector p, .sort_box p {
	border-bottom: 1px solid #eee;
	display: block;
	padding: 15px;
	margin: 0px;
	font-weight: 700;
	text-transform: uppercase;
}
.sort_box p {
	padding: 15px;
	margin-bottom: 15px;
}
.selector ul {
	list-style: none;
	padding: 20px 15px;
	margin: 0px;
}
.selector ul li {
	padding: 4px 0px 4px 0px;
	display: block;
	position: relative;
	line-height: 125%;
}
.selector ul li input {
	position: absolute;
	left: 0px;
	top: 5px;
	z-index: 1;
	display: none;
}
.selector a {
	font-weight:300;
	font-size: 0.9231rem;
	padding-left: 25px;
	background-image: url("/images/icon-uncheck.png");
	background-size: 18px 18px;
	background-repeat: no-repeat;
	background-position: 0px 1px;
	display: block;
}
.selector a.active, .selector a:hover {
	background-image: url("/images/icon-check.png?v=2");
}
input[name=submit_btn] {
	background-color: #19362e;
	color: #fff;
	border: none;
	padding: 15px 20px;
	font-size: 1.154rem;
	font-weight: 700;
	display: block;
	width: 100%;
	text-align: left;
	border-radius: 5px;
	background-image: url("/images/icon-arrow-right.png");
	background-repeat: no-repeat;
	background-position: 97.5% center;
	background-size: auto 100%;
}
#image {
	height: 800px;
	position: relative;
	z-index: 1;
}
#image.short {
	height: auto;
	background-color: #fff;
}
img.fsc {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 99;
	width: 50px;
}
.movers {
	margin-top: 30px;
}
.movers a, button.roomfold  {
	display: block;
	text-align: center;
	background-color: #2e883d;
	
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	border: none;
}
button.roomfold  {
	font-weight: 700;
	padding: 10px 20px;
}
.movers a:hover, button.roomfold:hover {
	text-decoration: none;
	background-color: #19362e;
}
.smv-ss {
	margin-top: 20px!important;
}
.swiper-slide {
	max-width: 224px;
}
.swiper-slide img {
	aspect-ratio: 4 / 3; /* adjust for your thumbnails */
    width: 100%;
    height: auto;
    display: block;
}
.gallery-slider {
	margin-bottom: 50px;
}
.gallery-slider {
  	width: 100%;
  	padding-bottom: 15px;
}

.gallery-slider img {
  	width: calc(100% - 0px);
  	cursor: pointer;
  	transition: transform 0.2s ease;
	background-color: #fff;
}

.gallery-slider img:hover {
}

/* --- Controls below the slider --- */
.gallery-controls {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    margin-top: 10px;
}

/* Style both arrows */
.gallery-controls .swiper-button-prev,
.gallery-controls .swiper-button-next {
    position: static; /* override Swiper’s default absolute positioning */
    width: 20px;
    height: 20px;
    background: #fff; /* change to match your theme */
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    border:1px solid #000;
    padding: 10px;
	text-indent: -9999px;
	overflow: hidden;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	background-position: center;
}
.gallery-controls .swiper-button-prev {
	background-image: url(https://images.door-commerce.co.uk/general/icon-arrow-left-black.png);
}
.gallery-controls .swiper-button-next {
	background-image: url(https://images.door-commerce.co.uk/general/icon-arrow-right-black.png);
}
.gallery-controls .swiper-button-prev:hover,
.gallery-controls .swiper-button-next:hover {
	background-color: #efefef;
  	background-size: 50% 50%;
	background-repeat: no-repeat;
	background-position: center;
	
}

/* Remove default Swiper arrow icons positioning */
.swiper-button-prev::after,
.swiper-button-next::after {
  	font-size: 18px;
}
/* Constrain the lightbox image size */
.glightbox-container .ginner-container {
    max-width: 75vw !important;  /* 75% of viewport width */
    max-height: 75vh !important; /* 75% of viewport height */
    margin: 0 auto;
	overflow: hidden!important;
}

/* Ensure images fit nicely within that box */
.glightbox-container .gslide-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 8px;
}
.gslide-media {
	overflow: hidden!important;
}
/* Optional: dark background softened slightly */
.glightbox-container {
  	background: rgba(0, 0, 0, 0.35) !important;
}
/* Prevent the lightbox slide from creating scrollbars */
.glightbox-container .gslide-inner-content,
.glightbox-container .gslide-media,
.glightbox-container .gslide-content {
  overflow: hidden !important;
}

/* Make sure the iframe fills the available space */
.glightbox-container iframe {
  display: block;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}
.glightbox-container iframe {
  scrollbar-width: none;      /* Firefox */
  -ms-overflow-style: none;   /* IE/Edge Legacy */
}
.glightbox-container iframe::-webkit-scrollbar {
  width: 0;
  height: 0;
}
/* Optional: fade-in animation */
.glightbox-container .gslide-media {
  	transition: transform 0.3s ease, opacity 0.3s ease;
}
.gallery img {
	display: block;
	width: 100%;
	border-radius: 5px;
}
.gallery a {
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	display: block;
	background-color: #fff;
	margin-bottom: 20px;
}
table {
	width: 100%!important;
	max-width: 100%!important;
	margin-bottom: 25px;
	margin-top: 25px;
}
table td p, table th p {
	padding: 5px 0px;
	margin: 0px;
}
.stack-table {
  width: 100%;
  border-collapse: collapse;
	margin-top: 25px;
}

.stack-table caption {
  text-align: left;
  font-weight: 600;
  padding: 0.75rem 0;
}

.stack-table th,
.stack-table td {
  
  padding: 15px 15px;
  vertical-align: top;
}
.stack-table th {
	width: 100%;
}
.stack-table thead th {
  background: #f7f7f7;
  text-align: left;
}

/* Desktop/tablet: keep two columns tidy using CSS Grid */
.stack-table tbody tr {
  display: grid;
  grid-template-columns: 240px 1fr; /* label | value */
}

/* Make row headers look like labels */
.stack-table tbody th[scope="row"] {
  font-weight: 600;
  
	text-align: left;
}
.stack-table tbody tr:nth-child(odd) {
    background-color: #f7f7f7;
}

.stack-table tbody tr:nth-child(even) {
    background-color: #fff;
}
.related_wrap .c_33 {
	width: 100%;
}
.related_products, .trending {
	margin-top: 30px;
}
.trending {
	margin-bottom: 50px;
}
.trending .c_33 {
	width: 25%;
}
h3.title, .widget h5 {
	font-size: 1.538rem;
	display: block;
	position: relative;
	z-index: 1;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}
h3.title img, .widget h5 img, .schema p.title img {
	position: absolute;
	right: 0px;
	top: 0px;
	transform: rotate(90deg);
	z-index: 99;
	width: 30px;
	display: none;
}
.widget h5 {
	font-size: 1.154rem;
}
.widget {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 30px;
	position: relative;
	z-index: 1;
	margin-bottom: 15px;
}
.widget p.call {
	font-weight: 700;
  	color: #2e883d;
  	font-size: 1.385rem;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.widget h4 {
	font-size: 2rem;
}
.advice_wrap i {
	position: absolute;
	right: 30px;
	bottom: 30px;
	z-index: 99;
}
p.buyer {
	text-align: right;
}
input[name=submit], .checkout_btn .btn, a.check {
	border: none;
	font-weight: 700;
	background-image: url("/images/icon-arrow-right.png");
	background-repeat: no-repeat;
	background-position: 97.5% center;
	background-size: auto 100%;
	padding-right: 40px;
}
input[name=submit]:hover {
	background-color: #19362e;
}
a.check {
	padding-right: 80px;
}
a.check:hover {
	padding-right: 100px;
}
.mini_reviews {
	margin-top: 10px;
}
.title_wrap {
	background-color: #19362e;
	color: #fff;
}
.title_wrap h1 {
	color: #fff;
	display: block;
	width:75%;
}
.sku {
	padding: 0px;
	position: relative;
	z-index: 99;
	background-color: #f0f0f0;
}
.sku:before {
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	width: 30%;
	height: 100%;
	background-color: #f0f0f0;
}
.sku .max {
	position: relative;
	z-index: 2;
}
.block {
	padding: 50px 40px 50px 40px;
}
.sku .c_65 .block {
	background-color: #fff;
}
.sku .c_35, .sku .c_35 .inner {
	background-color: #f0f0f0;
}
.sku .c_50:nth-child(1) .block, .sku .c_65 .block {
	
}
.sku .c_50:nth-child(2) .block, .sku .c_35 .block {
	padding-right: 0px;
}
.sku img {
	display: block;
	width: 100%;
}
.sku .flex .inner {
	position: relative;
	z-index: 1;
}.sku h1 {
	display: block;
	padding-bottom: 20px;
}
.sku .block li {
	margin-bottom: 8px;
}
.sku .block li br {
	display: none;
}
/*.sku h1 {
	display: block;
	padding:50px 15% 5px 0px;
}*/
.bespoke_opts .purchase {
	align-items: center;
}
.purchase .c_40{
	width: 40%;
	background: none;
	border: none;
}
.purchase .c_40 a.btn, .purchase input[type=submit] {
	margin-left: 10px;
}
.purchase input[type=submit] {
	width: 100%;
}
.purchase {
	margin-bottom: 30px;
	border:1px solid #eee;
	border-width: 1px 0px 0px 0px;
	align-items: center;
	align-content: center;
	padding:6px 0px;
	width: 100%;
}
.purchase .buy input {
	width: 100%;
	text-align: center;
	border: none;
	padding: 10px 0px;
}
.purchase .c_60 input {
	width: calc(100% - 10px);
}
.purchase .c_60 input:hover, .buyer input[name=submit]:hover {
	background-color: #19362e;
	color: #fff;
	cursor: pointer;
}
.purchase .buy div {
	flex: 1;
}
.purchase .buy div:nth-child(1) a {
	border-radius: 5px 0px 0px 5px;
}
.purchase .buy div:nth-child(3) a {
	border-radius: 0px 5px 5px 0px;
}
.purchase .buy a {
	display: block;
	text-align: center;
	background-color: #19362e;
	color: #fff;
	padding: 10px 0px;
} 
.margin {
	margin-top: 10px;
}
a.download, button.roomfold {
	display: block;
	padding: 8px 10px 8px 50px;
	background-color: #2e883d;
	color: #fff;
	background-image: url(https://images.door-commerce.co.uk/general/icon-download-cloud.png);
	background-repeat: no-repeat;
	background-size: auto 50%;
	background-position: 15px center;
	border-radius: 5px;
}
button.roomfold {
	background-image: url(https://images.door-commerce.co.uk/general/icon-eye.png);
}
a.download:hover {
	text-decoration: none;
	background-color: #19362e;
}
.mini_checkout img {
	display: block;
	width: 100%;
}
.top_margin {
	margin-top: 30px;
}
.head {
	border: 1px solid #ccc;
	border-width: 0px 0px 1px 0px;
	padding: 10px 0px;
	margin-bottom: 20px;
	font-weight: 700;
}
.mini_img {
	padding: 3px;
	background-color: #fff;
	border-radius: 5px;
	border:1px solid #ddd;
	position: relative;
	z-index: 1;
}
.mini_img span {
	position: absolute;
	top:-12px;
	right: -12px;
	z-index: 99;
	background-color: #19362e;
	color: #fff;
	font-weight: 500;
	padding: 6px;
	width: 16px;
	height: 16px;
	display: flex;
	text-align: center;
	justify-content: center;
	align-content: center;
	align-items: center;
	border: 2px solid #fff;
	border-radius: 5px;
}
.breaker {
	margin-bottom: 25px;
}
.mini_checkout .size, .mini_checkout strong {
	font-size: 0.8531rem;
}
.schema {
    background-color: #1c3d34;
    color: #fff;
}
.schema h3 {
    color: #fff;
    font-weight: 500;
    display: block;
    margin-top: 35px;
}
.schema p.title {
    font-size: 1.692rem;
    font-weight: 700;
    display: block;
    position: relative;
    z-index: 1;
}
.schema p.title img {
    filter: invert(100);
    top: 5px;
}
.schema a {
	color: #82c193;
	font-weight: 500;
}
.articles {
	background: #19362E;
background: radial-gradient(circle, rgba(25, 54, 46, 1) 0%, rgba(45, 84, 73, 1) 77%);
}
.articles p.subtitle {
	color: #fff;
	font-size: 1.692rem;
	display: block;
	text-align: center;
}
.articles img {
	display: block;
	width: 100%;
}
.articles .box {
	padding: 25px;
	background-color: #fff;
}
.articles .c_25 {
	margin-bottom: 30px;
}
.articles .inner {
	border-radius: 5px;
	overflow: hidden;
}
.articles p.title {
	font-size: 1.077rem;
	margin-top: 0px;
	padding-top: 0px;
	display: block;
}
.articles a.btn {
	font-size: 1rem;
	margin-top: 10px;
}
p.author {
	display: inline-block;
	background-color: #2e883d;
	color: #fff;
	font-weight: 500;
	padding: 10px 20px;
	border-radius: 5px;
}
.limited .c_25 {
	width: 100%;
}
.limited .c_100 {
	background-color: #fff;
}
.limited .c_100:nth-child(1) {
	width: 25%;
}
.limited .c_100:nth-child(2) {
	width: 75%;
}
.limited .article_intro {
	width: 85%;
}
.limited img {
	width: 100%;
}
.title_wrapper {
    position: relative;
    z-index: 1;
}
.title_wrapper h1 {
    display: block;
    width: 75%;
}
.title_wrapper img {
    position: absolute;
    right: 0px;
    top: -18px;
    z-index: 1;
    width: 80px;
}
.product_title {
	position: relative;
	z-index: 99999999;
}
/* Popup container */
.popup-container {
    position: absolute;
    top: calc(100% + 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: 99999999;
    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);
	opacity: 0.04;
}
.popup-content {
	display: block;
	background-color: #f9f9f9;
	color: #000;
	position: relative;
	z-index: 99;
	padding: 20px;
	border-radius: 8px;
}
.popup-text {
	position: relative;
	z-index: 2;
}
.popup-container h4, .popup-container strong {
	font-weight: 700;
	text-transform: uppercase;
	color: #000;
}
.popup-container h4 {
	font-size: 1.154rem;
}
.popup-container a, .popup-container a strong {
	text-transform: none;
	color: #000!important;
}
.msg {
	display: block;
	padding: 10px 20px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-bottom: 15px;
	text-align: center;
	border-radius: 5px;
}
.msg span {
	display: block;
	text-transform:uppercase;
	padding-bottom: 5px;
}
ul.promises {
	margin: 40px 0px 50px 0px;
	padding: 8px 0px 0px 0px;
	list-style: none;
	border-top: 1px solid #ccc;
}
ul.promises li {
	border-bottom: 1px solid #ccc;
	padding: 5px 0px 10px 0px;
	margin: 0px;
}
.stock_status .green_text, .stock_status .red_text, .mini_checkout .green_text, .mini_checkout .red_text, .mini_checkout .mtm, .sale_loz {
	display: inline-block;
	padding: 10px 20px;
	background-color: #2e883d;
	color: #fff;
	border-radius: 50px;
}
.mini_checkout .green_text, .mini_checkout .red_text, .mini_checkout .mtm {
	font-size: 0.8231rem;
	padding: 6px 15px;
	margin-top: 8px;
}
.stock_status .red_text, .mini_checkout .red_text, .sale_loz {
	background-color: #c00;
}
.small .red_text {
	color: #c00;
}
.small .amber_text {
	color: #EC9706
}
.sale_loz {
    display: block;
    text-align: center;
}
.rated {
	text-transform: uppercase;
	font-family: 'Montserrat', Helvetica Neue, Helvetica;
    font-weight: 700;
	display: block;
	margin-top: 5px;
	font-size: 0.9231rem;
}
.rated i {
	color: gold;
}
.prices {
    align-content: center;
    align-items: center;
}
.mini_checkout .mtm {
	background-color: #777;
}
.mini_checkout .qty a, .mini_checkout .qty span {
	width: calc(100% - 20px);
	display: block;
	text-align: center;
	padding:5px 10px;
	border:none;
	border-radius:0px;
}
.mini_checkout .qty a {
	padding:5px 6px;
	width: calc(100% - 12px);
}
.mini_checkout .qty span {
	border:1px solid #ccc;
	border-width: 1px 0px;
}
.mini_checkout .qty a {
	background-color: #2e883d;
  	color: #fff;
	text-align: center;
	border: 1px solid #22866b;
}
.qty div:nth-child(1) a {
	border-radius:5px 0px 0px 5px;
}
.qty div:nth-child(3) a {
	border-radius:0px 5px 5px 0px;
}
.qty div:nth-child(4) a {
	background: none;
	border: none;
	margin-left: 5px;
}
.total {
	background-color: #fff;
  	border: 1px solid #ccc;
  	border-radius: 5px 5px 0px 0px;
  	padding: 30px;
	margin-bottom: 0px;
}
.total p {
	padding: 0px;
	margin: 0px;
	font-weight: 700;
	font-size: 1.538rem;
}
.total .sub {
	font-size: 1.154rem;
	padding-bottom: 8px;
}
.total .c_40 {
	text-align:right;
}
.total.final {
	margin-bottom: 20px;
}
.checkout_wrapper {
	border-top: 1px solid #ccc;
}
.checkout_btn {
	padding-top: 0px;
	margin-top: 0px;
}
.checkout_btn .btn {
	border-radius: 0px 0px 5px 5px;
	display: block;
	font-weight: 700;
}
form[name=billing] {
    margin-top: 40px;
}
form[name=billing] input[type=text] {
    padding:10px 10px;
    border:1px solid #ccc;
    width: calc(100% - 22px);
    margin-bottom: 10px;
}
.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: #2e883d;
	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% - 92px);
	display: block;
}
.manual_address_link { 
	display:inline-block; 
	margin-top:6px; 
	padding: 10px 30px;
  	background-color: #2e883d;
  	border-radius: 5px;
  	color: #fff; 
}
.company_wrap {
	display: none;
}
.shipping_table {
    border: 1px solid #ddd;
    border-radius: 5px;
	background-color: #fff;
	margin-right: 20px;
}
.shipping_table .header {
    background-color: #f0f0f0;
    padding: 15px 20px;
    font-weight: 700;
    font-size: 1.077rem;
}
.break {
    height: 1px;
    background-color: #ddd;
}
#delivery_details {
    display: none;
}
.shipping_table .c_10 {
    text-align: center;
    padding: 15px 0px;
}
.shipping_table .c_80, .shipping_table .c_90 {
    padding: 15px 0px;
}
.shipping_table .c_90 .inner {
    padding: 0px 20px 0px 20px;
}
.shipping_table .c_10 {
    padding-top: 20px;
}
.shipping_table ul {
    padding: 15px 0px 0px 0px;
    margin: 0px 0px 0px 16px;
}
.shipping_table h5 {
    font-weight: 700;
    font-size: 1rem;
}
.shipping_table input[type=radio] {
    display: none;
}
/*.shipping_table ul {
    padding: 0px;
    margin: 5px 0px 0px 30px;
}*/
a.select {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff;
    font-size: 0.9231rem;
	background-color: #19362e;
}
a.select:hover, a.select.active {
    background-color: #2e883d;
    text-decoration: none;
}
.checkout h4 {
	font-weight: 600;
	font-size: 1.077rem;
}
.addresses h4 {
	margin-bottom: 20px;
}
.addresses label {
	display: block;
	font-weight: 700;
	padding-bottom: 6px;
}
.shipping_table .inner {
	margin-left: 0px!important;
	margin-right: 0px!important;
}
.shipping_table {
	margin-bottom: 30px;
	overflow: hidden
}
#shipping_info, #shipping_details {
    display: none;
}
#shipping_info {
    border-top: 1px solid #ddd;
    padding:10px 20px;
}
.shipping_table li {
	margin-bottom: 8px;
}
.mini {
	margin-bottom: 50px;
	font-weight: 700;
}
.mini .c_66, .mini .c_33 {
	padding: 7px 0px;
}
.mini .c_33 {
	text-align: right;
}
.mini .main_total {
	font-size: 1.231rem;
	border: 1px solid #ccc;
	border-width: 1px 0px;
}
h3.checkout_title {
	margin-bottom: 38px;
}
.free {
	display: block;
	background-color: #19362e;
	padding: 15px 20px;
	color: #fff;
	font-size: 1.538rem;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
}
.free div {
	position: relative;
	z-index: 2;
}
.free:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	z-index: 1;
	width: 15%;
	clip-path: polygon(0 0, 41% 0, 100% 100%, 0% 100%);
	background-color: #394a45;
}
.free:after {
	content: "";
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	z-index: 1;
	width: 15%;
	clip-path: polygon(41% 0, 100% 0, 100% 100%, 0% 100%);
	background-color: #394a45;
}
.free span {
	font-weight: 700;
}
.free .ex {
	font-weight: 300;
	font-size: 0.9231rem;
}
.handle_wrapper {
	margin-bottom: 30px;
	padding: 30px 30px 20px 30px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.handles {
	margin-top: 20px;
}
.handles .inner {
	border: 1px solid #ddd;
	border-radius: 5px;
}
.handles .inner .inner {
	border: none;
	padding: 20px 10px;
	border-radius: 0px;
}
.handles h3 {
	font-size: 1rem;
}
.handles ul {
	padding: 10px 0px;
	margin: 0px;
	list-style: none;
}
.handles .c_50 .inner  {
	background-color: #fff;
}
.handles .c_40 {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
}
.handles .zoom {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
}
.handles select {
	width: 100%;
	padding: 8px 10px;
	border: 1px solid #ddd;
	background-color: #fff;
}
h3.handle_title {
	margin-top: 0px;
	font-size: 1.231rem;
}
h3.handle_title img {
	width: 20px;
}
.light_bg .main_promos {
	margin-bottom: 20px;
	overflow: hidden;
	display: block;
}
.light_bg .promos {
	margin-bottom: 20px;
	overflow: hidden;
}
.light_bg.no_m .promos, .light_bg.no_m .main_promos {
	margin-bottom: 0px;
}
.light_bg .main_promos img, .light_bg .promos img {
	border-radius: 5px;
	width: 100%;
}
/*.bot {
	background-color: #19362e;
	color: #fff;
}
.bot h2 {
	color: #fff;
}*/
.bot iframe {
	border-radius: 5px;
	margin-top: 20px;
	border: 1px solid #ccc;
}
section.form {
	border-bottom: 5px solid #fff;
}
.form h3 {
	color: #fff;
}
.form label {
	display: block;
	font-weight: 700;
	padding-bottom: 8px;
}
.form input, .form textarea, .form select {
	width: calc(100% - 0px);
	padding: 10px;
	border: 1px solid #ddd;
	margin-bottom: 15px;
}
.form input[type=submit] {
	width: auto;
	padding: 10px 60px 10px 20px;
	border: none;
}
.form input[type=submit]:hover {
	background-color: #82c193;
	color: #19362e;
}
.form textarea {
	height: 200px;
}
.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: var(--color-primary);
  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;
}
.botty {
}
.botty iframe {
	margin-top: 20px;
	border-radius: 5px;
	border: 1px solid #efefef;
}
/* Map overlay styles */
#map-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2); /* Dimmed background */
    display: none; /* Hidden initially */
    align-items: center;
    justify-content: center;
    z-index: 99999999999999;
    flex-direction: column; /* Stack elements vertically */
}

#map {
    position: relative;
    width: 40%;
    height: 30%;
    background: white;
}
/* Close button style */
.close-btn {
    background: #333;
    color: #fff;
    padding: 0px;
    border: none;
    cursor: pointer;
    margin-bottom: 10px;
    z-index: 100000000000000;
    width: 60px;
    height: 60px;
    background-image: url(https://images.door-commerce.co.uk/climadoor/icon-close.png);
    background-repeat: no-repeat;
    background-size: 60% 60%;
    background-position: center;
    border-radius: 5000px;
}
.page_intro a.read_more {
	display: none;
}
.page_intro .c_40 .c_50 {
	width: 100%;
}
.page_intro .c_40 .c_50 img {
	width: 100%;
	border-radius:5px;
	margin: 0px 0px 10px 0px;
}
.page_intro img {
    display: block;
    width: 100%;
    border-radius: 5px;
}
#payment_container {
	display: block;
	padding:15px 20px 10px 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;
}
#payment_container.super_container {
	/*-moz-box-shadow: 0 0 5px #fff;
    -webkit-box-shadow: 0 0 5px #fff;
    box-shadow: 0 0 5px #fff;*/
	padding: 0px;
	border: none;
}
#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: #2e883d;
    color: #fff;
	padding:13px 20px;
	font-weight: 700;
	border-radius: 5px 5px 5px;
	border:none;
	display: block;
	width: 100%;
	font-size: 1.154rem;
	margin-top: 10px;
}
#payment_container button:hover {
	background-color: #19362e;
}
#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;
    filter: invert(100);
}
#payment_container button.klarna {
    padding:8px 0px 4px 0px;
    background-color: #ffb1d2;
    border-radius: 5px;
	border: 5px solid #ffb1d2;
	-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;
}
#payment_container button.klarna:hover {
	border:5px solid #d88cac;
}
#payment_container button img {
    height: 35px;
    width: auto!important;
    margin: 0px!important;
}
p.or {
    display: block;
    position: relative;
    z-index: 1;
    text-align: left;
    text-transform: uppercase;
	font-weight: 700;
	color: #2e883d;
	font-size: 1.385rem;
}
p.or:before {
    content: "";
    background-color: #ddd;
    position: absolute;
    left: 0px;
    top: 50%;
    z-index: 1;
    width: 100%;
    height: 1px;
}
p.or span {
    display: inline-block;
    background-color: rgb(245, 245, 245);
    padding: 0px 15px 0px 0px;
    position: relative;
    z-index: 2;
}
super-checkout {
	border: 2px solid #ddd;
	border-radius: 15px;
	overflow: hidden;
}
.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;
}
    
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

/* Container for tooltip */
tbody th[scope="row"] .spec-tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

tbody th[scope="row"] .spec-tooltip img {
	height: 17px !important;
	width: 17px !important;
	margin-left: 5px;
	margin-bottom: -2px;
}

/* Tooltip text */
tbody th[scope="row"] .spec-tooltip .spec-tooltiptext {
	visibility: hidden;
	width: 200px;
	background-color: #333;
	color: #fff;
	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: 140%;       /* Just to the right of the button */

	/* Fade in */
	opacity: 0;
	transition: opacity 0.3s;
	z-index: 99;
}

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

/* Show tooltip on hover */
tbody th[scope="row"] .spec-tooltip:hover .spec-tooltiptext {
	visibility: visible;
	opacity: 1;
}

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] h3 {
	display: block;
	margin-bottom: 10px;
}
form[name=aftersales] input[type=text] {
	display: block;
	width: calc(100% - 0px);
	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: 25%;
	margin-bottom: 10px;
}
form[name=aftersales] textarea {
	display: block;
	width: calc(100% - 0px);
	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: #2e883d;
}
p.remove {
	display: block;
	text-align: right;
}
.review_stars{
	min-height: 29px;
}
.yotpo-container {
	background-color: #19362e;
	padding:0px 30px;
}
.yotpo-summary-header {
	background-color: #19362e !important;
}
.yotpo-summary-body {
	background-color: #19362e !important;
	margin-top :0px !important;
}
.yotpo-reviews-highlights-container {
	background-color: #82c193;
}
.yotpo-summary-footer-container {
	background-color: #2e883d !important;
}
.yotpo-single-summary-highlight-container .yotpo-summary-highlight-reviewer {
  background-color: transparent;
  color: var(--color-primary);
  padding: 0;
}
.yotpo-summary-footer {
  padding: 0 !important;
}
#show-discount-code {
	margin: 10px 0;
}
#show-discount-code a {
	padding-left: 20px;
}
.split_promo {
  display: flex;
  flex-direction: row !important;
  gap: 10px 10px !important;
  justify-content: center;
}
.split_promo a {
	display:block;
 	width: 48%;
}
@media only screen and (max-width:768px) {

	/* Tooltip text */
	tbody th[scope="row"] .spec-tooltip .spec-tooltiptext {
		/* Positioning */
		position: absolute;
		top: 120%;           /* Top of tooltip aligns with top of button */
		left: -100px;       /* Just to the right of the button */
	}

	/* Tooltip arrow */
	tbody th[scope="row"] .spec-tooltip .spec-tooltiptext::after {
		content: "";
		border-color: transparent;
	}
    body.active {
        /*height: 100vh;
        overflow: hidden;*/
    }
	.negative, .negative .inner {
		margin-left: 0px;
		margin-right: 0px;
	}
	nav, sub_nav, header, .rtb {
		display: none;
	}
	#header_wrap.minify header {
		padding-top: 0px;
	}
	.max {
		padding-left: 5%;
		padding-right: 5%;
        display: block;
        overflow: hidden;
	}
	#mobile_menu {
		display: block;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0%;
		left: -115%;
		/*left: 0;*/
		z-index: 100;
		background-color: #fff;
		-webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        /* Let's enforce some hardware acceleration */
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
        overflow: scroll;
	}
	#mobile_menu.active {
		left: 0px;
	}
	#mobile_menu ul {
		padding: 0px 0px 10px 0px!important;
		margin: 0px;
		list-style: none;
	}
	#mobile_menu ul.nudge {
		padding: 0px;
		margin: 150px 0px 0px 0px;
		list-style: none;
	}
    #mobile_menu a.top {
        border-top: 1px solid #f0f0f0;
        display: block;
        padding: 6px 0px;
        position: relative;
        z-index: 1;
		font-size: 1.077rem;
    }
	a.top:before {
		-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);
        -webkit-backface-visibility: hidden;
		top: calc(50% - 13px);
	}
	#mobile_menu a.top:hover {
		text-decoration: none;
	}
	
	#mobile_menu a.top.active:before {
		
		transform: translateY(-50%) rotate(90deg);
		top: calc(50% - 0px);
	}
    #mobile_menu li:nth-child(1) a.top {
       border: none;
    }
	#mobile_menu .options {
		padding:10px 0px 25px 0px;
		display: none;
	}
	#mobile_menu .options p.title {
		font-weight: 700;
		padding-bottom: 5px;
		margin-bottom: 0px;
		color: #2e883d;
	}
	#mobile_menu .options ul {
		padding: 0px;
		margin: 0px;
		list-style: none;
		font-size: 0.9231rem;
	}
	#mobile_menu .options ul a {
		font-weight: 300;
		display: block;
		padding: 3px 0px;
	}
    #mobile_menu .max.grey_bg {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-top: 30px;
        font-size: 0.9231rem;
    }
	#mobile_wrap {
		display: block;
		z-index: 99999999;
		position: sticky;
		top: 0px;
		left: 0px;
		width:100%;
		background-color: #fff;
	}
	header.mobile {
		display: block;
		z-index: 9999;
		position: relative;
		top: 0px;
		left: 0px;
		width: 95%;
		background-color: #fff;
	}
	header {
		padding:0px 0% 0px 5%;
		border-bottom: 1px solid #ccc;
		box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.2);
	}
	.mobile .flex {
		align-items: center;
		align-content: center;
	}
	.mobile .c_25 img {
		margin-top: 5px;
	}
	.mobile .c_75 {
		display: flex;
		justify-content: flex-end;
	}
	.mobile .c_75 .flex {
		width: 90%;
		padding:15px 0px;
		position: relative;
		z-index: 1;
	}
	.mobile .c_75 .flex:before {
		content: "";
		position: absolute;
		right: 0px;
		top: 0px;
		width: 28%;
		height: 100%;
		background-color: #2e883d;
		clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0% 100%);
	}
	.mobile .c_75 .flex div {
		text-align:center;
		width: 23%;
		position: relative;
		z-index: 1;
	}
	.mobile .c_75 .flex div:nth-child(4) {
		width: 31%;
		text-align: right;
	}
	.mobile .c_75 .flex img {
		width: 20px;
		display: block;
		margin: 3px auto 5px auto;
	}
	.mobile.helpline {
		display: block;
		padding:10px 5%;
		background-color: #19362e;
		color: #fff;
		text-transform: uppercase;
		font-size: 0.9231rem;
		display: flex;
		align-items: center;
		align-content: center;
	}
	.helpline a {
		font-weight: 500;
		color: #fff;
		margin-left: 5px;
	}
	.helpline img {
		height: 18px!important;
		display: inline-block;
		filter: invert(100)
	}
	.mobile .c_75 .flex a {
		font-weight: 300;
		color: #19362e; 
		font-size: 0.7231rem;
		text-transform: uppercase;
	}
	.hamburger {
        margin: 0 0px 0px 0px;
        margin-top: 0px;
        width: 32px;
        height: 24px; /* Adjusted height to fit all 5 bars */
        position: absolute;
        right: 50%;
        display: inline-block;
        vertical-align: middle;
		top: 1px;
		margin-right: -8px;
    }

    .hamburger .bar {
        width: 32px;
        height: 2px;
        background-color: #fff;
        display: block;
        border-radius: 2px;
        position: absolute; 
        transition: all 0.4s ease-in-out;
    }

    /* Positioning of the 5 bars */
    .bar1 {
        top: 3px; /* First bar at the top */
    }
    .bar2 {
        top: 9px; /* Second bar */
    }
    .bar3 {
        top: 15px; /* Third bar */
    }
    .bar4 {
        top: 21px; /* Fourth bar */
    }
    .bar5 {
        display: none!important;
    }

    /* Transformations when .hamburger is active */
    .hamburger.active .bar1,
    .hamburger.active .bar5 {
        opacity: 0; /* Hide bar 1 and bar 5 */
    }

    .hamburger.active .bar2 {
        transform: rotate(45deg); /* Top diagonal of the cross */
        top: 12px; /* Move to center */
    }

    .hamburger.active .bar3 {
        opacity: 0; /* Hide bar 3 */
    }

    .hamburger.active .bar4 {
        transform: rotate(-45deg); /* Bottom diagonal of the cross */
        top: 12px; /* Move to center */
    }
	.mobile_search {
		display: none;
		padding: 12px 5%;
		border-bottom: 1px solid #ccc;
		box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.2);
		position: relative;
		z-index: 1; 
	}
	.mobile_search form {
		width: 100%;
	}
	.mobile_search form input {
		border-radius: 100px;
		background-color: #efefef;
		width: 100%;
		border: none;
		padding:10px 5%;
	}
	#banner .max:before, #banner .overlay {
        content: "";
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 9;
        background-image: url("https://images.door-commerce.co.uk/internal-doors/10157-1.jpg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 230px;
        width: 100%;
    }
	#banner .max:after {
		display: none;
	}
	#banner h1 {
		font-size: 1.385rem;
	}
	#banner .c_75 {
		width: 100%;
		padding:255px 0% 25px 0px;
	}
	#banner .max {
		padding: 0px 5%;
        background-color: #eee;
	}
	.categories .c_33 {
		width: 100%;
	}
	.green h2 {
		font-size: 1.385rem;
		padding: 0px 0%;
	}
	.hooks .block {
		box-shadow: none;
		padding-right: 0px;
		margin-bottom: 20px;
	}
	.hooks a.btn {
		margin-bottom: 40px;
	}
	.hooks img {
		width: 20%;
	}
	.about .wrapper {
        width: calc(100% - 122px);
        margin: 30px;
        padding: 30px;
    }
	.about p {
		width: 100%;
	}
	.btn_wrap {
		text-align: left;
	}
	.strapline {
		font-size: 1.231rem;
	}
	.green .c_25, footer .c_20, footer .c_25 {
		width: 100%;
	}
    footer {
        font-size: 0.9231rem;
    }
	footer ul {
		padding-bottom: 20px;
	}
	footer .c_25 a {
        display: block;
        text-align: left;
        font-size: 1.231rem;
    }
    footer .c_25 a.tel {
        font-weight: 700;
        color: #82c193;
        font-size: 2rem;
		margin-top: 30px;
    }
	footer .c_25:nth-child(3){
		text-align: left;
		padding-top: 30px;
	}
	.socials {
		text-align: left;
	}
	.socials img {
		margin: 0px 10px 0px 0px;
	}
	.logos .flex {
		margin-left: -5px;
		margin-right: -5px;
	}
	.logos .inner {
		margin-left: 5px;
		margin-right: 5px;
	}
	.logos .c_33 {
		width: 50%;
	}
	section {
		display: block;
		overflow: hidden!important;
		padding: 25px 0px;
	}
    .categories .c_25 {
        width: 100%;
    }
    .categories span {
        font-size: 1.231rem;
        text-align: left;
        padding-left: 20px;
        width: calc(100% - 20px);
    }
    .quick_contact {
        font-size: 1.231rem;
    }
    .c_14 {
        width: 25%;
    }
    footer .c_25:first-child img {
      width: 40%;
    }
    .about {
        margin: 0px;
    }
    .advice_wrap {
      /*padding: 0px 0px;*/
    }
    .about .wrapper {
      width: calc(100% - 54px);
      margin: 25px 0px;
      padding: 25px;
    }
    .about a {
        color: #fff;
    }
    .about a.btn {
        padding: 10px 15px;
        font-size: 0.9231rem;
    }
    .green h2 {
      font-size: 1.385rem;
    }
    .hooks .block {
        padding: 20px;
        margin-bottom: 0px;
    }
    .hooks .block::before {
      display: none;
    }
    .hooks .inner {
        border-bottom: 1px solid #fff;
    }
    .about h4 {
      font-size: 1.385rem;
        font-weight: 700;
    }
    #mobile_menu a.tel {
        font-size: 1.538rem;
        color: #2e883d;
        display: block;
    }
    #mobile_menu .max.grey_bg ul {
        margin-top: 0px;
    }
    #mobile_filter {
        display: block;
        border-top: 1px solid #eee;
        width: 100%;
        padding: 0px;
    }
    #mobile_filter .flex {
        width: 100%;
    }
    #mobile_filter .c_50 {
        
        width: 50%;
        text-transform: uppercase;
    }
    #mobile_filter .c_50:nth-child(2){
        text-align: right;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-right: 1px solid #eee;
    }
    #mobile_filter .c_50:nth-child(1){
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-right: 1px solid #eee;
    }
    #mobile_filter span {
        padding: 10px 10%;
        display: block;
    }
	.non_mobile {
		display: none;
	}
	.light_bg .c_75, #product-grid .c_33 {
		width: 100%;
	}
	.light_bg .c_60, .light_bg .c_40 {
		width: 100%;
	}
    .light_bg .blob .c_40 {
        width: 40%;
    }
    .light_bg .blob .c_60 {
        width: 60%;
    }
	.product_wrap a img {
		width: 100%;
	}
	.product_wrap .blob {
		padding-bottom: 0px;
	}
	.product_wrap .c_40 img {
		width: 60%!important;
	}
	.product .c_35, .product .c_65, .checkout_wrap .c_70, .checkout_wrap .c_30, .handles .c_50 {
		width: 100%;
	}
	#image {
  		height: 400px;
		margin-bottom: 30px;
	}
	.product h1 {
		display: block;
		padding-right: 100px;
	}
	.skus .c_35 {
		width: 75%;
	}
	.skus .c_15, .skus .c_20 {
		width: 40%;
	}
	.skus .c_15 {
		width: 35%;
	}
	.skus .c_30 {
		width: 75%;
	}
	.skus .c_30 .inner {
		padding-top: 2px;
	}
	.skus .c_15 .inner, .skus .c_20 .inner {
  		padding-top: 0px;
	}
	.skus .c_35 .inner {
		padding-bottom: 2px;
	}
	.gallery.negative {
		margin-left: -10px;
		margin-right: -10px;
	}
	.gallery.negative .inner {
		margin-left: 10px;
		margin-right: 10px;
	}
	#status {
      width: calc(90% - 50px);
      margin-left: 0px;
      left: 5%;
		margin-top: -120px;
    }
	.handles .c_50 {
		margin-top: 10px;
	}
	.mini_checkout {
		padding-top: 30px;
	}
	.mini_checkout .c_15 {
		width: 70%;
		padding-left: 30%;
	}
	.mini_checkout .c_20 {
		width: 70%;
		padding-left: 30%;
		padding-top: 6px;
	}
	.mini_checkout .c_15.alt {
		width: 30%;
		padding-left: 0px;
	}
	.mini_checkout .head {
        display: none;
    }

    .mini_checkout > div:first-child,
    .mini_checkout > div:nth-child(2),
    .mini_checkout > div:nth-child(3),
    .mini_checkout > div:nth-child(4) {
        display: none;
    }
	.mini_img {
		width: 80%;
		display: block;
	}
	.mini_checkout .c_50 {
		width: 70%;
		padding-bottom: 10px;
	}
	.mini_checkout .breaker {
		border-top: 1px solid #ccc;
		margin-top: 15px;
	}
	a.check {
		display: none;
	}
	p.checkout_btn {
		margin-bottom: 40px;
	}
	.addresses .c_60, .addresses form .c_50 {
		width: 100%;
	}
	.addresses form .c_70 {
		width: 60%;
	}
	.addresses form .c_30 {
		width: 37.5%;
		padding-left: 2.5%;
	}
	form[name="billing"] input[type="text"], .addresses .c_40 {
      width: 100%;
    }
	.shipping_table {
		margin-right: 0px;
	}
	.shipping_table .c_90 {
		width: 80%;
	}
	.shipping_table .c_10 {
		width: 20%;
	}
	#mobile_menu p:nth-child(1) strong {
		font-size: 1.231rem;
	}
	ul.pages a {
		display: block;
		padding: 3px 0px;
	}
	ul.pages {
		padding-bottom: 30px!important;
	}
	.sku .c_35, .sku .c_65 {
		width: 100%;
	}
	.sku .main_wrapper, .prices {
		flex-direction: column-reverse;
	}
	.sku .block {
		padding: 20px 0px;
	}
	.sku .c_65 .block {
		padding: 30px;
	}
	.sku #image.short {
		padding-bottom: 20px;
		margin-top: 25px;
		margin-bottom: 10px;
	}
	a.download {
		background-size: 30px auto;
	}
	.all_skus .c_25, .light_bg .c_70, .light_bg .c_30, .prices .c_33, .prices .c_66 {
		width: 100%;
	}
	#banner.ltd .max {
		padding: 0px;
	}
	#banner.ltd .c_75 {
		padding-left: 5%;
		padding-right: 5%;
        width: 90%;
	}
	.light_bg button {
		margin-top: 25px;
	}
	.sale_loz {
		margin-bottom: 10px;
	}
	
	.contact .c_60, .contact .c_40, .contact .c_90, .form .c_33 {
		width:100%;
	}
	.movers .c_50 {
		width: 100%;
	}
	.movers a {
		margin-bottom: 10px;
	}
	#status a.btn {
		display: block;
		margin-bottom: 10px;
	}
	#map {
        position: relative;
        width: 80%;
        height: 60%;
        background: white;
    }
	.page_intro .c_60 {
		width: 100%;
	}
	.page_intro a.read_more {
		display: block;
	}
	.more_text {
		display: none;
	}
	.page_intro p {
		padding: 5px 0px;
		margin: 0px;
	}
    .articles .c_25 {
        width: 100%;
    }
    .articles .c_25 img {
        display: block;
        width: 100%;
        max-width: 100%!important;
    }
    .builder .relative {
        width: 100%!important;
    }
	.promos .c_50 {
		width: 100%;
	}
	.promos .c_50 img {
		margin: 5px 0px;
	}
	.page_intro .c_40 {
		width: 100%;
		padding-top: 30px;
	}
	.page_intro .c_66 {
		width: 100%;
	}
	a.read_more {
		display: block;
		margin-top: 20px;
	}
	.feature h3 a {
		font-size: 3rem;
	}
	.trending .c_33 {
		width: 100%;
	}
	.filter_tag {
        display: block;
        background-image: url(/images/icon-filter-inverted.png);
        background-repeat: no-repeat;
        background-size: auto 50%;
        background-position: 90% center;
    }
	.selected_address { 
		width: calc(100% - 72px);
	}
    
	.limited .c_100:nth-child(1) {
        width: 100%;
    }
    .limited .c_100:nth-child(2) {
        width: 100%;
    }
    .limited .article_intro {
        width: 100%;
    }
	.page_intro .c_33 {
		display: none;
	}
	#mini_tp {
        font-size: 0.7231rem;
        width: 110px;
		bottom: 15px;
		left: 15px;
    }
	form[name=aftersales] ul.flex li, form[name=aftersales] .c_25, form[name=aftersales] .c_33 {
		width: 100%;
	}
	.desc {
		padding-right: 0%;
	}
	form[name=aftersales] label small {
		position: relative;
		display: block;
	}
	.product_title .c_75 {
		width: 100%;
	}
	.bespoke_wrapper .c_40, .bespoke_wrapper .c_60 {
		width: 100%;
	}
	.img_bespoke, .img_bespoke img {
		height: 400px;
	}
	.options .c_25, .options .c_33 {
		width: 50%!important;
	}
	.bespoke_opts .c_50 {
		width: 100%;
	}
	.bespoke_wrapper .options .negative {
		margin-left: -10px;
		margin-right: -10px;
	}
	.bespoke_wrapper .options .negative .inner {
		margin-left: 10px;
		margin-right: 10px;
	}
	.purchase .c_40 {
		width:40%;
	}
	.split_promo {
		flex-direction: column;
	}
	.split_promo a {
		width: 100%;
	}
}
/* Mobile: stack into a single column */
    @media (max-width: 640px) {
      .stack-table thead {
        /* Hide table header from visual layout but keep it for screen readers */
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
      }
      .stack-table tbody tr {
        grid-template-columns: 1fr;
        border: 1px solid #e2e2e2; /* row wrapper border */
        margin-bottom: 0.75rem;
      }
      .stack-table tbody th[scope="row"],
      .stack-table tbody td {
        border: 0;             /* remove inner cell borders */
        padding: 0.6rem 0.9rem;
      }
      .stack-table tbody th[scope="row"] {
        border-bottom: 1px solid #eee;  /* subtle divider between label and value */
      }
	  #show-discount-code a {
			padding-left: 0px;
		}
    }