@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url("font-awesome.min.css");


:root {
	--primaryColour:#245b56;
	--secondaryColour:#245b56;
	--secondaryBackgroundColour:#184440;
	--highlightColour:#e39b69;
	--hoverColour:#c77d47;
	--verticalOverlay:linear-gradient(180deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.40) 100%);
	--saleColour:#C50E0E;
	--bestSeller:#DF8217;
	--heavyDuty:#411D8B;
	--handCrafted:#9A763B;
	--pFontSize:max(16px,calc(0.85rem + 0.2vw));
	--buttonFontSize:max(16px,calc(1rem + 0.2vw));
	--textColour:#FFF;
	--transColour: rgba(0 117 190 / 80%);
	--font:"etna", sans-serif;
	--titleFont:"berkshire-pro", sans-serif;;
}

* {
	box-sizing: border-box!important;
	scroll-behavior: smooth;
	font-family: var(--font);
}

.frame-control-bar {
	    margin-bottom: 20px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-color: #24254d;
    padding: 1rem;
}
.frame-control-bar button {
	background: var(--highlightColour);
}

/* =========================================================
   AI generation result and print-image picker
   ========================================================= */

#output {
    position: fixed;
    inset: 0;
    z-index: 999999999;
    padding: clamp(1rem, 3vw, 3rem);
    overflow-y: auto;
    background: rgba(15, 16, 38, 0.92);
}

#output .generated-result {
    position: relative;
    width: min(1120px, 80%);
    margin: 0 auto;
    background: var(--secondaryColour);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}

#output .generated-result-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 290px;
    min-height: 420px;
}

#output .generated-video-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    background: #111225;
}

#output #generated-video {
    display: block;
    width: 100%;
    min-height: 320px;
    object-fit: contain;
    background: #000;
}

#output .qr-result {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 2rem;
    text-align: center;
    background: var(--primaryColour);
}

#output .qr-result > img {
    display: block;
    width: min(190px, 100%);
    aspect-ratio: 1 / 1;
    object-fit: contain;
    background: #fff;
    padding: 0.5rem;
}

#output .qr-result p {
    margin: 0;
}

#output .qr-result .button-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 0.75rem;
}

#output .qr-result .button-container > * {
    width: 100%;
}

#output .qr-result .button-container a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    padding: 15px 1rem;
    color: #fff;
    text-decoration: none;
    font-family: var(--titleFont);
    font-size: var(--buttonFontSize);
    font-weight: 300;
}

#output .qr-result .button-container a img,
#output .print-download-button img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

#output .print-workflow {
    padding: clamp(1.25rem, 3vw, 2.75rem);
    border-top: 4px solid var(--highlightColour);
    background: rgba(36, 38, 76, 0.92);
	max-height: 80vh;
	overflow: auto;
}

#output .print-workflow-heading {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

#output .print-workflow-heading.compact {
    margin-bottom: 1rem;
}

#output .print-workflow-heading h2,
#output .print-workflow-heading h3,
#output .print-workflow-heading p {
    margin-top: 0 !important;
}

#output .print-workflow-heading p {
    margin-bottom: 0;
    opacity: 0.75;
}

#output .step-number {
    display: inline-flex;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--highlightColour);
    color: #fff;
    font-family: var(--titleFont);
    font-size: 1.25rem;
    font-weight: 300;
}

#output .print-source-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

#output .print-source-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.9rem;
    padding: 1rem;
    border: 2px solid rgba(255, 255, 255, 0.12) !important;
    background: var(--primaryColour);
    text-align: left;
    cursor: pointer;
    transform: none !important;
}

#output .print-source-card:hover,
#output .print-source-card.selected {
    border-color: var(--highlightColour) !important;
    background: var(--secondaryColour);
    transform: none !important;
}

#output .print-source-card.selected {
    box-shadow: inset 0 0 0 2px var(--highlightColour);
}

#output .print-source-media {
    display: block;
    width: 100%;
    height: 230px;
    overflow: hidden;
    background: #111225;
}

#output .print-source-media img,
#output .print-source-media video {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain;
    opacity: 1 !important;
    visibility: visible !important;
}

#output .print-source-title {
    display: block;
    color: #fff;
    font-family: var(--titleFont);
    font-size: var(--buttonFontSize);
    text-align: center;
}

#output .frame-picker-step,
#output .print-confirm-step {
    margin-top: 1.5rem;
    padding: 1.25rem;
    background: var(--primaryColour);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

#output .frame-picker-step[hidden],
#output .print-confirm-step[hidden] {
    display: none !important;
}

#output #frame-picker-video {
    display: block;
    width: 100%;
    max-height: 60vh;
    margin-bottom: 1rem;
    object-fit: contain;
    background: #000;
}

#output .selected-print-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 280px;
    margin-bottom: 1rem;
    background: #111225;
}

#output #selected-print-image {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 480px;
    object-fit: contain;
}

#output .print-result {
    margin-top: 1rem;
}

#output .print-download-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    padding: 15px 2rem;
    color: #fff;
    text-decoration: none;
    font-family: var(--titleFont);
    font-size: var(--buttonFontSize);
    font-weight: 300;
}

#output #closeOutput {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 5;
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0 !important;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.65);
    cursor: pointer;
    transform: none !important;
}

#output #closeOutput:hover {
    background: var(--highlightColour);
    transform: none !important;
}

#output #closeOutput img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

#output .error {
    margin: 0;
    padding: 1rem;
    background: var(--saleColour);
    color: #fff;
}

@media screen and (max-width: 850px) {
    #output {
        padding: 0;
    }

    #output .generated-result-main {
        grid-template-columns: 1fr;
    }

    #output #generated-video {
        min-height: 240px;
    }

    #output .qr-result {
        padding: 1.25rem;

		width: 100%;
    }

    #output .qr-result > img {
        width: 150px;
    }

    #output .print-source-options {
        grid-template-columns: 1fr;
    }

    #output .print-source-media {
        height: 210px;
    }
}

#top {
    background-color: var(--primaryColour);
}

#top .btn-link, 
#top-links li, 
#top-links a {
    color: white;
}

#menu {
    background-color: var(--secondaryColour);
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}


.nav > li > a.dropdown-toggle > img {
	width: 8px;
	object-fit: contain;
}

.mid-navbar .right-row a {
	font-size: var(--pFontSize);
	display: flex;
	gap: 10px;
	text-decoration: none!important;
	color: var(--textColour);
}

.mid-navbar .right-row a:hover {
	color: var(--highlightColour)!important;
}

.mid-navbar .right-row li::marker {
	display: none;
}

.mid-navbar .right-row a:hover {
	color: var(--primaryColour);
}

.mid-navbar #logo {
	margin: 0!important;
}

.mid-navbar #logo img {
	height:70px;
	object-fit: contain;
}

#search .input-lg {
    background-color: #fbfbfb;
	border-radius: 6px!important;
	border: 1px solid rgba(0,0,0,0.09);
	font-size: var(--pFontSize);
	width: clamp(200px,15vw,9999999999px);
}

#search .btn-lg {
    background: transparent;
    text-shadow: 0 0 transparent;
    position: absolute;
    top: 0;
    right: 0;
	padding: 0;
	height: 100%;
	border: 0!important;
	width: 45px;
	border-radius: 6px!important;
}

#search .btn-lg:hover {
	color: var(--secondaryColour);
}

.cart-container button:hover {
	background: transparent!important;
	color: var(--primaryColour)!important;
}

.cart-container button:hover span {
	color: var(--primaryColour)!important;
}

.cart-container button span {
	color: var(--textColour);
	font-size: var(--pFontSize);
}

.dropdown-menu li > a:hover {
    text-decoration: none;
    color: #ffffff!important;
    background-color: var(--secondaryColour);
    background-image: unset;
    background-repeat: repeat-x;
}

.top-container {
	display: flex;
	justify-content: center;
	gap: 15px;
	align-items: center;
}

.top-container a {
	display: flex;
	gap: 7.5px;
	align-items: center;
	color: white;
}

.top-containr a > img {
	width: 20px;
	object-fit: contain;
}

.socials {
	display: flex;
	gap: 8px;
}

.socials > a > img {
	width: 18px;
	max-height: 18px;
	object-fit: contain;
}

.featured-banner > .large .background-image {
	position: absolute;
	width: 70%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}

.featured-banner > .small .background-image {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}

.featured-banner > .large .company-logo {
	max-height: 130px;
	position: absolute!important;
	bottom: 20px;
	left: 20px;
}

.featured-banner > .large *:not(.background-image) {
	position: relative;
	z-index:2;
}

.featured-banner > .large *:not(.background-image) h4 {
	text-align: center;
}

.featured-banner > .small *:not(.background-image) {
	position: relative;
	z-index:2;
}

.featured-banner > .large .content {
	background-color: var(--highlightColour);
}

.featured-banner > .large .content {
    position: absolute;
    right: 0;
    height: 100%;
	width:380px;
    clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0% 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: center;
    padding: 30px 40px;
    padding-left: 10%;
}

.featured-banner > .large .content * {
	color: white;
}

.featured-banner > .large .content h6 span {
	top: -15px;
}

p,
label,
textarea,
input{
    font-size: var(--pFontSize);
	color: white;
}

h1,h2,h3,h4,h5,h6 {
	font-family: var(--titleFont);
	color: white;
}

