/*
Theme Name: Bespoke theme for Sheffield Kitchen Outlet by SEO CoPilot Ltd
*/

@font-face {
    font-family: 'Barlow-Regular';
    src: url('https://www.sheffieldkitchenoutlet.com/wp-content/themes/sko/fonts/Barlow-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow-Medium';
    src: url('https://www.sheffieldkitchenoutlet.com/wp-content/themes/sko/fonts/Barlow-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow-SemiBold';
    src: url('https://www.sheffieldkitchenoutlet.com/wp-content/themes/sko/fonts/Barlow-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LexendDeca-Light';
    src: url('https://www.sheffieldkitchenoutlet.com/wp-content/themes/sko/fonts/LexendDeca-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LexendDeca-Regular';
    src: url('https://www.sheffieldkitchenoutlet.com/wp-content/themes/sko/fonts/LexendDeca-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LexendDeca-Medium';
    src: url('https://www.sheffieldkitchenoutlet.com/wp-content/themes/sko/fonts/LexendDeca-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LexendDeca-SemiBold';
    src: url('https://www.sheffieldkitchenoutlet.com/wp-content/themes/sko/fonts/LexendDeca-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LexendDeca-Bold';
    src: url('https://www.sheffieldkitchenoutlet.com/wp-content/themes/sko/fonts/LexendDeca-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --base-font:            'LexendDeca-Light', sans-serif;
    --base-size:            18px;

    --font-regular:         400;
    --font-semibold:        500;
    --font-bold:            700;
    
    --black:                #171717;
	--grey:					#484848;
	--white:                #ffffff;
	--orange:				#D26600;
	--orange-hover:			#E67F1F;
	--orange-link:          #FF7029;
  
    --section-padding-sml:  3rem;
	--section-padding:      5rem;
}


/* Main CSS
-------------------------------------------------------------- */
body { 
    font-family: 'LexendDeca-Light', sans-serif;
    font-weight: 300;
    font-size: var(--base-size);
    color: var(--grey);
    background-color: #ffffff;
}
   

/* typography */

h1,h2,h3,h4,h5,h6 {color: var(--black);font-family: 'LexendDeca-Medium', sans-serif;font-weight: 500;}
h1.display {font-family: 'LexendDeca-Medium';font-weight: 500;font-size:40px;}
@media only screen and (min-width: 1400px) { h1.display {font-size:48px;} }
h2.display {font-family: 'LexendDeca-Regular';font-weight: 400;font-size:32px;}
@media only screen and (min-width: 1200px) { h2.display {font-size:48px;} }
h3.display {font-size:32px;}
@media only screen and (min-width: 1200px) { h3.display {font-size:36px;} }
.text-black {color: var(--black);}
.text-orange {color: var(--orange);}
.uppercase {text-transform: uppercase;}
.font-regular {font-family: 'LexendDeca-Regular', sans-serif !important;font-weight: 400 !important;}  
.font-medium { font-family: 'LexendDeca-Medium', sans-serif !important; font-weight: 500 !important;}
.font-bold,strong {font-family: 'LexendDeca-Bold', sans-serif !important;font-weight: 700 !important;}
a {color: var(--grey);text-decoration:none;transition: .15s ease-in-out;}
a:hover, a:focus {color: var(--orange);}
p {font-size: var(--base-size);}
.subheading {font-family: 'LexendDeca-SemiBold';font-weight: 600;font-size:22px;}	

/* attributes */
.relative { position:relative;}
.absolute {position:absolute;}
.no-overflow {overflow:hidden;}

.section-padding {
    padding-top: var(--section-padding-sml);
    padding-bottom: var(--section-padding-sml);
}

    @media only screen and (min-width: 1200px) {
        .section-padding {
            padding-top: var(--section-padding);
            padding-bottom: var(--section-padding);
        }
    }
	
.push {margin-top:3rem;}
@media only screen and (min-width: 1200px) { .push {margin-top:0;} }
 
.container-fluid.extra-padding {
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    width: 100%;
}

    @media only screen and (min-width: 576px)  { .container-fluid.extra-padding { max-width: 580px;  } }        
    @media only screen and (min-width: 768px)  { .container-fluid.extra-padding { max-width: 720px;  } }       
    @media only screen and (min-width: 992px)  { .container-fluid.extra-padding { max-width: 960px;  } }
    @media only screen and (min-width: 1200px) { .container-fluid.extra-padding { max-width: 1140px; } }
    @media only screen and (min-width: 1400px) { .container-fluid.extra-padding { max-width: 1320px; } }
	@media only screen and (min-width: 1550px) { .container-fluid.extra-padding { max-width: 1500px; } }

.bg-cover  { background-size: cover !important; }
.bg-center { background-position: center center !important; }

.visual {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
}

    .visual.left {
        left: 0;
        right: auto;
    }

.videoWrapper {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	border-radius: 10px;
	overflow: hidden;
}  

	.videoWrapper iframe {
		position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    padding: 0;
	    margin: 0;
	    box-sizing: border-box;
	}
	
.crt-widget.crt-widget-branded .crt-logo {
  visibility: hidden;
}

/* buttons */
.btn {
    border-radius: 4px;
    font-family: 'LexendDeca-SemiBold', sans-serif;
    font-weight: 600;
    font-size: var(--base-size);
    padding: 10px 30px;
}

    .btn:hover, .btn:focus {
        border-radius: 4px;
        box-shadow:none;
        outline:0;
    }

.btn-orange {   
    border: 2px solid var(--orange);
    background: var(--orange);
    color: var(--white);   
}

    .btn-orange:hover, .btn-orange:focus {
        border: 2px solid var(--orange-hover);
		background: var(--orange-hover);
		color: var(--white); 
		box-shadow: 0 0 0 2px var(--orange-hover);		
    }
	
.btn-white {   
    border: 2px solid var(--orange);
    background: #ffffff;
    color: var(--orange);   
}

    .btn-white:hover, .btn-white:focus {
        border: 2px solid var(--orange);
		background: var(--orange);
		color: var(--white); 		
    }
	
.btn-orange-outline {   
    border: 2px solid var(--orange);
    background: transparent;
    color: var(--orange);
}

    .btn-orange-outline:hover, .btn-orange-outline:focus {
        border: 2px solid var(--orange-hover);
		background: var(--orange-hover);
		color: var(--white); 
		box-shadow: 0 0 0 2px var(--orange-hover);		
    }

.btn-submit {   
    border: 2px solid var(--orange);
    background: transparent;
    color: #ffffff;
	text-transform:uppercase;
}

    .btn-submit:hover, .btn-submit:focus {
        border: 2px solid var(--orange-hover);
		background: var(--orange-hover);
		color: #ffffff;
		box-shadow: 0 0 0 2px var(--orange-hover);		
    }	

.btn-jumbotron {   
	border-radius: 10px;
    border: 2px solid #ffffff;
    background: transparent;
	font-family: 'LexendDeca-Regular', sans-serif;
    font-weight: 400;
	font-size:20px;
    color: #ffffff;   
}

    .btn-jumbotron:hover, .btn-jumbotron:focus {
        border-radius: 10px;
		border: 2px solid #ffffff;
		background: #ffffff;
		color: #032639;   
    }

.btn-menu a {
    border-radius: 4px;
    font-family: 'LexendDeca-Regular', sans-serif;
    font-weight: 400;
    padding: 10px 20px !important;
	border: 1px solid var(--orange);
	background: var(--orange);
	color: var(--white) !important; 
}

    .btn-menu a:hover, .btn-menu a:focus {
		border: 1px solid var(--orange-hover);
		background: var(--orange-hover);
		color: var(--white) !important; 
    }

/* navbar styling */
.lock-scroll {
    overflow: hidden;
}

.navbar-nav li .dropdown-menu {
    display: block;
}

@media only screen and (min-width : 992px) {
    .navbar-nav li .dropdown-menu {
        display: none;
    }

    .navbar-nav li:hover .dropdown-menu {
        display: block;
    }
}

.navbar {
    height: 60px;
}

    @media only screen and (min-width :1200px) {
        .navbar {
            height: 140px;
        }
		.navbar ul li {
			position:relative;
		}
    }

.navbar .navbar-brand {
    font-size:inherit;
}

.menu-navbar-container {
    width:100%;
}

.navbar ul {}

    @media only screen and (min-width : 1200px) {
        .navbar ul {
           margin-top:0;
        }
    }

ul.dropdown-menu {
    margin-top: 0px;
    background-color: transparent;
    border:none;
}

    @media only screen and (min-width :1200px) {
        ul.dropdown-menu {
            background-color: #ffffff;
            border-radius: 0.5rem;
            border: 1px solid rgba(0,0,0,.15);
        }
    }

.dropdown-item {
    color: #ffffff;
	font-family: 'LexendDeca-Light', sans-serif;
	font-weight:300;
	font-size:18px;
	padding: .5rem 1rem;
}

    ul.dropdown-menu a:hover {
        background-color: transparent;
        color: var(--orange);
    }


    @media only screen and (min-width : 1200px) {
        .dropdown-item {
            text-align: left;
            font-weight: 500;
            padding: 10px 15px;
			color: #1e1e1e;
        }
    }

.dropdown-item.active, .dropdown-item:active {
    color: var(--orange);
    text-decoration: none;
    background-color: transparent;
}

.current-menu-parent a.nav-link {
    color: #97C344;
}

.navbar-header {
    height: 44px;
}

.navbar-header .logo {
  height: 44px;
  width: auto;
}

.navbar-toggler {
    z-index: 10;
	position:relative;
	top: 12px;
	padding: 0 6px;
}

    .navbar-toggler:focus, .navbar-toggler:active {
        outline: 0!important;
        box-shadow:none!important;
    }


.navbar-collapse {
    transition: all 0.3s ease;
    display: block;
    position: fixed;
    top: 0px;
    bottom: 0;
    padding: 3rem 20px;
    left: -120%;
    width: 100%;
    margin-top:50px;
}

    .logged-in .navbar-collapse {
        margin-top:90px;
    }

    .navbar-collapse.show {
        left: 0;
        z-index: 5;
        background-color: #ffffff;
        overflow:scroll;
    }

    @media only screen and (min-width: 1200px) {
        .navbar-collapse {
            position:static;
            padding: 0;
            margin-top:0;
        }

        .logged-in .navbar-collapse {
            margin-top:0;
        }
    }

    a.nav-link {
        color: #2D2D2D;
        font-family: 'LexendDeca-Light', sans-serif;
		font-weight:300;
		font-size:18px;
    }
	
        a.nav-link.active, a.nav-link:hover  {
            color: var(--orange);
        }
		
	.top a.nav-link {
        font-family: 'LexendDeca-Regular', sans-serif;
		font-weight:400;
		font-size:18px;
		color: #ffffff;
        padding: 0 0 5px 25px !important;
    }
	
		@media only screen and (min-width: 1400px) { .top a.nav-link { padding: 0 0 5px 50px !important; } }

        .top a.nav-link.active, .top a.nav-link:hover  {
            color: var(--orange-link);
        }


.navbar-toggler span {
   display: block;
   background-color: #000000;
   height: 2px;
   width: 25px;
   margin-top: 0;
   margin-bottom: 6px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   position: relative;
   left: 0;
   opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
   -webkit-transition: transform .35s ease-in-out;
   -moz-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute;
    left: 6px;
    top: 3px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    left: 6px;
    top: 3px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
}

/*Header */
header {
    background-color: #ffffff; 
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 10;
}

    @media only screen and (min-width: 1200px) { 
        header {
			overflow: hidden;
			height: 140px;
			position:relative;
			box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
        }    
    }
	
	header .top	{
		height: 50px;
	}
		
	header .bottom {
		height: 90px;
	}
	
	header .crop {
		height: 50px;
	}

	header .skew {
		display: block;
		height : 50px;
		background : #2E2E2E;
		position:relative;
		-webkit-transform: skew(-40deg);
		-moz-transform: skew(-40deg);
		-ms-transform: skew(-40deg);
		transform: skew(-40deg);
	}
	
		header .skew div {
			-webkit-transform: skew(40deg);
			-moz-transform: skew(40deg);
			-ms-transform: skew(40deg);
			transform: skew(40deg);
			height: 50px;
		}
		
		header .skew:after {
			height: 50px;
			width: 6020px;
			background: #2E2E2E;			
			position: absolute;
			top: 0;
			content: '';
			right: -6000px;
			z-index: -1;
		}



/* Front Page */
.jumbotron {
    height: 530px;
    margin-top:50px;
    position:relative;
	font-family: 'LexendDeca-Regular', sans-serif;
	font-weight:400;
	font-size:18px;
	color: #fff;
}

    @media only screen and (min-width: 576px)  { .jumbotron { height: 530px; } }
    @media only screen and (min-width: 768px)  { .jumbotron { font-size:24px; } }
    @media only screen and (min-width: 992px)  { .jumbotron { height: 500px; } }
    @media only screen and (min-width: 1200px) { .jumbotron { height: 600px; margin-top:0; } }
	@media only screen and (min-width: 1400px) { .jumbotron { height: 750px; } }
	
	.jumbotron h1.heading,
	.jumbotron h2.heading {
		font-family: 'LexendDeca-Bold', sans-serif;
		font-weight:700;
		color: #fff;
		font-size:26px;
	}
	    
		@media only screen and (min-width: 768px)  { .jumbotron h1.heading, .jumbotron h2.heading { font-size:32px; } }		
	    @media only screen and (min-width: 992px)  { .jumbotron h1.heading, .jumbotron h2.heading { font-size:48px; } }
		@media only screen and (min-width: 1200px) { .jumbotron h1.heading, .jumbotron h2.heading { font-size:50px; } }

    .homepage-slider {
        opacity: 0;
        visibility: hidden;
        transition: opacity 1s ease;
        -webkit-transition: opacity 1s ease;
    }

      .homepage-slider.slick-initialized {
        visibility: visible;
        opacity: 1;
      }

    .jumbotron .slick-slider {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
	
	.jumbotron .slick-slider {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0
	}	
	
	.jumbotron .slick-list,
	.jumbotron .slick-track {
		height: 100%;
	}
	
		.jumbotron .slick-slide div {
			height: 100%;
			background-size: cover !important;
			background-repeat: no-repeat !important;
		}
		
	.jumbotron .slick-arrow {
	    position: absolute;
		top: 42%;
		margin: -20px 0px 0px 0px;
		z-index: 9;
		font-size: 0;
		width: 37px;
		height: 37px;
		border: none;
	}
	
		.jumbotron .slick-arrow.slick-prev {
		  left: 15px;
		  background: url(images/icons/slick-left-arrow.png) 0 0 / 100% no-repeat;
		}
		.jumbotron .slick-arrow.slick-next {
		  right: 15px;
		  background: url(images/icons/slick-right-arrow.png) 0 0 / 100% no-repeat;
		}
		
		.jumbotron .slick-arrow.slick-disabled {
			opacity: 0.2;
		}
		
		.jumbotron .slick-next::before,
		.jumbotron .slick-prev::before		{
			content: '';
		}


#home-brand {}

	#home-brand .outer {
		border-radius: 10px;
	    background: #ffffff;
	    filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.2));
	    margin-top: -2rem;
	}
	
		@media only screen and (min-width: 1200px) { #home-brand .outer { margin-top: -5rem; } }
		@media only screen and (min-width: 1400px) { #home-brand .outer { margin-top: -6rem; } }
		
	#home-brand .heading {
		font-family: 'LexendDeca-SemiBold', sans-serif;
		font-weight:600;
		color: var(--black);
		font-size:28px;
	}
	
#home-plan {}

	#home-plan .options {
		font-family: 'LexendDeca-Regular', sans-serif;
		font-weight:400;
		color: var(--black);
		font-size:20px;
	}	
	
		#home-plan .options .box {
			border-bottom: 1px solid #D0D0D0;
			padding: 8px 0;
			display:flex;
			align-items:center;
			justify-content: space-between;
		}
		
#home-parallax {
	height: 530px;
	position: relative;
}

	@media only screen and (min-width: 1200px) { #home-parallax { height: 600px; } }
	@media only screen and (min-width: 1400px) { #home-parallax { height: 750px; } }

	#home-parallax .box {
		border-radius: 5px;
		text-align: center;
		filter: drop-shadow(0px 4px 20px rgba(0,0,0,0.15));
		background:rgba(255,255,255,0.6);
		backdrop-filter: blur(25px);
		-webkit-backdrop-filter: blur(25px);
		padding: 20px 35px 30px;
		color:#353535;
		
	}
	
		@media only screen and (min-width: 1200px) {
			#home-parallax .box {
				text-align: left;			
				padding: 35px 70px 45px;
				position: absolute;
				bottom: -45px;
				left: 0;
				right: 0;	
			}
		}
	
		#home-parallax .box .heading {
			font-family: 'LexendDeca-Medium', sans-serif;
			font-weight:500;
			color: var(--black);
			font-size:32px;
		}
		
			@media only screen and (min-width: 1200px) { #home-parallax .box .heading {font-size:40px;} }

#home-products {}
		
    #home-products a {
		font-family: 'LexendDeca-Light', sans-serif;
		font-weight: 300;
		color: var(--grey);
		cursor:pointer;
	}

	#home-products .card {
		border-radius: 5px;
		border: none;
		filter: drop-shadow(0px 2px 10px rgba(0,0,0,0.2))
	}
	
		#home-products .card .product-image {
			height: 280px;
		}
	
		#home-products .card img {
			height: 280px;
			object-fit: cover;
			object-position: center;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;

		}
		
			#home-products .card img.top {
				display:block;
			}
			
			#home-products .card img.bottom {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				opacity: 0;
				transition: opacity .8s;
			}
			
			#home-products .card:hover img.bottom {
				opacity: 1;
			}
			
		#home-products .card-body {
			padding: 32px 35px 32px 35px;
		}


		#home-products .card-title {
			font-family: 'LexendDeca-Medium', sans-serif;
			font-weight:500;
			color: var(--black);
			font-size:20px;
		}
		
	#home-products .circle {
		width:30px;
		height:30px;
		//border-radius:50%;
		display:inline-block;
		margin-right:10px;
	}
	
		#home-products .circle img {
			width:30px;
			height:30px;
			border-radius:50%;
			filter: drop-shadow(0px 4px 8px rgba(0,0,0,0.2));
		}
			
