:root {
	--green:#96C21F;
	--darkgray: #3b3a3a;
	--blue:#0171B2;
	--orange: #ef7d00;
	--yellow: #E6BE4F;
	--brown: #9e6166;
	--brons: #c88348;
	--zilver: #afb1b2;
	--goud: #998047;
}

body, html {color:#000000; font-family: 'Ubuntu', sans-serif; overflow-x: hidden; font-size:14px; margin:0;}
body { margin-top:100px; }

/* NIEUWE CSS */

/* ALGEMEEN */
/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {scrollbar-width: auto; scrollbar-color: #9e6166 #ffffff;}
  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {width: 16px;}
  *::-webkit-scrollbar-track {background: #ffffff;}
  *::-webkit-scrollbar-thumb {background-color: #9e6166; border-radius: 10px; border: 3px solid #ffffff;}

/* custom cursor instellignen
body {cursor: url("img/cursor1.png") 13 7, auto !important;}
a {cursor: url("img/cursor1-hover.png") 64 12, auto !important; } */

/* menu */
.nav div li {display: inline-block;}
.nav div li a {display: inline;}
.nav div {list-style: none; position: absolute;}

/* mobile menu */
#wprmenu_bar {
    background-color: rgba(0,0,0,0) !important;
} 
.wprmenu_bar .hamburger-inner, .wprmenu_bar .hamburger-inner::before, .wprmenu_bar .hamburger-inner::after {background: #000;}
.menu_title {display: none !important;}
#mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item a, div#mg-wprm-wrap ul li span.wprmenu_icon {color: #000 !important;}
.wprmenu_bar .hamburger:hover .hamburger-inner, .wprmenu_bar .hamburger:hover .hamburger-inner::before, .wprmenu_bar .hamburger:hover .hamburger-inner::after {background: #000 !important;}
#wprmenu_menu_ul {padding: 0;}
#wprmenu_menu_ul li:before {width: 0;}
#mg-wprm-wrap li.menu-item a {text-transform: none;}
#wprmenu_menu_ul .current-menu-item {border-bottom: none;}
#wprmenu_menu_ul .current-menu-item a {color: #000 !important;}
#wprmenu_menu_ul .menu-item a {width: 200px;}
.hamburger-box {z-index: 9999;}
#mg-wprm-wrap {width: 100% !important; max-width: 100% !important; max-height: 300px;}
#mg-wprm-wrap li.current-menu-item > a, #mg-wprm-wrap li.current-menu-item span.wprmenu_icon {color: var(--brown) !important;}
#mg-wprm-wrap li.current-menu-item {border-bottom: solid 2px var(--brown);}
.cbp-spmenu-top.cbp-spmenu-open {top: 90px!important;}
#wprmenu_menu_ul .menu-item {padding: 0px 20px; border-bottom: 1px solid #eee;}

@media screen and (max-width:1199px) {
    #wprmenu_bar {  
        margin-top:20px;
        width:100vw;
    }

    
}


/* PAGINA'S */
.page-id-379 .bg-gray.container-fluid {display: none;} /* PAGINA interieuradvies hide medewerkers blok */
a {outline:none !important;}

/* HOME */
img {border-radius: 8px;}

/* INSPIRATIE */



@media screen (min-width:576px) and (max-width:1199px) {
    .rij.rij-1 .steen:nth-of-type(1) {width: 27%;}
    .rij.rij-1 .steen:nth-of-type(2) {width: 30%;}
    .rij.rij-1 .steen:nth-of-type(3) {width: 35.5%;}

    .rij.rij-2 .steen:nth-of-type(1) {width: 36.5%;}
    .rij.rij-2 .steen:nth-of-type(2) {width: 27%;}
    .rij.rij-2 .steen:nth-of-type(3) {width: 31%;}

    .rij.rij-3 .steen:nth-of-type(1) {width: 32%;}
    .rij.rij-3 .steen:nth-of-type(2) {width: 36.5%;}
    .rij.rij-3 .steen:nth-of-type(3) {width: 26%;}
    
.rij .steen:first-of-type {margin-left: 0px;}
.rij .steen {width: 33%; display: inline-block; height: 300px; margin: 3px; overflow: hidden; z-index: 1; position: relative;}
}

@media screen and (max-width:575px) {
    .rij .steen {width: 100%; display: inline-block;}
}

@media screen and (min-width:1200px) {
.rij.rij-1 .steen:nth-of-type(1) {width: 27%;}
.rij.rij-1 .steen:nth-of-type(2) {width: 32%;}
.rij.rij-1 .steen:nth-of-type(3) {width: 36.5%;}

.rij.rij-2 .steen:nth-of-type(1) {width: 36.5%;}
.rij.rij-2 .steen:nth-of-type(2) {width: 27%;}
.rij.rij-2 .steen:nth-of-type(3) {width: 32%;}

.rij.rij-3 .steen:nth-of-type(1) {width: 32%;}
.rij.rij-3 .steen:nth-of-type(2) {width: 36.5%;}
.rij.rij-3 .steen:nth-of-type(3) {width: 27%;}


.rij .steen:first-of-type {margin-left: 0px;}
.rij .steen {width: 33%; display: inline-block; height: 300px; margin: 8.5px 10px; overflow: hidden; z-index: 1; position: relative;}
}
.threed-button {transition: .3s;}
.metselwerk .inhoud {background-color: #eee; height: 100%; overflow: hidden;}
.metselwerk .inhoud a {height: 100%; width: 100%; display: block;}
.metselwerk .inhoud img {height: 100%; object-fit: cover; object-position: center; width: 100%;}

/* INTERIEURADVIES */

.interieuradvies h2  {margin-top: 40px;}

@media screen and (min-width:1200px) {
    .interieuradvies .row.gapped {margin-bottom: 40px;}
.interieuradvies .row.gapped > div:first-of-type {margin-right: 25px;}
.interieuradvies .row.gapped > div:last-of-type {margin-left: 25px;}
.interieuradvies .col-md-6 {max-width: calc(50% - 25px);}
}

/* blok "Aanvullend advies" */
.aanvullend-advies {background-color: #9e6166; border-radius: 10px; padding: 30px 20px 20px 20px; color: #f2e5e4; margin: 0px;}
@font-face {font-family: 'Southland'; src: url('fonts/Southland.woff');}
.aanvullend-advies h2 {font-family: 'Southland', cursive; font-weight: normal; font-size: 6REM;}
.aanvullend-advies h3 {font-weight: normal; font-size: 1.5REM; margin-bottom: 0px;}
.aanvullend-advies > div {margin: 0 !important;}

/* INTERIEURADVIES LIST ITEMS */
.interieuradvies ul li::marker {display: none !important;}
.interieuradvies ul li::before {content: "\2022"; background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(200,131,72,1) 50%, rgba(255,255,255,1) 100%); width: 10px; height: 10px; color: transparent; margin-top: 5px; position: absolute; margin-left: -20px; border-radius: 50%;}
.interieuradvies ul li:nth-child(5)::before, .interieuradvies ul li:nth-child(6)::before {background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(175,177,178,1) 50%, rgba(255,255,255,1) 100%) !important;}
.interieuradvies ul li:nth-child(7)::before {background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(153,128,71,1) 50%, rgba(255,255,255,1) 100%)
 !important;}

/* OVER ONS */
.medewerkers .m-box .layer {background-color: rgba(158,97,102,0.7) !important;}

/* ZOEKRESULTATEN PAGINA */
.nieuwsitem {margin-bottom: 20px; min-height: calc(100% - 15px); padding: 15px; background-color: #eee; overflow: hidden;}
.nieuwsitem .img-cont {position: relative; height: auto; width: calc(100% + 30px); margin: -15px -15px 0px -15px; display: block;}
.nieuwsitem img {width: 100%; height: 250px; object-fit: cover; object-position: center;}
.nieuwsitem .nieuws-text {padding-bottom: 60px;}
.nieuwsitem .nieuws-title {padding-top: 15px;}
.search-results .nieuws-text small {display: none;}
.nieuwsitem .button {width: 50%; position: absolute; bottom: 40px; left: 30px;}

h1, h2, h3 {font-weight:bold;}
p a { color:var(--brown); }
.v-align {position: relative; top: 50%; height: auto; transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}

.img {width:100%; height:auto;}
.rounded {border-radius:8px;}
.nf-form-content {max-width:none !important;}
.bg-green { background-color:var(--green); }
.bg-blue { background-color:var(--brown); }
.bg-orange { background-color:var(--orange); }
.bg-yellow { background-color:var(--yellow); }

.cl-green { color:var(--green); }
.cl-blue { color:var(--brown); }
.cl-orange { color:var(--orange); }
.cl-yellow { color:var(--yellow); }

.container-fluid.contained {max-width:1400px;}
.container-fluid.bg-gray {background-color:#eee; padding-top:50px; padding-bottom:50px;}
@media screen and (max-width:767px) {
	.container-fluid.bg-gray {padding-top:20px;	padding-bottom:20px;}
}
.button, .formulier input[type="button"] {
	background-color:var(--green);
	background: linear-gradient(106deg, rgba(91,89,89,1) 0%, rgba(59,58,58,1) 100%);
	transition:.3s;
	cursor:pointer;
	padding:10px 25px;
	color:white !important;
	text-transform:uppercase;
	font-weight:bold;
	border-radius:4px;
	font-size:14px;
	margin:5px 5px 5px 0px;
	overflow:hidden;
	text-align:center;
	display:inline-block;
	position:relative;
	text-decoration:none;
	box-shadow:inset 0px 1px 0px rgba(255,255,255,.2), inset 0px -1px 0px rgba(0,0,0,.1), 0px 5px 20px -10px rgba(0,0,0,.3);
}
	.button.bg-green { 	background: linear-gradient(106deg, rgba(177,219,66,1) 0%, rgba(149,194,30,1) 100%);}
	.button.bg-blue, .formulier input[type="button"] { background: linear-gradient(106deg, rgba(194,145,143,1) 0%, rgba(158,97,102,1) 100%) !important;}
	.button.bg-orange {background: linear-gradient(106deg, rgba(252,164,67,1) 0%, rgba(239,125,0,1) 100%); }
	.button.bg-yellow { background: linear-gradient(106deg, rgba(246,210,110,1) 0%, rgba(230,190,79,1) 100%); }
	.button.bg-white { background: linear-gradient(106deg, rgba(255,255,255,1) 0%, rgba(215,215,215,1) 100%); color:var(--brown) !important;  }
.button:hover {transform:scale(1.1); color:white; text-decoration:none;}
.button:active {transform:scale(.8);}

.button:after {
	content: " ";
	z-index:-1;
	position:absolute;
	top:0;
	left:-100%;
	transition:.2s;
	-webkit-transition:.2s;
	width:100%;
	height:100%;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 46%, rgba(255,255,255,0) 100%);
}
	.button:hover:after {transition:.5s; -webkit-transition:.5s; left:100%;}

.top-bar {
	width:100%;
	height:100px;
	background-color:white;
	position:fixed;
	top:0;
	left:0;
	padding:0px 100px;
	z-index:100000;
	display:flex;
}
.admin-bar .top-bar {top:30px;}
@media screen and (max-width:1399px) {.top-bar {padding:0px 20px;}}
	.top-bar .logo {
		height:100%;
		width:300px;
		background-image:url('img/logo-slimthuis.png');
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center left;
		display:inline-block;
	}
	.top-bar .items, .nav div {width:calc(100% - 450px); text-align:right; height:100%; display:flex; justify-content: flex-end; align-items: center;}
		.top-bar .items .m-item, .menu-item {
			background-color:transparent;
			padding:10px 20px;
			font-weight:lighter;
			color:black;
			position:relative;
			overflow:visible;
			cursor:pointer;
			font-size:16px;
			text-shadow:0px 0px 0px white;
			z-index:5;
			text-decoration:none;
		}
		.menu-item a {
			background-color:transparent;
			font-weight:lighter;
			color:black;
			position:relative;
			overflow:visible;
			cursor:pointer;
			font-size:16px;
			text-shadow:0px 0px 0px white;
			z-index:5;
			text-decoration:none;
		}
		.top-bar .items .m-item.burger {display:none;}
		.top-bar .items .m-item:hover, .top-bar .items .m-item.hover, .top-bar .items .m-item.current, .opened .items .burger {
			color:transparent;
			transition:color .1s, text-shadow .3s .3s;
			text-shadow:0px 0px 0px black;
		}
		.top-bar .items .m-item:hover, .top-bar .items .m-item.hover, .top-bar .items .m-item.current, .menu-item a:hover { text-shadow:0px 0px 0px var(--brown); }

			.top-bar .items .m-item:after, .menu-item:after, .menu-item a:after {
				content:" ";
				text-align:center !important;
				display:flex;
				align-items:center;
				justify-content:center;
				width:100%;
				height:100%;
				border-radius:2px;
				position:absolute;
				left:0;
				bottom:0;
				background: linear-gradient(106deg, rgba(194,145,143,1) 0%, rgba(158,97,102,1) 100%);
				opacity:0;
				transform:scale(0);
				z-index:-1;
			}

			.menu-item:hover:after {
				transition:all .3s, background-color .3s .2s, height .2s .3s, color .2s .3s;
				border-radius:2px;
				color:transparent;
				width:100%;
				height:2px;
				transform:scale(1);
				opacity:1;
			}
			.current-menu-item {border-bottom: solid 2px var(--brown); margin-bottom: 2px;}
			.top-bar .items .m-item:hover:after, .top-bar .items .m-item.hover:after, .top-bar .items .m-item.current:after, .opened .items .burger:after, .menu-item:after, .menu-item:after {
				/* transition:all .3s, background-color .3s .2s, height .2s .3s, color .2s .3s; */
				/* height: 2px; */
				transform:scale(0);
			}
			.top-bar .items .m-item .drop {display:none;}
		.top-bar .items .button, .menu-item a {width:120px;	padding:10px 0px; margin:0px 3px; z-index:2;}
		.top-bar .items .small {*width:90px; color:#979797;}
		.top-bar .items .icon {padding:10px 15px;}



@media screen and (max-width:1199px) {
	.top-bar {z-index:1000;}
		.top-bar .logo {z-index:12;}
		.top-bar .items {
			position:absolute;
			left:0;
			top:0;
			width:100%;
			height:0px;
			padding-top:100px;
			display:block;
			z-index:11;
			box-shadow:0px 0px 20px rgba(0,0,0,.3);
			overflow:hidden;
			background-color:white;
			display:flex;
			flex-direction:column;
			opacity:1;

		}
		.top-bar.opened .items {height:auto; opacity:1; pointer-events:auto;}
			.top-bar .items .m-item.burger {display:block;}
			.top-bar .items .m-item:not(.burger) {
				opacity:0;
				pointer-events:none;
				height: 50px;
		    width: 100%;
		    display: block;
		    position: relative;
		    border-bottom: 1px solid #eee;
		    line-height: 50px;
		    padding: 0px 20px;
		    background-color: white;
		    text-align: left;
			}
			.top-bar.opened .items .m-item:not(.burger) {opacity:1;	pointer-events:auto;}
		.top-bar .items .burger {position:absolute;	top:30px; right:5px; z-index:12;}

    
}

@media screen and (max-width:676px) {
    .top-bar .logo {
        max-width:80%;
    }
}


.cont-klanten {margin:100px auto 0px auto; padding:50px; display:block; overflow:visible; position:relative;}
@media screen and (max-width:767px) {
	.cont-klanten {padding:5px; margin:30px auto 0px auto;}
}

.cont-klanten div {overflow:visible;}
	.cont-klanten .bg {
		position:absolute;
		z-index:0;
		top:0;
		left:50%;
		transform:translateX(-50%);
		width:calc(100% - 300px);
		height:calc(100% - 150px);
		max-width:1200px;
		background-image:url('images/header2cropped.webp');
		background-size:cover;
		background-position:center;
		filter:contrast(90%);
		opacity:.1;
		border-radius:15px;
	}
	.cont-klanten .text {
		display:flex;
		justify-content: center;
		flex-direction:column;
		position:relative;
		padding:50px 50px 50px 50px;
		height:100%;
		text-align:right;
	}
@media screen and (max-width:1199px) {
	.cont-klanten .text {text-align:left; padding:15px;}
	.cont-klanten .bg {width:100%;}
}

		.cont-klanten .text h2 {font-weight:bold; width:100%; display:inline-block; position:relative;}
		@media screen and (max-width:767px) {
			.cont-klanten .text h2 { font-size:24px;}
			.cont-klanten .text h2 br { display:none; }
		}
		.cont-klanten .text p {display:inline-block; font-weight:lighter; *line-height:30px;}

	.cont-klanten .img {width:100%; overflow:visible; display:flex; align-items:flex-end; position:relative; height:100%;}
	.cont-klanten .img#img1 {padding-right:150px;}
	.cont-klanten .img#img2 {margin-top:-40px;}
	@media screen and (max-width:767px) {
		.cont-klanten .img#img1 {padding-right:0px;}
		.cont-klanten .img#img2 {margin-top:-20px;}
	}
		.cont-klanten .img .klanten-slider, .cont-klanten .img .klanten-slider .slick-list, .cont-klanten .img .slick-track {
			width:100%;
			height:100%;
			position:relative; overflow:visible;
			perspective:2000px;
		}
		.cont-klanten .klanten-slider .img-cont {width:100%; transform: rotateY(180deg); transition:1s !important; display:flex; flex-direction: column;}
		.cont-klanten .img#img1 .klanten-slider .img-cont {  justify-content: flex-end; }
		.cont-klanten .img#img2 .klanten-slider .img-cont {   justify-content: flex-start; }

		.cont-klanten .klanten-slider .img-cont img {width:100%; height:auto; box-shadow:0px 10px 30px -10px rgba(0,0,0,.4);}
		.cont-klanten  .img#img2 .klanten-slider .img-cont { transition-delay:.2s !important; }
		.cont-klanten .klanten-slider .img-cont.slick-current {transform: rotateY(0deg);}
		.cont-klanten .klanten-slider .img-cont.slick-current ~ .img-cont {transform: rotateY(-180deg);}



	.cont-klanten .controls {display:flex; position:relative; z-index:50; margin-bottom:10px; padding-left:10px;}
		.cont-klanten .controls div {
			width:35px;
			height:35px;
			background-color:white;
			border-radius:30px;
			margin:3px;
			line-height:35px;
			text-align:center;
			box-shadow:0px 5px 15px -5px rgba(0,0,0,.2);
			cursor:pointer;
			transition:.3s;
			-webkit-transition:.3s;
		}
			.cont-klanten .controls div:hover {background-color:var(--brown); color:white; transform:scale(1.1);}
	.cont-klanten .quote {overflow:visible; position:relative; padding-left:10px; transform:translateX(100px); transition:1s !important;}
		.cont-klanten .quote.slick-current {transform:translateX(0);}
		.cont-klanten .quote span {font-weight:bold !important; font-style:italic; font-size:19px; padding:15px 0px 5px 0px;}
		@media screen and (max-width:767px) {	.cont-klanten .quote span {font-size:18px;}		}
		/* .cont-klanten .quote span:before { content:"“"; }
		.cont-klanten .quote span:after { content:"”"; } */

		.cont-klanten .quote .title {font-weight:lighter; *font-size:0;}
		.cont-klanten .quote .button {margin:15px 0px; overflow:hidden; display:inline-block; text-decoration:none; width:auto; color:white !important;}


			.footer {
				width:100%;
				height:auto;
				position:relative;
				overflow:hidden;
				/* background-image:url('img/footer.webp'); */
				background-image:url('img/footer-sfeervolthuis.jpg');
				background-size:cover;
				background-position:center top;
				padding:50px 0px 0px 0px;
				box-shadow:inset 0px 30px 20px -20px white;
			}
				.footer .ctas > div { padding:50px; }
				.footer .ctas > div:first-of-type { padding:50px 85px 50px 15px; }
				.footer .ctas > div:last-of-type  { padding:50px 15px 50px 85px; }

				.footer .cta {
					width:100%;
					padding-top:100%;
					border-radius:5px;
					background-color:#ccc;
					display:block;
					background-size:cover;
					background-position:center;
					box-shadow:0px 10px 25px -5px rgba(0,0,0,.5);
					color:white;
					z-index:1;
					position:relative;
					overflow:hidden;
					display:block;
					cursor:pointer;
					transition:.2s;
				}

					.footer .cta:before {
						width:100%;
						height:100%;
						content:" ";
						background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5032387955182073) 100%);
						position:absolute;
						top:0;
						left:0;
						z-index:-1;
					}


					.footer .cta .arrow {
						position:absolute;
						top:15px;
						right:15px;
						height:40px;
						width:40px;
						background-color:white;
						color:var(--brown) !important;
						line-height:40px;
						text-align:center;
						border-radius:30px;
						font-size:16px;
						opacity:0;
						transition:opacity .3s, transform .1s;
						-webkit-transition:opacity .3s, transform .1s;
						transform:translateX(-100%);
					}
					.footer .cta:hover .arrow {opacity:1; transform:translateX(00%);}
					.footer .cta span {
						position:absolute;
						bottom:0;
						left:0;
						font-weight:bold;
						padding:15px;
						font-size:20px;
						text-align:center;
						width:100%;
						z-index:2;
						transition:.1s;
						*transform:inherit;
						perspective:4000px;
					}
	@media screen and (max-width:991px) {
		.footer .ctas > div { padding:20px; }
		.footer .ctas > div:first-of-type { padding:20px 25px 20px 15px; }
		.footer .ctas > div:last-of-type  { padding:20px 15px 20px 25px; }
		.footer .cta span {font-size:16px;}
	}
	@media screen and (max-width:576px) {	.footer .cta {padding-top:75%;}	}
			.footer .links {color:#3B3A3A; padding:0px 30px; font-weight:lighter; padding-bottom:30px; padding-top:50px;}
				.footer .links a {color:#3B3A3A;}
				.footer .links .footermenu a {width:100%; display:block; position:relative; font-weight:lighter;}

@media screen and (max-width:767px) {	.footer .links {padding:20px;}   }
			/* Standaard LS code */

				.footer img {width:230px;}
				.footer address {font-size:16px; margin-top:20px;}
				.footer .fborder {border-right:0px; padding-right:30px;}
				.footer a {text-decoration:none; color:#ffffff;}
				.footer hr {color:#ffffff; background:#ffffff;}
				.footermenu {padding-top:90px; padding-bottom:10px;}
				.footermenu a {display:block; margin-bottom:0px; font-weight:700; text-transform: uppercase; font-size:13px;}
				.footer .search {padding-top:90px;}
				.footer .search fieldset {width:100%;}
				.footer .search input[type="text"]{width:calc(100% - 37px);	border:0px;	background-color: rgba(255,255,255,.6);	float:left; padding:0px 10px;
					outline:none;}
				.footer.groen .search button[type="submit"]{width:26px; height:26px; border:0px; background-color: #7aa000; float:left; padding:0;}
				.footer.oranje .search button[type="submit"]{width:26px; height:26px; border:0px; background-color: #9e5600; float:left; padding:0;}
				.footer.blauw .search button[type="submit"]{width:26px;	height:26px; border:0px; background-color: #36abdf;	float:left;	padding:0;}
				.footer.goud .search button[type="submit"]{width:26px; height:26px; border:0px; background-color: #CEA423; float:left; padding:0;}
				.copyright {color: #ffffff;	padding-top:20px; font-size:14px;}
				.socialmedia {margin-top:20px;}
				.socialmedia a {display:block; float:left; *background-color:#7aa000; padding:2px 5px; margin:10px 10px 10px 0; text-align:center; width:20px;
					height:30px;}
				.groen .socialmedia a {background-color:#7aa000;}
				.oranje .socialmedia a {background-color:#9e5600;}
				.blauw .socialmedia a {background-color:#36abdf;}
				.goud .socialmedia a {background-color:#CEA423;}

				@media screen and (max-width: 1199px) {		.socialmedia a {width:26px; height:26px;}		}

				@media screen and (max-width: 991px) {
					.footer {padding:50px 0 25px;}
					.footer img {width:140px;}
					.footer address {font-size:14px; margin-top:20px;}
					.footermenu {padding-top:10px; padding-bottom:10px;}
					.footermenu a {display:block; margin-bottom:0px; font-weight:700; text-transform: uppercase; font-size:13px;}
					.footer .search {padding-top:20px;}
					.footer .search input[type="text"]{border:0px;  float:left; border-radius:3px; outline:none;}
					.socialmedia {margin-top:20px;}
				}

				@media screen and (max-width: 767px) {
					.footer img {width:100%; max-width:400px; margin:15px 0px;}
					.footer .fborder {border:0px;}
					.footer address {font-size:14px; margin:15px;}
					.footermenu {margin:15px; padding-top:0;}
					.footermenu a {font-weight:700; text-transform: uppercase; font-size:12px;}
					.socialmedia {text-align:center;}
					.socialmedia a {display:inline-block; float:none; margin:10px 7px 10px 0;}
					.copyright {font-size:11px; line-height:15px; text-align:center;}
					.footer .search fieldset {padding:15px;}
				}


			.header-bumper {margin-top:100px;}
			.sub-header {
				height:56vw;
				max-height:80vh;
				min-height:200px;
				position:relative;
				overflow:hidden;
				margin-bottom:100px;
				background-size:cover;
				background-position:center;
				background-color:#eee;
			}
				.sub-header .text {
					position: absolute;
					z-index: 2;
					top:0;
					left:0;
					color: white;
					padding: 0px 0px 0px 100px;
					height: 100%;
					width: 50%;
					max-width:800px;
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: flex-start;
					opacity: 1;
					transition: .5s;
					background: rgb(0,0,0);
					background: linear-gradient(90deg, rgba(0,0,0,0.5116421568627452) 0%, rgba(0,0,0,0) 80%);
				}
					.sub-header .text h1 {font-size: 40px; font-weight: bold; margin: 0px; color: white;}
					.sub-header .text h2 {font-weight: 500; font-size: 30px; margin: 15px 0px 35px 0px; padding: 0px;}

				.header-banner {
					background-color:#eee;
					padding:50px 0px;
					margin:-115px 0px 100px 0px;
					text-align:center;
					color:black;
					background-size:cover;
					background-position:center;
					z-index:100;
					position:relative;
					background-size:cover;
					background-position:center;
					border-top:10px solid var(--brown);
				}
			@media screen and (max-width:991px) {
				.sub-header .text {padding:0px 0px 0px 50px; width:100%;}
			}
			@media screen and (max-width:767px) {
				.sub-header { margin-bottom:30px; }
				.sub-header .text {padding:0px 0px 0px 20px;}
				.sub-header .text h1 {font-size:32px;}
				.sub-header .text h2 {font-size:24px;}
				.header-banner {margin-bottom:30px; margin-top:-30px;}
				h2 {font-size:24px;}
				h3 { font-size: 18px; }
			}