h1 {
    font-size: 3rem;
    line-height:3.4rem;
    margin: 0!important;
    font-weight: 600;
}

h2 {
    font-size: calc(2.8rem + 0.2vw);
    line-height: calc(3rem + 0.2vw);
    margin: 0!important;
    font-weight: 600;
}

h3 {
    font-size:max(18px,calc(1.55rem + 0.2vw));
    line-height:max(18px,calc(1.65rem + 0.2vw));
    margin: 0!important;
    font-weight: 300;
}

h4 {
    font-size: 51px;
    line-height: 53px;
    margin: 0!important;
}

h5 {
    font-size: 22px;
    line-height: 25px;
    margin: 0!important;
}

h6 {
    font-weight: 300;
    font-size: 150px;
    line-height: 110px;
	display: flex;
	gap: 5px;
	letter-spacing: -6px;
}

h7 {
    font-size: 85px;
    line-height: 85px;
	font-weight: 300;
}

h8 {
    font-size: 42px;
    line-height: 42px;
	font-weight: 300;
	letter-spacing: 0;
}

h6 span {
	display: flex;
	flex-direction: column;
}

.sale-button-container {
    position: absolute;
    margin-top: 160px;
    right: 0px;
    z-index: 99;
}

button {
	font-family: "Google Sans", sans-serif;
	padding: 15px 2rem;
	color: white;
	border: 0;
	font-weight: 300;
	font-size: 16px;
	transition: 0.25s all ease;
	border-radius:10px!important;
}

button:hover {
	transform: scale(1.05);
}

.sale-button-container button {
	background-color: var(--saleColour);
	font-style: italic;
	transition: 0.5s all ease;
	white-space: nowrap;
}

.sale-button-container button:hover {
	transform: scale(1.05);
}

.featured-banner > .tile .background-image {
	transition: 0.5s all ease;
}

.featured-banner > .tile:hover .background-image {
	transform: scale(1.1);
}

.featured-banner > .tile {
	overflow: hidden;
}

.featured-banner > .tile .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px;
    background: var(--verticalOverlay);
    display: flex;
    align-items: flex-start;
	justify-content: flex-end;
    flex-direction: column;
}

.featured-banner > .tile .overlay * {
	color: white;
}

.featured-banner > .tile > .overlay span {
    background-color: var(--highlightColour);
    display: block;
    position: absolute;
    top: 30px;
    right: -60px;
    transform: rotate(45deg);
    text-align: center;
    padding: 10px;
    width: 250px;
}

.featured-banner > .tile > .overlay > img {
    position: absolute;
    top: 40px;
    left: 40px;
    max-width: 145px;
    max-height: 100px;
}

.featured-banner > .tile > .overlay h5 {
	display: flex;
	gap: 15px;
}

.featured-banner > .tile > .overlay h5 img {
	object-fit: contain;
}

.featured-banner > .tile > .overlay h2 {
    margin-bottom: 7px !important;
	font-weight: 300;
}

.nav > li > a {
	font-size: var(--pFontSize);
}

.categories-container {
	background-color: #E5E5E5;
	border: 1px solid rgba(90, 117, 112, 0.50);
}

.tiles-container > div {
    background-color: var(--primaryColour);
}

.tiles-container > div * {
    color: white;
}

.tiles-container > div a {
    font-weight: 300;
    font-size: var(--pFontSize);
    text-decoration: underline;
    display: flex;
    gap: 10px;
}

.tiles-container > div a img {
    width: 10px;
    object-fit: contain;
}

.tiles-container > div:nth-child(even) {
    background-color: var(--secondaryColour);
}

.tiles-container > div h3 {
    margin-top: 10px!important;
	font-weight: 300;
}

.map-container > .overlay-container.left {
    background-color: var(--primaryColour);
}

.map-container > .overlay-container.right {
    background-color: var(--secondaryColour);
}

.map-container > .overlay-container h2 {
    font-size: 30px;
    line-height: 34px;
    font-weight: 300;
}

.map-container > .overlay-container a {
    text-decoration: underline;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--pFontSize);
    font-weight: 300;
}

footer {
    background-color: transparent!important;
}

footer a:hover {
    color: var(--primaryColour);
}

footer p.copyright,
footer p.copyright * {
    background-color: var(--primaryColour);
}

footer h3 {
	margin-bottom: 15px!important;
	font-size: calc(1rem + 0.4vw);
	line-height: 26px;
	font-weight: 300;
	
}

footer .row > div.contact a {
	font-size: var(--pFontSize);
}

footer .row > div.contact a svg {
	width: 1.4rem;
}

footer p.copyright,
footer p.copyright a {
	font-size: 14px;
	color: rgba(255,255,255,0.5)!important;
}

.menu-button {
	background-color:transparent;
}

.menu-button:hover {
	background-color:transparent;
}

.product .content {
	border: 1px solid rgba(0, 0, 0, 0.20);
	background: rgba(0, 0, 0, 0.17);
}

.price-tag.sale {
	background-color: var(--saleColour);
	padding: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0px;
	border-radius: 5px;
}

.price-tag.sale *,
.price-tag:not(.sale) * {
	margin: 0;
	color: white!important;
}

.product .content * {
	color: white;
}

.product .content p {
	font-size: 18px;
	line-height: 22px;
}

.product .content p b {
	font-size: 18px;
	line-height: 22px;
	font-weight: 300;
}

.tags span.bestseller,
.tags span.heavyduty,
.tags span.handcrafted {
	color: white!important;
}

.tags span.bestseller {
	background-color: var(--bestSeller);
}

.tags span.heavyduty {
	background-color: var(--heavyDuty);
}

.tags span.handcrafted {
	background-color: var(--handCrafted);
}

.uk-offcanvas-bar {
	background-color: white;
	z-index: 9999999999999999999999;
	width: 100%!important;
	right: -100%;
	left: unset!important;
	transition: 0.4s all ease;
	padding: 0!important;
}

.uk-open>.uk-offcanvas-bar {
	right: 0!important;
}

.uk-offcanvas {
	z-index: 9999999999999999999999;
	top: 165px;
	padding: 0!important;
	right: -100%!important;
	transition: 0.4s all ease;
}

.uk-offcanvas.uk-open {
	right: 0!important;
}

.uk-offcanvas-bar li {
	padding:0;
}

.uk-offcanvas-bar li a,
.uk-offcanvas-bar p a {
	color: var(--textColour)!important;
	font-size: var(--pFontSize);
	text-align: left!important;
}

.uk-offcanvas-bar li a  {
	display: flex;
	justify-content: space-between;
}

.uk-offcanvas-bar li a img{
	height: 20px;
}

.uk-offcanvas-bar p a {
	display: flex;
	gap: 10px;
	justify-content: center;
	align-items: center;
	font-weight: 300;
}

.uk-offcanvas-bar a {
	padding: 5px 25px!important;
	height: 45px!important;
	display: flex;
	align-items: center;
}

.uk-offcanvas-bar a > div {
	display: flex;
	align-items: center;
	gap: 15px;
}

.uk-offcanvas-bar a > div img {
	width: 30px;
	height: 30px;
}

.uk-offcanvas-bar ul > p > a > img {
    width: 20px;
    position: relative;
    right: -3px;
    top: -2px;
}

.uk-offcanvas-bar img.logo {
	margin-bottom: 30px;
}

.uk-offcanvas-bar hr {
	margin: 10px 0;
	border-top: 1px solid var(--primaryColour);
}

.uk-offcanvas-bar .product-categories {
	display: flex;
	flex-direction: column;
}

.uk-offcanvas-bar ul > p:last-of-type {
	margin-top: 30px!important;
}

.uk-offcanvas-bar ul > li a {
	background-color: #f3f3f3;
	height: 35px!important;	
}

.uk-offcanvas-bar ul li {
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

.uk-offcanvas-bar ul li.sale * {
    color: var(--saleColour)!important;
    text-align: center!important;
    width: 100%;
    justify-content: center;
    font-weight: 300;
}

.uk-offcanvas-bar a img[src="image/add.png"] {
	width: 15px;
	height: unset!important;
}

.uk-offcanvas-bar a img[src="image/menu-right.png"] {
	width: 15px;
	height: unset!important;
}

.splide__arrow {
	background-color: var(--secondaryColour);
	border-radius: 0;
	opacity: 1!important;
	height: 70px;
	width: 40px;
}

.splide__arrow svg {
    fill: white;
    width: 24px !important;
    height: unset;
}

.splide__arrow:hover {
	background-color: var(--primaryColour);
}

.dropdown-menu>li>a {
    font-size: var(--pFontSize) !important;
    line-height: 1vw;
}

.sample-button {
    width: 100%;
    margin: 15px 0;
	margin-top: 20px;
    border-radius: 4px;
    border: 1px solid rgba(49, 81, 75, 0.30);
    background: rgba(90, 117, 112, 0.05);
    color: var(--primaryColour);
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    padding: 10px;
	text-decoration: none!important;
}

.space-between > a {
	font-size: var(--pFontSize);
	color: var(--primaryColour);
	text-decoration: underline;
	display: flex;
	align-items: center;
}

.product-viewer-container h1 {
	font-size: clamp(24px, 1.7vw, 80px);
	line-height: clamp(28px, 1.8vw, 90px);
}

.product-options > .form-group input,
.product-options > .form-group label {
	font-size: var(--pFontSize);
}

input,
textarea {
	box-shadow: 0 0 transparent!important;
	border: 1px solid rgba(0,0,0,0.2)!important;
}

.product-price-container > button {
	background: var(--secondaryColour);
	border: 0;
	border-radius: 5px;
}

.product-price-container > button:hover {
	background-color: var(--highlightColour);
}

.space-between p {
	font-size: var(--pFontSize);
	line-height: 18px;
}

.breadcrumb a {
	color: var(--secondaryColour);
}

.breadcrumb {
	background-color: white;
}

.product-viewer-container > * > a:hover {
	text-decoration: none;
}

.rating a {
	color: var(--secondaryColour);
}

.product-viewer-container .rating {
	margin-top: 30px;
}

.product-price-container .prices .sale-price {
	color: var(--saleColour);
}

.title-container h2 {
	font-weight: 300;
}

.title-container p {
	margin: 0;
}

#tab-specification table tr td {
	font-size: var(--pFontSize);
}