#home-icons {
	background-image:url(images/core-points-bg.jpg);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
	
	#home-icons .card {
		 border:none;
		 background:transparent;
	}
	
	#home-icons .divider {
		//border-left: 1px solid white;
		border-left: none;
        border-radius: 0;
	}
	
		@media only screen and (min-width: 1400px) { 
			#home-icons .divider.divider-xxl-none {
				border-left: none;
			}
		}
	
	#home-icons .heading {
		font-size:24px;
		color:#e6e6e6;
	}
	
		@media only screen and (min-width: 1400px) { #home-icons .heading { font-size:20px;} }
		@media only screen and (min-width: 1600px) { #home-icons .heading { font-size:24px;} }
	
		#home-icons img {
			width:auto;
			height:80px;
		}
		

#home-cat {}
		
	#home-cat .heading {
		font-family: 'LexendDeca-SemiBold', sans-serif;
		font-weight:600;
		color: var(--black);
		font-size:32px;
	}	
	
		@media only screen and (min-width: 1200px) { #home-cat .heading {font-size:48px;} }
		
    #home-cat a {
		font-family: 'LexendDeca-Light', sans-serif;
		font-weight: 300;
		color: var(--grey);
		cursor:pointer;
	}

	#home-cat .card {
		border-radius: 5px;
		border: none;
		filter: drop-shadow(0px 2px 10px rgba(0,0,0,0.2))
	}
	
		#home-cat .card img {
			height: 250px;
			width:100%;
			object-fit: cover;
			object-position: center;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			transition: transform .8s ease-out;
			transform: scale(1.6);
		}

			#home-cat .card:hover img {
				transform: scale(1);
			}
		
		#home-cat .card .cat-image {
			width: auto;
			height: 250px;
			overflow: hidden;
			border-radius: 5px 5px 0 0;
		}
		
		#home-cat .card-body {
			padding: 32px 35px 32px 35px;
		}
		
		#home-cat .card-title {
			font-family: 'LexendDeca-Medium', sans-serif;
			font-weight:500;
			color: var(--black);
			font-size:28px;
		}
		
