:root {
    /*BACKGROUND COLOR*/
    --bg-light-color: #fff;
    --bg-dark-color: #000;
    --bg-secondary-light-color: #f2f2f4;
    --bg-primary-light-color: #f6f6f6;
	--bg-new-dark-grey: #3a3f42;
	--bg-new-background-color:rgba(6, 102, 121, 1);

    /*FONT COLOR*/
    --font-color-dark: #000;
    --font-color-light: #fff;
    --font-color-lightdark: #666;
    --font-color-red: #e4080d;
    --font-color-dark-grey: #2a363b;
    --font-color-lightdark-grey: #444;
    --font-color-lighterdark-grey: #888;
    --font-color-breadcrumb-link: #999;
    --font-color-price-small: #4e4e4e;

    /*BORDER COLOR*/
    --border-color: #acaaa6;
    --border-light-color: #f2f2f2;

    /*FONT*/
    --font-main: janna-lt-w20-regular,sans-serif;

    /*BUTTON BACKGROUND*/
    --bg-button: #e4080d;
    --bg-button-hover: #cc1115;
	--bg-button-cat:#3a3f42;
	--bg-button-cat-hover:#55585c;
	--bg-button-grey:#999999;
	--bg-button-grey-hover:#666666;
	--bg-button-grey-hover-text:#66DA43;
	
	--bg-secondary-button-border:rgb(1,182,54);
	--bg-primary-button:rgb(1,182,54);

}

*, *::before, *::after {
    box-sizing: inherit;
}
@font-face {
    font-family: DINC;
    src: url(https://vgtates.essexgates.co.uk/wp-content/themes/VG/fonts/DIN-Condensed-Bold.ttf);
    font-weight: normal;
}

/*BOOTSTRAP OVERRIDE*/

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-right: var(--bs-gutter-x,1rem)!important;
    padding-left: var(--bs-gutter-x,1rem)!important;
}
.restriction-width{
	max-width:1600px!important;
	margin:auto!important;
}

.pc-page-margin{
	padding: 0 2rem; 
}
@media only screen and (min-width: 1601px) {
	.restriction-width{
		width:1600px!important;
	}
}	
@media only screen and (max-width: 1600px) {
	.restriction-width{
		margin:0px!important;
	}
}
@media only screen and (max-width: 1120px) {
    .pc-page-margin {
        padding: 0px 16px;
    }
	
}
body {
    background: var(--bg-light-color);
    min-height:100vh;
    padding: 0;
    margin: 0;
    font-family: var(--font-main)!important;
    letter-spacing: 0.4px;
    line-height: 1.55;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.8125rem!important;
    display:flex;
    flex-direction:column;
    position: relative;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.1!important;
    font-weight: 600!important;
}

h1 {
	font-family: Futura, "Trebuchet MS", Arial, sans-serif;
    margin-bottom: 1.5rem!important;
    padding-top: 1rem;
}

h2 {
    text-align: center;
    text-transform: uppercase;
    padding: 43px 0 30px;
    font-size: 1.4rem!important;
}

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

h5 {
    font-size: 14px!important;
}

/*Iphone Wonders*/
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 800px) {
    textarea:focus, input:focus {
        font-size: 16px;
    }
}

/*Testing*/

/* p, a, span, h1, h2, h3, h4, h5, small {
    color: var(--font-color-dark);
} */

/*GENERAL*/

main {
    padding-bottom: 2rem;
    background: var(--bg-light-color);
    z-index: 1;
}

.info-tel, .info-email {
    color: var(--font-color-light);
    font-size: .8rem;
    text-decoration: none;
}

.info-tel:hover, .info-email:hover {
    color: var(--font-color-light);
}


.nav-header > a {
    text-decoration: none;
    pointer-events: none;
}

.mobile-view {
    display: block;
}
.mobile-home-view {
    display: none;
}
.desktop-view {
    display: none;
}
.desktop-home-view {
    display: block;
}
.mobile-view-inline {
    display: inline-block;
}

.desktop-view-inline {
    display: none;
}
@media only screen and (min-width: 650px) {
	.second-row .desktop-view{
		display:block;
	}
	.second-row .mobile-view{
		display:none;
	}
}
@media only screen and (min-width: 1120px) {
    .mobile-view {
        display: none;
    }

    .desktop-view {
        display: block;
    }
	.mobile-view-inline {
		display: none;
	}

	.desktop-view-inline {
		display: inline-block;
	}

}


/* HEADER */

header {
    min-height: 40px;
}

header .address-bar {
    display: none;
}
@media only screen and (max-width: 1000px) {
	header {
		height: 50px;
	}
}
@media only screen and (min-width: 1000px) {
    header .address-bar {
        display: block;
        background-color: var(--bg-new-dark-grey);
        color: var(--font-color-light);
    }

    header .address-bar-el {
        width: auto!important;
    }

    header .address-bar a {
        text-decoration: none;
		color: var(--font-color-light);
    }

    header .address-bar > div{
        width: 100%;
    }

    header .address-bar .container {
        display: flex;
        justify-content: center;
    }

    header .address-bar span {
        margin: 0 .5rem;
        white-space: nowrap;
    }
	header .address-bar .row {
        max-height: 40px;
		min-height: 40px;
    }
	header .address-bar .row *{
        max-height: inherit;
    }
	header .address-bar .button-border{
		border-bottom: 1.5px solid hsl(0deg 0% 96% / 0%);
		padding-bottom: 4px;
		padding-top: 4px;
	}
	header .address-bar .button-border:hover{
		border-bottom: 1px solid var(--font-color-red);
	}
}

/*MASTHEAD*/
header .mba-row {
    height: 50px;
    margin-bottom: 10px;
	margin-top: 5px;
}

header .mobile-banner img {
    max-height: 40px;
}

header .masthead-content {
    min-height: 150px;
}

.account-dropdown {
    position: relative;
    cursor: pointer;
}

header .menu-logged-in-container, header .menu-logged-out-container {
    position: absolute;
    top: 100%;
    width: 200px;
    background: var(--bg-light-color);
}

header .mobile-account-dropdown .menu-logged-in-container, header .mobile-account-dropdown .menu-logged-out-container {
    position: relative;
    width: 100%;
    text-align: center;
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    margin-bottom: 1rem;
}

header #menu-logged-in, header #menu-logged-out, header #menu-logged-in-1, header #menu-logged-out-1 {
    flex-direction: column;
    list-style: none;
    padding-left: 0;
}

header #menu-logged-in-1 a, header #menu-logged-out-1 a, header #menu-logged-in a, header #menu-logged-out a {
    text-decoration: none;
    color: var(--font-color-lightdark);
}

header .my-account-icon {
    margin-right: .5rem;
    width: 1.5rem;
    padding-bottom: .2rem;
}

header .my-account-name {
    text-transform: uppercase;
}

header .my-account-down-icon {
    margin-left: .25rem;
    width: .5rem;
	z-index:101;
}

header .my-account-down-icon-m {
    width: .5rem;
}

header .cart-icon {
    width: 1.5rem;
    padding-bottom: .2rem;
}

header .masthead-links {
    position: relative;
    cursor: pointer;
}

header .masthead-links li{
    position: absolute;
    top: -13px;
    right: 5px;
}
.menu-shop-cart li{
	position:relative;
	bottom:20px;
	right:5px;
}

header .masthead-links li a, .menu-shop-cart li a{
    text-decoration: none;
    color: var(--font-color-dark);
}

.menu-logged-in-container, .menu-logged-out-container {
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    display: none;
    z-index: 101;
}

header .menu-logged-in-container > ul, header .menu-logged-out-container > ul {
    margin: .2rem 0;
    padding: 0 .5rem!important;
}

header .menu-logged-in-container > ul > li, header .menu-logged-out-container > ul > li {
    padding: .4rem;
}

/*ABOVE NAV INFO*/

.ani-con {
    border-top: 1px solid var(--bg-new-dark-grey);
    width: 100%;
}

.ani-logo {
    height: 1.5rem!important;
}

.ani-logo-quote {
    height: 1.25rem!important;
}

.above-nav-info a {
    text-align: center;
    margin: 0.5rem 0!important;
    padding-left: .5rem;
    text-decoration: none;
    color: var(--font-color-lightdark-grey);
    transition: 0.2s ease-in-out;
	border-bottom:1px solid transparent;
}

.above-nav-info a:hover {
    color: var(--font-color-dark);
	border-bottom: 1px solid red;
}

.above-nav-info .row {
    --bs-gutter-x: 0!important
}

.above-nav-info .col-4 {
    align-items: center;
}

@media only screen and (max-width: 1119px) {
    .above-nav-info {
        display: none;
    }
}


/*MOBILE*/

.mobile-menu-call {
    padding-right: 0!important;
}

@media only screen and (max-width: 992px) {
    .my-account-icon {
        padding-bottom: 0!important;
        margin-right: 0!important;
    }

    header .cart-icon {
        padding-bottom: 0!important;
    }

    .mobile-account .col-9 {
        width: 60%;
    }

    .mobile-account .col-3 {
        width: 40%;
        justify-content: flex-end!important;
    }

    header .masthead-links li {
        top: 15px;
        right: -5px;
    }

    header .menu-logged-in-container, header .menu-logged-out-container {
        top: 100%;
        right: 0;
        background: #fff;
        z-index: 1;
    }

    header .masthead-links li span {
        font-size: .7rem;
    }

    header .mba-row {
        margin-bottom: 10px;
		margin-top: 5px;
    }
}
@media only screen and (max-width: 700px) {
	header .masthead-links li {
        top: 0;
    }
}

/* Home page */

.home-page {
	padding-top:0;
}
.red{
	color:var(--font-color-red);
}
.home-page .main-row{
	width:100%;
	aspect-ratio:2.13;
	display:inline-block;
	position:relative;
	margin-top:30px;
}
.home-page .main-row img.pc{
	width:100%;
	aspect-ratio:2.13;
}
.home-page .main-row img.mobile{
	display:none;
}
.home-page .heading-1{
	width:100%;
    position: absolute;
    top: 12%;
    left: 50%;
    transform: translate( -50%, -50% ); 
	cursor:default;
	color: var(--bg-new-dark-grey);
	padding:0 0 0 7.5%;
}
.home-page h1{
	font-family: 'Futura Md BT';
	margin-bottom:5px!important; 
	padding:0;
	font-weight:400!important;
	font-size:2.6vw!important;
	min-width:280px;
}
.home-page h2{
	text-align:left;
	padding:0;
	font-size:2.1vw!important;
	font-weight:400!important;
	letter-spacing:1.5px;
}
.home-page h2 span{
	display:inline-block;
}
.home-page h2 span::first-letter{
	font-size:2.6vw!important;
}
.home-page h2.mobile{
	display:none;
}
.home-page .heading-2{
	width:100%;
    position: absolute;
    top: 26%;
    left: 50%;
    transform: translate( -50%, -50% );
	cursor:default;
	padding-right:15%;
	text-align:right;
	color: var(--bg-new-dark-grey);	
}
.home-page .heading-2 p{
	font-size:1.5vw;
}
.home-page .heading-2 p.mobile{
	display:none;
}
.home-page .heading-3{
	width:100%;
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translate( -50%, -50% ); 
	cursor:default;
}
.home-page h3{
    color: var(--bg-new-dark-grey);
	padding:0;
	text-align:center; 
	font-size:calc(0.45rem + .48vw)!important;
	font-weight:400!important;
}
.home-page h3.mobile{
	display:none;
}

/* SECOND ROW*/
.home-page .second-row{
	text-align:center;
	color: var(--bg-new-dark-grey);
	margin: 100px 0;
	width:100%;
	aspect-ratio:3.89;
	display:block;
}
.home-page .second-row img{
	max-height:30px;
	margin-bottom:25px!important;
	width:auto;
	margin: auto;
}
.home-page .second-row .welcome{
	font-size:calc(2.2rem + .6vw);
	font-family: "Copperplate Gothic Light";
	letter-spacing:2px;
}
.about-us img.logo, .projects img.logo{
	max-height:75px;
	margin-bottom:10px;
}
.about-us .main-wrapper, .projects .main-wrapper{
	margin:25px 0;
}

.home-page .second-row .welcome::after{
    content: '';
    display: block;
	margin:auto;
	position:relative;
	bottom:-5px;
    width: 25%;
    border-top: 1.5px solid var(--bg-button-grey-hover-text);
}

.about-us .secondary-text, .projects .secondary-text{
	font-size:20px;
	font-weight:600;
}
.second-row .secondary-text{
	font-size:calc(1.1rem + .48vw);
	line-height: normal;
}
.home-page .text, .strip-text .text{
	font-size:15px!important;
	max-width:70%;
	margin: auto;
}
.terms-conditions .text, .projects .text, .about-us .text{
	font-size:15px;
}
/* Driveway gates*/
.home-page .driveway-gates{
	display:inline-block;
	position:relative;
	width:100%;
	aspect-ratio:2.2;
}
.home-page .driveway-gates img{
	width:100%;
	aspect-ratio:2.28;
}
.home-page .photo-text{
	width:80%;
    position: absolute;
    left: 0%;
	top: 2%;
	color: var(--bg-new-dark-grey);
	cursor:default;
}
.home-page .photo-text .first-line{
	margin: 0 0 0 4%;
	font-size:2.5vw;
	transform: scale(1,1.2);
	font-weight:600;
	position:relative;
}
.home-page .photo-text .first-line-bottom{
	margin: 0;
	font-size:2.9vw;
	transform: scale(1,1.2);
	font-weight:600;
	text-align:right;
	position:relative;
}
.home-page .second-line{
	font-weight:600;
	font-size:1.6vw;
	position: absolute;
	left: 50%;
	top: 85%;
	transform: translate( -50%, -50% ); 
	text-align:center;
	color: var(--bg-new-dark-grey);
	line-height:2;
}