.product-price-container .prices * {
	margin: 0;
	font-size: clamp(18px, 1vw, 40px);
	font-weight: 300!important;
}

.product-options #button-cart {
	font-size: var(--pFontSize);
}

.product-price-container > button {
    height: 2vw;
    padding: 0!important;
}

.product-price-container > div button {
	height: 2vw;
	border: 0!important;
	background: var(--secondaryColour)!important;
	border-radius: 5px!important;
}

.product-price-container > div button i {
	font-size: var(--pFontSize);
	color: white!important;
	box-shadow: 0 0 transparent;
}

.product-price-container > div button:focus {
	outline: 0!important;
}

.product-price-container > div button:hover {
	background: var(--highlightColour)!important;
}

.tooltip-inner {
	background: var(--primaryColour)!important;
	opacity: 1!important;
}

.tooltip-arrow {
	border-top-color: var(--primaryColour)!important;
}

.measuring-floor {
    position: fixed;
    z-index: 999999999999999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    justify-content: center;
	align-items: center;
	overflow: auto;
	transition:1s all ease;
	padding: 50px 0;
}

.measuring-floor > * {
	opacity: 0;
	transition: 0.5s all ease;
}

.measuring-floor > *.visible {
	opacity: 1;
	transition: 0.5s all ease;
}

.measuring-floor > *:not(.background) {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 20px;
	padding:60px 70px;
	max-height: 730px;
	height: 95%;
	overflow: auto;
}

.measuring-floor > *:nth-child(2) {
	background-color: rgba(49, 81, 75, 95%);
	flex-basis: 600px;
}

.measuring-floor > *:not(.background):last-of-type {
    background-color: #31514B;
    flex-basis: 700px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.measuring-floor > *:not(.background) * {
	color: white;
}

.measuring-floor > *:not(.background) p {
	margin: 0;
}

.measuring-floor > *:not(.background) .floor-row {
	display: flex;
	gap: 19px;
}

.measuring-floor > *:not(.background) .floor-row > img {
	width: 40px;
	height: 40px;
}

.measuring-floor > *:not(.background) .calc {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.measuring-floor .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(49 81 75 / 50%);
    z-index: 1;
}

.measuring-floor h2 {
	font-size: 35px;
	line-height: 35px;
	font-weight: 300;
}

.measuring-floor > *:not(.background):nth-child(2) img {
	width: 90%;
}

#close {
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
	transition: 0.25s all ease;
	width: 25px!important;
}

#close:hover {
	transform: scale(1.1);
}

.measuring-floor.mobile {
	display: none;
	max-height: unset;
	padding: 0!important;
}

.measuring-floor.mobile .image-container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 30px;
	row-gap: 15px;
}

.measuring-floor.mobile .image-container > img {
	width: calc(50% - 15px)!important;
	object-fit: contain;
	min-width: 200px;
}

.measuring-floor.mobile > *:not(.background):last-of-type {
	background-color: rgba(49, 81, 75, 0.85);
}

.measuring-floor.mobile #close {
	position: fixed;
}

.reset {
	background-color: var(--primaryColour)!important;
	color: white!important;
	text-decoration: none!important;
	border: 0;
}

.reset:hover {
	background-color: var(--highlightColour)!important;
}

.categories-bar .list-group-item:not(.child) {
	background-color: var(--secondaryColour)!important;
	color: white!important;
	font-size: 16px;
	text-shadow: unset!important;
	font-weight: 300;
}

.categories-bar .list-group-item.child {
	background-color: transparent!important;
	border: 0!important;
	color: var(--textColour);
	font-size: 15px;
}

.categories-bar .list-group-item.child span {
	background-color: rgba(0, 0, 0, 0.15);
}

.categories-bar .list-group-item.child.active span {
	background-color: var(--secondaryColour);
}

.categories-bar {
	background: #F7F8F8!important;
	margin-top: 30px;
}

.category-content-container .input-group-addon {
	background-color: transparent;
	border: 0;
	color: var(--primaryColour);
	font-weight: 300;
	font-size: var(--pFontSize);
}

.category-content-container select {
	font-size: var(--pFontSize)!important;
	height: 40px!important;
    padding: 8px 15px!important;
	border-radius: 5px!important;
	color: white;
	background-color: var(--primaryColour);
	border: 0!important;
	appearance: none;
	padding-right: 35px!important;
	position: relative;
}

.category-content-container select.is-open {
	border-radius: 5px 5px 0 0!important;
}

.category-content-container button.btn {
	background: transparent!important;
	height: 40px;
	border: 0;
	box-shadow: 0 0 transparent;
	padding: 0!important;
    margin: 0 10px;
	outline: none!important;
}

.category-content-container button.btn.active i {
	color: var(--primaryColour);
}

.category-content-container button.btn:last-of-type {
	margin-left: 0;
	margin-right: 0;
}

.category-content-container button.btn i {
	font-size: 25px!important;
	color: var(--secondaryColour);
}

.category-content-container .dropdown-select-icon {
    position: absolute;
    right: 13px;
    top: 17px;
    z-index: 2;
}

.lcs_wrap {
	height: 40px!important;
	width: 105px!important;
}

.lcs_label {
	width: 60px!important;
	top: 11px!important;
	font-family: var(--font)!important;
	font-size: 14px!important;
	font-weight: 300!important;
	letter-spacing: -0.1px!important;
}

.lcs_switch.lcs_on .lcs_cursor {
    left: 75px!important;
}

.lcs_switch.lcs_off .lcs_cursor {
    left: 8px!important;
}

.lcs_switch.lcs_off {
	background-color: var(--primaryColour)!important;
}

.lcs_switch.lcs_on {
	background-color: var(--highlightColour)!important;
}

.category-bottom  * {
	font-size: var(--pFontSize);
} 

.review-overlay > .review-form-container {
	background-color: var(--primaryColour);
}

.review-overlay > .review-form-container *:not(input,textarea,h2) {
	color: white;
	font-size: var(--pFontSize);
}

.review-overlay > .review-form-container h2 {
	color: white;
	font-size: 45px;
	text-transform: capitalize;
	line-height: 45px;
	text-align: center;
	margin-bottom: 10px!important;
}

.review-overlay > .review-form-container {
	font-size:16px;
}

.review-overlay > .review-form-container .buttons button {
	padding: 10px!important;
	border: 0;
	background: var(--secondaryColour);
}

.review-overlay > .review-form-container input,
.review-overlay > .review-form-container textarea {
	font-size: var(--pFontSize)!important;
	border: 0!important;
	box-shadow: 0 0 transparent;
	color: var(--textColour);
}

.button-1 {
	background-color: var(--highlightColour);
}

.button-2 {
	background-color: var(--primaryColour);
}

.contact-section input,
.contact-section textarea,
.contact-section label {
	font-size: var(--pFontSize);
}

.content-section-1 > .content a {
	color: var(--textColour)!important;
	font-weight: 800!important;
}

.content-section-1 *:not(button) {
	color: var(--textColour)!important;
}

.content-section-1 h2 {
	font-weight: 800!important;
}

.contact-section input::placeholder,
.contact-section textarea::placeholder {
    color: rgba(0,0,0,0.45);
    font-weight: 500;
}

.contact-section label {
    font-weight: 300;
}

.contact-section h3 {
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    margin-top: 10px!important;
    margin-bottom: 20px!important;
}

.contact-section h2 {
    font-weight: 300;
}

.contact-section .content p {
    margin: 0!important;
}

.contact-section .content a {
    color: var(--textColour);
    text-decoration: underline;
}

.contact-section .content a:hover {
    color: var(--secondaryColour)!important;
}

.contact-section > div.content > div.contact-details p {
    display: flex;
    gap: 5px;
}

.contact-section *:not(input, button){
    color: var(--textColour);
}

.content-section-1 .opening-times {
    background-color: var(--primaryColour);
}

.alert-success {
    background-color: var(--highlightColour)!important;
    color: white!important;
    border: 0!important;
    border-radius: 0!important;
}

.alert-success * {
    color: white!important;
}

.alert-success a {
    text-decoration: underline;
}

.alert-success button {
    color: white!important;
    opacity: 1!important;
    text-shadow: 0 0 transparent;
}

.large-content a {
    color:var(--textColour);
    text-decoration: underline;
}

.content-section-3 h2 {
    font-weight: 300;
}