#home-gallery {
	background-image:url(images/gallery-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position: right center;
	font-size: 22px;
}

	@media only screen and (min-width: 1200px) { #home-gallery {height:550px;} }

	#home-gallery .slick-list,
	#home-gallery .slick-track,
	#home-gallery .slick-slide div {
		height: 100%;
	}
	
	#home-gallery .slick-next::before,
	#home-gallery .slick-prev::before		{
		content: '';
	}
	
	#home-gallery .heading {
		font-family: 'LexendDeca-Medium', sans-serif;
		font-weight: 500;
		font-size: 20px;
		color: #fff;
		position: absolute;
		top: 0;
		display: flex;
		align-items: end;
		padding: 0 0 20px 20px;
		z-index:1;
		width: 250px;
	}
	
		@media only screen and (min-width: 576px)  { #home-gallery .heading {width: 460px;} }
		@media only screen and (min-width: 768px)  { #home-gallery .heading {font-size: 24px; width: 620px;} }
		@media only screen and (min-width: 992px)  { #home-gallery .heading {width: 880px;} }
		@media only screen and (min-width: 1200px) { #home-gallery .heading {font-size: 22px; width: 500px;} }
		@media only screen and (min-width: 1400px) { #home-gallery .heading {font-size: 24px; width: 580px;} }
	
	#home-gallery .slick-arrow {
	    position: absolute;
		bottom: 20px;
		margin: -20px 0px 0px 0px;
		z-index: 9;
		font-size: 0;
		width: 37px;
		height: 37px;
		border: none;
	}
	
		#home-gallery .slick-arrow.slick-prev {
		  left: 15px;
		  background: url(images/icons/slick-left-arrow.png) 0 0 / 100% no-repeat;
		}
		#home-gallery .slick-arrow.slick-next {
		  right: 15px;
		  background: url(images/icons/slick-right-arrow.png) 0 0 / 100% no-repeat;
		}
		
		#home-gallery .slick-arrow.slick-disabled {
			opacity: 0.2;
		}
		
#home-brochure {
	background-image:url(images/gallery-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position: left center;
	font-size: 22px;
}	

	@media only screen and (min-width: 1200px) { #home-brochure {height:550px;} }
		



/* inner page general styles */

.jumbotron.inner {
	position: relative;
}

	.jumbotron.inner.image {
		min-height: 300px;
	}

		@media only screen and (min-width: 1200px) { .jumbotron.inner.image { min-height: 400px; }}
	
	.jumbotron.inner.basic {
		padding-top:7rem;
		height: auto;
	}

		@media only screen and (min-width: 1200px) { .jumbotron.inner.basic { padding-top:5rem; } }
	
	.jumbotron.inner.curved {
		background-color: #ffffff;
		position: relative;
		overflow: hidden;
		height: 300px;
		width: 100%;
	}
	
		@media only screen and (min-width: 1200px) { .jumbotron.inner.curved { height: 400px; } }
		
		.jumbotron.inner.curved::after {
			content: "";
  		    position: absolute;
			bottom: 0;
			right: -10%;
			left: -10%;
			height: 70px;
			background: #fff;
			-webkit-clip-path: ellipse(50% 85% at 50% 100%);
			clip-path: ellipse(50% 85% at 50% 100%);
		}
		
			@media only screen and (min-width: 992px) { 
				.jumbotron.inner.curved::after { 
					height: 170px;
					-webkit-clip-path: ellipse(50% 100% at 50% 150%);
					clip-path: ellipse(50% 100% at 50% 150%);
				}
			}
	
/* whats the difference */
#difference {}

	#difference.fade-bg {
		background-image:url(images/grey-fade-bg.png);
		background-size:cover;
		background-repeat:no-repeat;
		background-position: bottom center;	
	}
	
	#difference .heading {
		font-family: 'LexendDeca-Medium', sans-serif;
		font-weight:500;
		font-size:40px;
	}
	
		@media only screen and (min-width: 992px) { #difference .heading {font-size:48px;} }
		@media only screen and (min-width: 1200px) { #difference .heading {font-size:56px;} }
	
	#difference.why ul {
		list-style-type: none;
		column-count: 1;
		padding-left:0;
	}
	
		@media only screen and (min-width: 992px)  { #difference.why ul { column-count: 2; }  }

		#difference.why ul li {
			margin-bottom: 16px;
			position: relative;
			padding-left: 40px;
			color: #fff;
			background: url(images/icons/orange-star.png);
			background-repeat: no-repeat;
			background-position: left center;
			background-size: 29px;
		}
		
	#difference.range a {
		font-family: 'LexendDeca-Light', sans-serif;
		font-weight: 300;
		color: var(--grey);
		cursor:pointer;
	}

	#difference.range .card {
		border-radius: 5px;
		border: none;
		filter: drop-shadow(0px 2px 10px rgba(0,0,0,0.2))
	}
	
		#difference.range .card .product-image {
			height: 280px;
		}
	
		#difference.range .card img {
			height: 280px;
			object-fit: cover;
			object-position: center;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;

		}
		
			#difference.range .card img.top {
				display:block;
			}
			
			#difference.range .card img.bottom {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				opacity: 0;
				transition: opacity .8s;
			}
			
			#difference.range .card:hover img.bottom {
				opacity: 1;
			}
			
		#difference.range .card-body {
			padding: 32px 35px 32px 35px;
		}


		#difference.range .card-title {
			font-family: 'LexendDeca-Medium', sans-serif;
			font-weight:500;
			color: var(--black);
			font-size:24px;
		}
		
	#difference.gallery {
		font-size: 22px;
	}

		@media only screen and (min-width: 1200px) { #difference.gallery  {height:550px;} }

	#difference.gallery  .slick-list,
	#difference.gallery  .slick-track,
	#difference.gallery  .slick-slide div {
		height: 100%;
	}
	
	#difference.gallery .heading {
		font-family: 'LexendDeca-Medium', sans-serif;
		font-weight: 500;
		font-size: 20px;
		color: #fff;
		position: absolute;
		top: 0;
		display: flex;
		align-items: end;
		padding: 0 0 20px 20px;
		z-index:1;
		width: 250px;
	}
	
		@media only screen and (min-width: 576px)  { #difference.gallery .heading {width: 460px;} }
		@media only screen and (min-width: 768px)  { #difference.gallery .heading {font-size: 24px; width: 620px;} }
		@media only screen and (min-width: 992px)  { #difference.gallery .heading {width: 880px;} }
		@media only screen and (min-width: 1200px) { #difference.gallery .heading {font-size: 22px; width: 500px;} }
		@media only screen and (min-width: 1400px) { #difference.gallery .heading {font-size: 24px; width: 580px;} }
	
	#difference.gallery .slick-arrow {
	    position: absolute;
		bottom: 20px;
		margin: -20px 0px 0px 0px;
		z-index: 9;
		font-size: 0;
		width: 37px;
		height: 37px;
		border: none;
	}
	
		#difference.gallery .slick-arrow.slick-prev {
		  right: 60px;
		  background: url(images/icons/slick-left-arrow.png) 0 0 / 100% no-repeat;
		}
		#difference.gallery .slick-arrow.slick-next {
		  right: 15px;
		  background: url(images/icons/slick-right-arrow.png) 0 0 / 100% no-repeat;
		}
		
		#difference.gallery .slick-arrow.slick-disabled {
			opacity: 0.2;
		}
		
#about {}

	#about.story-image {
		background-color: #ffffff;
		position: relative;
		overflow: hidden;
		height: 300px;
		width: 100%;
	}
	
		@media only screen and (min-width: 576px) { #about.story-image {height: 430px;} }
	
		#about.story-image:after {
			content: "";
			position: absolute;
			bottom: 0;
			right: -10%;
			left: -10%;
			height: 70px;
			background: #fff;
			-webkit-clip-path: ellipse(50% 85% at 50% 100%);
			clip-path: ellipse(50% 85% at 50% 100%);
		}
		
			@media only screen and (min-width: 992px) { 
				#about.story-image:after {
					height: 170px;
					-webkit-clip-path: ellipse(50% 100% at 50% 150%);
					clip-path: ellipse(50% 100% at 50% 150%);
				}
			}
			
	#about.range a {
		font-family: 'LexendDeca-Light', sans-serif;
		font-weight: 300;
		color: var(--grey);
		cursor:pointer;
	}

	#about.range .card {
		border-radius: 5px;
		border: none;
		filter: drop-shadow(0px 2px 10px rgba(0,0,0,0.2))
	}
	
		#about.range .card .product-image {
			height: 280px;
		}
	
		#about.range .card img {
			height: 280px;
			object-fit: cover;
			object-position: center;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;

		}
		
			#about.range .card img.top {
				display:block;
			}
			
			#about.range .card img.bottom {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				opacity: 0;
				transition: opacity .8s;
			}
			
			#about.range .card:hover img.bottom {
				opacity: 1;
			}
			
		#about.range .card-body {
			padding: 32px 35px 32px 35px;
		}


		#about.range .card-title {
			font-family: 'LexendDeca-Medium', sans-serif;
			font-weight:500;
			color: var(--black);
			font-size:24px;
		}