/*ss*/
.strip-text{
	text-align:center;
	margin: 100px 0!important;
	display:block;
	width:100%;
	aspect-ratio:3.89;
}
.title-text,.services-page .primary-text, .strip-text .primary-text, .about-us .primary-text, .FAQ .primary-text,.terms-conditions .primary-text,
 .privacy-policy .primary-text, .delivery-returns .primary-text, .payment-security .primary-text, .projects .primary-text{
	font-size:20px!important;
	letter-spacing:1.1px;
	margin-bottom:17px;
	font-weight:600;
}
.title-text{
	font-weight:400;
}
.projects .primary-text{
	margin:10px 0!important;
}
.title-text::after, .strip-text p.primary-text::after, .about-us .primary-text::after{
	content: '';
	display: block;
	margin:auto;
	position:relative;
	bottom:-7px;
	width: 15%;
	border-top: 1.5px solid var(--bg-button-grey-hover-text);
}
.service-title-wrapper{
	padding:0!important;
	text-align:center;
}
.title-text::after{
	width:100%;
}
.grey-btn{
	border:1px solid var(--bg-new-dark-grey);
	color:var(--font-color-light);
	background-color:var(--bg-new-dark-grey);
	text-decoration:none;
	font-size: 12px;
	padding: 2px 5px;
	text-wrap:nowrap;
	width:110px;
	cursor:pointer;
	border-radius:5px;
	text-transform:uppercase;
}
.sized-grey-btn{
	display:block;
	width:110px;
	padding:2px 5px;
	font-size:12px;
}


.grey-btn:hover{
	opacity:0.8;
	color:var(--font-color-light);
}
.grey-btn.secondary-btn:hover{
	border-color:var(--bg-secondary-button-border);
	opacity:1;
}

.privacy-policy li, .delivery-returns li{
	list-style:disc;
	color:var(--bg-new-dark-grey);
}
/* Font restrictions */

@media screen and (min-width: 1600px) {
	.home-page h1{
		font-size: 50px!important;
	}
	.home-page h2{
		font-size: 40px!important;
	}
	.home-page h2 span::first-letter{
		font-size: 42px!important;
	}
	.home-page .heading-2 p{
		font-size:30px!important;
	}
	.home-page .photo-text .first-line{
		font-size:40px!important;
	}
	.home-page .photo-text .first-line-bottom{
		font-size:50px!important;
	}
	.home-page .second-line{
		font-size:30px!important;
	}
}

/* MOBILE home page */
@media only screen and (max-width: 500px) {
	.desktop-home-view {
		display: none;
	}
	.mobile-home-view {
		display: block;
	}
	.home-page .main-row{
		width:100%;
		aspect-ratio:0.61;
		display:inline-block;
		position:relative;
		margin-top:10px;
	}
	.home-page .main-row img.mobile{
		display:inline-block;
		width:100%;
		aspect-ratio:0.61;
	}
	.home-page .main-row img.pc{
		display:none;
	}
	.home-page .heading-1{
		padding:0;
		text-align:center;
	}
	.home-page h1{
	font-size:calc(1.6rem + .6vw)!important;
	}
	.home-page h2{
		font-size:calc(0.67rem + .5vw)!important;
	}
	.home-page h2 span::first-letter{
		font-size:calc(0.8rem + .5vw)!important;
	}
	.home-page h2.pc{
		display:none;
	}
	.home-page h2.mobile{
		display:block;
		text-align:center;
	}
	.home-page h2.mobile-bottom{
		margin-right:2%;
		text-align:right;
	}
	.home-page .heading-2{
		top:55%;
		padding-left:8%;
		text-align:left;
		color:var(--font-color-light);
	}
	.home-page .heading-2 p{
		font-size:calc(1.1rem + .48vw)!important;
		font-weight:600
	}
	.home-page .heading-2 p.mobile{
		display:block;
	}
	.home-page .heading-2 p.pc{
		display:none;
	}	
	.home-page .heading-3{
		top:89.2%;
		padding-left:36%;	
	}
	.home-page h3{
		font-size:calc(0.7rem + .5vw)!important;
		padding:0 2% 0 0;
		margin:0;
		line-height:1.5!important;
		color:var(--font-color-light);
	}
	.home-page h3 span{
		font-weight:600;
	}
	.home-page h3.mobile{
		display:block;
		text-align:left;
	}
	.home-page h3.pc{
		display:none;
	}
	
}
@media only screen and (max-width: 500px) {
	
	.home-page .second-row{
		margin:50px 0 50px;
	}
	.home-page .second-row .welcome::after{
		width:60%;
		bottom:2px;
		border-top-width: 2px;
	}
	.home-page .second-row img{
		max-height:20px;
		margin-bottom:10px!important;
	}
	.home-page .second-row .welcome{
		font-size:20px;
	}
	.home-page .second-row .secondary-text{
		font-size: calc(0.5rem + .6vw);
		margin-top: 2px;
		font-weight:600;
	}
	.about-us .secondary-text, .projects .secondary-text{
		font-size:calc(0.5rem + .6vw);
	}
	.home-page .second-row .text{
		margin-top: 30px;
	}
	.home-page .text, .strip-text .text, .about-us .text, .projects .text{
		margin:0px!important;
		font-size:13px!important;
		max-width:100%!important;
	}
	.FAQ .text, .terms-conditions .text, .privacy-policy .text, .delivery-returns .text, .payment-security .text, .projects .text, .about-us .text{
		font-size:13px;
	}
	.about-us .text, .projects .text{
		margin-bottom:16px!important;
		padding:0 10px;
	}
	.home-page .driveway-gates{
		display:block;
		aspect-ratio:1.25;
	}
	.home-page .driveway-gates img{
		position:absolute;
		left:50%;
		top:50%;
		transform: translate(-50%,-50%);
	}
	.home-page .photo-text{
		width:100%;
		padding:0 4% 0 1%;
		transform: translate( -50%, -50% );
		top: 14%;
		left:50%;
	}
	.home-page .photo-text .first-line{
		margin:0;
		font-size:15px;
	}
	.home-page .photo-text .first-line-bottom{
		font-size:23px;
	}
	.home-page .second-line{
		font-size:15px;
		text-align:center;
		left: 50%;
		top:90%;
	}
	.strip-text{
		margin:30px 0!important;
		aspect-ratio:1.23!important;
	}
	.strip-text .primary-text,.about-us .primary-text, .FAQ .primary-text, .terms-conditions .primary-text,
	.privacy-policy .primary-text, .delivery-returns .primary-text, .payment-security .primary-text, .projects .primary-text{
		font-size:15px!important;
		font-weight:600;
		margin-bottom:12px;
	}
	.brands .strip-text .primary-text{
		font-size:11px!important;
	}
	.strip-text .primary-text::after,.about-us .primary-text::after{
		bottom:0;
		border-top-width: 2px;
		margin-top:10px;
		width:60%;
	}
	.title-text::after{
		border-top-width: 2px;
	}
	.about-us .primary-text::after{
		bottom:0;
		border-top-width: 2px;
		width:60%;
	}
	.about-us .second-box p{
		max-width:100%
	}
	.home-page .service-buttons-wrapper{
		position:relative;
		top:0;
		left:0;
		transform:none;
	}
	.home-page .service-buttons-wrapper .row{
		margin:0;
	}
	.home-page .service-buttons-wrapper .service-image{
		min-width:100%;
		margin:10px 0;
		padding:0;
	}
	.home-page .service-buttons-wrapper .NEW{
		font-size:30px;
		top:13%;
		left:13%;
	}
}
.no-after::after{
	border:none!important;
}
.brands-primary-text-mobile{
	display:none
}
.brands .strip-text{
	aspect-ratio:8;
}
@media only screen and (max-width: 801px) {
	.brands-primary-text-mobile{
		display:block
	}
	.brands-primary-text-pc{
		display:none
	}
	.brands .strip-text{
		aspect-ratio:unset!important;
	}
}

/*ACCOUNT*/

.desktop-view .right-masthead-content-container {
    margin-right: 2rem;
}

.desktop-view .account-dropdown {
    padding-right: 2rem;
}

header .desktop-view .my-account-icon {
    width: 1.75rem!important;
}

.desktop-view .my-account-name {
    font-size: .9rem;
}

.desktop-view .my-account-down-icon {
    width: .65rem!important;
}

header .desktop-view .cart-icon {
    width: 1.5rem!important;
}

.desktop-view .cart-contents-count {
    font-size: .9rem;
}

/*MOBILE*/
header .mobile-account > div {
    width: 100%;
    --bs-gutter-x: 0;
}

header .mobile-account {
    padding-left: 0;
    padding-right: 15px;
}

header .my-account {
    width: auto;
    justify-content: unset;
    padding: 0 5px;
    position: relative;
}

header .my-account-m {
    flex-direction: column;
}

.mobile-account-text {
    display: none;
}

header .my-account .fa-user {
    padding: 0 3px;
}

@media only screen and (min-width: 875px) {
    .mobile-account-text {
        display: block;
    }

    header .mobile-account > div {
        width: 100%;
        --bs-gutter-x: 1.5rem;
    }


    header .mobile-account {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    header .my-account .fa-user {
        padding: 0;
    }
}


/*DESKTOP*/
header .right-masthead-content {
    padding-right: 50px;
}

header .right-masthead-content span {
    white-space: nowrap;
}

header .right-masthead-content-container .masthead-links {
    justify-content: flex-end!important;
}

/*NAVIGATION MENU*/

header .main-navigation {
    display: none;
}

header .fa-bars {
    font-size: 25px!important;
}

.desktop-view .mega-menu-not-clickable > a {
    pointer-events: none;
}

/*MOBILE*/
.overlay-toggle::before {
    content: " ";
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}

header .mobile-menu ul, header .mobile-menu li {
    list-style: none;
}

header .mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    flex-direction: column;
    background-color: var(--bg-light-color);
    width: 250px;
    height: 100%;
    z-index: 11;
    display: none;
    overflow-y: scroll;
}

header .mobile-menu i {
    color: var(--font-color-dark-grey);
}

header .mobile-menu > i {
    position: absolute;
    margin-right: 5px;
    margin-top: 5px;
    right: 0;
    font-size: 20px;
}

header #menu-menu-1 {
    flex-direction: column;
    margin-top: 30px;
}

header #menu-menu-1 a {
    text-decoration: none;
}

header #menu-menu-1 > li > a {
    display: flex;
    padding: 14px 20px;
    text-transform: uppercase;
    color: var(--font-color-dark-grey);
    font-size: 14px;
    font-weight: 600;
}

header #menu-menu-1 .has-mega-menu a {
    align-items: baseline;
}

header #menu-menu-1 .has-mega-menu a > i {
    margin-left: auto;
	display:none;
}

header #menu-menu-1, header #menu-menu-1 ul {
    padding-left: 0;
}

header .mobile-menu .has-mega-menu > ul {
    padding: 0px 20px 10px!important;
    display: none;
}

header .mobile-menu .mega-menu-column ul {
    padding-left: 7px!important;
}

header .mobile-menu .mega-menu-column > a {
    display: block;
    font-weight: 600;
    color: #444;
    font-size: 12px;
    margin: 10px 0;
    text-transform: uppercase;
}

header .mobile-menu .mega-menu-column .sub-menu a {
    font-weight: 400;
    color: var(--font-color-lighterdark-grey);
    padding: 5px 0;
    display: block;
}

header .menu-menu-1-container {
    white-space: nowrap;
}

header .mega-menu-column-clickable a {
    color: var(--font-color-lighterdark-grey);
    padding: 5px 0;
    font-weight: 400;
    padding-left: 7px;
    display: block;
}