.content-section-3 * {
    color: var(--textColour);
}

.content-section-3 .featured-floors > a .overlay * {
    font-size: 24px;
    line-height: 25px;
    color: white;
	font-weight: 300;
}

.account-pages-container legend {
	border-color: var(--primaryColour)!important;
	margin-top: 20px!important;
	text-align: left;
	font-weight: 300!important;
}

.account-pages-container h1 {
	font-weight: 300;
	margin-bottom: 15px!important;
}

.account-pages-container h2 {
	font-weight: 300;
	margin-bottom: 15px!important;
}

.account-pages-container a {
	color: var(--highlightColour)!important;
	text-decoration: underline;
	font-size: var(--pFontSize);
}

.account-pages-container label,
.account-pages-container input,
.account-pages-container textarea,
.account-pages-container select {
	font-size: var(--pFontSize)!important;
}

.account-pages-container input {
	accent-color: var(--highlightColour);
}

.account-pages-container .btn {
	background: var(--primaryColour)!important;
	outline: 0!important;
	border-radius: 5px!important;
	border: 0!important;
}

.account-pages-container .btn:hover {
	background-color: var(--secondaryColour)!important;
}

.account-buttons * {
	font-size: var(--pFontSize)!important;
}

.account-pages-container h1 {
	font-size: clamp(24px,2.2vw,10000000px);
	line-height: clamp(24px,2.2vw,10000000px);
}

.account-login > .row > * > .well .btn {
	color: white!important;
	text-decoration: unset!important;
	font-size: var(--pFontSize);
}

.account-pages-container #column-right a {
	color: var(--textColour)!important;
	text-decoration: unset!important;
}

.account-pages-container #column-right a:hover {
	background-color: var(--secondaryColour)!important;
	color: white!important;
	text-shadow: 0 0 transparent!important;
}

.account-nav h2 {
	font-size: 30px!important;
	line-height: 30px!important;
}

.account-pages-container.account-nav .col-sm-9 a:not(.btn) {
	color: var(--textColour)!important;
	text-decoration-color: var(--highlightColour);
	text-shadow: 0 0 transparent!important;
}

.account-pages-container.account-nav .col-sm-9 a.btn {
	color: white!important;
	text-decoration: unset!important;
}

.account-pages-container.account-nav .col-sm-9 .list-unstyled:last-of-type {
	margin-bottom: 0!important;
}

.cart-overlay *:not(button) {
	font-size: 15px!important;
	color: var(--textColour);
}

.remove-col-basket .btn-danger {
	background: var(--saleColour)!important;
	width: 22px!important;
	height: 22px!important;
	padding: 0!important;
	border-radius: 4px!important;
	border: 0!important;
}

.remove-col-basket {
	width: 22px;
}

#cart .dropdown-menu li:last-of-type p.text-right > a button.button-1:hover {
	background-color: var(--primaryColour)!important;
	color: white!important;
}

#cart .dropdown-menu li:last-of-type p.text-right > a button.button-2:hover {
	background-color: var(--secondaryColour)!important;
	color: white!important;
}

.content-section-1.deliveries ol li,
.content-section-1.deliveries ul li,
.content-section-3 ol li,
.content-section-3 ul li {
	font-size: var(--pFontSize);
}

.content-section-1.deliveries h3 {
	font-size: 24px;
	line-height: 28px;
}

.content-section-1.deliveries .background-image {
	max-height: 700px;
}

.review-box .content a {
	color: var(--secondaryColour)!important;
	text-decoration: underline;
}

.review-box .content p b {
	font-size: 22px;
	line-height: 24px;
}

.title-container.reviews .button-container {
	margin-top: 10px;
}

.title-container.reviews .button-container a {
	color: var(--highlightColour);
	border: 1px solid rgba(90, 117, 112, 0.4);
	padding: 10px 15px;
	font-size: 16px;
}

.title-container.reviews .button-container a:hover {
	background-color: var(--highlightColour);
	color: white!important;
	text-decoration: none!Important;
}

.live-search {
	overflow: auto;
	max-height: clamp(400px,65vh,99999999px);
	box-shadow: 0 0 transparent;
	padding-bottom: 40px!important;
}

.live-search .product-add-cart,
.live-search .product-price,
.live-search .product-name p {
	display: none!important;
}

.live-search .product-name {
	width: calc(100% - 50px)!important;
	font-weight: 300!important;
	font-size: clamp(14px,0.8vw,999999999px)!important;
	line-height: clamp(16px,0.9vw,999999999px)!important;
}

.live-search .product-image {
	width: 50px!important;
	height: 50px!important;
}

.live-search .product-image > img {
	width: 100%!important;
	height: 100%!important;
	object-fit: cover;
}

.live-search ul li {
	margin:0!important;
	padding: 10px!important;
}

.live-search .result-text {
	text-align: center;
	display: flex;
	justify-content: center;
	padding: 10px;
	background-color:var(--highlightColour)!important;
}

.live-search .result-text a {
	color: white!important;
	font-weight: 300;
	font-size: clamp(14px,0.8vw,999999999px)!important;
	line-height: clamp(16px,0.9vw,999999999px)!important;
}

.live-search ul li:hover {
    background-color: rgba(98 116 112 / 15%)!important;
}

.live-search ul li.no-matches {
	text-align: center;
	padding:10px 20px 4px 20px!important;
	margin-bottom: -10px!important;
	background-color:white!important;
}

.top-search-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	padding: 40px 100px 40px 100px;
	width: 100%;
}

.top-search-container .left-side {
	display: flex;
	column-gap: clamp(5px,1vw,999999999px);
	row-gap: clamp(5px,1vw,999999999px);
	flex-wrap: wrap;
	align-items: center;
}

.top-search-container .left-side *:not(h1) {
	font-size: var(--pFontSize);
}

.top-search-container .left-side label,
.top-search-container .left-side p {
	margin: 0!important;
}


.top-search-container .left-side h1 {
	flex-basis: 100%;
}

.top-search-container .left-side .search-options {
	display: flex;
	align-items: center;
	gap: 15px;
}

.top-search-container .left-side input[type="checkbox"] {
	accent-color: var(--highlightColour);
}