.timeline {
	 width: 100%;
	 position: relative;
}

 .timeline-nav {
	 position: relative;
}

	.timeline-nav::after {
		content: "";
		position: absolute;
		width: 100%;
		height: 1px;
		background-color: #E67F1F;
		bottom: 7px;
		z-index: 1;
	}
	
.timeline-nav__item {
	width: auto;
	height: auto;
	text-align: center;
	opacity: 1;
	background: transparent;
	color: #000000;
	margin: 15px 0 !important;
	position: relative;
	font-size: 18px;
	line-height: 30px;
	font-family: 'LexendDeca-Medium', sans-serif;
	font-weight: 500;
	outline: none;
	cursor: pointer;
}

	.timeline-nav__item::before {
		content: "";
		position: absolute;
		top: 32px;
		left: 50%;
		transform: translateX(-50%);
		width: 10px;
		height: 10px;
		border-radius: 100%;
		background-color: #E67F1F;
		transition: 0.2s;
	}
	
	.timeline-nav__item.slick-current {
		 color: #f90;
		 opacity: 1;
	}
	
	.timeline-nav__item.slick-current::before {
		background-color: #f90;
	}
	
 .timeline-wrapper {
	 position: relative;
	 width: 100%;
}

.timeline-slider { height: 100%; }
.timeline .slick-list { height: 100%; }
.timeline .slick-track { height: 100%; }

 @media (min-width: 1080px) {
	 .timeline .slick-list {
		 //padding: 0 180px !important;
	}
}