/*DESKTOP*/
@media only screen and (min-width: 1120px) {

	#navi{
		background: var(--bg-primary-light-color);
		padding: 7px 0px 7px 0px!important;
		border-bottom: 1px solid;
        border-color: var(--bg-new-dark-grey);
	}
    header .mobile-menu--request-quote {
        display: none!important;
    }    
    
    header .main-navigation {
        display: block;
        margin-left: 1rem!important;
        margin-right: 1rem!important;

    }
	header .main-navigation img{
        max-height: 55px;
		transition: max-height 1s;
    }
    header .main-navigation > div {
        position: relative;
    }

    header .menu-menu-1-container {
        height: 30px;
        white-space: initial;
		position:relative;
    }

    header #menu-menu-2 {
        list-style: none;
        margin: 0;
		margin-right:40px;
        flex-direction: row;
    }

    header #menu-menu-2 .logo-menu li a{
        padding-left: 0!important;
    }

    header #menu-menu-2 > .menu-item {
        padding: 0 10px 5px ;
        height: 30px;
        border-bottom: 1.5px solid;
        border-color: hsl(0deg 0% 96% / 0%);
        display: flex;
        align-items: center;
        justify-content: center;

    }

    header #menu-menu-2 .menu-item:hover {
        border-color: var(--font-color-red);
        transition: 0.1s ease-in-out;
    }

    header #menu-menu-2 > li:hover > a {
        
    }

    header .has-mega-menu > .sub-menu {
        position: absolute;
        background: var(--font-color-light);
        top: 36px;
        left: 32px;
        width: 100%;
		display:none;
        
        z-index: -1;
        box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    }

    /* header .mega-menu-padding > a {
        pointer-events: none;
    } */

    header .mega-menu-padding > .sub-menu {
        justify-content: center;
    }

    header .mega-menu-padding > .sub-menu > li a {
        padding-left: 0!important;
    }

    header #menu-menu-2 li, header #menu-menu-2 ul {
        list-style: none;
        padding: 0;
    }

    header #menu-menu-2 li a {
        text-decoration: none;
		border-bottom: solid 1.5px transparent
    }
	header #menu-menu-2 .sub-menu li a:hover {
		border-color: var(--font-color-red)
    }
    header #menu-menu-2 > li > a {
        color: var(--font-color-dark);
        white-space: nowrap;
    }


    header .has-mega-menu a {
        color: var(--font-color-dark);
    }

    header .mega-menu-column, header .mega-menu-column-clickable {
        margin-left: 10px;
        margin-top: 25px;
        margin-bottom: 25px;
        padding: 0 5px!important;
    }

    header .mega-menu-column > a {
        position: relative;
        font-weight: 600;
        letter-spacing: 1px;
        padding-bottom: 10px;
    }

    header .mega-menu-column ul {
        margin-top: 20px;
    }

    header .mega-menu-column ul li {
        padding: 5px 0!important;
    }

    header .mega-menu-column ul a, header .mega-menu-column-clickable a{
        color: var(--font-color-lightdark);
        font-weight: 400;
        line-height: 25px;
        transition: all 0.3s ease-in-out;
        
        display: block;
        border-bottom: 1.5px solid var(--bg-light-color);
    }

    header .mega-menu-column ul li a:hover, header .mega-menu-column-clickable a:hover{
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        -moz-transition: -moz-transform 0.3s ease-in-out;
        -ms-transition: -ms-transform 0.3s ease-in-out;
        -o-transition: -o-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -ms-transform: translateX(5px);
        -o-transform: translateX(5px);
        transform: translateX(5px);
        color: var(--font-color-dark);
        border-bottom: 1.5px solid var(--font-color-red);
    }

	#menu-menu-2 > .current-menu-item{
		border-color: var(--bg-button-grey-hover-text)!important;
	}
	#menu-menu-2 > .current-menu-ancestor{
		border-color: var(--bg-button-grey-hover-text)!important;
	}
	#menu-menu-2 > .current-menu-parent{
		border-color: var(--bg-button-grey-hover-text)!important;
	}
	.sub-menu > .current-menu-item > a{
		border-color: var(--bg-button-grey-hover-text)!important;
	}
}

/*MAIN*/

main #hero {
    max-height: 420px;
}

main #hero * {
    max-height: inherit;
}
/*Brands*/
main #brands {
    max-height: 200px;
	margin-bottom:1rem;
}

main #brands * {
    max-height: inherit;
}

.shop-brands .logos-cat-logo:hover img {
    transform: scale(1.05);
	filter: brightness(105%);
	
}
.shop-brands .logos-cat-logo img {
	max-height: 100px!important;
	transition: .2s ease-in-out;
	filter: brightness(90%);
}


/*CATEGORIES*/

main .category-group {
    flex-wrap: wrap;
}

main .category {
    width: 100%;
    margin-bottom: 30px;
}

main .category:hover img {
    transform: scale(1.05);
}

main .category a {
    width: 93%;
}

main .category img {
    width: 100%;
    transition: .2s ease-in-out;
}

/*DESKTOP*/
@media only screen and (min-width: 750px) {

    main .category {
        width: 50%;
        margin-bottom: 25px;
    }

    @media only screen and (min-width: 875px) {
        main .category {
            width: 33.333%;
            margin-bottom: 30px;
        }

    }
}

/*FOOTER*/

footer {
    margin-top:auto;
    min-height: 50px;
	z-index:10;
}

/* FOOTER MAIN */

footer .footer-main {
    min-height: 300px;
	padding: 50px 0;
	background:var(--bg-new-dark-grey);
}

footer .footer-company {
    text-align: center;
    color: var(--font-color-light);

}
footer .footer-address {
    display: block;
}
footer .footer-address p {
    margin-bottom:0;
}
footer .footer-address p:nth-child(1) {
    letter-spacing:1.5px;
	font-family:"Copperplate Gothic Light";
	margin-bottom:10px;
}

/*MOBILE*/
@media only screen and (max-width: 991px) {

    footer .footer-company {
        width: 100%;
		margin-bottom:5px;
    }
	footer .footer-company-wrapper{
		width:100%;
	}

    footer .footer-text {
        display: none;
    }
}
@media only screen and (max-width: 461px) {
}

footer .footer-company img {
    width: 240px;
	margin-bottom: 2px;
}

footer .footer-company-header {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}

/*FOOTER MENU*/

footer .footer-menu-start > li > .sub-menu {
    display: none;
}

footer .footer-menu-start {
    padding-left: 0;
}

footer .footer-down-arrow {
    display: none;
}

footer .footer-menu-start li {
    padding: 0;
}

@media only screen and (min-width: 992px) {
    footer .footer-menu-start > li > .sub-menu {
        display: block!important;
        height: 100%!important;
    }
	footer #menu-footer-menu li#menu-item-84{
		width:fit-content;	
	}
}
footer .mobile-footer-img {
		display:none;
}
footer .footer-mobile-dropdown {
        display: none;
    }
#menu-footer-menu > li > a {
	color: var(--font-color-light)!important;
    display: block;
    margin: 28px 0 10px;
	font-size: 20px;
}
@media only screen and (max-width: 1150px) {
	footer .footer-menu-start .col-3{
		width:23%;
	}
}
@media only screen and (max-width: 991px) {
	
     footer .footer-menu-start {
      	  flex-direction: column;
    }

    footer .footer-menu {
        width: 100%;
    }

    footer .footer-menu-start li {
        width: 100%!important;
    }
	
	footer .footer-menu-start li span {
        display:none;
    }
	
	#menu-footer-menu > li > a {
		text-transform: uppercase;
		border-bottom: 1px solid var(--font-color-light);
		font-size:17px;
		margin: 10px 0;
	}
	
    footer .footer-mobile-dropdown {
        display: inline;
        float: right;
    }

    footer .footer-menu-start li {
        padding: 0 10px!important;
    }
	
	footer .mobile-footer-img {
		display:flex;
	}
	footer #footer-dhf{
	max-height: 42px!important;
	margin-top:7px;
	}
	
	footer .mobile-footer-img img {
		max-height:36px!important;
	}
	
	
	footer li.footer-img {
	display:none
	}
}


footer .footer-menu-start * {
    list-style: none;
    text-decoration: none;
}


#menu-footer-menu > li > a > span {
    color: var(--font-color-red)!important;
}

footer .footer-menu-start .sub-menu {
    padding: 0;
}

footer .footer-menu-start .sub-menu > li {
    font-size: 14px;
}

footer .footer-menu-start .sub-menu > li > a {
    color: var(--font-color-light);
    padding: 2px 0;
    display: block;
    transition: all 0.3s ease-in-out;
}

footer .footer-menu-start .sub-menu > li:hover > a {
    transform: translateX(5px);
}

footer .footer-img img{
	max-height: 45px;
	margin-top: 10px;
	
}
footer .footer-img img:nth-child(1){
	padding-right: 0.5em;
}
footer .footer-dhf{
	max-height: 50px!important;
}
footer .footer-img a{
	max-height: 45px;
	padding: 0!important;
	display: inline!important;
}

footer .footer-logo-wrapper{
	height:auto;
	display:block;
}
/* footer icons */
footer .icons {
	width:40%;
	margin: auto;
	border:none;
	margin-bottom:5px;
	margin-top:5px;
}
footer .icons img {
	max-width:34px;
	margin:0 3px 5px;
}
footer .icons a{
	color:var(--font-color-light);
	text-decoration:none;
}
footer .icons p{
	display: none;
	font-size:14px;
	letter-spacing:1px;
}
footer .icons .icon-text-wrapper{
	display:none;
}
footer .icons .icon-wrapper{
	height:24px;
}
@media only screen and (min-width: 991px) {
	footer .icons{
		width:180px;
		border-bottom:1px solid;
	}
	footer .icons p{

	}
	footer .icons .icon-text-wrapper{
	display:block;
	min-height:22px;
	}
	footer .icons img {
	max-width:26px;
	max-height:18px;
	}
}
@media only screen and (max-width: 600px) {
	footer .icons{
		width:80%;
	}
}

/*COPYRIGHTS*/

footer .copyrights {
    color: var(--font-color-lightdark);
    min-height: 60px;
    display: block;
}

footer .copyrights strong {
    margin-top: .5rem;
	font-size: 11px;
}

.footer-copyrights-logos-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.footer-payment-security-logos {
	text-align: center;
}
.footer-payment-security-logos .footer-opayo{
	filter:grayscale(1);
	transition: all .2s ease-in-out;
}
.footer-payment-security-logos .footer-payment{
	filter:grayscale(1);
	transition: all .2s ease-in-out;
}
.footer-payment-security-logos .footer-opayo:hover {
	filter:unset;
}
.footer-payment-security-logos .footer-payment:hover {
	filter:unset;
}
.footer-payment-security-logos img  {
    height:1.5rem;
	margin: 5px;
}

.cp-address {
    display: none;
}
 footer .copyrights .desktop-copyr{
	display:none;
 }
 footer .copyrights .mobile-copyr{
	display:block;
	padding-bottom: 20px;
 }
 footer .copyrights .footer-opayo{
	display:none;
 }

@media only screen and (min-width: 992px) {
    footer .copyrights {
        text-align: left;
    }
	footer .copyrights .desktop-copyr{
	display:block;
	}
	footer .copyrights .mobile-copyr{
	display:none;
	}
	footer .copyrights .footer-opayo{
		display:inline;
	}
    footer .copyrights strong {
        margin: 0;
    }

    footer .footer-copyrights-logos-container {
        flex-direction: row;
        justify-content: space-between;
    }

    .footer-payment-security-logos img {
        margin-right: 1rem;
    }

    .cp-address {
        display: block;
        margin: 0!important;
        text-align: left;
        color: var(--font-color-dark-grey);
        font-weight: bold;
    }

}

/*BREADCRUMBS*/

header .breadcrumbs {
    background: var(--bg-secondary-light-color);
    z-index: 1;
}

header .breadcrumb {
    padding: 10px 0;
    font-size: 12px;
    display: inline-block;
    margin: 0;
}

header .breadcrumb a {
    text-decoration: none;
    color: var(--font-color-breadcrumb-link);
}

header .breadcrumb a:hover {
    color: var(--font-color-dark);
}

header .breadcrumb span {
    text-transform: uppercase;
}

header .breadcrumb-spacer {
    color: var(--font-color-lighterdark-grey);
    font-size: 8px;
    vertical-align: middle;
}

/*PRODUCT*/

/* .test {
    color: #fff;
    font-size: 0.7rem;
    justify-content: center;
}

.test p {
    margin-right: 1rem;
} */

main .products .product {
    text-align: center;
    background: var(--bg-secondary-light-color);
    transition: all .1s ease-in-out;
}

main .products .product:hover {
    box-shadow: 0 0 0 1px rgb(0 0 0 / 20%);
}

main .product a, main .product span, main .product h2{
    color: var(--font-color-dark);
}

main .woocommerce ul.products li.product .woocommerce-placeholder {
    border: none!important;
}


main .products .product:hover .woocommerce-loop-product__title {
    color: var(--font-color-lightdark);
}


.woocommerce .products .star-rating {
    margin: .5rem auto;
}


.woocommerce ul.products li.product .button, main.shop-pages .slider-wrapper .products li.product .button {
    width: 100%;
    transition: 0.1s ease-in-out;
    text-transform: uppercase;
    padding: 13px .8rem!important; 
    border-radius: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
	margin-top:10px;
	border-radius:5px!important;
}

/*PRODUCT PAGE*/

.single-product .price br {
    display: none;
}

main .up-sells, main .single_variation_wrap {
    width: 100%;
}

.woocommerce div.product p.stock {
    font-size: 0.8125rem!important;
}

.summary-custom ul li {
    list-style: initial!important;
}

.woocommerce div.product .product_title {
    font-size: 1.5rem;
	margin-bottom:10px!important
}

@media only screen and (max-width: 700px) {
    .woocommerce div.product .product_title {
        font-size: 1.2rem;
		margin-bottom:5px!important;
		margin-top:10px!important;
    }

}

.woocommerce div.product div.images.woocommerce-product-gallery {
    height: min-content!important;
}

.woocommerce div.product div.images .flex-control-thumbs {
    overflow: unset!important;
}

@media only screen and (min-width: 700px) {
    .woocommerce div.product div.images .flex-control-thumbs li img {
        object-fit: none;
    }
}

.summary-custom del, .product-card-price-inc-vat del, .dgwt-wcas-sp del, .dgwt-wcas-tpd-price del, .dgwt-wcas-pd-price del {
    display: none!important;
}