.form-control:focus {
    border-color: var(--highlightColour);
    outline: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.top-search-container .category-content-container {
	padding: 0!important;
}

.top-search-container input.button-1 {
	color: white;
	border-radius: 6px;
}

.sort-input-container {
	width: clamp(200px,15vw,9999999999px);
	min-width: unset!important;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex-basis: unset!important;
}

.sort-input-container label {
	font-size: var(--pFontSize);
}

.viewer-options-container {
	display: flex;
	align-items: flex-end;
	gap: 10px;
}

.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    color: #fff;
    background-color: var(--highlightColour);
    border-color: var(--highlightC.mid-navbar #logo imgolour);
}

.pagination>li>a, 
.pagination>li>span {
	color: #333;
    padding: 3px 8px;
}

.top-search-container .category-content-container .vat-price {
	min-width: unset!important;
	flex-basis: unset!important;
	display: flex;
	align-items: flex-end;
}

.list-links.flex-row {
    display: flex;
    flex-direction: row;
	column-gap: 30px;
	margin-top: 15px;
}

.list-links.flex-row > div > p:first-of-type {
	margin-bottom: 0px!Important;
}

.list-links.flex-row > div > p {
	line-height:25px;
}

.list-links.flex-row > div a p {
	line-height: 18px!important;
}

body {
	background-color: var(--primaryColour)!important;
}

main {
	max-width: 2560px;
    margin: auto;
    background-image: url(../../images/gear-background.webp)!important;
    background-size: 30%;
    background-repeat: repeat;
	background-color:var(--primaryColour);
    width: 100%;
    height: 100%;
	border-top: 0.5rem solid var(--highlightColour);
	border-image:linear-gradient(to right, #ae704f, #f7b288) 1;
}

.mid-navbar a {
	color: white!important;
	
}

.cart-container button span {
	color: white!important;
}

.banner-container {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 9rem;
	padding: calc(1.5rem + 0.2vw) 10rem;
	color: white;
}

.banner-container .process-col {
	display: flex;
	flex-direction: column;
	flex-basis: 34rem;
	gap: 1.5rem;
	position: relative;
}

.banner-container .process-col > div {
	display: flex;
	align-items: center;
	background-color: var(--secondaryColour);
	padding: 2rem;
	gap: 2.5rem;
	box-shadow: 4px 4px 6.2px 0 rgba(0, 0, 0, 0.25);
	position: relative;
	z-index: 2;
}

.banner-container .process-col p {
	margin: 0;
}

.banner-container .process-col > div > .image {
	width: 40%;
}

.banner-container .process-col > div > .image > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 16/12;
}

.banner-container .process-col > div > .content {
	width: 60%;
	padding: 1rem 0;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

h4 {
	color: white;
	
	font-size: 1.4rem!important;
	line-height: 1.6rem!important;
}

.banner-container .process-col > div > .content h4 img {
	width: 1.5rem;
	object-fit: contain;
	position: relative;
	top: 1px;
}

.banner-container .process-col > div > .content h4 {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
}

.banner-container .content .images {
	display: flex;
	gap: 1.5rem;
	margin-top: 1rem;
}

.banner-container .content .images > .image {
    display: flex;
	align-items: center;
	justify-content: center;
    gap: 1.25rem;
    margin-top: 3rem;
    height: 14.5rem;
	position: relative;
	box-shadow: 5px 4px 7.8px 0 rgba(0, 0, 0, 0.10);
	flex-basis: 33.333333333333333%;
	aspect-ratio: 1/1;
	overflow: hidden;
	transition: 0.25s all ease;
}

.banner-container .content .images > .image:hover {
    transform: scale(1.15) rotate(2.5deg);
}

.banner-container .content .images > .image img.front-image {
	opacity: 1;
	transition: 0.25s all ease;
}

.banner-container .content .images > .image:hover img.front-image {
	opacity: 0;
}

.banner-container .content .images > .image video {
	opacity: 0;
	transition: 0.25s all ease;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner-container .content .images > .image:hover video {
	opacity: 1;
}

.banner-container .content .images > .image:hover .cursor {
	opacity: 0;
}

.banner-container .content .images > .image > img:not(.cursor) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	object-fit: cover;
}

.banner-container .content .images > .image > img.cursor {
	width: 1.6rem;
	position: absolute;
	z-index: 2;
	right: 1.2rem;
	bottom: 1.2rem;
	transition: 0.25s all ease;
}

.banner-container > .content {
	flex-basis: calc(100% - 38rem);
	max-width: 810px;
	padding-bottom: 3rem;
}

.banner-container > .content form {
	padding: 0 1.5rem;
}

.banner-container > .content h1 {
	color: white;
	white-space: nowrap;
}

form .f-row {
	display: flex;
	gap: 1rem;
}

.banner-container form .f-row {
	margin-top:2rem;
}

form .f-row input[type="file"] {
    background: var(--secondaryColour);
    appearance: none!important;
    -webkit-appearance: none!important;
}

.feat-products {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 2.5rem;
	margin: 4rem 0;
	margin-bottom: 0;
	background-color: var(--secondaryBackgroundColour);
	padding: 4rem;
}

.product-c {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2.5rem;
	position: relative;
	flex-basis: calc(25% - 1.875rem);
	text-align: center;
	background-color: var(--primaryColour);
	transition: 0.25s all ease;
}

.product-c:hover {
	text-decoration: none!important;
	transform: scale(1.15) rotate(2.5deg);
}

.product-c img[src="images/custom-icon.png"] {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	width: 2.6rem;
}

.product-c .product-image {
    height: 17rem;
    display: flex;
	justify-content: center;
    align-items: center;
}

.product-c h3,
.product-c p {
	color: white;
}

.product-c p {
	font-weight: 300;
	margin-top: 1rem;
	margin-bottom: 1.2rem;
}

.product-c .product-image > img:not(.customIcon) {
	height: 90%;
	width: 80%;
	object-fit: contain;
	object-position: center;
}

.gallery-container {
	display: flex;
	gap: 0.75rem;
	padding: 4rem;
}

.gallery-container .col {
	display: flex;
	flex-direction: column;
	flex-basis: 25%;
    height: 40rem;
	gap: 0.75rem;
}

.gallery-container .col:nth-child(even) {
	flex-direction: column-reverse;
}

.gallery-container .col > div:first-of-type {
	flex-basis: 58%;
	position: relative;
	width: 100%;
}

.gallery-container .col > div:last-of-type {
	flex-basis: 42%;
	position: relative;
	width: 100%;
}

.gallery-container .col .cursor {
	width: 1.6rem;
	position: absolute;
	z-index: 2;
	right: 1.2rem;
	bottom: 1.2rem;
}

.gallery-container .col img:not(.cursor) {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	object-fit: cover;
}

.contact-form-container {
	display: flex;
	align-items: center;
	gap: calc(4rem + 0.5vw);
	background-color: var(--secondaryBackgroundColour);
	padding: calc(6rem + 0.2vw) calc(18rem + 2vw);
    border-top: .5rem solid transparent!important;
    border-bottom: .5rem solid transparent!important;
    border-image: linear-gradient(to right, #ae704f, #f7b288) 1!important;
}

.contact-form-container > * {
	flex-basis: 50%;
}

.contact-form-container > * svg * {
	fill: var(--highlightColour)!important;
}

.contact-form-container form {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.contact-form-container form .f-row {
	width: 100%;
	display: flex;
}

form .f-col {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.contact-form-container form input,
.contact-form-container form textarea {
	background-color: var(--primaryColour);
	padding: 1rem 1.5rem;
	resize: none;
	color: white;
	border-radius: 0!important;
	outline: none!important;
}

.contact-form-container form textarea {
	margin-bottom: .5rem;
	height: 7rem;
}

.contact-form-container form label {
	pointer-events: none;
}

.contact-form-container form button {
	width: fit-content;
}

.contact-form-container ::placeholder {
	color: rgba(255,255,255,0.2);
}

label b {
	color: var(--highlightColour);
}

.contact-form-container .content a {
	color: white;
	font-size: var(--pFontSize);
	display: flex;
	gap: 0.85rem;
}

.contact-form-container .content a svg {
	width: 1.5rem;
}

footer a:hover {
	color: white!important;
}

footer .row > div.contact > p:last-of-type {
	margin-top: 1rem!important;
}

footer .row > div.contact > p {
	margin-bottom: 0.65rem!important;
}

footer .row {
	gap: calc(3rem + 1vw);
}

footer a {
	line-height:2rem;
}

.file-container {
	position: relative;
	width: 18rem;
	cursor: pointer;
	gap: 1rem;
	padding:1rem 1.5rem;
	display: flex;
	justify-content: flex-start;
	border: 1px solid rgba(255, 255, 255, 0.25);
	align-items: center;
	margin: 0!important;
    background: var(--secondaryColour);
}

.file-container svg {
	width: 1.5rem;
}

.file-container input {
	position: absolute;
	opacity: 0;
	visibility: hidden;
}

.banner-container form .f-row button {
	height: 100%;
}

.process-col svg {
	position: absolute;
	z-index: 1;
}

.process-col .arrow-1 {
	left: -4rem;
    top: 10%;
}
.process-col .arrow-2 {
    right: -4rem;
    bottom: 10%;
}

.custom-menu {
	width: 100%;
	height: 100%;
	position: fixed;
	display: none;
	z-index: 99999999;
	top: 0;
	pointer-events: none;
}

.custom-menu .square-b-c {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	align-content: flex-start;
	position: absolute;
	top: 0;
	left: 0;
}

.custom-menu .square-b-c > div {
	flex-basis: 6.25%;
	height: max-content;
	transform: scale(0);
	aspect-ratio: 1 / 1;
}

.custom-menu .menu-content {
	position: relative;
	z-index: 2;
	opacity: 0;
	padding: 40px;
	width: 100%;
	transition: 1s all ease;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	gap: 20px;
}

.custom-menu .menu-content a {
	text-decoration: none!important;
}

.custom-menu .menu-content .close-button {
	cursor: pointer;
	position: absolute;
	right: 40px;
	top: 47px;
}

.custom-menu .menu-content .close-button:hover svg * {
	transition: 0.15s all ease;
}

.custom-menu .menu-content .close-button:hover svg * {
	fill: var(--highlightColour);
}

.custom-menu .menu-content .close-button svg {
	width: 30px;
}

.custom-menu .menu-content img {
	height: 40px;
	margin-bottom: 15px;
}

.custom-menu .menu-content .contact-info {
	margin-top: 25px!important;
	color: white;
	font-size: 17px;
	line-height: 19px;
	display: flex;
	gap: 10px;
	align-items: center;
}

.custom-menu .menu-content .contact-info svg {
	height: 20px;
}

.custom-menu .menu-content h3:hover {
	text-decoration: none!important;
	color: var(--highlightColour)!important;
}

.nav-gap {
	display: none;
}

.product-container-category {
	background-color: var(--secondaryBackgroundColour);
	padding: 2.5rem!important;
}

.product-c p b {
	font-size: 22px;
	font-weight: 500;
}

.product-c .content {
	display: flex;
	align-items: center;
	gap: 20px;
}

.product-c .content button {
    padding: 8px 1rem;
}

.ai-gen-container {
	display: flex;
	justify-content: center;
	gap: 5rem;
	padding: calc(1.5rem + 0.2vw) calc(8rem + 4vw);
	padding-bottom: calc(2rem + 0.5vw);
}

.ai-gen-container > .image {
	max-width: 40%;
	height: fit-content;
}

.ai-gen-container > .image img {
    max-width: 450px;
    max-height: 32vw;
    width: 100%;
}

.ai-gen-container > .content {
	flex-basis: 60%;
	max-width: 700px;
}

.ai-gen-container > .image,
.ai-gen-container > .content {
	position: relative;
}

.ai-gen-container > .image .caption {
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: var(--highlightColour);
	padding: 0.6rem 1rem;
}

.ai-gen-container > .image .caption p {
	margin: 0;
	font-family: var(--titleFont);
}

.ai-gen-container > .content > form > div {
	display: flex;
	flex-wrap: wrap;
	column-gap: 0.5rem;
	row-gap: 0.5rem;
	margin-bottom: 1rem;
}

.ai-gen-container > .content > form > div > p {
	flex-basis: 100%;
	margin-bottom: 0.25rem;
	font-weight: 300;
}

.ai-gen-container > .content > form > div > label {
	background-color: var(--secondaryColour);
	padding: 0.6rem 1rem;
	border-radius: 0.35rem;
	font-family: var(--titleFont);
	
	cursor: pointer;
	position: relative;
	transition: 0.15s all ease;
	margin-bottom: 0;
}

.ai-gen-container > .content > form label:has(input[type="radio"]:checked) {
    background-color: var(--highlightColour);
}

.ai-gen-container > .content > form > div > label input {
	opacity: 0;
	pointer-events: none;
	position: absolute;
}

.ai-gen-container > .content > form > div.prompt label {
	font-family: var(--font);
	padding: 0.2rem 0.6rem;
	text-transform: unset;
	font-weight: 300;
	position: relative;
	display: flex;
	justify-content: center;
	font-size: 15px;
    user-select: none;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; 
}

.row-s-b {
	display: flex;
	margin-top: 2.5rem;
	justify-content: space-between;
	align-items: center;	
}

.row-s-b .pricing {
	border: 1px solid var(--highlightColour);
	padding: 0.75rem 1rem;
	display: flex;
	flex-direction: column;
	align-content: center;
	gap: 0.2rem;
	text-align: center;
}

.row-s-b .pricing * {
	margin: 0;
}

.row-s-b .pricing h2 {
    font-size: 44px;
    line-height: 44px;
}

.row-s-b .pricing p {
	font-family: var(--titleFont);
	opacity: 0.5;
}

.ai-gen-container > .content > form > div.prompt.opacity-hidden {
	opacity: .5;
	pointer-events: none;
}

.ai-gen-container > .content > form > div.prompt label .video-container {
	position: absolute;
	width: 200px;
	height: 200px;
	z-index: 5;
	transform: scale(0) rotate(10deg);
	/* transition: 0.25s all ease; */
	pointer-events: none;
}

.ai-gen-container > .content > form > div.prompt label:hover .video-container {
	opacity: 1;
	transform: scale(0);
	transform-origin: center;
	/* transition: 0.35s all ease; */
}

.ai-gen-container > .content > form > div.prompt label:hover .video-container video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

b,
strong {
	font-weight: 300!important;
}

.ai-option-pics {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	margin-top: 2.5rem;
}

.ai-option-pics > a {
	flex-basis: calc(25% - 1.5rem);
	box-shadow: 0px 1px 1px rgba(3, 7, 18, 0.02),
	0px 5px 4px rgba(3, 7, 18, 0.03),
	0px 12px 9px rgba(3, 7, 18, 0.05),
	0px 20px 15px rgba(3, 7, 18, 0.06),
	0px 32px 24px rgba(3, 7, 18, 0.08);
	border-radius: 45px;
	transition: 0.3s all ease
}

.ai-option-pics > a:hover {
	transform: scale(1.05);
}

.sticker-media-layout form[data-media-form] .sticker-mode-grid {
	display: none!important;
}

.sticker-media-copy h1,
.sticker-media-copy p {
	color: white;
}

.sticker-media-copy h1 {
    margin-bottom: 10px!important;
    letter-spacing: -1.5px;
    font-size: 60px;
    line-height: 66px;
}

.sticker-media-copy p {
	color: rgba(255,255,255,0.7);
}

p,
.mid-navbar .right-row a,
p b,
p strong,
a,
label,
input,
textarea {
	font-family: "Google Sans", sans-serif!important;
	font-weight:200!important;
}

p b,
p strong {
	font-weight: 500!important;
}

button {
	font-family: var(--titleFont)!important;
}

@media (pointer:coarse) {

	.ai-gen-container > .content > form > div.prompt label .video-container {
		pointer-events: unset!important;
	}

}

@media (hover: none) {
	.custom-menu .menu-content .close-button svg * {
		fill: white!important;
	}
}

@media screen and (max-height: 800px) {

	.banner-container > .content {
		padding: 0;
	}	

	.banner-container {
		align-items: center;
	}

	.mid-navbar {
        height: 105px!important;
        padding-top: 20px !important;
    }

}

@media screen and (min-width: 2150px) {

	.review-box .content p b {
		font-size: 1vw;
		line-height: 1.5vw;
	}

	.title-container.reviews .button-container a {
		font-size: var(--pFontSize);
	}

	.content-section-1.deliveries .background-image {
		max-height: 32vw;
	}

	.content-section-1 > .content img.flags {
		margin-top: 35px;
		height: 3vw;
	}

	.content-section-1.deliveries h3 {
		font-size: 1.3vw;
		line-height: 1.4vw;
	}

	.account-pages-container.account-nav #content td {
		font-size: var(--pFontSize);
	}
		
	.account-nav h2 {
		font-size: 1.5vw !important;
		line-height: 1.6vw !important;
	}

	.account-pages-container legend {
		margin-top: 0.8vw!important;
		margin-bottom: 0.7vw;
	}

	.content-section-3 .featured-floors > a .overlay * {
		font-size: 1vw;
		line-height:1vw;
	}

    .large-content h4 {
        font-size: 1vw;
        line-height: 1vw;
    }

    .contact-section h3 {
        font-size: 1.1vw;
        line-height: 1.1vw;
        margin-top: 0.5vw !important;
        margin-bottom: 0.5vw !important;
    }

	.category-content-container select {
		padding: 0.5vw 0.7vw !important;
		padding-right: 1.4vw !important;
    	border-radius: 0.3vw !important;
		height: 2vw!important;
	}

	.category-content-container .dropdown-select-icon {
		right: 0.5vw;
	}

	.category-content-container .dropdown-select-icon {
		top: 0.8vw;
		min-width: 0.5vw !important;
	}

	.category-content-container button.btn i {
		font-size: 1.3vw !important;
	}

	.lcs_wrap {
		height: 2vw !important;
		width: 5vw !important;
	}

	.lcs_switch {
		border-radius: 1vw!important;
	}

	.lcs_cursor {
		width: 1vw!important;
		height: 1vw!important;
		margin-top: -0.5vw!important;
	}

	.lcs_label {
		width: 2.9vw !important;
		top: 0.65vw !important;
		font-size: 0.7vw!important;
		line-height: 0.7vw!important;
	}

	.lcs_switch.lcs_on .lcs_label_on {
		left: 0.6vw!important;
	}

	.lcs_switch.lcs_off .lcs_label_off {
		right: 0.55vw!important;
	}

	.lcs_switch.lcs_on .lcs_cursor {
		left: 3.6vw !important;
	}

	.categories-bar .list-group-item:not(.child) {
		font-size: 0.7vw;
	}

	.reset {
		font-size: 0.8vw;
	}

	.categories-bar .list-group-item.child {
		font-size: 0.65vw;
	}
	
	.category-content-container h2 {
		font-size: 1.6vw;
		line-height: 1.6vw;
	}

	#close {
		top: 1.3vw;
		right: 1.3vw;
		width: 1.5vw;
	}

	.measuring-floor > *:nth-child(2) {
		flex-basis: 30vw;
	}

	.measuring-floor > *:not(.background) {
		height: 75vh;
		max-height: unset;
		gap: 0.6vw;
		padding: 2.5vw;
	}

	.measuring-floor > *:not(.background):last-of-type {
		flex-basis: 36vw;
	}

	.measuring-floor h2 {
		font-size: 1.5vw;
		line-height: 1.5vw;
	}

	.product-title > div {
		min-width: 5vw;
		max-width: 5vw;
		max-height: 5vw;
		min-height: 5vw;
	}
		
	.price-tag {
		top: -3.5vw;
		padding: 10px 15px;
		border-radius: 5px;
	}

	.tags span {
		font-size: 0.7vw;
		gap: 0.3vw;
	}

	.product .content p b {
		font-size: 1.1vw;
		line-height: 1.1vw;
	}

	.product .content p {
		font-size: 1vw;
		line-height: 1.5vw;
	}

	.product h4 {
		font-size: 1.2vw;
		line-height: 1.5vw;
	}

	.tags span img {
		width: 0.6vw;
	}

	.top-container a {
		font-size: clamp(16px, 0.65vw, 100px);
	}

	.featured-banner > .large .company-logo {
    	max-height: 6vw;
	}

	.featured-banner > .tile > .overlay > img {
		width: 8vw;
		height: 4vw;
		object-fit: contain;
		max-width: unset;
		max-height: unset;
	}

	h4 {
		font-size: 2.2vw;
		line-height: 2.5vw;
	}

	h5 {
		font-size: 1.2vw;
		line-height: 1.2vw;
	}

	h6 {
		font-size: 7.5vw;
		line-height: 7vw;
	}

	h7 {
		font-size: 4vw;
		line-height: 5vw;
	}

	h8 {
		font-size: 2vw;
		line-height: 1vw;
	}

	.featured-banner > .large .content {
		justify-content: center;
	}

	.featured-banner > .tile > .overlay span {
		top: 1.5vw;
		right: -3.5vw;
		width: 15vw;
		height: 3vw;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.featured-banner > .tile > .overlay span h8 {
		margin-left:25px;
	}

	.featured-banner > .tile .overlay {
		padding: 2.2vw;
	}

	.categories-container > a span {
		font-size: 0.8vw;
	}

	.map-container > .overlay-container h2 {
		font-size: 1.4vw;
		line-height: 1.6vw;
	}

	.map-container > .overlay-container {
		gap: 0.4vw;
	}



}	

@media screen and (max-width: 1700px) {

}	

@media screen and (max-width: 1600px) {

	.contact-form-container {
		gap: calc(4rem + 0.5vw);
		padding: calc(6rem + 0.2vw) calc(12rem + 2vw);
	}

	.product-c .product-image {
		height: 15rem;
	}

	.product-c {
		padding: 1.75rem;
	}

	.banner-container {
		gap: 7rem;
		padding: calc(1.5rem + 0.2vh) 5rem;
		padding-left: 8rem;
	}

	.featured-banner > .large .content h6 span {
		top: -10px;
	}

	.product .content p {
		font-size: 15px;
		line-height: 18px;
	}

	.price-tag {
		top: -50px;
	}

	.product h4 {
		font-size: 17px;
		line-height: 21px;
	}

	.product .thumbnail {
		width: 70px;
		height: 70px;
	}

	.product .tags {
		width: calc(100% - 125px);
	}

	h4 {
		font-size: 40px;
		line-height: 40px;
	}	

	h6 {
		font-size: 115px;
		line-height: 100px;
		margin-bottom: 0;
	}

	h7 {
		font-size: 60px;
		line-height: 60px;
	}

	h8 {
		font-size: 30px;
		line-height: 30px;
	}

	h6 span {
		justify-content: flex-end;
	}

	.featured-banner > .large .content h6 {
		margin-bottom: 10px;
	}


}

@media screen and (max-width: 1500px) {

	.ai-gen-container {
		gap: 3rem;
		padding: calc(1.5rem + 0.2vw) calc(5rem + 4vw);
	}

	.product-c:last-of-type {
		display: none;
	}

	.product-c {
		flex-basis: calc(33.3333333333333% - 1.66666666667rem);
	}

	.mid-navbar {
		height: 140px;
	}

    .banner-container {
        gap: 5rem;
        padding: calc(1.5rem + 0.2vh) 5rem;
        padding-left: 5rem;
    }

	.list-links.flex-row {
		column-gap: 20px;
	}

	.process-col svg {
		display: none;
	}

	.nav-container.larger {
		gap: 30px;
	}
	
	.category-content-container button.btn {
		margin: 0 0px;
	}

	.featured-products > .product:last-of-type {
		display: none;
	}

	.featured-products .product {
		flex-basis: calc(33.33333333333% - 20px);
	}


}
	
@media screen and (max-width: 1400px) {

	.contact-form-container {
        padding: calc(6rem + 0.2vw) calc(8rem + 2vw);
    }

	.mid-navbar {
		padding: 0 calc(10rem + 2vw);
	}

	.top-search-container .left-side h1 {
		font-size: clamp(25px,2vw,9999999999px)!important;
		line-height: clamp(28px,2.2vw,9999999999px)!important;
	}

	.top-search-container {
		padding: 40px 60px 40px 60px;
	}

	.content-section-3 .featured-floors > a .overlay * {
		font-size: 20px;
		line-height: 22px;
	}

	.tiles-container > div h3 {
		margin-top: 0 !important;
		font-size: 22px !important;
		line-height: 26px;
	}

	.measuring-floor > *:not(.background):nth-child(2) img {
		width: 100%;
	}

	.measuring-floor h2 {
		font-size: 28px;
		line-height: 28px;
		font-weight: 300;
	}

	.measuring-floor h3 {
		font-size: 22px;
		line-height: 22px;
		font-weight: 300;
	}

	.measuring-floor > *:not(.background):last-of-type {
		flex-basis:600px!important;
	}

	.measuring-floor > *:nth-child(2) {
		flex-basis: 500px!important;
	}

	.banner-container .content .images > .image:last-of-type {
		display: none;
	}

	.banner-container .content .images > .image {
		flex-basis: 50%;
	}
	
	h1 {
		font-size: 2.2rem;
		line-height: 2.4rem;
	}


}	

@media screen and (max-width: 1300px) {

	.sticker-media-shell {
		width:calc(100% - 90px);
	}

	.sticker-media-copy h1 {
		font-size: 40px;
		line-height: 46px;
}

    .ai-gen-container {
        gap: 4rem;
        padding: calc(1.5rem + 0.2vw) calc(3rem + 2vw);
    }

	.gallery-container .col:last-of-type {
		display: none;
	}

	.gallery-container {
		padding: 2rem;
	}

	.gallery-container .col {
		flex-basis: 33.3333333333333333%;
	}

	footer .row > img {
		height: calc(2.2rem + 0.4vw);
		margin-top: 30px;
		margin-right: 10px;
	}

	h4 {
		font-size: 1.2rem !important;
		line-height: 1.5rem !important;
	}

	.banner-container {
		padding-top: 2.5rem;
	}

	.banner-container .process-col > div {
		padding: 1rem;
	}


	.category-content-container h2 {
		font-size: 30px;
		line-height: 32px;
	}

	.featured-banner > .large .company-logo {
		max-height: 100px;
	}
	
	.tiles-container > div:nth-child(4),
	.tiles-container > div:nth-child(1) {
		background-color: var(--primaryColour)!important;
	}

	.tiles-container > div:nth-child(3),
	.tiles-container > div:nth-child(2) {
		background-color: var(--secondaryColour)!important;
	}

	.product-price-container .prices * {
		font-size: clamp(17px, 1vw, 40px);
	}


}
	
@media screen and (max-width: 1200px) {

	.ai-gen-container h2 {
		font-size: calc(1.8rem + 0.2vw);
		line-height: calc(2rem + 0.2vw);
	}

	.contact-form-container {
        padding: calc(4rem + 0.2vw) calc(5rem + 2vw);
    }

	.feat-products {
		margin: 2rem 0;
		padding: 2.5rem;
		margin-bottom: 0;
		gap: 1.5rem;
	}

	.product-c {
        flex-basis: calc(33.3333333333333% - 1rem);
    }

	.banner-container {
		gap: 3rem;
	}

	.banner-container {
		padding-right: 3rem;
		padding-left: 3rem;
	}
	
	.top-search-container .category-content-container {
		flex-direction: row!important;
		align-items: flex-end!important;
	}

	.measuring-floor > *:nth-child(2) {
        flex-basis: 460px !important;
    }

    .measuring-floor > *:not(.background):last-of-type {
        flex-basis: 500px !important;
    }

	.measuring-floor > *:not(.background) {
		padding: 45px 50px;
		height: 100%;
		overflow: auto;
		justify-content: flex-start!important;
	}

	.breadcrumb > li {
		white-space: unset;
	}

	:root {
		--pFontSize: 15px;
	}

	.featured-banner > .tile > .overlay h5 img {
		width: 15px;
	}

	.featured-banner > .tile > .overlay h5 {
		gap: 7px;
	}

	h5 {
		font-size: 18px;
		line-height: 20px;
	}

    .mid-navbar {
        padding: 0 calc(5rem + 2vw);
    }


}

@media screen and (max-width: 1100px) {

	.contact-form-container {
        padding: calc(3rem + 0.2vw) calc(3rem + 2vw);
    }

	.banner-container > .content {
		max-width: unset!important;
		width: 100%!important;
	}

	.banner-container form .f-row {
		margin-top: .5rem;
	}

	.banner-container > .content form {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.banner-container .content .images > .image {
		flex-basis: 33.333333333%!important;
	}
	
	.banner-container {
		flex-direction: column-reverse;
	}

	.nav > li > a.dropdown-toggle {
		gap: 4px!important;
	}
	
	.banner-container .content .images > .image:last-of-type {
		display: block!important;
	}

}
	
@media screen and (max-width: 1000px) {

	.ai-gen-container > .image img {
		width: 250px;
		max-height: 250px;
	}

	.ai-gen-container {
		flex-direction: column;
		align-items: center;
		padding: 2rem!important;
		gap: 1.5rem;
	}

	.ai-gen-container > * {
		width: 100%!important;
		max-width: unset!important;
		flex-basis: unset!important;
	}

	.mid-navbar {
		position: fixed;
		z-index: 99999;
		border-top: 5px solid var(--highlightColour);
		top: 0;
		width: 100%;
		background-color: var(--secondaryBackgroundColour);
	}

	.product-container-category {
		padding: .5rem!important;
	}

	.product-container-category > div {
		gap: .5rem!important;
	}

	main {
		border-top: 0;
	}

	.nav-gap {
		display: block;
		height: calc(110px + 2vw);
	}

	.custom-menu {
		display: flex;
	}	

	.gallery-container .col:nth-child(3) {
		display: none;
	}

	.gallery-container {
        padding: 1.15rem;
    }

	.gallery-container .col {
		height: 23rem;
	}

	.contact-form-container {
		flex-direction: column;
		gap: 1.5rem;
	}

	.gallery-container .col {
		flex-basis: 50%;
	}

	.contact-form-container > * {
		flex-basis: unset;
		width: 100%;
	}

	.banner-container .process-col {
		flex-basis: unset!important;
	}

    .product-c:last-of-type {
        display: block;
    }

	.product-c {
		flex-basis: calc(50% - .75rem);
	}

	.file-container {
		width: 13rem;
	}

	.banner-container form .f-row {
		overflow: hidden;
	}

	.banner-container {
		padding: 1.25rem;
	}

	.mid-navbar #logo img {
		height: 60px;
	}

	.mid-navbar .right-row a {
		display: none;
	}

	.mid-navbar {
		padding: 0 1.5rem!important;
	}

	.featured-banner > .large .content h6 {
		margin-bottom: 0;
	}

	.featured-banner > .large .content h6 span {
		top: -3px;
	}
	
	.top-search-container .category-content-container {
		flex-direction: row-reverse!important;
	}

	.category-bottom {
		flex-direction: column;
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.top-search-container {
		flex-direction: column;
		gap:10px;
		overflow: hidden;
	}

	.left-side *:not(h1) {
		display: none!important;
	}

	.sort-input-container,
	.top-search-container .category-content-container {
		width: 100%!important;
	}

	.top-search-container {
        padding: 30px 25px 30px 25px;
    }

	.account-nav h2 {
		font-size: 20px !important;
		line-height: 24px !important;
		margin-bottom: 5px!important;
	}

	.account-pages-container.account-nav .row {
		flex-direction: column;
		gap: 25px;
	}

	.account-nav .list-unstyled {
		margin: 10px 0;
	}

	.account-pages-container .form-group input {
		font-size: 16px!important;
	}

	.account-pages-container h1 {
		margin-bottom: 5px!important;
	}

	#close {
		top:15px;
		right:15px;
		width: 20px!important;
	}

    .measuring-floor h2,
	.measuring-floor h3 {
        font-size: 22px;
        line-height: 22px;
	}

	.measuring-floor > *:not(.background) {
		padding: 40px 30px!important;
		gap: 15px!important;
	}

	.measuring-floor.mobile .image-container {
		margin: 15px 0!important;
	}

	.measuring-floor.mobile > div {
		max-height: unset!important;
	}

	.measuring-floor.mobile .floor-row > img {
		width: 40px;
		height: 40px;
	}

	.measuring-floor.desktop {
		display: none!important;
	}

	.nav > li > a,
	.sale-button-container button {
		font-size: 14px;
	}

	.measuring-floor {
		flex-direction: column;
	}

	.measuring-floor > *:not(.background),
	.measuring-floor > *:not(.background):last-of-type {
		width: 100%;
		height: fit-content;
		flex-basis: unset!important;
	}
	
}	

@media screen and (max-width: 820px) {

	.featured-banner > .large .company-logo {
		max-height: 70px;
	}

	#search .input-lg {
		border-radius: 0!important;
	}

	#top .container .socials {
		display: none;
	}

	#top .container > a:first-of-type {
		display: none;
	}

	.map-container iframe {
		height: 350px;
	}

	.map-container > .overlay-container.left {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.map-container > .overlay-container h2 {
		font-size: 24px;
		margin-bottom: 4px !important;
		line-height: 28px;
	}
	
	.map-container > .overlay-container {
		position: relative;
		border-radius: 0!important;
		text-align: center;
	}

	.map-container {
		display: flex;
		flex-direction: column;
	}
	
}	

@media screen and (max-width: 736px) {

	.ai-gen-container {
		overflow: hidden;
	}

	.ai-option-pics > a {
		flex-basis: calc(50% - .75rem);
	}

	.sticker-media-layout {
		gap: 2rem;
	}

	.sticker-media-shell {
		padding: 0;
		width: calc(100% - 50px);
		margin-top:20px;
		margin-bottom: 30px;
	}

	.ai-option-pics {
		gap: 1.5rem;
		margin-top: 1.5rem;
	}

	.ai-gen-container > .content > form > div.prompt label .video-container {
		width: 150px;
		height: 150px;
	}

	.ai-gen-container > .image {
		display: flex;
		justify-content: center;
		background-color: var(--secondaryBackgroundColour);
	}

	.ai-gen-container > .content > form > div.prompt label {
		padding: 0.5rem 0.8rem!important;
	}

	.ai-gen-container {
		padding: 1.75rem!important;
	}

	.row-s-b {
		margin-bottom: 0!important;
	}

	.ai-gen-container > .image img {
		max-height: 200px;
		object-fit: contain;
	}

	.ai-gen-container h2 {
        font-size: 25px;
        line-height: 26px;
    }

	.row-s-b .pricing h2 {
		font-size: 27px;
		line-height: 27px;
	}

	.row-s-b button {
		font-size: 22px;
	}

	.product-c .content {
		flex-direction: column;
		gap: 8px;
	}

	.product-c .content {
		width: 100%;
	}

	.product-c .content button {
		width: 100%;
	}

	.product-c p b {
		font-size: 17px!important;
	}
	
	:root {
		--buttonFontSize: 14px!important;
	}

	.gallery-container .col .cursor {
		width: 1.2rem;
		right: 0.8rem;
		bottom: 0.8rem;
	}

	.banner-container form .f-row button {
		padding: 10px 1.2rem;
	}

	.banner-container > .content form p {
		margin-bottom: 0.75rem;
	}

	.file-container svg {
		width: 1.15rem;
	}

	footer a {
		line-height: 24px;
	}

	.contact-form-container form,
	form .f-row {
		gap: 0.7rem;
	}

	.contact-form-container form input, .contact-form-container form textarea {
		padding: 0.7rem 1rem;
	}

	.product-c:hover {
		text-decoration: none !important;
		transform: unset!important
	}

	.product-c img[src="images/custom-icon.png"] {
		top: 1rem;
		right: 1rem;
		width: 1.6rem;
	}

	.product-c {
        flex-basis: calc(50% - .25rem);
		padding: 1.35rem 1rem!important;
    }

	input,
	textarea {
		font-size: 16px!important;
	}

	.product-c .product-image {
        height: 8rem;
    }

	.file-container {
		padding: 0.75rem 1rem;
		gap: 0.7rem;
	}
	
	button {
		padding: 10px 0.85rem;
	}

	.banner-container .process-col {
		gap:1rem;
	}

	.banner-container {
		gap: 1.75rem;
	}

	.banner-container .process-col > div > .content h4 {
		flex-direction: column;
	}

	.banner-container .process-col > div > .content h4 img {
		display: none;
	}

	.banner-container .process-col > div {
		gap: 1.5rem;
	}

	h4 {
        font-size: 1rem !important;
        line-height: 1.1rem !important;
    }

	.product-c h3 {
		font-size: 1.2rem;
		line-height: 1.25rem;
	}

	.product-c .product-image {
        height: 10rem;
    }

	.feat-products {
		padding: 0.5rem!important;
		gap: 0.5rem!important;
	}

	h2 {
		font-size: calc(2rem + 0.2vw);
		line-height: calc(2.25rem + 0.2vw);
	}

	.contact-form-container {
		padding: 2rem 1.75rem;
	}

	.contact-form-container form .f-row {
		flex-direction: column;
	}

    h1 {
        font-size: 2.2rem;
        line-height: 2.4rem;
		white-space: unset!important;
    }

	.feat-products {
		margin: 1rem 0;
		margin-bottom:0;
	}
	
	.banner-container .content .images {
		display: none;
	}

	.banner-container .content .images > .image {
		margin-top: 1rem;
	}
	
	.banner-container > .content form {
		padding: 0;
	}

	.content-section-1.deliveries h3 {
		font-size: 20px;
		line-height: 24px;
	}

	.account-pages-container label,
	.account-pages-container input,
	.account-pages-container textarea,
	.account-pages-container select {
		font-size: 16px!important;
	}

	.account-login h2 {
		margin-bottom: 5px!important;
	}

	.account-login > .row {
		flex-direction: column-reverse;
		gap: 15px;
	}

	.account-buttons > div {
		flex-direction: column;
		gap: 15px;
	}

	.account-buttons > div .btn {
		width: 100%;
	}
	
	.category-content-container h2 {
		font-size: 23px;
		line-height: 23px;
	}

	#search .input-lg {
		font-size: 16px!important;
	}

	.product-viewer-container h1 {
		font-size: clamp(18px, 1.7vw, 40px);
		line-height: clamp(22px, 1.8vw, 40px);
	}

	#tab-specification table tr td {
		font-size: 13px;
		line-height: 16px;
		padding: 5px 9px
	}

    .product h4 {
        font-size: 17px !important;
        line-height: 21px !important;
    }

	.tiles-container > div:nth-child(odd){
		background-color: var(--primaryColour)!important;
	}

	.tiles-container > div:nth-child(even){
		background-color: var(--secondaryColour)!important;
	}

	.featured-banner > .tile > .overlay h2 {
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 4px!important;
	}

	.featured-banner > .tile > .overlay h5 {
		font-size: 13px;
		line-height: 15px;
	}

	.featured-banner > .tile > .overlay span {
		position: absolute;
		transform: unset;
		top: 0;
		right: unset;
		left: 0;
		width: 100%;
	}

	.featured-banner > .small {
        height: 48vw;
    }

	.categories-container > a > img {
        border-radius: 5px;
        height: 33vw;
    }

	.categories-container > a span {
		border-radius:  0 0 5px 5px!important;
	}

	.featured-banner > .tile > .overlay > img {
		display: none;
	}

}	

@media screen and (max-width: 500px) {
	
	h6 {
		font-size: clamp(60px, 15vw, 70px)!important;
		line-height: 11vw;
		letter-spacing: -2px;
    }

	h7 {
		font-size: clamp(30px, 7vw, 70px)!important;
        line-height: 8vw;
    }

	h8 {
		font-size: clamp(16px, 3vw, 70px)!important;
        line-height: 3vw;
    }

    .large-content h4 {
        font-size: 18px!important;
        line-height: 22px!important;
    }
    


}