.timeline .slick-initialized .slick-track {
	display: flex;
}

	.timeline .slick-initialized .slick-track .slick-slide {
		display: flex;
		height: auto;
		align-items: center;
		justify-content: center;
	}
	
.timeline-wrapper .slick-slide > div { height: 100%; width: 100%;}

.timeline-slide {
	 position: relative;
	 overflow: hidden;
	 outline: none;
	 margin: 0 16px;
	 z-index: 1;
}

	.timeline-slide:after {
		 position: absolute;
		 top: 0;
		 left: 0;
		 width: 100%;
		 height: 100%;
		 background-image: url(images/timeline-banner.png);
		 z-index: 2;
	}

.timeline-slide__content {
	z-index: 5;
	background: #fff;
	background-image: url(images/timeline-banner.png);
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius:10px;
	width: 100%;
	height: 100%;
	padding: 10px;
	opacity: 0;
	transition: opacity 1s;
}

	@media (min-width: 768px) {
		 .timeline-slide__content {
			 width: 80%;
			 padding: 40px;
		}
	}
	
		.timeline .slick-current .timeline-slide__content {
			 opacity: 1;
		}
	
	.timeline-slide__content p,
	.timeline-slide__content a	{
		font-size: 22px;
		line-height: 32px;
		color: #fff;
	}

	.timeline-title {
		color: #fff;
		font-size: 40px;
		font-family: 'LexendDeca-SemiBold', sans-serif;
		font-weight: 600;
		margin-bottom: 8px;
	}

	.timeline-slider .slick-arrow {
	    position: absolute;
		top: 52%;
		margin: -20px 0px 0px 0px;
		z-index: 9;
		font-size: 0;
		width: 19px;
		height: 21px;
		border: none;
	}
	
		.timeline-slider .slick-arrow.slick-prev {
		  left: 15px;
		  background: url(images/icons/timeline-left.png) 0 0 / 100% no-repeat;
		}
		.timeline-slider .slick-arrow.slick-next {
		  right: 15px;
		  background: url(images/icons/timeline-right.png) 0 0 / 100% no-repeat;
		}
		
		.timeline-slider .slick-arrow.slick-disabled {
			opacity: 0.2;
		}
		
		.timeline-slider .slick-next::before, .timeline-slider .slick-prev::before {
			content: '';
		}

#aftersales {}

	#aftersales.intro .heading {
		font-family: 'LexendDeca-SemiBold', sans-serif;
		font-weight: 600;
		font-size: 24px;
		color: var(--black);
	}
	
	#aftersales.intro a {
		font-family: 'LexendDeca-SemiBold', sans-serif;
		font-weight: 600;
		font-size: 20px;
		color: #000f80;
	}
	
		#aftersales.intro a:hover {
			text-decoration:underline;
		}
		
	#aftersales.terms .heading {
		font-family: 'LexendDeca-Medium', sans-serif;
		font-weight: 500;
		font-size: 28px;
		color: var(--black);
	}