.product-card-price-inc-vat > ins {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.product-card-price-inc-vat > ins > small {
    width: 100%;
}

.product-card-price-inc-vat > ins + br {
    display: none;
}

.dgwt-wcas-suggestions-wrapp *, .dgwt-wcas-details-wrapp *, .dgwt-wcas-suggestion:hover  {
    text-decoration: none;
}

.product-page-brand-logo {
    height: 2rem!important;
    display: block;
    margin: 0 auto;
}

.product-page-brand-logo-bft {
    height: 4rem!important;
    display: block;
    margin: 0 auto;
}

.summary-custom ins, .product-card-price-inc-vat ins {
    text-decoration: none;
}

.xoo-cp-icon-check{
    display: none!important;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: var(--font-color-dark)!important;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background: var(--bg-primary-button);
    border-radius: 5px;
    text-transform: uppercase;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background: var(--bg-primary-button);
	opacity:0.8;
}

.woocommerce div.product form.cart {
    display: flex;
    align-items: center;
}

.woocommerce div.product {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

main .summary-custom {
    width: 100%;
    clear: none;
    float: right;
}

main .related {
    width: 100%;
    display: flex;
    flex-direction: column;
}

/*VARIATIONS*/

main .summary .variations tr {
    display: flex;
    flex-direction: column;
}
.quickswish-modal-content .summary .variations tr{
	display: flex;
    flex-direction: column;
}

select {
    padding: .5rem;
    outline: none;
}

/*MOBILE*/
@media only screen and (max-width: 1000px) {
    .woocommerce div.product {
        flex-direction: column;
        align-items: center;
    }
    .woocommerce div.product div.summary{
        width: 100%;
    }
    .woocommerce div.product .woocommerce-product-rating {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .woocommerce div.product form.cart {
        align-items: center!important;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        justify-content: center;
    }
    .woocommerce .summary div.quantity {
        justify-content: center;
    }
    @media only screen and (max-width: 500px) {
        .woocommerce div.product .woocommerce-tabs ul.tabs {
            /*flex-direction: column;*/
        }
        .woocommerce div.product .woocommerce-tabs ul.tabs li {
           /* border-radius: 0!important;
           border: none!important;
            text-align: center;*/
        }
        .woocommerce div.product .woocommerce-tabs ul.tabs li a {
           /* width: 100%;
            padding: 1rem 0!important;*/
        }
        .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
          /*  background: var(--font-color-lighterdark-grey);*/
        }
		#tab-title-reviews{
			display:none;
		}
    }

}


/*PRODUCT PAGE ADD TO CART*/

.woocommerce div.product form.cart {
    align-items: flex-start;
    flex-direction: column;
}

.woocommerce-cart-form .product-quantity .quantity{
    margin: 0!important;
}

.woocommerce div.quantity {
    width: min-content;
    margin-right: 0!important;
    border: 1px solid var(--border-color);
    display: flex;
}

.woocommerce .summary .cart div.quantity {
    margin-bottom: 1rem!important;
}

.woocommerce div.quantity .minus, .woocommerce div.quantity .plus, .woocommerce div.quantity .input-text{
    border: none!important;
}

.dgwt-wcas-pd-addtc-form div.quantity .minus, .dgwt-wcas-pd-addtc-form div.quantity .plus {
    display: none!important;
}

.woocommerce .dgwt-wcas-pd-addtc-form .quantity {
    margin-right: 1rem!important;
}

.woocommerce-cart-form div.quantity .minus, .woocommerce-cart-form div.quantity .plus, .woocommerce-cart-form div.quantity .input-text{
    padding: .25rem 0!important;
}

.woocommerce .summary .cart div.quantity .minus, .woocommerce .summary .cart div.quantity .plus, .woocommerce .summary .cart div.quantity .input-text{
    padding: .5rem 0!important;
}

.woocommerce-cart-form div.quantity .minus, .woocommerce-cart-form div.quantity .plus {
    padding-left: .5rem!important;
    padding-right: .5rem!important;
}

.woocommerce .summary .cart div.quantity .minus, .woocommerce .summary .cart div.quantity .plus {
    padding-left: 1rem!important;
    padding-right: 1rem!important;
}

.woocommerce .quantity .qty::-webkit-outer-spin-button, .woocommerce .quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.woocommerce .quantity .qty[type=number] {
    -moz-appearance: textfield;
}

.woocommerce .quantity .qty {
    outline:none
}

.woocommerce .quantity .qty:focus {
    background-color: var(--bg-secondary-light-color);
}

.woocommerce div.product form.cart .button {
    padding: 1rem 0;
    width: 100%;
    text-align: center;
	border-radius:5px;
}

.woocommerce-product-gallery__wrapper > div, .woocommerce-product-gallery__wrapper > div img {
    max-height: 500px;
    object-fit: contain;
}



/*PRODUCT PAGE TABS*/

.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs::after {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0;
    /* border-radius: 0; */
    border: 1px solid var(--border-color);
    padding: 0;
    background-color: var(--bg-secondary-light-color);
    border-left-width: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs .description_tab {
    border-left-width: 1px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: var(--font-color-dark)!important;
    padding: .5em 1em;
    font-weight: 600;
}


/*PRODUCT ADDED SUCCESFULLY POPUP*/

.woofc-action-left a, .woofc-action-right a {
    transition: .2s ease-in-out!important;
    border: 1px solid transparent!important;
    height: auto!important;
    line-height: normal!important;
    padding: 12px 10px!important;
	border-radius:5px!important;
}

.woofc-action-left a {
    background-color: unset!important;
	color:var(--bg-new-dark-grey)!important;
	border-color:var(--bg-new-dark-grey)!important;
}

.woofc-action-right a {
    background-color: var(--bg-primary-button)!important;
}

.woofc-action-left a:hover {
    border-color:var(--bg-secondary-button-border)!important;
}

.woofc-action-right a:hover {
    opacity:0.8!important;
}

.woocommerce-cart .woocommerce-shipping-methods {
    margin: 1rem 0!important;
	padding-left:12px!important;
}

@media only screen and (max-width: 768px) {
    .woofc-count {
        bottom: 10px;
        left: 10px;
    }
	.woocommerce-cart .woocommerce-shipping-methods {
		margin: 0!important;
		padding-left:0!important;
	}
}

/*CART PAGE*/

.woocommerce-cart .woocommerce-shipping-destination {
    display: none;
}



.cart-container {
    display: flex;
    justify-content: space-between;
}

.cart-collaterals {
    width: 35%!important;
}

.cart-container .checkout-customer-shipping-toggler {
    vertical-align: middle!important;
}

.cart-container .woocommerce-cart-form {
    width: 60%;
}

.cart-container .size-woocommerce_thumbnail {
    width: 4rem!important;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    width: 100%!important;
}

.cart-container .cart-collaterals h2 {
    display: none;
}

.woocommerce-cart-form__cart-item .product-name a {
    color: var(--font-color-dark);
    text-decoration: none;
}

.checkout-customer-shipping-complete {
    display: none;
}

.cart-trash-icon {
    filter: invert(93%) sepia(2%) saturate(10%) hue-rotate(160deg) brightness(93%) contrast(81%);
    width: .85rem!important;
}

.woocommerce a.remove:hover {
    background: unset;
}

.cart-trash-icon:hover {
    filter: invert(0%) sepia(6%) saturate(24%) hue-rotate(252deg) brightness(108%) contrast(106%);
}

.woocommerce-cart-form__contents button.button {
    color: var(--bg-new-dark-grey)!important;
    background: unset!important;
	border:1px solid var(--bg-new-dark-grey)!important;
}
.woocommerce-cart-form__contents button.button:hover {
	border-color:var(--bg-secondary-button-border)!important;
}
.woocommerce-cart-form__contents div.quantity .minus, .woocommerce-cart-form__contents div.quantity .plus {
    display: none!important;
}

.woocommerce-message {
    border-top-color: var(--font-color-dark)!important;;
}

.woocommerce-message::before {
    color: var(--font-color-dark)!important;
}

/*MOBILE*/
@media only screen and (max-width: 768px) {
    .woocommerce .quantity .qty[type=number] {
        border: 1px solid black!important;
    }
    .woocommerce div.quantity {
        display: flex;
        justify-content: flex-end;
        width: calc(100% - 60.66px);
        border: none!important;
    }
	.quickswish-open div.quantity{
		width:100%;
	}
    .cart-container {
        flex-direction: column;
    }

    .cart-container .woocommerce-cart-form {
        width: 100%;
    }

    .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
        width: 100%!important;
    }

    .woocommerce table.cart .product-thumbnail {
        display: block!important;
    }

    .woocommerce table.cart .product-thumbnail::before {
        content: "";
    }

    .woocommerce table.cart .product-remove {
        float: left;
        padding-top: 30px;
    }
}



/*WOOCOMMERCE GENERAL*/

.woocommerce-info::before {
    color: var(--font-color-dark);
}

.woocommerce-info {
    border-top-color: #000;
}

/*PRODUCT CARD WOOCOMMERCE*/

.woocommerce-loop-product__title {
    font-size: 1.15rem!important;
}

.woocommerce a.added_to_cart {
    display: none!important;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title,
 .woocommerce ul.products li.product h3, .slider-wrapper .products li.product .woocommerce-loop-product__title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.product-card-price {
    font-weight: 400;
    margin-bottom: .5em;
}

.product-card-price-inc-vat ins > span bdi, .product-card-price-inc-vat > span > bdi {
    font-size: .9rem;
    display: block;
	font-weight:bold;
}

.woocommerce-price-suffix *, .woocommerce-price-suffix {
    font-size: .65rem!important;
    color:var(--font-color-dark)!important;
}
.woocommerce-Price-amount.amount{
	font-weight:600;
}
.dgwt-wcas-overlay-mobile-on .woocommerce-price-suffix *, .dgwt-wcas-overlay-mobile-on .woocommerce-price-suffix {
    font-size: .5rem!important;
}

.js-dgwt-wcas-overlay-mobile .woocommerce-Price-amount {
    display: block;
    width: 100%;
}

.woocommerce-price-suffix {
    font-weight: 500;
}

.woocommerce-price-suffix bdi {
    font-weight: 400;
}
.woocommerce-price-suffix * {
	font-size: .8rem!important;
}
@media only screen and (max-width: 700px) {
    .woocommerce-price-suffix * {
        font-size: .8rem!important;
    }
}

.woocommerce ul.products li.product .woocommerce-loop-product__title, .product-card-price,
.slider-wrapper .products li.product .woocommerce-loop-product__title {
    padding-left: .2rem;
    padding-right: .2rem;
    font-size: .7rem!important;
	color:var(--font-color-dark);;
}

/*PRODUCT CARD RATING*/
.star-rating span:before {
    color: var(--font-color-red)!important;
}

.star-rating::before {
    content: "\53\53\53\53\53"!important;
    color: #ccc!important;
}

.star-rating::before,
.star-rating span:before {
    letter-spacing: 2px;
}

.woocommerce .star-rating {
    width: 6.1em;
}


/*DEFAULT PAGE*/

.default-page h2 {
    text-transform: initial;
    text-align: left;
}

.default-page p, ul, li {
    color: var(--font-color-lightdark);
}

.default-page h2, .default-page h3, .default-page h4, .default-page h5, .default-page h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    padding: 0;
}

.default-page .page-header {
    display: none;
}

.page-id-103 h4 {
    margin-bottom: 1rem!important;
}


/*WOOCOMMERCE - CHECKOUT*/

#order_review_heading {
    margin-top: .5rem;
}

.woocommerce-checkout-wrapper {
    display: flex;
}

.checkout-customer-details {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding-right: 1rem;
}

.woocommerce-checkout-review-order {
    width: 50%;
    padding-left: 1rem;
    position: sticky;
    top: 15px;
    align-self: flex-start;
    max-height: 95vh;
    overflow: auto;
}
@media only screen and (min-width: 1120px) {
	.woocommerce-checkout-review-order{
		top:60px;
	}
}

.checkout label {
    margin-bottom: 0.1rem;
}

input[type=text],  input[type=tel], input[type=email], input[type=password] {
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 100%;
    padding: 10px 15px;
    margin: 0;
    background: var(--bg-light-color);
    border: 1px solid var(--border-color);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-appearance: none;
    box-sizing: border-box;
    transition: 0.2s ease-in-out;
}

input[type=text]::placeholder, input[type=tel]::placeholder, input[type=email]::placeholder, textarea::placeholder, input[type=password]::placeholder {
    color: var(--border-color);
}

textarea {
    width: 100%;
    font-size: 14px;
    min-height: 5rem;
    line-height: 100%!important;
    padding: 10px 15px;
    margin: 0;
    background: var(--bg-light-color);
    border: 1px solid;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-appearance: none;
    box-sizing: border-box;
    transition: 0.2s ease-in-out;
    border-color: var(--border-color)!important;
}


#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: var(--bg-light-color);
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background: var(--bg-light-color);
}

/*CHECKOUT SHIPPING*/

.checkout .woocommerce-shipping-totals {
    display: flex!important;
    flex-direction: column;
}

@media only screen and (min-width: 770px) {
    #checkout-delivery {
        padding: 0!important;
    }
}

.checkout-shipping .total_ex_tax, .checkout #checkout-shipping, .checkout #cart-continue {
    display: none;
}

.shop_table {
    border: none!important;
}


.checkout-shipping-table tr, .checkout-shipping-table th, .checkout-shipping-table td, .payment-custom-container {
    display: block;
}

.woocommerce-shipping-methods {
    margin-bottom: 1.8rem!important;
}

.shipping-toggler-group, .payment-custom-container {
    display: none;
}

.checkout .checkout-shipping-table {
    width: 100%;
    margin: 0!important;
}