#careers {}

	#careers.intro .heading {
		font-family: 'LexendDeca-SemiBold', sans-serif;
		font-weight: 600;
		font-size: 24px;
		color: var(--black);
	}
	
	#careers.intro a {
		font-family: 'LexendDeca-SemiBold', sans-serif;
		font-weight: 600;
		font-size: 20px;
		color: #000f80;
	}
	
		#careers.intro a:hover {
			text-decoration:underline;
		}
		
	#careers.jobs .box {
		border:1px solid #DCDCDC;
		border-radius:5px;
		padding: 16px 24px;
	}	
	
		@media only screen and (min-width: 768px)  { #careers.jobs .box { padding: 24px 40px; } }
		
	#careers.jobs .title {
		font-family: 'LexendDeca-SemiBold', sans-serif;
		font-weight: 600;
		font-size: 24px;
		color: var(--black);
	}
	
	#careers.jobs a {	
		font-family: 'LexendDeca-SemiBold', sans-serif;
		font-weight: 600;
		font-size: 20px;
		color: #000f80;
	}
	
		#careers.jobs a:hover {
			text-decoration:underline;
		}

#faqs {}

	#faqs a {
		color:var(--orange);
	}
	
		#faqs a:hover {
			text-decoration:underline;
		}

	#faqs .box {
		background-color:#444444;
		border-radius:10px;
		padding: 16px 24px;
	}
	
	#faqs .heading {
		font-family: 'LexendDeca-SemiBold', sans-serif;
		font-weight: 600;
		font-size: 32px;
	}
	
	#faqs .wpcf7-acceptance {
		color: #fff;
		font-size: 14px;
	}
	
#downloads {}

	#downloads .heading {
		font-family: 'LexendDeca-Medium', sans-serif;
		font-weight: 500;
		font-size: 24px;
		color:#171717;
		line-height: normal;
	}
	
	#downloads .box {
		background-color:#444444;
		border-radius:10px;
		padding: 32px 24px;
	}
	
	#downloads .heading {
		font-family: 'LexendDeca-SemiBold', sans-serif;
		font-weight: 600;
		font-size: 24px;
	}
	
	#downloads .wpcf7-acceptance {
		color: #fff;
		font-size: 14px;
	}
	
	#downloads .box a {
		color:var(--orange);
	}
	
		#downloads .box a:hover {
			text-decoration:underline;
		}
		
	#downloads .form-field {
		width: 100%;
		padding: 12px 16px;
		font-family: 'LexendDeca-Light', sans-serif;
		font-weight: 300;
		font-size: 18px;
		border: 1px solid #bababa;
		border-radius: 10px;
		color: #676767;
		background-color: #fff;
	}
	
#quote {}
	
	#quote .card {
		background-color: #fff;
		filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.15));
		border-radius:0;
		border:none;
	}
	
		#quote .card.card1 {z-index:4;}
		#quote .card.card2 {z-index:3;}
		#quote .card.card3 {z-index:2;}
		#quote .card.card4 {z-index:1;}
	
		#quote .card-body::before{
			content: '';
			display: block;
			width: 0;
			height: 0;
			border: 30px solid transparent;
			border-top-color: #ffffff;
			border-bottom-width: 0px;
			position: absolute;
			bottom:-24px;
			left:50%;
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);

		}
		
			@media only screen and (min-width: 1400px){ 
				#quote .card-body::before { 
					border-left-color: #ffffff;
					border-right-width: 0px;
					border-top-color: transparent;
					border-bottom-width: 30px;
					top: 50%;
					right:-24px;
					left:auto;
					bottom: auto;
					-webkit-transform: translateY(-50%);
					-moz-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
					transform: translateY(-50%);
				} 
			}
		
		#quote .card4 .card-body::before{
			display:none;			
		}

	#quote .heading,
	#quote .heading p {
		font-family: 'LexendDeca-Medium';
		font-weight: 500;
		font-size: 24px;
		color: #171717;
	}
	
	#quote .subheading,
	#quote .subheading p {
		font-family: 'LexendDeca-Medium';
		font-weight: 500;
		font-size: 20px;
		color: #171717;
	}
	
	#quote .contact .wpcf7-list-item {
		display: inline-flex;
		align-items: center;
	}
	
	#quote .contact .choices .wpcf7-list-item {
		display: flex !important; 
		align-items: center;
		margin-bottom: 24px !important;
		font-family: 'LexendDeca-Medium', sans-serif !important;
		font-weight: 500 !important;
		font-size: 24px;
		color: #171717;
	}
	
	#quote .nav-item {
		display: flex;
		align-items: center;
		font-family: 'LexendDeca-Medium', sans-serif !important;
	    font-weight: 500 !important;
	    font-size: 24px;
	    color: #171717;		
	}
	
	#quote input[type="radio"] {
		accent-color: var(--orange);
		width: 20px;
		height: 20px;
		margin-right: 8px;
	}
	
	#quote .message textarea {
		height: 120px;
	}

	
	#quote .contact .files p {
		margin-bottom:16px;
	}
	
	#quote #mfcf7_zl_add_file {
	    border-radius: 4px;
		font-family: 'LexendDeca-SemiBold', sans-serif;
		font-weight: 600;
		font-size: var(--base-size);
		padding: 10px 30px;
		background-color: #4C4B4A;
	    border: 1px solid #4C4B4A;
	    color: #ffffff;
	    margin-bottom: 10px;
	}
	
		#quote #mfcf7_zl_add_file:hover {
			background-color: #333;
			border: 1px solid #333;
		}
		
	#quote .contact .captcha input[type="text"] {
		width: 48%;
	}

	@media only screen and (min-width: 480px)  { #quote .contact .captcha input[type="text"] {width: 62%;} }
	@media only screen and (min-width: 576px)  { #quote .contact .captcha input[type="text"] {width: 70%;} }
	@media only screen and (min-width: 768px)  { #quote .contact .captcha input[type="text"] {width: 50%;} }
	@media only screen and (min-width: 992px)  { #quote .contact .captcha input[type="text"] {width: 60%;} }
	@media only screen and (min-width: 1200px) { #quote .contact .captcha input[type="text"] {width: 34%;} }
	@media only screen and (min-width: 1400px) { #quote .contact .captcha input[type="text"] {width: 44%;} }	
	@media only screen and (min-width: 1650px) { #quote .contact .captcha input[type="text"] {width: 50%;} }	

	#quote .wpcf7-acceptance {
		font-size: 14px;
	}
	
		#quote .wpcf7-acceptance a {
			color:var(--orange);
		}
		
			#quote .wpcf7-acceptance a:hover {
				text-decoration:underline;
			}

#showrooms {}

	#showrooms .heading	{
		font-family: 'LexendDeca-SemiBold', sans-serif;
		font-weight: 600;
		font-size: 28px;
		color:#171717;
	}
	
	#showrooms .subheading {
		font-family: 'LexendDeca-SemiBold', sans-serif;
		font-weight: 600;
		font-size: 22px;
		color:#171717;
	}
	
	#showrooms a {
		font-family: 'LexendDeca-SemiBold', sans-serif;
		font-weight: 600;
		color:#000F80;
	}
	
	#showrooms .box {
		background-color:#444444;
		border-radius:10px;
		padding: 32px 24px;
		color:#ffffff;
	}
	
		#showrooms .box .heading p {
			font-family: 'LexendDeca-SemiBold', sans-serif;
			font-weight: 600;
			font-size: 28px;
			color:#ffffff;
		}
		
		#showrooms .box .subheading p {
			color:#ffffff;
		}

	#showrooms .wpcf7-acceptance {
		color: #fff;
		font-size: 14px;
	}
	
	#showrooms .wpcf7-acceptance a {
		color:var(--orange);
		font-family: 'LexendDeca-Light', sans-serif;
		font-weight: 300;
	}
	
		#showrooms .wpcf7-acceptance a:hover {
			text-decoration:underline;
			font-family: 'LexendDeca-Light', sans-serif;
			font-weight: 300;
		}
		
	#showrooms #mfcf7_zl_add_file {
	    border-radius: 4px;
	    font-family: 'LexendDeca-SemiBold', sans-serif;
	    font-weight: 600;
	    font-size: var(--base-size);
	    padding: 10px 30px;
	    background-color: #ffffff;
	    border: 1px solid #ffffff;
	    color: #484848;
	    margin-bottom: 10px;
	}
	
		#showrooms #mfcf7_zl_add_file:hover {
		    background-color: #E9E9E9;
		    border: 1px solid #E9E9E9;
		}
		
	#showrooms.reviews .heading {
		font-family: 'Barlow-SemiBold';
		font-weight: 600;
	    font-size: 32px;
		color: #ffffff;
	}
	
	#showrooms.reviews .google {
		font-family: 'Barlow-SemiBold';
		font-weight: 600;
	    font-size: 28px;
		color: #ffffff;
	}
	
	#showrooms.reviews .card {
		border-radius:20px;
	}
	
	#showrooms.reviews .card-title {
		font-family: 'Barlow-SemiBold';
		font-weight: 600;
	    font-size: 20px;
		color: #171717;
	}
	
	#showrooms.reviews .slick-track{
	display: flex;
	}
	
	#showrooms.reviews .slick-slide{
		display: flex;
		height: auto;
		align-items: stretch;
		justify-content: center;
	}
}

#photos {}

	#photos select {
		border: 2px solid var(--orange);
		background-color: #ffffff;
		border-radius: 3px;
		padding: 10px 20px;
		color: var(--black);
	}

	#photos .cat-links li {
	    display: inline-block;
	    padding: 5px 15px;
	}

		@media only screen and (min-width: 1200px) {
		    #photos .cat-links li {
				padding: 5px 30px;
			}	
		}

	#photos .cat-links li a {		
		font-family: 'LexendDeca-Medium', sans-serif;
		font-weight: 500;
		font-size: 20px;
	}
	
		#photos .cat-links li a.active {		
			font-family: 'LexendDeca-Medium', sans-serif;
			font-weight: 500;
			font-size: 20px;
			text-decoration:underline;
		}
		
	#photos .card {
		border-radius: 5px;
		border: none;
		filter: drop-shadow(0px 2px 10px rgba(0,0,0,0.2));
	}
	
	#photos .card-image {
		width: auto;
		height: 250px;
		overflow: hidden;
		border-radius: 5px 5px 0 0;
	}
		
	#photos .card-image img {
		height: 250px;
		width: 100%;
		object-fit: cover;
		object-position: center;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		transition: transform .8s ease-out;
		transform: scale(1);
	}
	

		#photos .card:hover img {
			transform: scale(1.2);
		}
	
	#photos .card-body {	
		color: #171717;
		font-family: 'LexendDeca-Medium', sans-serif;
		font-weight: 500;
		font-size: 20px;
	}


/* category page */
#category {}

	#category .card {
		border-radius: 5px;
		border: none;
		filter: drop-shadow(0px 2px 10px rgba(0,0,0,0.2))
	}
	
		#category .card .product-image {
			height: 280px;
		}
	
		#category .card img {
			height: 280px;
			object-fit: cover;
			object-position: center;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}
		
		#category .card-body {
			padding: 32px 35px 32px 35px;
		}
			
		#category .card-title {
			font-family: 'LexendDeca-Medium', sans-serif;
			font-weight:500;
			color: var(--black);
			font-size:24px;
		}
		
		#category a p {
			color: var(--grey);
			text-decoration:none;
		}
		
	#category .circle {
		width:30px;
		height:30px;
		border-radius:50%;
		display:inline-block;
		margin-right:10px;
	}






/* contact us page */
    
#contact {}

    #contact h1,
	#contact h2 {
		font-family: 'LexendDeca-Medium', sans-serif;
		font-weight:500;
		color: var(--black);
		font-size:40px;
	}
    
    #contact .heading {
		font-family: 'LexendDeca-SemiBold', sans-serif;
		font-weight:600;
		color: var(--black);
		font-size:24px;
	}

    #contact .label {
		font-family: 'LexendDeca-Medium', sans-serif;
		font-weight:500;
		color: var(--black);
		font-size:18px;
	}
	
		#contact .label a {
			font-family: 'LexendDeca-Medium', sans-serif;
			font-weight:500;
			color: #000F80;
			font-size:18px;
		}
		
			#contact .label a:hover {
				color: var(--orange);
			}
			
				#contact .label a img {
					transition: .15s ease-in-out;
				}

					#contact .label a:hover img {
						filter: brightness(0) saturate(100%) invert(35%) sepia(100%) saturate(743%) hue-rotate(359deg) brightness(103%) contrast(105%);
					}
					
		#contact .wpcf7-acceptance {
		font-size: 14px;
	}
	
		#contact .wpcf7-acceptance a {
			color:var(--orange);
		}
		
			#contact .wpcf7-acceptance a:hover {
				text-decoration:underline;
			}
    
    
/* Post */





/* Post End */

/* Inner Page */





/* Inner Page End */