.checkout .checkout-toggler {
    display: block;
    color: var(--font-color-dark);
    width: 100%;
    font-size: 1.1rem;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: .5rem;
    line-height: 1.1!important;
    font-weight: 600!important;
    cursor: pointer;
    padding: 0.5rem 1rem;
    background: var(--bg-primary-light-color);
    transition: 0.2s ease-in-out;
}

.checkout .checkout-toggler:hover {
    background: var(--bg-secondary-light-color);
}

.woocommerce form .form-row {
    margin: 0 0 0.8rem;
}

#order_review_heading {
    font-size: 1.5rem;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: .5rem;
    line-height: 1.1!important;
    font-weight: 600!important;
    padding: 0;
    text-align: center;
}

.checkout .checkout-complete {
    color: var(--font-color-light);
    background: var(--bg-primary-button);
    text-decoration: none;
    padding: 0.7rem 0!important;
    margin: 1.2rem 0 2.5rem!important;
    display: block;
    width: 100%;
    text-align: center;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    font-weight: 600;
    text-transform: uppercase;
	border-radius:5px;
}

.checkout .checkout-complete:hover {
    opacity:0.8;
}

.checkout .checkout-toggler::after {
    content: " +";
    float: right;
}

.checkout .checkout-toggler.close::after {
    content: " -";
    float: right;
}

.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
    border-color: unset;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: none;
    padding: 20px 0;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    color: var(--font-color-light);
    background: var(--bg-primary-button);
    transition: 0.2s ease-in-out;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background: var(--bg-primary-button);
	color: var(--font-color-light);
	opacity:0.8;
}

.woocommerce-form-login .login-button {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
}

.woocommerce-form-login__submit, .woocommerce-form-register__submit, .woocommerce-ResetPassword .woocommerce-Button {
    margin-top: .5rem!important;
    padding: 1rem 2rem!important;
}

.woocommerce-form-login__rememberme {
    display: flex!important;
    align-items: center;
}

.woocommerce-form__input-checkbox {
    margin-right: 0.3rem;
}

.checkout .checkout-customer-details-wrapper .woocommerce-form__label-for-checkbox {
    display: flex!important;
    justify-content: center;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    align-items: center;
}

.checkout .checkout-customer-details-wrapper .woocommerce-form__label-for-checkbox:hover span {
    color: var(--font-color-dark-grey);
}

.checkout .checkout-customer-details-wrapper .woocommerce-form__label-for-checkbox input {
    margin: 0!important;
}

.checkout .checkout-customer-details-wrapper .woocommerce-form__label-for-checkbox span {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem;
    margin-left: 0.3rem;
    color: var(--font-color-dark)
}

.woocommerce ul#shipping_method li{
    margin: 0!important;
}
.woocommerce ul#shipping_method li p{
	margin-bottom:0;
}


/*WOOCOMMERCE - CHECKOUT - STRIPE*/

.wc-credit-card-form label {
    white-space: nowrap;
}

.wc-stripe-elements-field, .wc-stripe-iban-element-field {
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 100%;
    padding: 10px 15px!important;
    margin: 0!important;
    background: var(--bg-light-color);
    border: 1px solid var(--border-color)!important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-appearance: none;
    box-sizing: border-box;
    transition: 0.2s ease-in-out;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    width: 100%;
    height: 3rem;

}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    border: none;
    padding-bottom: 0!important;
	padding-left: 0!important;
	padding-right: 0!important;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    display: none;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    padding-left: 0;
	padding-right: 0;
}

.stripe-amex-icon {
    display: none!important;
}

/*CART MOBILE*/

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

    .woocommerce-checkout-wrapper {
        flex-direction: column-reverse;
    }

    .checkout-customer-details {
        width: 100%;
        padding-right: 0;
    }

    .woocommerce-checkout-review-order {
        width: 100%;
        padding-left: 0;
        position: relative;
        max-height: unset!important;
        overflow: unset!important;
    }

    @media only screen and (max-width: 390px) {
        #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
            padding: 0;
        }

        .woocommerce-checkout #payment .form-row-wide, .woocommerce-checkout #payment .place-order {
            width: 100%!important;
        }
    }
}




/*CATEGORY PAGE*/

.page-numbers {
    color: var(--font-color-breadcrumb-link);
}

.product-categories .current-cat > a {
    font-weight: bold;
}

.cat-item-106, .cat-item-107, .cat-item-108, .cat-item-109, .cat-item-231 {
    padding-left: 1rem;
}

.product-categories > .cat-item {display:none;}

.product-categories .current-cat, .product-categories .current-cat-parent {display:block!important;background: var(--bg-primary-light-color);}

.product-categories > .current-cat::before, .product-categories > .current-cat-parent::before {
    display: none;
}

.product-categories > .current-cat > a, .product-categories > .current-cat-parent > a {
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 1rem 0;
    text-transform: uppercase;
}

.product-categories .current-cat .cat-parent, .product-categories .current-cat-parent .cat-parent {
    margin-bottom: 1rem;
    padding: 0 .5rem;
}

.product-categories .current-cat .cat-parent > a, .product-categories .current-cat-parent .cat-parent > a {
    width: fit-content;
    font-weight: bold;
    text-transform: uppercase;
}

.product-categories > .cat-parent > .children > .cat-parent > .children > .cat-parent > a {
    font-weight: 600;
}

.current-cat > a, .current-cat-parent > a {
    font-weight: bold!important;
}

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

.category-sidemenu {
    margin-right: 2rem;
    width: 25%;
}

.category-sidemenu a {
    text-decoration: none;
    color: var(--font-color-dark);
}

.category-sidemenu ul, li {
    list-style: none;
}
.woocommerce li {
    list-style: none!important;
}
.default-page li {
    list-style: disc;
}

.category-sidemenu .product-categories {
    padding: 0;
}

.product-container {
    flex: 1;
}

.product-categories > .cat-parent > .children > .cat-parent::before {
    content: "-";
    float: right;
    font-size: 1.5rem;
    font-weight: 600;
    cursor: pointer;
}

.cat-parent.close-side::before {
    content: "+"!important;
}

.cat-parent ul {
    padding: 0;
}

.cat-parent a {
    padding: .5rem 0 .25rem;
    display: block;
}

.cat-parent a:hover {
    border-bottom: 1px solid var(--font-color-red);
	color: var(--font-color-dark);
}

.cat-parent .cat-parent .children {
    padding: 0 0 0 .5rem!important;
}

.category-sidemenu h2 {
    display: none;
}

/* @media only screen and (max-width: 500px) {
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%!important;
    }

    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product h2 {
        font-size: 1rem!important;
        padding-bottom: 0;
    }
} */


/*BRANDS CAT*/

.term-brands .category-sidemenu {
    display: none;
}

.term-brands .woocommerce-info {
    display: none;
}

.logos-cat-container {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	margin:auto;
}

.logos-cat-logo {
        display: flex;
        justify-content: center;
        width: 11%;
        margin: 1rem 0;
        align-items: center;
}

.logos-cat-logo a{
    display: flex;
    justify-content: center;
}

.logos-cat-logo img {
    height: 5rem;
    width: auto;
    object-fit: contain;
    width: 95%;
}

.shop-brands .logos-cat-logo{
	margin:0;
}
.shop-brands-slider{
	display:none;
}
.main-shop-slider .gs_logo_container{
	padding-bottom:10px!important
}
.main-shop-slider .gs_logo_single{
	padding:0 0 24px!important;
}
.main-shop-slider .gs_logo_single--wrapper{
	padding:0!important;
}
.swiper-pagination-bullet-active{
	background:var(--bg-primary-button);
}
@media only screen and (max-width: 1119px) {
	.shop-brands{
		display:none!important;
	}
	.shop-brands-slider{
		display:block;
	}
	.shop-brands-slider .gs_logo_container{
		padding-bottom:10px!important
	}
	.shop-brands-slider .gs_logo_single{
		padding:15px 0 24px!important;
	}
	.main-shop-slider .gs_logo_single{
		padding:10px 0 24px!important;
	}
}
@media only screen and (max-width: 749px) {
	main .category a{
		width:100%;
	}
}
@media only screen and (max-width: 500px) {


    .content-container {
        flex-direction: column;
    }

    .logos-cat-container {
        justify-content: center;
		max-width:unset!important;
    }

    .logos-cat-logo {
        width: 19.6%;
		margin:2px 0;
    }

    .logos-cat-logo img {
        width: 95%;
		height:auto;
    }
}

@media only screen and (max-width: 1000px) {
    .category-sidemenu {
        display: none;
    }

    .term-bft .category-sidemenu, .term-gibidi .category-sidemenu, .term-videx .category-sidemenu, .term-locinox .category-sidemenu, .term-hikvision .category-sidemenu {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-top: 1rem;
    }

    .category-sidemenu .product-categories > .current-cat > a {
        display: none;
    }

    .product-categories > .cat-parent > .children > .cat-parent > .children {
        display: none;
    }

    .term-hikvision .cat-parent a, .term-videx .cat-parent a, .term-locinox .cat-parent a  {
        font-weight: bold;
        text-transform: uppercase;
    }
}


/*ACCOUNT PAGE*/

.account-pages {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.account-page {
    width: 32%;
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    box-shadow: 0 2px 7px rgb(0 0 0 / 20%);
    margin-bottom: 2rem;
}

.account-page * {
    transition: 0.1s ease-in-out;
}

.account-page img {
    width: 2.6rem;
}

.account-page:hover img {
    filter: invert(30%) sepia(100%) saturate(1326%) hue-rotate(332deg) brightness(105%) contrast(85%);
}

.account-page:hover p {
    color: var(--font-color-dark);
}
.account-page p {
    margin: 1rem 0 0 0;
    text-transform: uppercase;
}

@media only screen and (max-width: 800px) {
    .account-pages {
        flex-direction: column;
    }

    .account-page {
        width: 100%;
    }
}

/*ORDERS PAGE*/

.woocommerce table.my_account_orders .button {
    margin-right: 1rem;
}

.woocommerce-orders-table__cell-order-actions {
    width: 35%;
}

.woocommerce-order-details a {
    color: var(--font-color-breadcrumb-link);
    text-decoration: none;
}

.woocommerce-order-details a:hover {
    color: var(--font-color-dark-grey);
}

.wc-customer-details-addresses p {
    margin: .5rem 0;
    color: var(--font-color-dark);
}

.woocommerce-MyAccount-orders a {
    color: var(--font-color-breadcrumb-link);
}

.woocommerce-MyAccount-orders a:hover {
    color: var(--font-color-dark-grey);
}

/*ADDRESSES*/

.woocommerce-Address header {
    margin-top: 2rem;
}

/*PASSWORD PAGE*/

.password-change-field legend {
    margin-top: 2rem;
}

.woocommerce-EditAccountForm .woocommerce-Button {
    padding: 1rem 2rem!important;
}


/*DRIVEWAY GATES*/

/*CAT PAGE*/

.driveway-gates-subcats {
    display: flex;
    justify-content: space-between;
    margin-top: 3rem;
}

.driveway-gates-group {
    width: 30%;
    text-decoration: none;
}

.driveway-gates-group img {
    height: 200px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 1rem;
}

.driveway-gate-button {
    color: var(--font-color-light);
    background: var(--bg-button);
    padding: .75rem 2.5rem;
    transition: .2s ease-in-out;
    display: block;
    width: 15rem;
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: 500;
}

.driveway-gates-group:hover .driveway-gate-button {
    background: var(--bg-button-hover);
    color: var(--font-color-light);
}

@media only screen and (max-width: 1000px) {
    .driveway-gates-subcats {
        flex-direction: column;
    }

    .driveway-gates-group {
        width: 100%;
        margin-bottom: 2rem;
        object-fit: contain;
    }
}



/*SUBCAT PAGE*/

.driveway-gates .featured-image img {
    width: 100%;
    max-height: 350px;
    object-fit: contain;
}

.driveway-gates .content {
    text-align: center;
}

.driveway-company-logo {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.driveway-company-logo img {
    width: 10rem;
    height: auto;
    object-fit: contain;
}

.driveway-company-logo span {
    font-size: 1.2rem;
}

.driveway-under-image-text {
    font-size: 1.25rem;
    text-align: center;
    text-transform: uppercase;
}

.driveway-gate-quote {
    color: var(--font-color-light);
    text-decoration: none;
    background: var(--bg-button);
    padding: .75rem 2.5rem;
    transition: .2s ease-in-out;
    display: block;
    width: fit-content;
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: 500;
}

.driveway-gate-quote:hover {
    background: var(--bg-button-hover);
    color: var(--font-color-light);
}

@media only screen and (max-width: 768px) {
    .driveway-gates .featured-image img {
        max-height: 150px;
    }

    .driveway-company-logo span {
        font-size: .8rem;
    }

    .driveway-company-logo img {
        width: 6rem;
    }
}

/*COOKIE*/

.cky-btn.cky-btn-accept {
    background-color: var(--bg-button)!important;
}

.cky-btn.cky-btn-accept:hover {
    background-color: var(--bg-button-hover)!important;
}
.cky-notice .cky-title {
	font-weight:600!important;
	font-size:14px!important;
	margin: 0 0 5px 0!important;
}
.cky-consent-bar{
	padding:10px 20px!important;
}
.cli-bar-message{
	font-size:12px!important;
}
/*CUSTOM CAT PAGE*/

.category-custom {
    margin-bottom: 2.5rem;
}

.wc-content-class {
    position: relative;
}

.category-logo {
    width: 15%;
    position: absolute;
    top: 0;
    right: 0;
}

.category-logo img {
    max-height: 80px;
}

.category-content {
    width: 80%;
}


@media only screen and (max-width: 750px) {
    .category-custom {
        flex-direction: column;
        align-items: center;
    }
    .category-content {
        width: 100%;
        text-align: center;
    }
    .category-logo {
        width: 30%;
        position: relative;
    }



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

    main {
        padding-top: 0!important;
    }
}


.woocommerce-ordering {
    display: none;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    filter: invert(100%);
}


/*DRIVEWAY GATES CATEGORY PAGE*/

.driveway-gates-cat .products ul, .driveway-gates-cat ul.products {
    width: 100%;
}

.driveway-gates-cat {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.driveway-gate-by-essexgates {
    display: flex;
    flex-direction: column;
    width: 20%;
    align-items: center;
    margin-bottom: 1rem;
}

.driveway-gate-by-essexgates span {
    font-size: 1.2rem;
}

.driveway-gates-cat .woocommerce-result-count {
    display: none;
}

.driveway-gates-cat .term-description {
    text-align: center;
    margin-bottom: 3rem;
}

.gate-products > li {
    display: flex;
    width: 100%!important;
    margin: 0 0 2rem!important;
    background-color: var(--bg-light-color)!important;
    min-height: 300px;
}

.gate-products > li > a {
    width: 50%;
    display: flex;
    padding: 0 1rem!important;
    align-items: center;
}

.gate-products > li > a > div {
    width: 100%;
}

.gate-products > li > a img {
    object-fit: contain;
    margin: 0!important;
}

.gate-products > li > div {
    width: 50%;
    padding: 0 1rem!important;
    display: flex;
    flex-direction: column;
}

.woocommerce ul.products ul.gate-products li.product > div h2 {
    font-size: 1rem!important;
    border-bottom: 2px solid var(--font-color-lightdark-grey);
    text-align: left;
    padding-bottom: 0!important;
    margin-bottom: 3rem;
}

.woocommerce ul.products ul.gate-products li.product > div p {
    margin-bottom: 1.5rem;
}

.gate-products > li > div .button {
    margin-top: auto!important;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
    margin-bottom: .5rem;
}

@media only screen and (max-width: 768px) {
    .driveway-gate-by-essexgates {
        width: 30%;
    }

    .driveway-gate-by-essexgates span {
        font-size: .8rem;
    }
}

@media only screen and (max-width: 900px) {
    .gate-products > li {
        flex-direction: column;
        border: 1px solid var(--border-light-color);
    }

    .gate-products > li > a {
        margin-top: .5rem;
    }

    .gate-products > li > a, .gate-products > li > div {
        width: 100%;
    }

    .woocommerce ul.products ul.gate-products li.product > div h2 {
        margin-bottom: 1.5rem;
    }
}

/*DRIVEWAY GATES PRODUCT PAGE*/

.product_cat-metal-gates .reviews_tab {
    display: none!important;
}

.product_cat-metal-gates .related{
    display: none;
}


/*PRODUCT OPTIONS*/

.product_cat-composite-gates .woocommerce-price-suffix, .product_cat-metal-gates .woocommerce-price-suffix, .product_cat-wooden-gates .woocommerce-price-suffix {
    display: none;
}

.tc-cell h3 {
    color: var(--font-color-dark);
    font-size: 1.2rem;
    text-transform: uppercase;
}

.tm-has-options .tmcp-checkbox {
    width: 1rem!important;
    height: 1rem;
}

.tm-element-ul-checkbox .tc-label-wrap {
    font-size: 1rem;
}

body .tm-element-ul-checkbox .tm-epo-field-label {
    display: flex!important;
    align-items: center;
}

.tm-collapse {
    background-image: none;
    background-color: var(--border-light-color);
    padding: 2px!important;
}

.tmcp-textfield {
    transition: 0.2s ease-in-out;
    height: 40px;
    font-size: 1rem;
    line-height: 100%;
    padding: 10px 15px;
    margin: 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-appearance: none;
    box-sizing: border-box;
    outline: none;
}

.tmcp-textfield:focus {
    border: 1px solid var(--font-color-lightdark)!important;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);
    transition: 0.2s ease-in-out;
    color: var(--font-color-dark);
}

.tmcp-textfield::placeholder {
    color: var(--font-color-breadcrumb-link);
}

.tm-arrow {
    font-size: 1.5rem;
}

.tc-row > label {
    margin-bottom: .5rem!important;
}

.tm-extra-product-options .tmcp-field-wrap.tc-active .tc-label-wrap img.radio_image, .tm-extra-product-options .tmcp-field-wrap.tc-active .tc-label-wrap img.checkbox_image, .tm-extra-product-options .tmcp-field-wrap.tc-active .tc-label-wrap .tmhexcolorimage.radio_image, .tm-extra-product-options .tmcp-field-wrap.tc-active .tc-label-wrap .tmhexcolorimage.checkbox_image {
    box-shadow: 0 0 0 2px var(--font-color-red)!important;
}

.tm-extra-product-options .radio_image, .tm-extra-product-options .checkbox_image {
    border: none!important;
    padding: 0!important;
}

.flex-control-thumbs li {
    width: auto!important;
}

.tm-has-options .woocommerce-tabs {
    display: none;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    margin-top: 1rem;
    margin-right: 0.5rem;
}

.hide-name-product-page + span > span{
    display: none;
}

@media only screen and (min-width: 1000px) {
    .tm-has-options .images.woocommerce-product-gallery {
        position: sticky!important;
        top: 20px;
    }
}

/* about us page */
.about-us .row, .projects .main-row{
	margin: 0 0 2em;
}

.about-us .featured-image img, .projects .featured-image img{
	width:100%;
	height:auto;
}
.about-us .background, .projects .background{
	background-color: var(--bg-primary-light-color);
	color: var(--bg-new-dark-grey);
}

.about-us .second-box .text{
	margin:0 auto 50px!important;
	max-width:80%
}
.about-us .second-box{
	padding:50px 0;
	text-align:center
}

@media only screen and (max-width: 1119px) {
    .about-us .row, .projects .main-row{
		flex-direction:column;
		margin: 20px 0;
	}
	.about-us .row > div, .projects .main-row > div{
		width:100%
	}
}

 /* title honeycomb */
.page-title{
	height:48px;
	margin:10px 0 20px;
	padding:10px 0;
	background:var(--bg-new-dark-grey);
	color:var(--font-color-light);
	width:100%;
	display:inline-block;
}
.page-title h1{ 
	padding:0;
	margin:0!important;
	font-size:20px;
}

/* SERVICES */
.home-page .service-buttons{
	display:inline-block;
	position:relative;
	width:100%;
	aspect-ratio:228/100;
	background:var(--bg-primary-light-color);
}

.services .Text{
	margin:0 0 100px!important;
	padding:100px 0;
	text-align:center;
	color:var(--bg-new-dark-grey);
	display:block;
}
.services .Text img{
	max-height: 35px;
	margin-bottom:10px!important;
	width:auto;
	margin:auto;
}
.services .primary-text, .shop-banner .primary-text{
	font-weight:600;
	font-size:22px;
	margin:0!important;
	line-height:1;
}

.services-page .primary-text{
	margin-bottom:17px!important;
}
.services .shop-banner .primary-text{
	padding:unset;
	margin:unset!important;
}
.shop-banner .primary-text span{
	display:inline-block;
	transform:scale(1.5,1);
}
.services .primary-text{
	padding:10px 0 0;	
}
.services .secondary-text, .shop-banner .secondary-text{
	font-size:20px;
	margin-bottom:20px;
	font-family:'Futura Md BT';
}
.shop-banner .secondary-text::after{
	content: '';
	display: block;
	margin:auto;
	position:relative;
	bottom:-9px;
	width: 50%;
	border-top: 1.5px solid var(--bg-button-grey-hover-text);
}
.services .text{
	font-size:12.5px;
}

.services .magic{
	font-weight:600;
}
.services .inline-text{
	margin:30px 0 0;
	display:inline-flex;
}
.services .inline-text-mobile{
	display:none;
}
.services .inline-text p{
	margin:0 10px;
}

.services .row{
	margin:50px 0;
}
.services .service-image img{
	width:100%;
	aspect-ratio:2.13;
	border-radius:5px 5px 0 0;
}

.services .service-description{
	position:relative;
	text-align:center;
	background:white;
	border-bottom:3px solid var(--bg-new-dark-grey);
	width:100%
}
.services .service-description p{
	margin:10px 0 0;
}
.services .service-description .text{
	margin-bottom:50px;
	max-width:100%;
}
.home-page .services .service-description .text{
	margin-bottom:22px;
}
.services .service-description a{
	position:absolute;
	bottom:0;
	left:50%;
	transform: translate(-50%,-50%);
	font-size:12px;
}
.home-page .services .service-description a{
	position:unset;
	transform:unset;
	margin:0 10px 10px;
}
.services-centre-button{
	position:absolute!important;
	transform:translate(-50%,0)!important;
	float:unset;
}
.services .service-wrapper{
	position:relative;
	padding: 0;
	box-shadow:4px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius:5px 5px 0 0;
	
}
.services .service-wrapper:hover {
    transform: scale(1.03);
}
.services .service-wrapper.middle-service{
	margin:0 20px;
}
.services .service-image{
		width:100%;
		aspect-ratio:2.13;
}
.custom-projects .service-image{
	aspect-ratio:unset;
}
.services .secondary-btn{
	display:block;
	border-color:var(--bg-new-dark-grey);
	background-color:unset;
	color:var(--bg-new-dark-grey);
}
.services .primary-btn{
	float:right;
}
.services .grey-btn{
	width:130px;
	padding:2px 5px;
}

.services .serv-trans{
	transition: .2s ease-in-out;
}
@media only screen and (max-width: 750px) {
	.services .inline-text{
		display:none;
	}
	.services .inline-text-mobile{
		display:block;
		margin-top:30px;
		max-width:60%;
		margin:30px auto 0;
	}
	.services .inline-text-mobile .row{
		margin: 0 0 0 10%;
	}
	.services .inline-text-mobile .check-icon{
		max-height:20px;
		margin:0!important;
	}
	.services .inline-text-mobile .text{
		margin:0;
		max-width:unset;
	}
}
@media only screen and (max-width: 680px) {
	.services .inline-text-mobile{
		max-width:80%;
	}
}
@media only screen and (max-width: 450px) {
	.services .inline-text-mobile{
		max-width:100%;
	}
}
@media only screen and (max-width: 500px) {
	.services{
		padding-top:30px;
		padding-bottom:10px;
	}
	.services .Text{
		margin:20px 0;
	}
	.services .text, .shop-banner .text{
		font-size:13px;
	}
	.services .service-image{
		width:100%;
		aspect-ratio:2.13;
	}
	.services .service-description{
		width:100%;
	}
	.services .service-description p {
		margin:10px 0 0;
	}
	.services .service-description .text{
		margin-bottom:50px!important;
		font-size:13px;
	}
	.home-page .services .service-description .text{
		margin-bottom:22px!important;
	}
	.services .service-wrapper.middle-service{
		margin:0;
		margin-bottom:20px;
	}
	.services .service-wrapper{
		flex:none;
		margin-bottom:20px;
	}
	.services .last-service{
		margin-bottom:60px;
	}
	.services .row{
		margin:0;
	}

	.service-wrapper.no-bottom-pad{
		margin-bottom:0px;
	}
	.services .primary-text{
		font-size:calc(0.9rem + .7vw);
	}
	.services .secondary-btn{
		left:calc(14% + 5vw)!important;
	}
	.services .primary-btn{
		left:calc(86% - 5vw)!important;
	}
}

/* Clients */
.clients {
	margin-bottom:100px;
}
.clients .strip-text{
	margin:100px 0 0!important;
	aspect-ratio:unset!important;
}

div[class*=gs_logo_container_list] .gs_logo_title{
	color:black;
}
.clients .col{
	max-width:50%!important;
}
.logo-container{
	max-width:100%!important;
}
.logo-container-wrapper{
	aspect-ratio:2.13;
	align-items:center;
}
.clients iframe{
	width:100%;
	aspect-ratio:2.13;
}
@media only screen and (min-width: 500px) {
	.clients .primary-text::after{
		width:30%!important;
	}
}
@media only screen and (max-width: 500px) {
	.clients iframe{
		aspect-ratio:1.72
	}
	.clients .col{
		max-width:100%!important;
	}
	.clients .strip-text{
		margin:30px 0 0!important;
	}
	.clients{
		margin-bottom:20px;
	}
}
/*FAQ*/
.FAQ .box-wrapper{
	background:#f8f8fb;
	align-items:center;
	padding:24px 10px;
	border-radius:4px;
	margin-bottom:10px;
}
.FAQ .text-wrapper{
	padding:10px;
}
.FAQ .primary-text{
	color:black;
	margin-bottom:16px;
	font-size:17px;
}
.FAQ .text{
	margin-bottom:0;
	13px;
}


/* Gate automation shop */

.inside-honeycomb-wrapper{
	width: 100%;
    aspect-ratio: 18.36;
    display: inline-block;
    position: relative;
}
.shop-honeycomb-top-elements{
	width:100%;
	max-height:30px;
	grid-area:1;
	margin-top:4px;
}
.shop-categories img{
	display:none!important;
}
.shop-categories{
	width:100%;
	max-height:35px;
	align-self:center;
	display:flex;
	justify-content:center;
}

.shop-categories #menu-door-entry-menu, .shop-categories #menu-barrier-menu, .shop-categories #menu-shop-menu, .shop-categories #menu-gate-motors-menu,
.shop-categories #menu-control-boards-menu, .shop-categories #menu-radio-control-menu, .shop-categories #menu-gate-safety-menu, .shop-categories #menu-electric-locks-menu, 
.shop-categories #menu-induction-loops-menu, .shop-categories #menu-engineer-services-menu{
	flex-wrap:wrap;
	padding:0;
	text-align:center;
	margin:5px 0 20px;
}


.shop-categories #menu-door-entry-menu li a, .shop-categories #menu-barrier-menu li a, .shop-categories #menu-shop-menu li a, .shop-categories #menu-gate-motors-menu li a,
.shop-categories #menu-control-boards-menu li a, .shop-categories #menu-radio-control-menu li a, .shop-categories #menu-gate-safety-menu li a, .shop-categories #menu-electric-locks-menu li a, 
.shop-categories #menu-induction-loops-menu li a, .shop-categories #menu-engineer-services-menu li a{
	background:var(--bg-secondary-light-color);
	width:100%;
	height:35px;
	margin:5px auto;
	display:flex;
	justify-content:center;
	align-items:center;
	color:var(--bg-new-dark-grey);
	text-decoration:none;
	border-radius:5px;
	box-shadow:4px 4px 2px 0 rgba(0, 0, 0, 0.2), -4px -4px 2px 0 rgba(255, 255, 255, 0.2);
	text-transform:uppercase;
}
.shop-categories #menu-door-entry-menu .current-menu-item a, .shop-categories #menu-barrier-menu .current-menu-item a, .shop-categories #menu-shop-menu .current-menu-item a, 
.shop-categories #menu-gate-motors-menu .current-menu-item a, .shop-categories #menu-control-boards-menu .current-menu-item a, 
.shop-categories #menu-radio-control-menu .current-menu-item a, .shop-categories #menu-gate-safety-menu .current-menu-item a, 
.shop-categories #menu-electric-locks-menu .current-menu-item a, .shop-categories #menu-induction-loops-menu .current-menu-item a, 
.shop-categories #menu-engineer-services-menu .current-menu-item a{
	box-shadow:inset 3px 3px 2px 0 rgba(0, 0, 0, 0.2), inset -4px -4px 2px 0 rgba(255, 255, 255, 0.2), 1px 1px 0px 0px #00000022, 0px 0px 1px 1px #00000006;
	border:1.5px solid var(--font-color-lightdark);
}