/* Showroom */
#showroom {}

		#showroom a {
			color:var(--grey);
		}

	#showroom .card {
		border-radius: 0;
		border: none;
	}
	
		@media only screen and (min-width: 768px)  { #showroom  .card { border-radius: 0 5px 5px 0; filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.1)); } }
		@media only screen and (min-width: 1200px) { #showroom  .card { border-radius: 0; filter:none; } }
		@media only screen and (min-width: 1400px) { #showroom  .card { border-radius: 0 5px 5px 0; filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.1)); } }
		
		@media only screen and (min-width: 1400px) { #showroom  .card:hover { filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.3)); } }
	
	#showroom .main-img {
		height:280px;
		object-fit:cover;
		width:100%;
	}
	
		@media only screen and (min-width: 768px)   { #showroom .main-img { height:100%;  border-radius:7px; } }
		@media only screen and (min-width: 1200px)  { #showroom .main-img { height:280px; border-radius:0px; } }
		@media only screen and (min-width: 1400px)  { #showroom .main-img { height:100%;  border-radius:7px; } }
	
	#showroom .heading {
		font-family: 'LexendDeca-Medium', sans-serif;
		font-weight:500;
		color: var(--black);
		font-size:24px;
	}
	
	#showroom .icon {
		width:29px;
		height:auto;
	}
	
		@media only screen and (min-width: 576px)  { #showroom .icon {width:25px;} }
		@media only screen and (min-width: 768px)  { #showroom .icon {width:29px;} }
		@media only screen and (min-width: 1200px) { #showroom .icon {width:25px;} }
		@media only screen and (min-width: 1400px) { #showroom .icon {width:29px;} }

	@media only screen and (min-width: 1400px) { 
		#showroom .stretch-xxl {
			height:100%;
		}
	}
	


/* CTA */
#cta {
	background-color:#3A3A3A;	
	color:#ffffff;
	padding: 40px 0;
}

	#cta .heading {
		color:#ffffff;
		font-family: 'LexendDeca-Medium', sans-serif;
		font-weight:500;
		font-size:32px;
	}
	
	


/* Contact Form */
.wpcf7 p { margin-bottom:0; }
.wpcf7-form input[type=checkbox]:checked { accent-color: var(--orange); }

.contact input[type="text"], 
.contact input[type="email"], 
.contact input[type="tel"], 
.contact input[type="date"], 
.contact textarea,
.contact select,
.captcha .quiz-box {
    width: 100%;
    padding: 12px 16px;
    font-family: 'LexendDeca-Light', sans-serif;
	font-weight:300;
	font-size:18px;
    border: 1px solid #bababa;
	border-radius:10px;
	color:#676767;
	background-color: #fff;
}

	.contact input[type="text"]:focus, 
	.contact input[type="email"]:focus, 
	.contact input[type="tel"]:focus, 
	.contact input[type="date"]:focus, 
	.contact textarea:focus,
	.contact select:focus {
		outline: 2px solid var(--orange);
}

.contact textarea { height: 200px; }
#faqs .contact textarea { height: 140px; }
#downloads .contact textarea { height: 53px; }
#showrooms .contact textarea { height: 120px; }

.contact select {
    padding: 14px 16px;
}

.captcha .quiz-box {
    padding: 12px 0px 12px 16px; 
}

	.captcha .quiz-box.clicked {
		outline: 2px solid var(--orange);
	}

.captcha label {
    display: inline !important;
}

.captcha .wpcf7-quiz-label {
    margin-right: 10px;
    font-family: 'LexendDeca-Light', sans-serif;
	font-weight: 300;
	color: #676767;
}
.contact .captcha input[type="text"] {
    width: 26%;
    background-color: transparent;
    border: none;
    border-left: 1px solid var(--dark-grey);
    border-radius: 0;
    padding: 0;
}

	@media only screen and (min-width: 480px)  { .contact .captcha input[type="text"] {width: 50%;} }
	@media only screen and (min-width: 576px)  { .contact .captcha input[type="text"] {width: 58%;} }
	@media only screen and (min-width: 768px)  { .contact .captcha input[type="text"] {width: 30%;} }
	@media only screen and (min-width: 992px)  { .contact .captcha input[type="text"] {width: 50%;} }
	@media only screen and (min-width: 1200px) { .contact .captcha input[type="text"] {width: 58%;} }
	@media only screen and (min-width: 1400px) { .contact .captcha input[type="text"] {width: 22%;} }	
	@media only screen and (min-width: 1650px) { .contact .captcha input[type="text"] {width: 30%;} }	
	
#faqs .contact .captcha input[type="text"] { width: 40%; }	

	@media only screen and (min-width: 480px)  { #faqs .contact .captcha input[type="text"] {width: 60%;} }
	@media only screen and (min-width: 576px)  { #faqs .contact .captcha input[type="text"] {width: 66%;} }
	@media only screen and (min-width: 768px)  { #faqs .contact .captcha input[type="text"] {width: 75%;} }
	@media only screen and (min-width: 992px)  { #faqs .contact .captcha input[type="text"] {width: 80%;} }
	@media only screen and (min-width: 1200px) { #faqs .contact .captcha input[type="text"] {width: 58%;} }
	@media only screen and (min-width: 1400px) { #faqs .contact .captcha input[type="text"] {width: 65%;} }	
	@media only screen and (min-width: 1650px) { #faqs .contact .captcha input[type="text"] {width: 70%;} }	

	.contact .captcha input[type="text"]:focus {
		outline:none;
	}

::-webkit-input-placeholder { /* WebKit browsers */
  opacity: 1;
  color: #676767;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  opacity: 1;
  color: #676767;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  opacity: 1;
  color: #676767;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  opacity: 1;
  color: #676767;
}

.accordion {}

    .accordion-item {
        border: none;
        border-top: 1px solid #E7E7E7;
        border-bottom: 1px solid #E7E7E7;
    }

        .accordion-item:first-of-type {
          border-top-left-radius: 0;
          border-top-right-radius: 0;
		  border-top:none;
        }
        
            .accordion-item:first-of-type .accordion-button {
                border-top-left-radius: 0;
                border-top-right-radius: 0;
            }

    .accordion-button {
        font-family: 'Lato-Bold', sans-serif;
        font-weight: 700;
        font-size: 20px;
        color: var(--black);
        padding: 1rem 1rem 1rem 0rem;
		align-items: start;
    }
	
		.accordion-button .circle {
			width: 11px;
			height: 11px;
			border-radius: 50%;
			background-color: #e67f1f;
			margin-right: 20px;
			display: block;
			float: left;
			margin-top: 10px; 
		}
    
        .accordion-button::after {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239e9e9e'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
            margin-top: 6px;
          }
    
            .accordion-button:not(.collapsed)::after {
                    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239e9e9e'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
                    transform: rotate(180deg);
                }
    
    .accordion-button:not(.collapsed) {
          color: var(--black);
          background-color: #fff;
    }
    
    .accordion-button:focus {
        border-color: #E7E7E7;
        box-shadow: none;
    }
	
	.accordion-body {
		padding: 1rem 1rem 1rem 0rem;
	}


/* Footer */

footer {
    color:#030303;
	font-family: 'LexendDeca-Light', sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 32px;
	border-top: 1px solid #C0C0C0;
}
    footer .heading {
        color:#171717;
		font-family: 'LexendDeca-Medium', sans-serif;
		font-weight: 500;
		font-size: 20px;
    }

    footer a {
        color:#030303;
        text-decoration:none;
    }
    
        footer a:hover, footer a.active {
            color:var(--orange)
        }
 
	footer .footer-disclaimer {
		font-size:16px;
		border-top: 1px solid #C0C0C0;
	}
	
	footer .footer-bottom {
		border-top: 1px solid #C0C0C0;
	}

/* Footer End */


/* Mobile Queries
-------------------------------------------------------------- */

/* Max Width */
@media (max-width: 495px) {}
@media (min-width: 576px) {}
@media (max-width: 768px) {}
@media (max-width: 992px) {}

/* min Width */
@media only screen and (min-width : 480px) {}
@media only screen and (min-width : 768px) {}
@media only screen and (min-width : 992px) {}
@media only screen and (min-width : 1200px) {}