.shop-categories #menu-door-entry-menu li, .shop-categories #menu-barrier-menu li, .shop-categories #menu-shop-menu li, .shop-categories #menu-gate-motors-menu li,
.shop-categories #menu-control-boards-menu li, .shop-categories #menu-radio-control-menu li, .shop-categories #menu-gate-safety-menu li, .shop-categories #menu-electric-locks-menu li, 
.shop-categories #menu-induction-loops-menu li, .shop-categories #menu-engineer-services-menu li{
	width:50%;
	display:flex;
}
.shop-categories #menu-door-entry-menu li:nth-child(even), .shop-categories #menu-barrier-menu li:nth-child(even), .shop-categories #menu-shop-menu li:nth-child(even),
.shop-categories #menu-gate-motors-menu li:nth-child(even), .shop-categories #menu-control-boards-menu li:nth-child(even), 
.shop-categories #menu-radio-control-menu li:nth-child(even), .shop-categories #menu-gate-safety-menu, .shop-categories #menu-electric-locks-menu li:nth-child(even), 
.shop-categories #menu-induction-loops-menu li:nth-child(even), .shop-categories #menu-engineer-services-menu li:nth-child(even){
	justify-content:end;
}
.shop-categories #menu-door-entry-menu li:nth-child(even) a, .shop-categories #menu-barrier-menu li:nth-child(even) a, .shop-categories #menu-shop-menu li:nth-child(even) a,
.shop-categories #menu-gate-motors-menu li:nth-child(even) a, .shop-categories #menu-control-boards-menu li:nth-child(even) a, 
.shop-categories #menu-radio-control-menu li:nth-child(even) a, .shop-categories #menu-gate-safety-menu li:nth-child(even) a,
.shop-categories #menu-electric-locks-menu li:nth-child(even) a, .shop-categories #menu-induction-loops-menu li:nth-child(even) a, 
.shop-categories #menu-engineer-services-menu li:nth-child(even) a{
	margin:5px 0 5px 5px;
}

.shop-categories #menu-door-entry-menu li:nth-child(odd) a, .shop-categories #menu-barrier-menu li:nth-child(odd) a, .shop-categories #menu-shop-menu li:nth-child(odd) a,
.shop-categories #menu-gate-motors-menu li:nth-child(odd) a, .shop-categories #menu-control-boards-menu li:nth-child(odd) a, 
.shop-categories #menu-radio-control-menu li:nth-child(odd) a, .shop-categories #menu-gate-safety-menu li:nth-child(odd) a,
.shop-categories #menu-electric-locks-menu li:nth-child(odd) a, .shop-categories #menu-induction-loops-menu li:nth-child(odd) a, 
.shop-categories #menu-engineer-services-menu li:nth-child(odd) a{
	margin:5px 5px 5px 0;
}
.shop-banner{
	margin-bottom:20px;
	width:100%;
	display:grid;
	grid-template-columns: 1fr 1fr; 
	grid-template-rows: 1fr; 
	gap: 0px 0px;
}
.shop-banner .text{
	margin:0;
	font-size:15px;
}
.shop-banner .banner{
	width:100%;
	grid-area:1/1/2/3
}
.shop-banner .shop-banner-text-wrapper{
	align-self:center;
	text-align:center;
	grid-area:1/2/2/3;
	color:var(--font-color-light);
}

.shop-banner .shop-middle-banner-text-wrapper{
	padding:0 26%;
	text-align:center;
	align-self:end;
	grid-area:1/1/2/3;
	margin-bottom:20px;
}
.shop-banner .shop-middle-banner-text-wrapper .text{
	margin-top:20px;
}
.mobile-shop-bar{
	display:none;
}
.shop-banner-mobile, .mobile-shop-banner .mobile-banner{
	display:none;
}
@media only screen and (max-width: 1119px) {
	.mobile-shop-bar{
		display:block;
	}
	.shop-categories{
		margin:0;
		max-height:unset;
	}
}
@media only screen and (max-width: 750px) {
	
	.shop-banner{
		display:none;
	}
	.shop-banner-mobile .banner-mobile{
		max-width:100%;
	}
	.shop-banner-mobile, .mobile-shop-banner .mobile-banner{
		display:block;
	}
	.mobile-shop-banner .banner{
		display:none;
	}
	
	
	.main-shop-banner{
		display:block;
	}
	.mobile-shop-banner{
		display:grid;
		grid-template-columns: 1fr; 
		grid-template-rows: 0.8fr 1fr; 
		gap: 0px 0px; 
	}
	.mobile-shop-banner .mobile-banner{
		width:100%;
		grid-area: 1 / 1 / 3 / 2;
	}
	.mobile-shop-banner .shop-banner-text-wrapper{
		grid-area: 2 / 1 / 3 / 2;
	}
	.shop-banner .text{
		font-size:13px;
	}
	.shop-banner .primary-text{
		font-size:15px!important;
	}
	.service-banner .shop-banner-text-wrapper{
		color:var(--bg-new-dark-grey);
	}
}
@media only screen and (min-width: 1800px) {
	.shop-banner .text{
		font-size:calc(0.28rem + .48vw);
	}
}
@media only screen and (min-width: 770px) {
.woocommerce ul.products.columns-6 li.product, .woocommerce-page ul.products.columns-6 li.product{
	width:15.66%;
}
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product{
	width:18.8%;
}
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	margin-right:1.2%;
	border-radius: 0 0 5px 5px;
}
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last{
	margin-right:0;
}


/*SEARCH*/
/*GENERAL*/
.dgwt-wcas-search-wrapp{
	float:left;
}
.dgwt-wcas-sf-wrapp{
	margin-top:5px;
}
.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    background: var(--bg-secondary-light-color);
	height:30px;
}
.shop-honeycomb-top-elements .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{
	height:30px;
}
.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before {
    border-color: transparent var(--bg-secondary-light-color) transparent;
	top:7px;
}

	.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
		border: 1px solid #ddd;
		border-left:unset;
		border-radius: 0 3px 3px 0;
	}
	.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus ~ button.dgwt-wcas-search-submit  {
		border: 1px solid var(--font-color-lightdark);
		border-left:unset;
		box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);
		transition: 0.2s ease-in-out;
		color: var(--font-color-dark);
	}

@media only screen and (max-width: 1119px) {
	/*.dgwt-wcas-search-wrapp{
		float:unset;
	}
	.dgwt-wcas-sf-wrapp{
		margin-top:0;
	}
	.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before {
		top:11px;
	}
	.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
		background: var(--bg-secondary-light-color);
		height:38px;
		min-height:unset;
		margin:1px 1px 0 0;
	}*/
}


/*
.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:hover:before {
    border-right-color: var(--bg-primary-light-color)!important;
}


*/
.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:hover svg path{
    fill: var(--bg-primary-button)!important;
    opacity: 1;
}
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{
    transition: 0.2s ease-in-out;
}

.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus {
    border: 1px solid var(--font-color-lightdark);
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);
    transition: 0.2s ease-in-out;
    color: var(--font-color-dark);
}



.dgwt-wcas-enable-mobile-form {
    z-index: 1;
}

/*MOBILE*/
header .dgwt-wcas-search-wrapp {
    width: 100%;
    max-width: 800px;
}


header #sidebar {
    margin: 0;
    list-style: none;
    padding: 0;
    width: 100%;
}

.dgwt-wcas-overlay-mobile-on .dgwt-wcas-st {
    width: 65%!important;
}

.dgwt-wcas-overlay-mobile-on .dgwt-wcas-meta {
    width: 35%;
}



/*DESKTOP*/
header .searchbar {
    align-items: center;
    justify-content: flex-end;
}

@media only screen and (min-width: 992px) {
    header #sidebar {
        width: 90%;
    }
}

header #searchform > div{
    display: flex;
}

header #searchform #s {
    width: 100%;
    border: 1px solid var(--border-color);
    transition: 0.2s ease-in-out;
    font-size: 0.8rem;
    padding-left: 20px;
    color: var(--border-color);
}

header #searchform #s::placeholder {
    color: var(--border-color);
}

header #searchform #s:focus {
    border: 1px solid var(--font-color-lightdark);
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);
    transition: 0.2s ease-in-out;
    color: var(--font-color-dark);
}

header #searchform input, header #searchform button {
    min-height: 45px;
    border-radius: 0;
    box-shadow: none;
    outline: none;
}

header #searchsubmit {
    width: 60px;
    background-color: var(--bg-dark-color);
    color: var(--font-color-light);
    border: 1px solid var(--bg-dark-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

header #searchsubmit i {
    font-size: 20px;
}



/*FLY CART*/
.woofc-count-number {
    background: var(--bg-primary-button)!important;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-data:nth-of-type(5) {
    display: none!important;
}


.term-gfa .category-sidemenu {
    display: none;
}

.deliveryTable {
width:100%;
margin-bottom:1rem;
}
.deliveryTable td,.deliveryTable th {
  border: 1px solid #dddddd !important;
  padding: 8px;
}
.deliveryTable tr:first-child{
	background-color:#f2f2f2;
	font-weight:bold;
}
.deliveryTable tr:hover {background-color: #cccccc;}

.product-page-custom-download {
	border: 1px solid var(--border-color);
	border-radius: 4px;
	background-color: var(--bg-secondary-light-color);
	padding: 0.5em 1em;
	font-size: 0.9rem;
	display: block;
	max-width: 110px;
	margin-bottom: 10px;
}
.isStuck{
	margin-right: 1rem!important;
	background-color:white;
}
.isStuck img{
	max-height:40px!important;
	transition: max-height 1s;
}
.woosw-item--price del{
	display:none;
}
.wishlist{
	width:100%;
	background-color: var(--bg-new-dark-grey)!important;
}
.wishlist:hover{
	background-image: linear-gradient(rgb(0 0 0/40%) 0 0)!important;
}
.wishlist span{
	color:white!important;
}
.woocommerce .products li a.button{
	background-color: var(--bg-primary-button);
	font-size:12px;
}
.woocommerce .products li a.button:hover{
	opacity:0.8;
}
.woosw-item--add p a.button{
	background-color: var(--bg-new-dark-grey)!important;
}
.woosw-item--add p a.button:hover{
	 background-image: linear-gradient(rgb(0 0 0/40%) 0 0)!important;
}

.pum-title{ padding-right:50px;}

.amelia-v2-booking #amelia-container .am-fs__payments-app-info-total.am-single-row{
	display:none;
}
.amelia-v2-booking #amelia-container .am-fs__payments-app-info-subtotal{
	padding:0!important;
	border-bottom:none!important;
}
.am-fcil__heading{
	display:none;
}
.amelia-v2-booking #amelia-container .am-fcil__main{
	border:none!important;
}
.amelia-v2-booking #amelia-container .am-fcil__filter-buttons{
	display:none!important;
}
.amelia-v2-booking #amelia-container .am-cat__content{
	max-height:unset!important;
}
.amelia-v2-booking #amelia-container .am-fcil__item{
	max-width:350px!important;
}
.amelia-v2-booking #amelia-container .am-fcil__item-cost{
	position: absolute;
	transform: translate( -50%, -100% );
	right:-23px;
	bottom:13px;
}
@media only screen and (max-width: 1119px) {
	.amelia-v2-booking #amelia-container .am-fcil.am-mobile{
		padding:0!important;
	}
}
/*shop*/

.product .availability{
	
}
.product .availability-text{
	font-size:.75rem!important;
	font-weight:600;
	color:var(--font-color-dark);
}
.product .av{
	
}

.product .days{
	
}

.breadcrumbs-wrapper{
	background:var(--bg-secondary-light-color);
	position:relative;
	bottom:20px;
}
#breadcrumbs{
	padding:10px 0;
	font-size: 12px;
	margin:0;
	text-transform:uppercase;
}
#breadcrumbs a{
	text-decoration:none;
	color:var(--font-color-breadcrumb-link);
}
#breadcrumbs > span{
	color: var(--font-color-breadcrumb-link);
}
#breadcrumbs span.breadcrumb_last{
	color: black;
}

.quickswish-modal{
	padding-right:0!important;
}

@media only screen and (max-width: 1119px) {
	.sg-popup-content{
		
	}
}

/* Projects */
.projects .strip-text{
	aspect-ratio:unset;
}
.projects .details{
	margin:0!important;
	width:50%;
}
.projects .row{
	padding:20px 0;
	aspect-ratio:4.86;
}
.projects .main-row{
	padding:0
}
.projects .project-wrapper{
	display:flex;
	transition:.2s ease-in-out;
	box-shadow:4px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.projects .p-image{
	border-bottom:3px solid var(--bg-new-dark-grey)
}
@media only screen and (min-width: 1120px) {
	.projects .project-wrapper{
		aspect-ratio:512/121;
	}
	.projects .p-image img{
		height:100%;
		width:100%;
	}
}
.projects .p-text{
	text-align: center;
	background:white;
	position:relative;
	border-bottom:3px solid var(--bg-new-dark-grey);
	display:grid;
	grid-template-rows:max-content auto max-content 42px;
}
.projects .p-text a{
	justify-self:center;
	align-self:center;
}
.projects .details-wrapper{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}
.text-align-left{
	text-align:left
}
.projects .text, .about-us .text{
	padding:0 50px;
}
.projects .project-wrapper:hover{
	transform: scale(1.03);
}
.projects .pc-view{
	display:flex;
}
.projects .mobile-view{
	display:none;
}

@media only screen and (max-width: 1119px) {
	.projects .row{
		aspect-ratio:unset;
	}
	.projects .p-image{
		width:100%;
		border-bottom:unset;
	}
	.projects .p-text{
		width:100%;
	}
	.projects .project-wrapper{
		flex-direction:column;
	}
	.projects .p-text a{
		margin:10px;
	}
	.projects .text, .about-us .text{
		padding: 0 10px;
	}
	.projects .details{
		width:100%
	}
	.projects .pc-view{
		display:none;
	}
	.projects .mobile-view{
		display:block;
	}
}




.sgpb-popup-builder-content-html{
	padding:0 15px;
}
@media only screen and (max-width: 1119px) {
	.sgpb-popup-builder-content-html{
		padding:0;
	}
}

.home-page .gs_logo_container .gs_logo_title{
	color:unset;
	height:40px;
}
.gs-logo-details{
	height:40px;
}
.gs_logo_single{
	padding:24px 10px;
}

.projects .gs_logo_single img{
	border-radius:5px;
	box-shadow:4px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.custom-projects-page .gs_logo_single--inner img{
	border-radius:5px;
}
.home-page .gs_logo_single--inner > a, .custom-projects-page .gs_logo_single--inner img {
	transition: .2s ease-in-out;
}
.home-page .gs_logo_single--inner:hover > a, .custom-projects-page .gs_logo_single--inner:hover img{
	transform: scale(1.03)
}
.quickswish-btn{
	width:100%;
	border: 1px solid var(--bg-new-dark-grey);
	justify-content:center;
	padding:6px 5px;
	border-radius:5px;
	font-size:12px;
	background:var(--bg-secondary-light-color);
	color:black!important;
}
.quickswish-btn span{
	color:black!important;
}
.quickswish-btn:hover{
	border-color:var(--bg-secondary-button-border);
}
@media only screen and (max-width: 1119px) {
	.quickswish-modal-wrapper{
		max-height:90%!important;
	}
	.quickswish-thumbnail-slider{
		display:none!important;
	}

}
.quickswish-custom-scroll .summary-content{
	overflow:unset!important;
	max-height:unset!important;
}
.quickswish-modal-body{
	height:fit-content;
}
.quickswish-modal-body .woocommerce div.product form.cart{
	display:block;
}
.quickswish-modal-content{
	overflow:unset!important;
}
.woo-security-logos{
	margin-top:10px;
	border-radius: 5px;
	display:inline-grid;
}
.woo-security-logos-order{
	display:inline-block;
	position:relative;
	left:25%;
	top:5px;
}
.woo-security-logos-order img{
	max-width: 50%;
}

.woo-security-logos img{
	max-width: 50%;
	justify-self:center;
}

@media only screen and (max-width: 1119px) {
	.woo-security-logos img{
		max-width:80%;
	}
	.woo-security-logos-order{
		left:10%;
	}
	.woo-security-logos-order img{
		max-width: 80%;
	}
}
.woocommerce div.product div.images img{
	max-height:500px;
	width: auto;
	justify-self:center;
}
.wpgs-lightbox-icon{
	max-height:500px;
	display:grid;
}
.slick-slider{
	max-height:500px;
}
@media only screen and (min-width: 1120px) {
	.summary.entry-summary{
		width:58%!important;
	}
	.woocommerce div.product div.images{
		width:38%!important;
	}
}
.wc-proceed-to-checkout{
	padding-bottom:0!important;
}
.wc-proceed-to-checkout a{
	margin-bottom:0!important;
}

.quickswish-modal-content .pop-up-hide{
	display:none;
}
.quickswish-modal-content .woocommerce-product-details__short-description li{
	list-style:unset;
}


select {

  /* styling */
  background-color: white;
  border: 1px solid var(--bg-new-dark-grey);
  border-radius: 5px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;
  color:black;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc)!important;
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em!important;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em!important;
  background-repeat: no-repeat!important;
}

select:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc)!important;
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em!important;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em!important;
  background-repeat: no-repeat!important;
  border-color: var(--bg-primary-button)!important;
  outline: 0!important;
}


select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
select option{
	width:75%;
}
@media only screen and (max-width: 1119px) {
	.woocommerce div.product form.cart .variations select{
		width:100%
	}
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover{
	background:var(--bg-primary-button);
}

.coming-soon{
	position:relative;
	aspect-ratio:unset!important;
}
.coming-soon p{
	text-align:center;
	margin-bottom:0;
	color:var(--font-color-red);
	font-size:40px;
	font-family:"Copperplate Gothic Light";
}

/* DISABLED/coming soon stuff*/
.service-wrapper.disabled-service .service-image{
	display:grid;
}
.service-wrapper.disabled-service img{
	width:auto;
	align-self:center;
	justify-self:center;
}
.service-wrapper.disabled-service .grey-btn{
	opacity:0.6;
}

@media only screen and (max-width: 1119px) {
	.coming-soon p{
		font-size:30px;
	}
	.quickswish-modal-body .summary.entry-summary{
		padding:0!important;
	}
}
@media only screen and (max-width: 768px) {
	.service-wrapper.disabled-service img{
		transform:scale(0.5);
	}
}
.floating-whatsapp{
	box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 20px;
	position:fixed;
	z-index:99;
	bottom:40px;
	right:40px;
	border-radius:15px;
	transition:all 0.5s;
}
.floating-whatsapp:hover{
	bottom:50px;
}
@media only screen and (max-width: 1119px) {
	.floating-whatsapp{
		position:fixed;
		z-index:99;
		bottom:10px;
		right:10px;
	}

	
}
.home-icon{
	transition:all .5s;
}
.home-icon:hover{
	transform:scale(1.05);
}
.home-icon:hover g path:nth-child(2){
	fill:var(--bg-primary-button);
}
main.shop-pages .slider-wrapper{
	max-width:50vw;
	width:100%;
	padding:0 5%;
	margin-bottom:20px;
}
main.shop-pages .slider-wrapper .title, .categories .title{
	text-align:center;
	font-weight:600;
	font-size:20px;
	letter-spacing:1.1px;
}
main.shop-pages .slider-wrapper .title{
	margin-bottom:16px;
	text-decoration:unset;
	display:block;
	color:black;
}
main.shop-pages .slider-wrapper .products li.product a{
	text-decoration:none;
}
main.shop-pages .slider-wrapper .products li.product .woocommerce-loop-product__title{
	padding:0.5em 0;
	margin:0;
}
main.shop-pages .slider-wrapper .products li.product a img{
	width:100%;
	height:auto;
	display:block;
	margin:0 0 1em;
	box-shadow:none;
}
main.shop-pages .slider-wrapper .products li.product{
	margin:0 10px;
	border-radius:0 0 5px 5px;
}
main.shop-pages .slider-wrapper .slick-arrow:before{
	font-size:25px;
	font-weight:600;
	color:black;
	opacity:0.6;	
}
main.shop-pages .slider-wrapper .slick-prev:before {
	content:"≪";
}

main.shop-pages .slider-wrapper .slick-next:before {
	content:"≫";
}
main.shop-pages .slider-wrapper .slick-arrow:hover:before{
	opacity:1;	
}
.shop-slider-row{
	margin:50px 0 30px!important;
}
@media only screen and (max-width: 700px) {
	.shop-slider-row{
		margin:30px 0!important;
	}
	main.shop-pages .slider-wrapper .magic-navi{
		display:flex;
		margin-top:15px;
		justify-content:center;
	}
	main.shop-pages .slider-wrapper .slick-next{
		position:unset;
	}
	main.shop-pages .slider-wrapper .slick-prev{
		position:unset;
		margin-right:80px;
	}
}
main.shop-pages .slider-wrapper .slick-arrow:before{
	font-size:25px;
	font-weight:600;
	color:black;
	opacity:0.6;	
}

@media only screen and (max-width: 1119px) {
	main.shop-pages .slider-wrapper .title, .categories .title{
		font-size:20px;
	}
	main.shop-pages .slider{
		width:100%
	}
	main.shop-pages .slider-wrapper{
		max-width:calc(100vw - 32px);
	}
}
@media only screen and (max-width: 700px) {

	main.shop-pages .slider-wrapper{
		padding:0;
		max-width:calc(100vw - 35px);
	}
}
.amelia-v2-booking #amelia-container .am-fcil__item-name{
	white-space:unset!important;
	overflow:unset!important;
}

.woocommerce .price ins{
	margin-left:-5px;
}
.quickswish-modal-body .price del{
	display:none!important;
}
.woocommerce .summary .stock.in-stock{
	display:none;
}
.hideit{
	visibility:hidden;
}
.d-none{
	display:none;
}
@media only screen and (min-width: 1120px) {
	.hideit-desktop{
		display:none!important;
	}
}
.masthead.isStuck{
	height:54px;
}
#shop-stick-line.isStuck {
	border-bottom: 1px solid var(--bg-new-dark-grey);
}
.custom-projects-page .title-text::after{
	display:none;
}

.fancybox-toolbar{
	opacity:1;
	visibility:visible;
}
.fancybox-button{
	opacity:1;
	visibility:visible;
}
.fancybox-close-small{
	display:none;
}
.fancybox-content{
	padding:0;
}
div.fancybox-bg{
	background-color:rgba(0,0,0,0.75)!important;
}

.custom-project-fancy-image{
	width:100%;
	height:auto;
}
@media only screen and (max-width: 800px) {
	.fancybox-content{
		width:95%;
		height:90%!important;
	}
}



.booking-tiles .service-wrapper{
	background:white;
}
.booking-tiles .first-booking{
	margin-right:10px;
}
.booking-tiles .second-booking{
	margin-left:10px;
}
.booking-tiles .title{
	text-transform:uppercase;
}
.booking-tiles .price{
	font-size:1.25em;
}
.booking-tiles .price-green{
	color:var(--bg-primary-button);
}
.booking-tiles .booking-name{
	margin-bottom:0;
}
.booking-tiles .text{
	margin-bottom:0;
	font-size:13px;
}
.booking-tiles .readMore{
	margin-bottom:10px;
	text-decoration:underline;
	cursor:pointer;
}
.booking-tiles .more{
	display:none;
}
.booking-tiles .title::after{
	content: '';
    display: block;
	margin:auto;
	position:relative;
	bottom:-5px;
    width: 100%;
    border-top: 1.5px solid var(--bg-button-grey-hover-text);
}
.booking-tiles .booking-wrapper{
	margin:10px;
}
.booking-tiles .booking-wrapper a{
	display:block;
	width:100%;
	text-align:center;
	padding:9px 0;
	background:var(--bg-primary-button);
	border:none;
	font-weight:700;
}
.booking-tiles .image{
	align-content:center;
}
.booking-tiles .image img{
	max-width:100%;
}
.booking-tiles .description{
	
}
@media only screen and (max-width: 1120px) {
	.booking-tiles .first-booking{
		margin:0 0 25px;
		flex:none;
	}
	.booking-tiles .second-booking{
		margin:25px 0 0;
		flex:none;
	}
}
@media only screen and (max-width: 800px) {
	.booking-tiles .booking-wrapper .image{
		flex:none;
		display:flex;
		justify-content:center;
		margin:0 0 20px
	}
	.booking-tiles .main-row{
		margin:50px 0;
	}
}