/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */


@import url('https://fonts.googleapis.com/css?family=Staatliches');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,700,900');

@font-face {
	font-family: 'font';
	src:url('../fonts/arvo.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'font2';
	src:url('../fonts/poppins.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'font3';
	src:url('../fonts/warpaint.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'font4';
	src:url('../fonts/viper.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'font5';
	src:url('../fonts/prev.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'feathericons';
	src:url('../fonts/feathericons/feathericons.eot?-8is7zf');
	src:url('../fonts/feathericons/feathericons.eot?#iefix-8is7zf') format('embedded-opentype'),
		url('../fonts/feathericons/feathericons.woff?-8is7zf') format('woff'),
		url('../fonts/feathericons/feathericons.ttf?-8is7zf') format('truetype'),
		url('../fonts/feathericons/feathericons.svg?-8is7zf#feathericons') format('svg');
}

.vertically-centered{
	display: flex;
	flex-direction: column;
	justify-content: center; 
}

.davids-logo {
	position: absolute; margin-top: 185px; z-index: 2;
}
.davids-logo2 {
	position: inherit; margin-top: -300px; margin-bottom: -105px; margin-left: 5px; z-index: 1;
}

.dropdown {
  float: left; position: relative;
}
.dropdown .dropbtn {
  font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit;font-family: inherit; margin: 0;
}
.dropdown .dropbtn a{
  color: black; 
}
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}
.dropdown-one {
  cursor: pointer; display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-two {
  cursor: pointer; display: none; position: absolute; left: 160px; top: 0px; min-width: 160px; background-color: #f9f9f9; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-three {
  cursor: pointer; display: none; position: absolute; left: 160px; top: 48px; min-width: 160px; background-color: #f9f9f9; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown:hover .dropdown-one, #link1:hover > .dropdown-two {
  display: block;
}
.dropdown:hover .dropdown-one, #link2:hover > .dropdown-three {
  display: block;
}
.dropdown-one .dItem {
  color: black; padding: 12px 16px; display: block; text-align: left;
	
	transition:0.3s;
}
.dropdown-one .dItem:hover, .dropdown-two a:hover {
  background-color: #ddd;
}
.dropdown-one .dItem.black-bg {
background: black;
color: white;
	
}
.my-pad {
	padding: 0 0 0 15px;
}
.my-pad h5 {
	color: rgb(255,255,255); font-size: 18px;	text-transform: uppercase; padding-top: 20px;	line-height: 5px;	font-weight: 600;
}
.multi-column-dropdown {
	list-style: none; margin: 0px; padding: 0px;
}
ul.multi-column-dropdown {
	padding: 0 0 0;
}
.multi-column-dropdown li a {
	display: block;	clear: both; line-height: 1.428571429; color: #333;	white-space: normal;
}
.multi-column-dropdown li a:hover {
	text-decoration: none; color: #262626; background-color: #999;
}
.tab {
  overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1; font-family: 'font2';
}
.tab button {
  background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px;
}
.tab button:hover {
  background-color: #ddd;
}
.tab button.active {
  background-color: #ccc;
}
.tabcontent {
  display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none;
}
.tabcontent h3 {
	padding-top: 40px; padding-bottom: 40px; font-family: 'font';	text-align: center;	font-size: 2rem; color: rgb(246,177,24);
}

/* ======================================== */
/* === Top Header Section ================= */
.top-header {
    position: fixed;
    width: 100%;
    z-index: 100;
    padding: 10px 20px;
    background: #fff;
    transition: all .3s ease;
}

.top-header-inner {
    display: grid;
    grid-template-columns: 140px 1fr 160px;
    align-items: center;
    gap: 20px;
}

/* Logo */
.header-left {
    display: flex;
    align-items: center;
}

/* Left */
.header-left img {
    max-height: max-content;;
		position:absolute;;
	max-width: 10%;

}

/* Center */
 
.header-middle { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; left: 140px; position: relative; }
/* Pills */
.header-pill {
    padding: 9px 15px;
    font-weight: 600;
    font-family: 'font2';
    color: rgb(120,120,120);
    border-radius: 1.6rem;
    border: 1px double rgb(120,120,120);
    text-decoration: none;
    transition: .3s ease;
}

.header-pill:hover {
    background: rgba(0,0,0,.05);
}

/* Social */
.header-right {
    display: flex;
    justify-content: flex-end;
    gap: 8px;    z-index: 4;
}

.header-right a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px double #c7ae76;
    color: #c7ae76;
    background: #000;
    border-radius: 100px;
    height: 34px;
    width: 34px;
    transition: .3s ease;
}

.header-right a:hover {
    background: #c7ae76;
    color: #000;
    border-radius: 0;
}

@media(max-width: 1300px){
	.header-left img {
			top: 0;
	}
.top-header-inner {
    display: grid;
    grid-template-columns: 130px 1fr 133px;
    align-items: center;
    gap: 20px;
}
.header-middle {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    left:  0px;
    position: relative;
}



}

.top-header .dropdown-menu {
	background:whitesmoke; border-radius: 0;
}
.top-header .dropdown-menu a {
	color:#222;	padding:3px 20px !important;
}
.top-header .dropdown-toggle {
	background: #21212100; padding: 6px 25px;	outline: none !important;	border-color: #f3f3f3b5;
}
.top-header .dropdown-toggle:hover {
	background-color: white !important;	color: #000 !important;
}
.btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
	color: #000; background-color: rgb(255, 255, 255); border-color: #666e76; box-shadow:none !important;
}
.top-header .btn-secondary.focus,
.btn-secondary:focus {
	outline:none !important; box-shadow:none !important;
}

/* ======================================== */
/* === Navigvation Section ================ */
/* ======================================== */
.navbar-inverse .navbar-inner {
	display:none;
}

/******* Mobile Navigation Section *******/
.navbar-sidebar {
	display:none;
}
.dropdown-wrapper {
	margin:0;	padding:0;
}
.navbar-sidebar .dropdown-menu-mobile, .navbar-sidebar .dropdown-menu-mobile-2, .navbar-sidebar .dropdown-menu-mobile-3, .navbar-sidebar .dropdown-menu-mobile-4, .navbar-sidebar .dropdown-menu-mobile-5 {
	position:relative; display:none; top: 0; left: 0; z-index: 1000; float: left; height:0px; margin:0; width:100%; padding: 0; font-size: 18px; color: #e6e6e6 !important; text-align: left; list-style: none; background-color:rgb(231 231 231); border: 0; visibility: hidden; border-radius: 0; transform:scale(1,0); -webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease; transition: all .30s ease;
}
.dropdown-menu-animate, .dropdown-menu-animate-2, .dropdown-menu-animate-3, .dropdown-menu-animate-4, .dropdown-menu-animate-5 {
	display:inline-block !important; transform:scale(1,1) !important;	padding:25px 0 !important; height:auto !important; visibility: visible !important;
}
.navbar-sidebar .dropdown-menu-mobile a, .navbar-sidebar .dropdown-menu-mobile-2 a, .navbar-sidebar .dropdown-menu-mobile-3 a, .navbar-sidebar .dropdown-menu-mobile-4 a, .navbar-sidebar .dropdown-menu-mobile-5 a {
	color: rgb(75,75,75);	font-weight:600 !important;	 
	
	
	
        color: black;
        font-family: 'font4';
        font-size: 0.85rem;
}
.navbar-sidebar {
	padding-top: 177px; height: 100%; width: 200px; background-color: rgb(250,250,250); position: fixed!important;	z-index: 4;	overflow: auto;
}
.nav-link{
        color: black;
        font-family: 'font4';
        font-size: 0.85rem;
}
.bar-block .dropdown-hover, .bar-block .dropdown-click {
	width: 100%;
}
.bar-block .dropdown-hover .dropdown-content, .bar-block .dropdown-click .dropdown-content {
	min-width: 100%;
}
.bar-block .dropdown-hover .button, .bar-block .dropdown-click .button {
	width: 100%; text-align: left; padding: 8px 16px;
}
.main, #main {
	transition:margin-left .4s;
}
.modal {
	display: none; padding-top: 100px; position: fixed;	left: 0; top: 0; width: 100%;	height: 100%;	overflow: auto; background-color: rgb(0,0,0);	background-color: rgba(0,0,0,0.4);
}
.modal-content {
	margin:auto; background-color:#fff;	position:relative; padding:0;	outline:0; width:1200px;  border: 5px double #1c1c1c;
}
.modal-dialog {
	max-width: 100%;
}
.modal-title {
	color: #c7ae76; font-size: 50px;
}
.modal-body {
background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-4.jpg) top right no-repeat; 
}
.modal-header {
	    background-image: linear-gradient(#1e1e1e, #1c1c1c00), url(/img/t-16.jpg); border-bottom: 5px solid #000;
}
.modal-footer {
	    background-image: linear-gradient(#1e1e1e, #1c1c1c00), url(/img/t-16.jpg); border-top: 5px solid #000;
}
.bar {
	width:100%;	overflow:hidden;
}
.center .bar {
	display:inline-block;	width:auto;
}
.bar .bar-item {
	padding:8px 16px;	float:left;	width:auto;	border:none; display:block;	outline:0;
}
.bar .dropdown-hover, .bar .dropdown-click {
	position:static; float:left;
}
.bar .button {
	white-space:normal;
}
.bar-block .bar-item {
	width:100%;	display:block; padding:8px 16px; text-align:left;	border:none; white-space:normal; float:none; outline:0;
}
.bar-block.center .bar-item {
	text-align:center;
}
.block {
	display:block; width:100%;
}
/******* Mobile Navigation Section *******/

/******************************************** DAVIDS MOBILE CODE START *************************************************/
.bg-primary {
	background: rgb(83,82,82) !important;
}
.home-header-section {
	padding-top: 125px;
}
.home-header-section .slider-logo span {
	font-family: 'font'; color: rgb(196,41,56);
}
img.flexer {
	margin-top: -80px; position: relative; z-index: 2;
}
.video {
	overflow: hidden; position: relative; z-index: 2; display: block;
}
.video .pad {
	padding: 350px 0px 0px 300px; position: absolute; margin-left: 850px; width: 50%; margin-top: -275px;
}
.video .pad h5 {
	font-weight: 500; color: rgb(255,255,255); font-size: 85px; text-shadow: 0px 0px 5px #000; font-family: 'font3'; text-align: left; margin-left: -780px;
}
.video .pad h6 {
	margin-top: 0% !important; color: rgb(255,255,255); text-shadow: 0px 0px 5px #000; font-size: 35px; font-family: 'arial'; text-align: left; margin-left: -756px;
}
.video .pad a {
	font-size: 16px; color: rgb(255,255,255); font-family: 'Arial'; font-weight: 600; border: 1px solid rgb(12,32,63); padding: 15px 30px; border-radius: 1.6rem; background: rgb(12,32,63);
}
.video .pad a:hover {
	color: rgb(255,255,255); border: 1px solid rgb(255,255,255); background: transparent;
}
.video2 {
	overflow: hidden; position: relative; z-index: 2; display: block;
}
.video2 .pad3 {
		padding: 350px 0px 0px 300px;
    position: absolute;
    margin-left: 850px;
    width: 50%;
    margin-top: -275px;
}
.video2 .pad3 h5 {
	font-weight: 500; color: rgb(255,255,255); font-size: 75px; text-shadow: 0px 0px 5px #000; font-family: 'font3'; text-align: left; margin-left: -800px;
}
.video2 .pad3 h6 {
	margin-top: 0% !important; color: rgb(255,255,255); text-shadow: 0px 0px 5px #000; font-size: 25px; font-family: 'arial'; text-align: left; margin-left: -850px;
}
.video2 .pad3 a {
	font-size: 16px; color: rgb(255,255,255); font-family: 'Arial'; font-weight: 600; border: 1px solid rgb(12,32,63); padding: 15px 30px; border-radius: 1.6rem; background: rgb(12,32,63);
}
.video2 .pad3 a:hover {
	color: rgb(255,255,255); border: 1px solid rgb(255,255,255); background: transparent;
}
.dropdown-menu {
	position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 200px; padding: .5rem 0; margin: .125rem 0 0; font-size: 18px; color: rgb(33, 37, 41); text-align: left; list-style: none; background-color: rgb(87, 86, 87); background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem;
}
.dropdown-menu.columns-3 {
	min-width: 600px;
}
.dropdown-menu li a {
	padding: 5px 15px; font-weight: 300;
}
.dropdown-item {
	display: block; width: 100%; font-weight: 600; font-family: 'font2'; padding: .25rem 1.5rem; clear: both; color: rgb(255,255,255); text-align: inherit; white-space: nowrap; background: 0 0;border: 0;
}
.dropdown-item.active, .dropdown-item:active {
	color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(22,22,22) !important;
}









.dropdown {
	float: left; position: relative;
}
.dropdown .dropbtn {
	font-size: 1.1rem; border: none; outline: none; color: black; padding: 14px 16px; background-color: inherit;font-family: inherit; margin: 0;
	font-family: font2; font-weight: 600;
}
.navbar a:hover, .dropdown:hover .dropbtn {
	background-color: white;
}
.dropdown-one {
    cursor: pointer;
    display: none;
    position: absolute;
    background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-2.jpg) top right no-repeat;
    width: 650px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border: 2px solid #000;
    border-top: none;
    margin-left: -100px;
}
.dropdown-two {
	cursor: pointer; display: none; position: absolute; left: 160px; top: 0px; min-width: 160px; background-color: #f9f9f9; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-three {
	cursor: pointer; display: none; position: absolute; left: 160px; top: 48px; min-width: 160px; background-color: #f9f9f9; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown:hover .dropdown-one, #link1:hover > .dropdown-two {
	display: block;
}
.dropdown:hover .dropdown-one, #link2:hover > .dropdown-three {
	display: block;
}
.dropdown-one .dItem {
	color: black; padding: 12px 16px; display: block; text-align: center; font-family: font2;
}
.dropdown-one .dItem:hover, .dropdown-two a:hover {
	background-color: #fff; color: black;
}



.home-slider {
		
    padding: 225px 0 100px 0;
    background: linear-gradient(0deg, #00000000 25%, #00000000 90%), url(/img/homepage/homepage-slider-family.png) no-repeat;
    background-size: cover;
    height: 100vh;
    background-position: 50% 50%;
	
	
	
	
/*	*/
/*    padding: 100px 10px;*/
/*    background: linear-gradient(0deg, #00000000 25%, #00000000 90%), url(/img/homepage/homepage-slider-family.png);*/
/*    background-position: center center;*/
/*    color: #fff;*/
/*    background-size: cover;*/
/*    text-align: center;*/
/*		height: 100vh;*/
}





.hero-image-section {
  padding: 0;
  margin: 0;
  position: relative;
}

.full-width-img {
  width: 100%;
  height: auto;
  display: block;
	
	
	    padding-top: 80px;
}




.banner {
	margin-top:-25px; 
	padding: 50px 0 50px 0; background:#c7ae76;
}
.banner h1 {
	font-size: 2.5rem; text-align: center; color: black; 
	
	font-family: font4;
}
.banner hr {
height: 1px; background-color: black; border: none; width:70%;
}
.banner h3 {
	font-size: 1.7rem; text-align: center; color: rgb(255,255,255);
}
.banner a {
	color: rgb(255,255,255);
}
.banner a:hover {
	color: rgb(255,255,255);
}


.home1 {
	padding: 75px 0 225px 0;
	
	/*background: #1C1C1C;*/
	background: white;
	
	
	margin-top: -10px;
}
.home1 .pad {
	padding-top: 85px;
}
.home1 .pad2 {
	padding-top: 85px;
}
.home1 h1 {
	font-family: 'font4';	font-size: 35px; text-align: center; font-weight: 800; color: #c7ae76; font-weight: 500; line-height: 50px;
}
.home1 h2 {
	font-family: 'font4';	font-size: 35px; text-align: center; font-weight: 800; color: #c7ae76; font-weight: 500; line-height: 50px;
}
.home1 .dark-text{
	font-family: 'font4';	font-weight: 800; color: black;;  

	
}
.home1 p {
	font-size: 1rem; font-family: 'font2'; font-weight: 600; text-align: center;
	
	color: rgb(150,150,150);
	color: black;
	
	line-height: 30px;
}
.home1 p.contact {
	font-size: 24px; font-family: font2; font-weight: 700;
}
.home1 a {
	color: rgb(150,150,150); font-size: 26px;
}
.home1 span {
	color: rgb(83,82,82); font-size: 30px; font-weight: 500; font-family: 'font3';
}
.home1 strong {
	font-size: 55px; font-weight: 500;	font-family: 'font4'
}
.dash{
	font-weight: 900;	font-family: 'Arial';
	display:inline;
}


.home1 img {
	padding-top: 100px;
	
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
}
.home1 hr {
	border-top: 1px solid #c7ae76;
}
.home1 p.step span{
	font-weight: 700;
	text-decoration: underline;
	font-family: inherit;
	font-size: 1.3rem;
}



.home1 .system-grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
	align-items: start;
	opacity: 0;
	transform: translateY(35px);
	transition: 0.6s; 
	
}
.home1 .system-grid.show{
	transform: translateY(-0px);

	opacity: 1; 
}

.system-block{
	padding: 25px;
	border-radius: 25px;
	border: 2px solid black;
	transition: 0.4s ease;
	display: flex;
	flex-direction: column;
	
	min-height:400px;

}

.system-grid .system-block *{ 
	color: black;	
}

.system-grid h2{
	font-family: 'font4'; 
	font-size: 2rem; 
}

/* READ MORE */
.block-trigger{
	cursor: pointer;
	margin-top: auto;
}

.block-read{
	transition: 0.3s ease;
}

.block-read span{
	display: inline-block;
	transition: transform 0.3s ease;
}

/* HIDDEN CONTENT */
.block-content{
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height 0.4s ease, opacity 0.3s ease;
}

/* ACTIVE STATE */
.system-block.active .block-content{
	max-height: 200px; /* enough for 1 sentence */
	opacity: 1;
	margin-top: 10px;
}

.system-block.active .block-read span{
	transform: rotate(180deg);
}

/* MOBILE */
@media (max-width: 991px){
	.home1 .system-grid{
		grid-template-columns: 1fr;
	}
}





/* =========================
   HOME SERVICES SECTION
   ========================= */



.home-services {
    padding: 40px 40px 170px;

			
    background-size: cover;
    background-position: center;
}
.home-services .service-blurb{
font-family: 'font4';
display:block;
    font-weight: 800;
    color: black;
		font-size:4rem;
		text-align:center;
		padding-bottom:40px;
}
.home-services h2 {
    font-size: 3rem;
    display: flex;
    align-items: center; justify-content: center;
    gap: 6px;
    font-family: 'Montserrat';
    font-weight: 700;
		color:white;
		text-align: 	center;
		margin-bottom:25px;
}
.service-title{
	color:black;
}

/* GRID WRAPPER */
.hs-wrap {
    max-width: 1600px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 90px;
}

/* CARD */
.service-card {
    position: relative;
		
	opacity: 0.35;
	transform: scale(0.9) translateY(30px);
	transition: 0.5s; 
}

.service-card{
	

}

.service-card.show{
	
	opacity: 1;
	transform: scale(1) translateY(0); 
}

/* IMAGE SLAB */
.service-image {
    width: 100%;
    height: 500px;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    box-shadow: 0 25px 50px rgba(0,0,0,0.3);
    transition: transform 0.35s ease;
}

/* LINK RESET */
.service-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

/* INFO SLAB */
.service-info {
    position: absolute;
    bottom: -70px;
    left: -40px;
    width: calc(100% - 20px);
    padding: 35px 30px;
    background: #ffffff;
    box-shadow: 0 30px 60px rgba(0,0,0,0.35);
    z-index: 2;
    transition:
        background-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

/* ACCENT BAR */
.service-info::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background: rgb(0 0 0 / 80%);
}

/* TITLE */
.service-info h2 {
    margin: 0 0 12px;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: 'Montserrat';
    font-weight: 700;
		color:black;
}

.service-info h3 {
    margin: 0 0 12px;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: 'Montserrat';
    font-weight: 700;
}

/* BODY COPY */
.service-info p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
}

/* ARROW (HIDDEN STATE) */
.service-info .arrow {
    display: inline-block;
    margin-left: 6px;
    opacity: 0;
    transform: translateY(8px);
    transition:
        opacity 0.45s ease,
        transform 0.45s ease;
				font-size:2rem;
}

/* HOVER STATES */
.service-card:hover {
    cursor: pointer;
}

.service-card:hover .service-info {
    background-color: rgba(199,174,118,0.9);
    box-shadow: 0 35px 70px rgba(0,0,0,0.4);
    transform: translateY(-4px);
}

.service-card:hover .service-info .arrow {
    opacity: 1;
    transform: translateY(0);
}

.service-card:hover .service-image {
    transform: scale(1.015);
}

/* =========================
   RESPONSIVE
   ========================= */

/* TABLET */
@media (max-width: 1000px) {
    .hs-wrap {
        grid-template-columns: repeat(2, 1fr);
        gap: 80px;
    }

    .service-image {
        height: 380px;
    }
}

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

.home-services {
    padding: 140px 0px 180px;
 
    background-size: cover;
    background-position: center;
}

.home-services .service-blurb{
		font-size:2rem;
}
.home-services h2 {
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-family: 'Montserrat';
    font-weight: 700;
    color: black;
    text-align: center;
    margin-bottom: 25px;
}
    .hs-wrap {
        grid-template-columns: 1fr;
    }

    .service-image {
        height: 350px;
    }

    .service-info {
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
        margin-top: -25px;
        padding: 25px 10px;
    }
}
@media (max-width: 991px){

    .home-services .container {
        padding-left: 0;
        padding-right: 0;
    }

    .hs-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }

}







.home2 {
	margin-top: 10px;
}
.home2 .container-fluid {
	padding: 105px 0 105px 0; 
}
.home2 h3 {
	font-size: 50px; font-family: 'font4'; width: auto;
	color: black;
	text-align: center;
	padding-bottom: 25px; 
}
.home2 h4 {
	font-size: 3rem; font-family: 'font3'; width: auto;
	color: black;
	text-align: center;
}
.home2  .protection-title {
    font-size: 2.8rem;
    font-family: 'font4';
    width: auto;
    color: black;
}

.parallax {
  min-height: auto;
	padding: 50px 75px 50px 75px;
  background-attachment: fixed;
  background-position: bottom;
	overflow: hidden;
	margin-top: -100px;
  background-repeat: no-repeat;
  background-size: cover;
	
  background-image: linear-gradient(rgb(0 0 0 / 10%), rgb(11 11 11 / 0%)), url(/img/home-parallax-001.jpg);
	background: rgba(199,174,118,0.9);
    background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-3.jpg) top right no-repeat;

}
.parallax .framed {
	padding: 50px 25px 50px 25px;
	
	
	background: #c7ae76a1;
	
	box-shadow: 1px 1px 10px 3px #000; border: 7px double #1c1c1c;
	
	height: 470px;
	
    transition: 0.25s;
}
.framed:hover {
	    background: #1c1c1cbf;
    color: #c7ae76a1;
    border: 7px double #c7ae76a1;

	    background: white;
    color: black;;
    border: 7px double #c7ae76a1;

}
.framed h2 {
	font-size: 30px; font-family: 'font4'; width: auto;
	color: black; 
}
.framed h3 {
	font-size: 50px; font-family: 'font4'; width: auto;
	color: black;
	text-align: center;
}
.framed h4 {
	font-size: 40px; font-family: 'font3'; width: auto;
	color: black;
	text-align: center;
}
.framed p {
	 line-height: 20px;
}
.framed li p span{
	font-weight: 700;
	
}
.framed li p{
	font-weight: 700;
	font-size: 0.85rem;
	
}
.framed img {
	max-width: 125px;
}


.zencal-rev-section { padding: 60px 20px; background: #e7dfd0; text-align: center; }
  .zencal-rev-title { font-size: 65px; color: #3f3a33; margin-bottom: 55px; font-family: font3; }
  .zencal-rev-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }
  .zencal-rev-card {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    max-width: 300px;
    flex: 1 0 30%;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    text-align: left;
  }
  .zencal-rev-header {
    font-weight: bold;
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
    color: #3f3a33;
  }
  .zencal-rev-stars {
    color: #ffc107;
    font-size: 1.1rem;
    margin-bottom: 10px;
  }
  .zencal-rev-card p {
    font-size: 0.95rem;
    margin-bottom: 10px;
    color: #444;
  }
  .zencal-rev-card a {
    color: #3f3a33;
    text-decoration: underline;
    font-weight: 500;
    font-size: 0.9rem;
  }
  .zencal-rev-load-btn {
    margin-top: 30px;
    background: #3f3a33;
    color: #fff;
    padding: 12px 25px;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer;
  }
  .zencal-rev-footer-link {
    margin-top: 30px;
  }
  .zencal-rev-view-all {
    font-size: 1rem;
    font-weight: bold;
    color: #3f3a33;
    text-decoration: underline;
  }


.zencal-faq-section {
  background: #fff8ef;
  padding: 60px 20px;
}

.zencal-faq-section mark {
    padding: 25px;
    border-radius: 10px;
    font-family: 'font3';
    font-size: 25px;
    background: #3f3a33;
    color: #fff8ef;
    letter-spacing: 2px;
    font-weight: 500;
}
.zencal-faq-title {
  font-size: 35px;;
  color: #3f3a33; font-family: font4; 
  margin-bottom: 75px;
  text-align: center;
}
.zencal-faq-item {
  margin-bottom: 30px;
  border-bottom: 1px solid #d3cfc8;
  padding-bottom: 20px;
}
.zencal-faq-question {
  font-size: 18px;
  color: #8E8880;font-family: font4; 
  margin-bottom: 10px;
}
.zencal-faq-answer p {
  color: #4c4c4c;
  margin-bottom: 10px;
}
.zencal-faq-answer ul {
  padding-left: 20px;
  margin-bottom: 10px;
}
.zencal-faq-answer ul li {
  color: #3a3a3a;
  margin-bottom: 6px;
  list-style-type: disc;
}
.zencal-faq-answer a {
  color: #3f3a33;
  text-decoration: underline;
  font-weight: 500;
}


.home3 {
	padding: 100px 75px 100px 75px;
	/*background: #1c1c1c;*/
	background: white;
	
	
	margin-top: -10px;
}
.home3 h3 {
		font-size: 35px; font-family: 'font4'; color: #c7ae76; text-align: right;
}
.home3 h4 {
		font-size: 20px; font-family: 'font4'; color: #c7ae76; font-weight: 500; letter-spacing: 1.5px; text-align: right; padding-top: 15px;
}
.home3 p {
	line-height: 30px;
	
	color: whitesmoke;
	color: black;;
	
	
	text-align: right;
}
.home3 hr {
	border-top: 1px solid #c7ae76;
}
.home3 img {
	box-shadow: 1px 1px 10px 3px #000; margin-top: 50px;
}
.home4 {
	margin-top: 10px;
}
.home4 .container-fluid {
	padding: 225px 0 225px 0; 
}
.parallax2 {
      background-image: linear-gradient(rgb(0 0 0), rgb(11 11 11 / 71%)), url(/img/termite-damage-6.jpeg);
  min-height: auto;
	padding: 100px 75px 100px 75px;
  background-attachment: fixed;
  background-position: bottom;
	overflow: hidden;
	margin-top: -100px;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax2 .framed2 {
	padding: 50px 25px 50px 25px; background: #c7ae76a1; box-shadow: 1px 1px 10px 3px #000; border: 7px double #1c1c1c;
}
.framed2 h2 {
	font-size: 30px; font-family: 'font4'; width: auto;
}
.framed2 p {
	 line-height: 20px;
}
.framed2 img {
	max-width: 100%;
}
.framed2:hover {
	    background: #1c1c1cbf;
    color: #c7ae76a1;
    border: 7px double #c7ae76a1;
}
.framed2:hover h2{
    color: #c7ae76;
}

.home5 {
	padding: 150px 50px 250px 100px; background-image: linear-gradient(#1e1e1e, #1c1c1c00), url(/img/t-16.jpg); margin-top: -100px; text-shadow: 1px 1px 1px #000;
}
.home5 h2 {
	color: #c7ae76;  font-family: 'font4'; font-size: 75px;
}
.home5 h3 {
	font-size: 27px; color: #c7ae76; font-family: 'font5'; font-weight: 400; letter-spacing: 1px; line-height: 40px;
}
.home5 p {
	color: #fff; line-height: 30px; text-align: center;
}
.home5 h3 img {
	max-width: 10%;
}
.home5 img {
	max-width: 125%; margin-left: -25px;
}
.home5 .bullet img {
margin-left: 25px;
    margin-top: 2px;
    max-width: 85%;
}
.home5 hr {
	border-top: 1px solid #c7ae76; width: 75%; padding: 3px 0px 3px 0px;
}
.home5 h5 {
	text-align: center;
    font-family: 'font4';
    font-size: 25px;
    color: #1c1c1c; text-shadow: none;
}
.home5 mark {
	background: #c7ae768c;
	border: 5px double #1c1c1c;
    padding: 10px; margin-left: -155px;
}
.home6 {
	padding: 150px 50px 150px 50px;
	padding: 70px 50px 70px 50px;
    background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-3.jpg) top right no-repeat;
    /*margin-top: -75px;*/
    margin-top: 0;
}



.home6 h3.cta-title {
    font-size: 50px;
    font-family: font4;
    width: auto;
    color: black;
    text-align: center;
    padding-bottom: 25px;
		background:none;
    border: none;

}
.home6 h3 {
	font-size: 50px; font-family: 'font4'; color: #c7ae76; text-align: center; background: #1C1C1C; padding: 20px 0px 15px 0px;
    border: 10px double #c7ae76;
}
.home-contact {
	padding: 50px 0 150px 0;
	background: #1C1C1C;
	background: white;
	
	/*margin-top: -70px;*/
	margin-top: -0;
}
.home-contact h2 {
	font-size: 55px;
	
	color: #fff;
	color: #c7ae76;
	
	text-shadow: 1px 1px 1px #000; text-align: center;
}
.home-contact h3 {
	font-size: 45px;
	text-align: center;
	/*color: #fff;*/
	color: #c7ae76;
}
.home-contact h3 span {
	font-family: 'font4';
	font-size: 65px
}
.home-contact h3 strong {
	font-size: 25px;
}
.home-contact h4 {
	font-size: 50px;
	color: #fff;
	color: #c7ae76;

	text-shadow: 1px 1px 1px #000; text-align: center;
}
.home-contact hr {
	border-top: 7px double #c7ae76; padding: 10px 0px 10px 0px;
}





.zc-hero {
  position: relative;
  min-height: 760px;
  overflow: hidden;
  background: #fff;
  display: flex;
  align-items: stretch;
}

/* LEFT WHITE CONTENT BLOCK */
.zc-hero__content {
  position: relative;
  z-index: 1;
  width: 48%;
  max-width: 100%;
  padding: 120px 55px 95px;
  background: #fff;
}

/* RIGHT IMAGE BLOCK */
.zc-hero__image {
  position: absolute;
  top: 0;
  right: 0;
  width: 62%;
  height: 100%;
  z-index: 1;
  background:
    linear-gradient(rgba(0,0,0,.08), rgba(0,0,0,.08)),
    url("/img/services/zc-pest-hero.webp") center left / cover no-repeat;
}

/* WHITE FADE BETWEEN TEXT BLOCK AND IMAGE */
.zc-hero__blend {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 34%;
  width: 22%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(
    to right,
    #fff 0%,
    rgba(255,255,255,.98) 24%,
    rgba(255,255,255,.86) 45%,
    rgba(255,255,255,.46) 68%,
    rgba(255,255,255,0) 100%
  );
}

/* BOTTOM SOFT FADE */
.zc-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 135px;
	
	
  z-index: 5;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.82) 72%,
    #fff 100%
  );
}

.zc-hero h1 {
  margin: 0 0 16px;
  font-size: 3rem;
    max-width: 590px;
  line-height: .98;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #050505;
}

.zc-hero h4 {
  margin: 0 0 22px;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #c19042;
}

.zc-hero__accent {
  display: block;
  width: 95px;
  height: 3px;
  background: #c19042;
  margin-bottom: 25px;
}

.zc-hero p {
  max-width: 590px;
  margin: 0 0 24px;
  font-size: 17px;
  line-height: 1.65;
  color: #111;
}

.zc-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 35px;
}

.zc-hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  padding: 16px 28px;
  border-radius: 7px;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: .5px;
  box-shadow: 0 8px 20px rgba(0,0,0,.16);
}

.zc-hero__btn--gold {
  background: #d8a75a;
  color: #050505;
}

.zc-hero__btn--white {
  background: #fff;
  color: #050505;
  border: 1px solid #e3e3e3;
}

@media (max-width: 991px) {
  .zc-hero {
    min-height: auto;
    display: block;
    background: #fff;
  }

  .zc-hero__content {
    width: 100%;
    max-width: 100%;
    padding: 60px 25px 45px;
    background: rgba(255,255,255,.94);
  }

  .zc-hero__image {
    position: relative;
    width: 100%;
    height: 340px;
    background-position: center center;
  }

  .zc-hero__blend {
    display: none;
  }

  .zc-hero::after {
    display: none;
  }

  .zc-hero h1 {
    font-size: 42px;
  }

  .zc-hero h4 {
    font-size: 18px;
    letter-spacing: 2px;
  }

  .zc-hero p {
    font-size: 16px;
  }

  .zc-hero__actions {
    flex-direction: column;
    gap: 14px;
  }

  .zc-hero__btn {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .zc-hero__content {
    padding: 50px 20px 40px;
  }

  .zc-hero h1 {
    font-size: 34px;
  }

  .zc-hero__image {
    height: 280px;
  }
}
.zc-trust-strip {
  position: relative;
  z-index: 2;
  padding: 28px 55px 72px;
  background: #fff;
  border-bottom: 6px solid #c19042;
}

.zc-trust-strip__container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  max-width: 1520px;
  margin: 0 auto;
}

.zc-trust-strip__item {
  display: grid;
  grid-template-columns: 64px 1fr;
  align-items: center;
  gap: 22px;
  padding: 0 32px;
  border-right: 1px solid rgba(0,0,0,.22);
}

.zc-trust-strip__item:first-child {
  padding-left: 0;
}

.zc-trust-strip__item:last-child {
  border-right: none;
  padding-right: 0;
}

.zc-trust-strip__icon {
  color: #c19042;
  font-size: 44px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zc-trust-strip__item p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.35;
  color: #050505;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .25px;
}

@media(max-width:991px){
.zc-trust-strip {
    padding: 28px 15px 72px;
}
.zc-trust-strip__container {
    display: grid;
    grid-template-columns: 1fr;
}
.zc-trust-strip__item {
    text-align: center;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 22px;
    padding: 0;
    border-right: none;
    margin: 3px;
}
	
}

.about1 {
	padding: 230px 75px 175px 75px; background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-4.jpg) top right no-repeat; margin-top: -75px;
}
.about1 .pad {
	padding-top: 85px;
}
.about1 h1 {
	font-family: 'font4';	font-size: 45px; text-align: center; font-weight: 500; color: #000;
}
.about1 h1 i {
	text-decoration: none; font-size: 150%; font-style: none;
}
.about1 h1 u {
	color: #27532f;
}
.about1 p {
	font-size: 17px; font-family: 'font2'; font-weight: 500; text-align: justify;	color: rgb(0,0,0);
}
.about1 h1 strong {
	color: rgb(83,82,82); font-family: 'Font Awesome  Brands'; font-size: 22px; font-weight: 500;
}
.about1 h1 span {
	color: rgb(83,82,82); font-family: 'font2'; font-size: 27px; font-weight: 600; text-transform: uppercase;
}
.about-page-section-1.less-padding {
	padding: 120px 50px;
}
.about-page-section-1 {
	padding: 250px 75px 300px 75px;
	/*background: linear-gradient(to bottom, #1c1c1c, #1c1c1cc9, #10101000, #1c1c1c00, #1c1c1c00), url(/img/t-19.jpg) top no-repeat;*/
	background:white;
	
	
    margin-top: -70px;
}
.about-page-section-1 h1 {
	font-family: 'Font Awesome  Brands';	font-size: 45px; text-align: left; font-weight: 800; color: #000;
}
.about-page-section-1 h1 i {
	text-decoration: none; font-size: 150%; font-style: none;
}
.about-page-section-1 h1 u {
	color: #27532f;
}
.about-page-section-1 h2 {
	color: #000; text-align: center; font-family: 'Font Awesome  Brands';	font-size: 45px;
}
.about-page-section-1 h3 {
	color: #000; text-align: center;
}
.about-page-section-1 h4 {
	color: #000; text-align: center;
}
.about-page-section-1 p {
	color: #000; text-align: center; font-size: 17px; line-height: 30px;
}

.about-page-section-1 img.regular {
	max-width: 75%; margin-top: -200px;
	/*background: linear-gradient(to right, #1c1c1cd6, #1c1c1cc7, #1c1c1cd1), url(/img/white-wood-2.jpg) top right no-repeat;*/
    border-radius: 0; box-shadow: 0; border-left: 0; border-right: 0; border-top: 0; border-bottom: 0;
		background: none;
}
.about-page-section-1 img.regular:hover {
		background: none;
		transform: none; 

}

.about-page-section-1 img {
	max-width: 75%; margin-top: -200px;
	background: linear-gradient(to right, #1c1c1cd6, #1c1c1cc7, #1c1c1cd1), url(/img/white-wood-2.jpg) top right no-repeat;
    border-radius: 400px; box-shadow: 1px 1px 10px 3px #000; border-left: 10px double #000; border-right: 20px double #000; border-top: 5px double #000; border-bottom: 5px double #000;
}
.about-page-section-1 img:hover {
	 background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-2.jpg) top right no-repeat; transform: rotateY(180deg);

}
.about-page-section-1 iframe {
	height: 100%;
	width: 100%
}
.about-page-section-1 hr {
	border-top: 3px solid #80917e; margin-top: -150px; padding: 10px; background: #c7ae76;
}
.grad {
	background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-1.jpg) top right no-repeat;
    padding: 25px 25px 25px 25px;
    height: auto;
    border: 10px double #1c1c1c;
		box-shadow: 1px 1px 10px 3px #000;
}
.grad:hover {
	background: linear-gradient(to right, #1c1c1cd6, #1c1c1cc7, #1c1c1cd1), url(/img/white-wood-1.jpg) top right no-repeat;
}
.grad:hover h2{
	color:white;
}
.grad:hover p{
	color:white;

}
.about-page-section-1 .grad hr {
	border-top: 3px solid #80917e; margin-top: 0px; padding: 0px; background: transparent;
}
.grad2 {
background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-1.jpg) top right no-repeat;
    padding: 25px 25px 25px 25px;
    height: auto;
    border: 10px double #1c1c1c;
		box-shadow: 1px 1px 10px 3px #000;
}
.grad2:hover {
	background: linear-gradient(to right, #1c1c1cd6, #1c1c1cc7, #1c1c1cd1), url(/img/white-wood-1.jpg) top right no-repeat;
}
.grad2:hover h2{
	color:white;
}
.grad2:hover p{
	color:white;
}
.process1 {
	
}
.parallax3 {
	padding: 250px 75px 250px 75px; background: linear-gradient(to right, #c7ae7600, #c7ae7600, #c7ae7600), url(/img/inspector-1.jpg) top right no-repeat; margin-top: -100px;

}
.parallax4 {
	padding: 250px 75px 250px 75px; background: linear-gradient(to right, #c7ae7600, #c7ae7600, #c7ae7600), url(/img/inspect-22.jpg) top right no-repeat; margin-top: -100px;

}
.parallax5 {
	padding: 250px 75px 250px 75px; background: linear-gradient(to right, #c7ae7600, #c7ae7600, #c7ae7600), url(/img/consult-1.jpg) top right no-repeat; margin-top: -100px;

}
.parallax6 {
	padding: 250px 75px 250px 75px; background: linear-gradient(to right, #c7ae7600, #c7ae7600, #c7ae7600), url(/img/options-1.jpg) top right no-repeat; margin-top: -100px;

}
.parallax7 {
	padding: 250px 75px 250px 75px; background: linear-gradient(to right, #c7ae7600, #c7ae7600, #c7ae7600), url(/img/fumigate-1.jpg) top right no-repeat; margin-top: -100px;

}
.parallax8 {
	padding: 250px 75px 250px 75px; background: linear-gradient(to right, #c7ae7600, #c7ae7600, #c7ae7600), url(/img/protect-1.jpg) top right no-repeat; margin-top: -100px;

}
.process1 h3 {
	font-family: 'font4'; font-size: 40px; text-shadow: 1px 1px 1px #1c1c1c; color: #c7ae76;
}
.process1 p {
	line-height: 30px;
}
.process1 .banner {
	background: #c7ae7670; padding: 50px; box-shadow: 1px 1px 10px 3px #000;
}
.process1 .banner2 {
		background: #1c1c1c78; padding: 50px; box-shadow: 1px 1px 10px 3px #000;
}
.process1 .banner2 p {
	color: #fff;
}
.about-page-section-1 .grad2 hr {
	border-top: 3px solid #80917e; margin-top: 0px; padding: 0px; background: transparent;
}
.stage {
	background: #1c1c1c; padding: 100px;
}
.stage h2 {
	text-align: center; font-size: 75px; color: #c7ae76; font-family: 'font4'; text-shadow: 1px 1px 1px #000;
}
.pge111 {
	padding: 160px 0 200px 0; background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-2.jpg) top right no-repeat; min-height: auto; background-attachment: fixed; background-position: bottom; overflow: hidden; background-repeat: no-repeat; background-size: inherit;
}
.pge111 .box {
padding: 25px 25px 25px 50px;	background: #000000ad; border: 7px double #c7ae76;
}
.pge111 .box hr {
	background: #000; width: 75%; border-top: 1px solid #27532f;
}
.pge111 .pad {
	padding-top: 35px;
}
.pge111 h1 {
	color: #000; font-size: 30px; font-weight: 500; text-align: left; font-family: 'font4';
}
.pge111 h1 span {
	color: #27532f;
}
.pge111 h1 strong {
	color: #006DCB;
	font-weight: inherit;
}
.pge111 h3 {
	color: rgb(40,187,148); font-size: 30px; font-weight: 500; text-align: left;
}
.pge111 h4 {
	color: #c7ae76;	font-weight: 600;	font-size: 23px; text-align: left; font-family: 'font4'; letter-spacing: 1.5px; text-shadow: 1px 1px 1px #000;
}
.pge111 h5 {
	color: rgb(255,177,73);	font-weight: 600;	font-size: 19px; text-align: left;
}

.pge111 a {
	color: #c7ae76; font-size: 16px;	font-weight: 600;	font-family: 'font2'; text-transform: uppercase; text-shadow: 1px 1px 1px #000;
}
.pge111 a:hover {
	color: #27532f;
	font-weight: 600;
	padding-left: 5px;
}
.pge111 ul {
	color: rgb(40,187,148);
	list-style-type: '▸';
}
.pge111 li {
	text-indent: 10px;
}
.pge111a {
	padding: 115px 0 200px 0; background-image: linear-gradient(rgb(255,255,255,0.2), rgb(255,255,255,0.2)), url("/img/wall-repair-22.png"); min-height: auto; background-attachment: fixed; background-position: bottom; overflow: hidden; background-repeat: no-repeat; background-size: inherit;
}
.pge111a .box {
padding: 25px 25px 25px 50px;	background: rgb(255,255,255, 0.8); border: 3px solid #01833A;
}
.pge111a .box hr {
	background: #000; width: 75%; border-top: 1px solid #27532f;
}
.pge111a .pad {
	padding-top: 35px;
}
.pge111a h1 {
	color: #000; font-size: 30px; font-weight: 500; text-align: left; font-family: 'Font Awesome  Brands';
}
.pge111a h1 span {
	color: #27532f;
}
.pge111a h1 strong {
	color: #006DCB;
	font-weight: inherit;
}
.pge111a h3 {
	color: rgb(40,187,148); font-size: 30px; font-weight: 600; text-align: left;
}
.pge111a h4 {
	color:#444;	font-weight: 600;	font-size: 23px; text-align: left;
}
.pge111a h5 {
	color: rgb(255,177,73);	font-weight: 600;	font-size: 19px; text-align: left;
}
.pool111a p {
	font-size: 17px; text-align: justify;	font-weight: 600;	font-family: 'font2';	color: rgb(120,120,120);
}
.pge111a a {
	color: rgb(0,0,0); font-size: 16px;	font-weight: 600;	font-family: 'font2'; text-transform: uppercase;
}
.pge111a a:hover {
	color: #27532f;
	font-weight: 600;
	padding-left: 5px;
}
.pge111a ul {
	color: rgb(40,187,148);
	list-style-type: '▸';
}
.pge111a li {
	text-indent: 10px;
}
.pge111b {
	padding: 115px 0 200px 0; background-image: linear-gradient(rgb(255,255,255,0.2), rgb(255,255,255,0.2)), url("/img/window-install-22.png"); min-height: auto; background-attachment: fixed; background-position: bottom; overflow: hidden; background-repeat: no-repeat; background-size: inherit;
}
.pge111b .box {
padding: 25px 25px 25px 50px;	background: rgb(255,255,255, 0.8); border: 3px solid #01833A;
}
.pge111b .box hr {
	background: #000; width: 75%; border-top: 1px solid #27532f;
}
.pge111b .pad {
	padding-top: 35px;
}
.pge111b h1 {
	color: #000; font-size: 30px; font-weight: 500; text-align: left; font-family: 'Font Awesome  Brands';
}
.pge111b h1 span {
	color: #27532f;
}
.pge111b h1 strong {
	color: #006DCB;
	font-weight: inherit;
}
.pge111b h3 {
	color: rgb(40,187,148); font-size: 30px; font-weight: 600; text-align: left;
}
.pge111b h4 {
	color:#444;	font-weight: 600;	font-size: 23px; text-align: left;
}
.pge111b h5 {
	color: rgb(255,177,73);	font-weight: 600;	font-size: 19px; text-align: left;
}
.pool111b p {
	font-size: 17px; text-align: justify;	font-weight: 600;	font-family: 'font2';	color: rgb(120,120,120);
}
.pge111b a {
	color: rgb(0,0,0); font-size: 16px;	font-weight: 600;	font-family: 'font2'; text-transform: uppercase;
}
.pge111b a:hover {
	color: #27532f;
	font-weight: 600;
	padding-left: 5px;
}
.pge111b ul {
	color: rgb(40,187,148);
	list-style-type: '▸';
}
.pge111b li {
	text-indent: 10px;
}
.pge111c {
	padding: 115px 0 150px 0; background-image: linear-gradient(rgb(255,255,255,0.2), rgb(255,255,255,0.2)), url("/img/floor-12.png"); min-height: auto; background-attachment: fixed; background-position: bottom; overflow: hidden; background-repeat: no-repeat; background-size: inherit;
}
.pge111c .box {
padding: 25px 25px 25px 50px;	background: rgb(255,255,255, 0.8); border: 3px solid #01833A;
}
.pge111c .box hr {
	background: #000; width: 75%; border-top: 1px solid #27532f;
}
.pge111c .pad {
	padding-top: 35px;
}
.pge111c h1 {
	color: #000; font-size: 30px; font-weight: 500; text-align: left; font-family: 'Font Awesome  Brands';
}
.pge111c h1 span {
	color: #27532f;
}
.pge111c h1 strong {
	color: #006DCB;
	font-weight: inherit;
}
.pge111c h3 {
	color: rgb(40,187,148); font-size: 30px; font-weight: 600; text-align: left;
}
.pge111c h4 {
	color:#444;	font-weight: 600;	font-size: 23px; text-align: left;
}
.pge111c h5 {
	color: rgb(255,177,73);	font-weight: 600;	font-size: 19px; text-align: left;
}

.pge111c a {
	color: rgb(0,0,0); font-size: 16px;	font-weight: 600;	font-family: 'font2'; text-transform: uppercase;
}
.pge111c a:hover {
	color: #27532f;
	font-weight: 600;
	padding-left: 5px;
}
.pge111c ul {
	color: rgb(40,187,148);
	list-style-type: '▸';
}
.pge111c li {
	text-indent: 10px;
}

/* ===============================
   BASE CARD (SHARED STYLES)
=============================== */

.card2a,
.card2b {
    max-height: 100%;
    height: 100%;
    color: #fff;
    margin: 0;
    border-radius: 0.2rem;
    padding: 30px 20px;
    box-shadow: 1px 1px 10px 1px #000;
    border: 5px double #000;
    visibility: hidden;
    transition: all 0.3s ease;
}

/* ===============================
   HOVER EFFECT
=============================== */

.card2a:hover,
.card2b:hover {
    transform: translateY(-5px);
    box-shadow: 2px 6px 18px rgba(0,0,0,0.3);
}

/* ===============================
   BACKGROUNDS
=============================== */

.card2a {
/*    background: linear-gradient(
        to right,
        rgba(199,174,118,0.9),
        rgba(199,174,118,0.85),
        rgba(199,174,118,0.8)
    ),
    url(/img/white-wood-2.jpg) top right no-repeat;*/
		
		
    background: rgb(202,179,129);
}

.card2b {
/*    background: linear-gradient(
        to right,
        rgba(199,174,118,0.9),
        rgba(199,174,118,0.85),
        rgba(199,174,118,0.8)
    ),
    url(/img/white-wood-4.jpg) top right no-repeat;*/
	
    background: rgb(202,179,129);
}

/* ===============================
   HEADINGS
=============================== */

.card2a h2,
.card2b h2 {
    font-family: 'font4';
    font-size: 2rem;
    font-weight: 600;
    color: #1c1c1c;
    text-align: center;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
}

.card2a h2::after,
.card2b h2::after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background: #000;
    margin: 12px auto 0;
}

/* ===============================
   PARAGRAPHS (STRONGER + SPACING)
=============================== */

.card2a p,
.card2b p {
    font-size: 17px;
    font-family: 'font2';
    font-weight: 700;
    line-height: 1.65;
    letter-spacing: 0.3px;
    color: rgb(0,0,0);
    margin-bottom: 14px;
}

/* first paragraph = intro emphasis */
.card2a p:first-of-type,
.card2b p:first-of-type {
    font-size: 18px;
}

/* paragraph before list = label feel */
.card2a p + ul,
.card2b p + ul {
    margin-top: 12px;
}

/* ===============================
   LISTS (SEPARATED + STRUCTURED)
=============================== */
.list-intro {
    font-family: 'font4';
    font-size: 1.3rem;
    font-weight: 600;
    color: rgb(0,0,0);
    text-align: center;
    margin-bottom: 14px;
    letter-spacing: 0.5px;
}
.mini-intro {
    font-family: 'font4';
    font-size: 1.3rem;
    font-weight: 600;
    color: rgb(0,0,0);
    text-align: center;
    margin-bottom: 14px;
    letter-spacing: 0.5px;
}
.card2a ul,
.card2b ul {
    column-count: 2;
    column-gap: 30px;
    margin: 18px 0 20px 0;
    list-style: none;
    padding-left: 18px;
    border-left: 4px solid rgba(0,0,0,0.35);
}

.card2a li,
.card2b li {
    font-size: 17px;
    font-family: 'font2';
    font-weight: 700;
    letter-spacing: 0.3px;
    color: rgb(0,0,0);
    margin-bottom: 12px;
    position: relative;
    padding-left: 20px;
}

/* custom bullet (stronger visual anchor) */
.card2a li::before,
.card2b li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    color: #000;
    font-weight: 900;
}

/* ===============================
   LINKS
=============================== */

.card2a a,
.card2b a {
    color: white;
    font-weight: 800;
    font-family: 'font2';
}

.card2a a:hover,
.card2b a:hover {
    color: #01833A;
}
.cta-btn {
    display: table;
    margin: 20px auto 0 auto;
    padding: 10px 18px;
    background: #1a1915e6;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    border-radius: 3px;
    text-align: center;
    transition: all 0.3s ease;
		color:white;
}
/* ===============================
   MOBILE FIX
=============================== */

@media (max-width: 768px) {
    .card2a ul,
    .card2b ul {
        column-count: 1;
    }

    .card2a,
    .card2b {
        text-align: center;
    }
}


.card2c {
	max-height: 100%;
	height: 100%;
	color: #fff;
	margin: 0px 0px 0px 0px;
	border-radius: 0.2rem;
	padding: 0px 0px 0px 0px;
	    background: linear-gradient(to right, #ffffffc9, #ffffff9c), url(/img/cb-15.jpg) top right no-repeat;
  box-shadow: 1px 1px 10px 1px #000;
	border: 1px solid rgb(150,150,150);
	visibility: hidden;
}
.card2c h2 {
	font-family: 'Font Awesome  Brands';
	font-size: 35px;
	font-weight: 600;
	color: #27532f;
	text-align: left;
}
.card2c h4 {
	font-family: Font Awesome  Brands;
	font-size: 22px;
	font-weight: 600;
	color: #27532f;
}
.card2c i {
	font-size: 45px;
	color: rgb(100,100,100);
}
.card2c p {
	font-size: 17px;
	font-family: 'font2';
	font-weight: 600;
	text-align: justify;
	color: rgb(0,0,0);
}
.card2c a {
	color: #006ec7;
	font-weight: 800;
	font-family: 'font2';
}
.card2c a:hover {
	color: #01833A;
}
.card2c img {
	width: 100%; height: 100%; box-shadow: 1px 1px 10px 1px #000;
}

.card2d {
	max-height: 100%;
	height: 100%;
	color: #fff;
	margin: 0px 0px 0px 0px;
	border-radius: 0.2rem;
	padding: 0px 0px 0px 0px;
  background: linear-gradient(to left, #ffffff, #ffffffb8), url(/img/cb-2.jpg) bottom left no-repeat;
	box-shadow: 1px 1px 10px 1px #000;
	border: 1px solid rgb(150,150,150);
	visibility: hidden;
}
.card2d h2 {
	font-family: 'Font Awesome  Brands';
	font-size: 35px;
	font-weight: 600;
	color: #27532f;
	text-align: right;
}
.card2d h4 {
	font-family: Font Awesome  Brands;
	font-size: 22px;
	font-weight: 600;
	color: #27532f;
	text-align: right;
}
.card2d i {
	font-size: 45px;
	color: rgb(100,100,100);
}
.card2d p {
	font-size: 17px;
	font-family: 'font2';
	font-weight: 600;
	text-align: justify;
	color: rgb(0,0,0);
}
.card2d a {
	color: #006ec7;
	font-weight: 800;
	font-family: 'font2';
}
.card2d a:hover {
	color: #01833A;
}
.card2d img {
	width: 100%; height: 100%; box-shadow: 1px 1px 10px 1px #000;
}
.home33 {
	    background: linear-gradient(to bottom, #1c1c1c, #1c1c1cc9, #10101000, #1c1c1c00, #1c1c1c00), url(/img/t-19.jpg) top no-repeat;
	    background: white;
			
			
			margin-top: -75px; padding: 100px 0px 200px 0px;
}




/*Pest Control Page (Hover tooltip)*/

.vertically-centered{
	display: flex;
	flex-direction: column;
	justify-content: center; 
}
.local-termite-service{
	
	
}
.local-termite-service {
	padding: 160px 0 200px 0; background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-2.jpg) top right no-repeat; min-height: auto; background-attachment: fixed; background-position: bottom; overflow: hidden; background-repeat: no-repeat; background-size: inherit;
}
.local-termite-service .box {
padding: 25px 25px 25px 50px;	background: #000000ad; border: 7px double #c7ae76;
}
.local-termite-service .box hr {
	background: #000; width: 75%; border-top: 1px solid #27532f;
}
.local-termite-service .pad {
	padding-top: 35px;
}
.local-termite-service h1 {
	color: #000; font-size: 3.65rem; font-weight: 500; text-align: left; font-family: 'font4';
}
.local-termite-service h1 span {
	color: #27532f;
}
.local-termite-service h1 strong {
	color: #006DCB;
	font-weight: inherit;
}
.local-termite-service h2 {
	color: #000; font-size: 2rem; font-weight: 500; text-align: center; font-family: 'font4';
}

.local-termite-service h3 {
	color: black; font-size: 30px; font-weight: 500; text-align: left; font-family: 'font4';
}
.local-termite-service h4 {
	color: #c7ae76;	font-weight: 600;	font-size: 23px; text-align: left; font-family: 'font4'; letter-spacing: 1.5px; text-shadow: 1px 1px 1px #000;
}
.local-termite-service h5 {
	color: rgb(255,177,73);	font-weight: 600;	font-size: 19px; text-align: left;
}

.local-termite-service a {
	color: #c7ae76; font-size: 16px;	font-weight: 600;	font-family: 'font2'; text-transform: uppercase; text-shadow: 1px 1px 1px #000;
}
.local-termite-service a:hover {
	color: #27532f;
	font-weight: 600;
	padding-left: 5px;
}
.local-termite-service ul {
	color: black;
	list-style-type: '▸';
}
.local-termite-service li {
	text-indent: 10px;
}


/*Pest Control MAIN CONTENT (Hover tooltip)*/
.local-termite-main .padder {
	padding: 25px;
	background: white;
	box-shadow: 1px 1px 10px black; 
}
.extra-padding{
	padding: 75px 15px;
}
.local-termite-main .padder h2{
    color: #000;
    font-size: 1.75rem;
    font-weight: 500;
    text-align: center;
    font-family: 'font4';
}


.local-termite-main .padder p.padder-content{
    background: #e3e3e3;
    border: 2px solid #9d9d9d;
    border-radius: 12px;
    text-align:center;
    padding:10px 10px;
}

.local-termite-main p.padder-content:hover{
	color: white;
	background: #c02026;
    font-weight: 600;
	text-align: center; 
}

.tooltip.show {
    opacity: 1 !important; /* Fully opaque */
}

.tooltip-inner {
    background-color: black;; /* Background color */
    color: #fff; /* Text color */
    font-size: 1rem; /* Adjust font size */
    max-width: 500px; /* Limit the tooltip width */
    width: auto;
    text-align: left; /* Align text */
    padding: 15px; /* Add padding */
    border-radius: 8px; /* Rounded corners */
    opacity: 1; /* Ensure the tooltip content is opaque */
}

.tooltip ul {
    margin: 0;
    padding: 0;
    list-style-type: none; /* Use bullets for the list */
}

.tooltip ul li {
    margin-bottom: 5px; /* Space between list items */
}

/* Ensure hover effects for padder-content */
.local-termite-main p.padder-content:hover {
    color: black;;
    background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-2.jpg) top right no-repeat;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}


a.custom-termite-button{
	padding: 10px;
	display: inline-block;
	background: black;
	color: #c7ae76;
	font-weight: 900; 
	
}

/*Pest Control Page (Hover tooltip) END*/






/**/
/**/
/**/

.rodent-intro{
	
	
}
.rodent-intro {
	padding: 160px 0 100px 0; background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-2.jpg) top right no-repeat; min-height: auto; background-attachment: fixed; background-position: bottom; overflow: hidden; background-repeat: no-repeat; background-size: inherit;
}
.rodent-intro .box {
padding: 25px 25px 25px 50px;	background: #000000ad; border: 7px double #c7ae76;
}
.rodent-intro .box hr {
	background: #000; width: 75%; border-top: 1px solid #27532f;
}
.rodent-intro .pad {
	padding-top: 35px;
}
.rodent-intro h1 {
	color: #000; font-size: 3rem; font-weight: 500; text-align: left; font-family: 'font4';
}
.rodent-intro h1 span {
	color: black;
	font-size:2rem;
}
.rodent-intro h1 strong {
	color: #006DCB;
	font-weight: inherit;
}
.rodent-intro h2 {
	color: #000; font-size: 2rem; font-weight: 500; text-align: center; font-family: 'font4';
}

.rodent-intro h3 {
	color: black; font-size: 30px; font-weight: 500; text-align: left; font-family: 'font4';
}
.rodent-intro h4 {
	color: #c7ae76;	font-weight: 600;	font-size: 23px; text-align: left; font-family: 'font4'; letter-spacing: 1.5px; text-shadow: 1px 1px 1px #000;
}
.rodent-intro h5 {
	color: rgb(255,177,73);	font-weight: 600;	font-size: 19px; text-align: left;
}

.rodent-intro a {
	color: #c7ae76; font-size: 16px;	font-weight: 600;	font-family: 'font2'; text-transform: uppercase; text-shadow: 1px 1px 1px #000;
}
.rodent-intro a:hover {
	color: #27532f;
	font-weight: 600;
	padding-left: 5px;
}
.rodent-intro ul {
	color: black;
	list-style-type: '▸';
}
.rodent-intro li {
	text-indent: 10px;
}

.intro-blog {
    max-height: 100%;
    height: 100%;
    margin: 0px 0px 0px 0px;
    border-radius: 0.2rem;
    padding: 35px 50px;
    backdrop-filter: blur(3px);
    background: #0000004a;
		color:black;
		
    box-shadow: 1px 1px 10px 1px #000;
    border: 5px double #000;
}
.intro-blog a.rodent-cta {
    padding: 10px;
    display: inline-block;
    background: black;
    color: #c7ae76;
    font-weight: 900;
    font-family: 'font2';
    border: 2px solid black;
}

.intro-blog a.rodent-cta:hover {
    background: white;
    color: black;
}


.rodent-body{
	
	padding: 100px 25px; 
}


.rodent-body .rodent-square{
    max-height: 100%;
    height: 100%;
    color: #fff;
    margin: 0px 0px 0px 0px;
    border-radius: 0.2rem;
    padding: 35px 50px; ;
    background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-2.jpg) top right no-repeat;
    box-shadow: 1px 1px 10px 1px #000;
    border: 5px double #000;
		opacity: 0;
		transform: translateY(20px);
		transition: 0.4s;
}
.rodent-square.show{
		transform: translateY(0px);
	

	opacity: 1; 	
}
.rodent-body img{
	border-radius: 20px; 
}
.rodent-body h2 {
    font-family: 'font4';
    font-size: 2rem;
    font-weight: 600;
    color: #1c1c1c;
    text-align: center;
}
.rodent-body p {
    font-size: 17px;
    font-family: 'font2';
    font-weight: 600;
    text-align: justify;
    color: rgb(0,0,0);
}
.rodent-body ul{
    color: rgb(0,0,0);
}
.rodent-body a.rodent-cta{
	padding: 10px;
	display: inline-block;
	background: black;
	color: #c7ae76;
	font-weight: 900; 
    font-family: 'font2';
		border:2px solid black; 
}

.rodent-body a.rodent-cta:hover{
	background: white;
	color: black;;
}



.rodent-body .process-card{
	
    max-height: 100%;
    height: 100%;
    color: #fff;
    margin: 0 0 0px;
    border-radius: 5px;
    padding: 7px;
    background: rgb(255 255 255 / 45%);
    visibility: visible;
    box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
	
}


@media (max-width: 991px){
	
.rodent-body {
    padding: 100px 5px;
}
.rodent-intro h1 {
    color: #000;
    font-size: 2rem;
    font-weight: 500;
    text-align: left;
    font-family: 'font4';
}
.rodent-intro h1 span {
    color: black;
    font-size: 1.4rem;
}
.rodent-body .rodent-square{
    max-height: 100%;
    height: 100%;
    color: #fff;
    margin: 0px 0px 0px 0px;
    border-radius: 0.2rem;
    padding: 35px 10px; ;
    background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-2.jpg) top right no-repeat;
    box-shadow: 1px 1px 10px 1px #000;
    border: 5px double #000;
}
	
}




.process-card h2 {
	font-family: 'font4';
	font-size: 25px;
	text-align: center;
	font-weight: 900;
	padding-bottom: 30px;
	color: rgb(110,110,110);
}
.process-card h3.card-title {
	font-family: 'font4';
	font-size: 1.3rem;;
	text-align: center;
	font-weight: 900;
	padding-bottom: 10px;
	color: black;;

}
.process-card h5 {
	font-family: 'font4';
	font-size: 25px;
	text-align: center;
	font-weight: 900;
	padding-bottom: 30px;
	color: rgb(110,110,110);
}
.process-card p {
	font-size: 19px;
	text-align: justify;
    font-family: 'font2';
	color: rgb(110,110,110);
}
.process-card li {
	font-size: 19px;
	font-family: 'font2';
	color: rgb(110,110,110);
}
.process-card strong {
	color: rgb(194,3,16);
	font-family: 'font2';
}

/**/
/**/
/**/






.service-areas {
	padding: 150px 50px 100px 50px; background: #1c1c1c;
	
	
	background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-3.jpg) top right no-repeat;
}
.service-areas h1 {
	font-size: 55px; text-align: center; color: black;;
}
.service-areas p {
	text-align: center; line-height: 30px; color: black;
}
.service-areas a p:hover {
	color: #777777; text-indent: 15px;
}
.parallax10 {
	background: linear-gradient(to bottom, #1c1c1c, #1c1c1cc9, #10101000, #1c1c1c00, #1c1c1c00), url(/img/t-19.jpg) top no-repeat;
	background: white;
	
	
	margin-top: -75px; padding: 100px 0px 200px 0px;
  min-height: auto;
	padding: 100px 75px 100px 75px;
  background-attachment: fixed;
  background-position: bottom;
	overflow: hidden;
	margin-top: -100px;
  background-repeat: no-repeat;
  background-size: cover;
}
.service-areas hr {
	border-top: 3px solid #c7ae76;
}
.service-region {
	
}
.service-region iframe {
	width: 500px; height: 540px; box-shadow: 1px 1px 10px 3px #000;
}
.service-region .region {
	background: #c7ae7636;
	background: #c7ae76a1;
    padding: 30px 15px 30px 15px;
    box-shadow: 1px 1px 10px 3px #000;
    border: 7px double #000;
}
.region h2 {
	font-family: 'font4'; font-size: 30px; text-shadow: none; color: black;;
}
.region h3 {
	    font-size: 20px;
    color: black; font-family: 'font4';
    margin-top: 50px; text-shadow: none;
}
.region h4 {
	    font-size: 20px;
    color: black; font-weight: 400; font-family: 'font3';
		line-height: 25px;text-shadow: none; letter-spacing: 1.5px;
}
.region p {
	line-height: 30px; color: black; text-shadow: none;
}
.region hr {
	border-top: 2px solid #000; width: 75%;
}
.process-parallax {
	background: linear-gradient(to bottom, #1c1c1c, #1c1c1cc9, #10101000, #1c1c1c00, #1c1c1c00), url(/img/t-16.jpg) top no-repeat;
	background: white;
	
	margin-top: -75px; min-height: auto; background-attachment: fixed; background-position: bottom; overflow: hidden; margin-top: -100px; background-repeat: no-repeat; background-size: cover;
}
.our-process-title {
	padding: 200px 0 0 0;
}
.our-process-title h1 {
	font-family: 'font4'; color: #c7ae76; text-shadow: 2px 2px 1px #000; font-size: 3rem; padding-bottom: 40px; text-align: center;
}
.our-process-content {
	padding: 0 0 75px 0;
}
.our-process-content h2 {
	font-family: Montserrat; font-weight: 700; color: #c7ae76; text-shadow: 2px 2px 1px #000; font-size: 2.5rem; padding-bottom: 40px; text-align: center;
}
.our-process-content h3 {
	font-family: Montserrat; font-weight: 700; color: #c7ae76; text-shadow: 2px 2px 1px #000; font-size: 1.5rem;
}



.our-process-content h4 {
    font-family: Montserrat;
    font-weight: 700;
    color: #c7ae76;
    text-shadow: none;
    text-shadow: 1px 1px 1px #000;
    font-size: 1.25rem;
}
.our-process-content p {
	font-size: 17px; text-align: justify; color: rgb(0, 0, 0));
}
.our-process-faq {
	padding: 0 0 5px 0;
}
.our-process-faq .box {
  width: auto; margin-top: 20px; margin-left: auto; margin-right: auto;
}
.our-process-faq span {
  transition: 200ms; font-weight: 600; font-size: 18px;
}
.our-process-faq h6 {
	padding-top: 10px; font-size: 25px; color: #000; font-family: 'font3';
}

.our-process-faq h2 {
	font-family: Montserrat; font-weight: 700; color: black; text-shadow: 1px 1px 1px #000; font-size: 2.5rem;
}

.our-process-faq p {
	font-size: 17px; text-align: justify; color: rgb(0, 0, 0));
}
.our-process-faq .bg-dark {
	background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-4.jpg) top right no-repeat; font-family: Montserrat; font-size: 24px; font-weight: 600; border: 5px double #000 !important;
}
.our-process-faq .bg-dark:hover {
  background-color: #c7ae76a1!important;
}
.our-process-faq .content {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_2 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_3 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_4 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_5 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_6 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_7 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_8 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_9 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_10 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_11 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_12 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_13 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_14 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_15 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_16 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_17 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_18 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_19 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_20 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_21 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_22 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_23 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_24 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_25 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.our-process-faq .content_26 {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}


.our-process-faq .header {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_2 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_3 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_4 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_5 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_6 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_7 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_8 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_9 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_10 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_11 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_12 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_13 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_14 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_15 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_16 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_17 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_18 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_19 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}

.our-process-faq .header_20 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_21 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_22 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_23 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_24 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_25 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.our-process-faq .header_26 {
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}

.our-process-faq .p-3 {
	padding: 0px;
}


/**** General Process Page Template - Zen-Cal ****/

.zc-process-hero {
    padding: 160px 0 115px 0;
    background:
        linear-gradient(90deg, rgba(0,0,0,0.82), rgba(0,0,0,0.45)),
        url("/img/services/pest-residential-bg.jpg");
    background-size: cover;
    background-position: center;
    color: #fff;
}

.zc-process-hero-content {
    padding: 48px;
    background: rgba(255,255,255,0.94);
    border-radius: 24px;
    box-shadow: 0 25px 60px rgba(0,0,0,0.35);
    border-left: 8px solid #c7ae76;
}

.zc-process-hero-content span,
.zc-process-heading span,
.zc-process-feature-content span {
    display: inline-block;
    margin-bottom: 12px;
    color: #8E8880;
    font-family: 'font4';
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.zc-process-hero-content h1 {
    font-family: 'font4';
    font-size: 3.4rem;
    line-height: 1.05;
    color: #1c1c1c;
    margin-bottom: 20px;
}

.zc-process-hero-content p {
    color: #3f3a33;
    font-family: 'font2';
    font-size: 17px;
    line-height: 1.75;
    font-weight: 600;
}

.zc-process-btn {
    display: inline-block;
    margin-top: 16px;
    padding: 14px 26px;
    background: #3f3a33;
    color: #fff8ef !important;
    border: 2px solid #3f3a33;
    border-radius: 10px;
    font-family: 'font3';
    font-size: 18px;
    letter-spacing: 1px;
    text-decoration: none !important;
    transition: .3s ease;
}

.zc-process-btn:hover {
    background: #c7ae76;
    border-color: #c7ae76;
    color: #1c1c1c !important;
    transform: translateY(-3px);
}

.zc-process-hero-panel {
    height: 100%;
    padding: 42px;
    background: rgba(28,28,28,0.88);
    border-radius: 24px;
    border: 2px solid rgba(199,174,118,0.55);
    box-shadow: 0 25px 60px rgba(0,0,0,0.35);
}

.zc-process-hero-panel h2 {
    font-family: 'font4';
    color: #c7ae76;
    font-size: 2rem;
    margin-bottom: 22px;
    text-align: center;
}

.zc-process-hero-panel a {
    display: block;
    padding: 15px 10px;
    color: #fff8ef;
    font-family: 'font2';
    font-size: 17px;
    font-weight: 700;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    transition: .3s ease;
}

.zc-process-hero-panel a:hover {
    color: #c7ae76;
    padding-left: 18px;
}


/**** Shared Sections ****/

.zc-process-intro,
.zc-process-main,
.zc-process-feature,
.zc-process-safety,
.zc-process-service-area {
    padding: 90px 0;
}

.zc-process-intro,
.zc-process-safety {
    background: #fff8ef;
}

.zc-process-main,
.zc-process-feature {
    background: #fff;
}

.zc-process-heading {
    max-width: 950px;
    margin: 0 auto 48px auto;
    text-align: center;
}

.zc-process-heading h2,
.zc-process-feature-content h2,
.zc-process-service-area-card h2,
.zc-process-cta h2 {
    font-family: 'font4';
    color: #3f3a33;
    font-size: 2.8rem;
    line-height: 1.1;
    margin-bottom: 18px;
}

.zc-process-heading p,
.zc-process-feature-content p,
.zc-process-service-area-card p,
.zc-process-cta p {
    font-family: 'font2';
    color: #4c4c4c;
    font-size: 17px;
    line-height: 1.75;
    font-weight: 600;
}


/**** Recommended / Reason Cards ****/

.zc-process-reason-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.zc-process-reason {
    padding: 32px;
    background: #fff;
    border-radius: 22px;
    border-top: 7px solid #c7ae76;
    box-shadow: 0 14px 35px rgba(0,0,0,0.08);
    transition: .3s ease;
}

.zc-process-reason:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 48px rgba(0,0,0,0.14);
}

.zc-process-reason h3 {
    font-family: 'font4';
    color: #3f3a33;
    font-size: 1.45rem;
    margin-bottom: 12px;
}

.zc-process-reason p {
    color: #4c4c4c;
    font-family: 'font2';
    line-height: 1.7;
    font-weight: 600;
}


/**** Process Step Cards ****/

.zc-process-step-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
}

.zc-process-step-card {
    min-height: 430px;
    padding: 28px 22px;
    background: #c7ae76a1;
    box-shadow: 1px 1px 10px 3px #000;
    border: 7px double #1c1c1c;
    transition: .25s ease;
}

.zc-process-step-card:hover {
    background: #fff;
    color: #000;
    border-color: #c7ae76;
    transform: translateY(-5px);
}

.zc-process-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 18px;
    background: #1c1c1c;
    color: #c7ae76;
    border-radius: 50%;
    font-family: 'font4';
    font-size: 20px;
}

.zc-process-step-card h3 {
    font-family: 'font4';
    color: #1c1c1c;
    font-size: 1.45rem;
    line-height: 1.25;
    margin-bottom: 14px;
}

.zc-process-step-card p {
    font-family: 'font2';
    color: #1c1c1c;
    font-size: 15px;
    line-height: 1.65;
    font-weight: 600;
}


/**** Feature Section ****/

.zc-process-feature-content {
    padding: 42px;
    background: #fff8ef;
    border-radius: 24px;
    border-left: 8px solid #c7ae76;
}

.zc-process-feature-box {
    padding: 42px;
    background: #3f3a33;
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(0,0,0,0.18);
}

.zc-process-feature-box h3 {
    color: #c7ae76;
    font-family: 'font4';
    font-size: 2rem;
    margin-bottom: 18px;
}

.zc-process-feature-box ul {
    padding-left: 20px;
    margin-bottom: 0;
}

.zc-process-feature-box li {
    color: #fff8ef;
    font-family: 'font2';
    font-size: 16px;
    line-height: 1.8;
    font-weight: 600;
}


/**** Safety Cards ****/

.zc-process-safety-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.zc-process-safety-card {
    padding: 30px 24px;
    background: #fff;
    border-radius: 20px;
    border-bottom: 6px solid #c7ae76;
    box-shadow: 0 14px 35px rgba(0,0,0,0.08);
    transition: .3s ease;
}

.zc-process-safety-card:hover {
    background: #3f3a33;
    transform: translateY(-6px);
}

.zc-process-safety-card h3 {
    font-family: 'font4';
    color: #3f3a33;
    font-size: 1.45rem;
    margin-bottom: 12px;
}

.zc-process-safety-card p {
    font-family: 'font2';
    color: #4c4c4c;
    font-size: 15px;
    line-height: 1.65;
    font-weight: 600;
}

.zc-process-safety-card:hover h3 {
    color: #c7ae76;
}

.zc-process-safety-card:hover p {
    color: #fff8ef;
}


/**** Service Area ****/

.zc-process-service-area {
    background:
        linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76),
        url("/img/white-wood-3.jpg") top right no-repeat;
    background-size: cover;
}

.zc-process-service-area-card {
    max-width: 1000px;
    margin: 0 auto;
    padding: 44px;
    background: rgba(255,255,255,0.92);
    border-radius: 24px;
    text-align: center;
    box-shadow: 0 18px 45px rgba(0,0,0,0.18);
}


/**** CTA ****/

.zc-process-cta {
    padding: 95px 20px;
    background: #3f3a33;
    text-align: center;
}

.zc-process-cta h2 {
    color: #c7ae76;
}

.zc-process-cta p {
    color: #fff8ef;
    max-width: 900px;
    margin: 0 auto 18px auto;
}


/**** Responsive ****/

@media(max-width: 1199px) {
    .zc-process-step-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .zc-process-safety-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 991px) {
    .zc-process-hero {
        padding: 125px 0 80px 0;
        text-align: center;
    }

    .zc-process-hero-content,
    .zc-process-hero-panel,
    .zc-process-feature-content,
    .zc-process-feature-box,
    .zc-process-service-area-card {
        padding: 30px 22px;
    }

    .zc-process-hero-content h1,
    .zc-process-heading h2,
    .zc-process-feature-content h2,
    .zc-process-service-area-card h2,
    .zc-process-cta h2 {
        font-size: 2.1rem;
    }

    .zc-process-hero-panel {
        margin-top: 30px;
    }

    .zc-process-intro,
    .zc-process-main,
    .zc-process-feature,
    .zc-process-safety,
    .zc-process-service-area {
        padding: 70px 0;
    }

    .zc-process-reason-grid,
    .zc-process-step-grid,
    .zc-process-safety-grid {
        grid-template-columns: 1fr;
    }

    .zc-process-step-card {
        min-height: auto;
        text-align: center;
    }

    .zc-process-feature-box {
        margin-top: 28px;
    }
}

@media(max-width: 575px) {
    .zc-process-btn {
        width: 100%;
        text-align: center;
    }

    .zc-process-hero-content h1,
    .zc-process-heading h2,
    .zc-process-feature-content h2,
    .zc-process-service-area-card h2,
    .zc-process-cta h2 {
        font-size: 1.8rem;
    }
}





.serv6 {
	padding: 200px 0 200px 0;
	background-image: linear-gradient(#1e1e1e, #1c1c1c00), url(/img/t-16.jpg);
	background: white; 
}
.serv6 h1 {
	font-family: 'font4';
	color: #c7ae76;
	text-shadow: 2px 2px 1px #000;
	font-size: 3rem;
	padding-bottom: 40px;
	text-align: center;
}
.serv6 p {
	font-size: 16px;
	font-weight: 600;
	font-family: 'font2';
	color: rgb(0,0,0);
	text-align: center;
}
.serv6 i {
	font-size: 20px;
	color: rgb(255,255,255);
}
.serv6 button {
	border-radius: 1.6rem;
	border: 1px solid rgb(0,0,0);
	background: rgb(246,177,24);
	font-size: 14px;
}
.serv6 button:hover {
	background: rgb(246,177,24,0.8);
}
.serv6 img {
	border-radius: 0.6rem;
}
.serv6 .box{
  width: auto; margin-top: 20px; margin-left: auto; margin-right: auto;
}
.serv6 span{
  transition: 200ms; font-weight: 600; font-size: 18px;
}
.serv6 h6 {
	padding-top: 10px; font-size: 25px; color: #000; font-family: 'font3';
}
.serv6 .bg-dark {
	background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-4.jpg) top right no-repeat; font-family: 'font3'; font-size: 30px;   border: 5px double #000 !important;
}
.serv6 .bg-dark:hover {
  background-color: #c7ae76a1!important;
}
.serv6 .content {
  overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.serv6 .content_2{
	overflow: auto; max-height: 0px; transition: 300ms ease-in; border-right: 5px double #000 !important; border-left: 5px double #000 !important; border-top: none !important; border-bottom: none !important; background: #c7ae7669; margin: 0px 30px 0px 30px;
}
.serv6 .content_3{
    overflow: auto;
    max-height: 0px;
    transition: 300ms ease-in;
		   		border-right: 5px double #000 !important;
    border-left: 5px double #000 !important;
    border-top: none !important;
    border-bottom: none !important;
		    background: #c7ae7669;
				margin: 0px 30px 0px 30px;
}
.serv6 .content_4{
    overflow: auto;
    max-height: 0px;
    transition: 300ms ease-in;
		   		border-right: 5px double #000 !important;
    border-left: 5px double #000 !important;
    border-top: none !important;
    border-bottom: none !important;
		    background: #c7ae7669;
				margin: 0px 30px 0px 30px;
}
.serv6 .content_5{
    overflow: auto;
    max-height: 0px;
    transition: 300ms ease-in;
		  		border-right: 5px double #000 !important;
    border-left: 5px double #000 !important;
    border-top: none !important;
    border-bottom: none !important;
		    background: #c7ae7669;
				margin: 0px 30px 0px 30px;
}
.serv6 .content_6{
    overflow: auto;
    max-height: 0px;
    transition: 300ms ease-in;
		   		border-right: 5px double #000 !important;
    border-left: 5px double #000 !important;
    border-top: none !important;
    border-bottom: none !important;
		    background: #c7ae7669;
				margin: 0px 30px 0px 30px;
}
.serv6 .content_7{
    overflow:auto;
    max-height: 0px;
    transition: 300ms ease-in;
		    		border-right: 5px double #000 !important;
    border-left: 5px double #000 !important;
    border-top: none !important;
    border-bottom: none !important;
		    background: #c7ae7669;
				margin: 0px 30px 0px 30px;
}
.serv6 .header{
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.serv6 .header_2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.serv6 .header_3{
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.serv6 .header_4{
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.serv6 .header_5{
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.serv6 .header_6{
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.serv6 .header_7{
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.p-3 {
	padding: 0px;
}



/* ========================================================== */
/*        Service Area Page - Cleaner Editorial Upgrade       */
/*        Less card-heavy / more premium + structured         */
/* ========================================================== */

.san-luis-obispo {
	position: relative;
	padding: 275px 0 140px 0;
	background:
		linear-gradient(90deg, rgba(255,255,255,0.94), rgba(255,255,255,0.98)),
		url("/img/white-wood-2.jpg") center top repeat;
	overflow: hidden;
}

/* subtle left-side vertical accent, not floating bubbles */
.san-luis-obispo:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 100%;
	background: linear-gradient(to bottom, #c7ae76, rgba(199,174,118,0.2), #818d94);
}

.san-luis-obispo .container-fluid {
	position: relative;
	z-index: 2;
}

.san-luis-obispo .row {
	row-gap: 42px;
}

/* top intro gets a clean editorial block instead of a card */
.san-luis-obispo .row:first-child .col-lg-6 {
	position: relative;
	padding: 10px 35px 10px 0;
}

/* thin vertical separator between text and map on desktop */
.san-luis-obispo .row:first-child .col-lg-6:after {
	content: "";
	position: absolute;
	top: 5px;
	right: 0;
	width: 1px;
	height: 100%;
	background: linear-gradient(to bottom, transparent, rgba(199,174,118,0.75), transparent);
}

.san-luis-obispo h1,
.san-luis-obispo h2 {
	font-family: Montserrat;
	font-weight: 700;
	text-transform: none;
	color: rgb(82,88,92);
	letter-spacing: -0.5px;
	line-height: 1.16;
	padding-bottom: 0;
	margin-bottom: 18px;
}

.san-luis-obispo h1 {
	font-size: clamp(2.4rem, 5vw, 4.25rem);
	max-width: 900px;
}

.san-luis-obispo h2 {
	font-size: clamp(1.85rem, 3vw, 2.75rem);
	margin-top: 0;
}

/* understated underline, squared-off instead of pill/round */
.san-luis-obispo h1:after,
.san-luis-obispo h2:after {
	content: "";
	display: block;
	width: 74px;
	height: 2px;
	margin-top: 18px;
	background: #c7ae76;
}

.san-luis-obispo h3 {
	font-family: Montserrat;
	font-size: 1.05rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: #947c43;
	padding-bottom: 0;
	margin-bottom: 22px;
}

.san-luis-obispo p {
	font-size: 17px;
	text-align: justify;
	color: rgb(48,52,55);
	line-height: 1.85;
	margin-bottom: 18px;
}

/* map becomes clean and architectural instead of shadow-heavy */
.san-luis-obispo iframe {
	width: 100%;
	min-height: 470px;
	height: 100%;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	border-left: 12px solid #c7ae76;
	filter: grayscale(12%) contrast(1.02);
}

/* middle two-column section: no cards, just elegant columns */
.san-luis-obispo .row:nth-of-type(2) .col-lg-5 {
	padding: 0 35px;
}

.san-luis-obispo .row:nth-of-type(2) .col-lg-5:first-of-type {
	border-right: 1px solid rgba(129,141,148,0.22);
}

/* final content block becomes a structured article section */
.san-luis-obispo .row:nth-of-type(3) .col-lg-10 {
	padding: 48px 60px;
	background: rgba(255,255,255,0.72);
	border-top: 1px solid rgba(199,174,118,0.55);
	border-bottom: 1px solid rgba(199,174,118,0.55);
}

/* separate stacked h2 topics in final section */
.san-luis-obispo .row:nth-of-type(3) h2:not(:first-child) {
	margin-top: 45px;
	padding-top: 34px;
	border-top: 1px solid rgba(129,141,148,0.18);
}

/* list style: clean ruled list */
.san-luis-obispo ul {
	padding: 0;
	margin: 18px 0 24px 0;
	list-style: none;
	border-top: 1px solid rgba(129,141,148,0.18);
}

.san-luis-obispo li {
	position: relative;
	padding: 12px 0 12px 22px;
	font-size: 16px;
	line-height: 1.55;
	color: rgb(48,52,55);
	border-bottom: 1px solid rgba(129,141,148,0.18);
}

/* small square marker instead of circle */
.san-luis-obispo li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 21px;
	width: 7px;
	height: 7px;
	background: #c7ae76;
	transform: rotate(45deg);
}

/* CTA links: cleaner, less pill/button-like */
.san-luis-obispo a:not(.none) {
	display: inline-block;
	width: max-content;
	padding: 12px 0;
	background: transparent;
	color: rgb(82,88,92);
	font-weight: 800;
	text-decoration: none;
	border-radius: 0;
	box-shadow: none;
	border-bottom: 3px solid #c7ae76;
	transition: 0.25s ease;
}

.san-luis-obispo a:not(.none):hover {
	background: transparent;
	color: #947c43;
	border-bottom-color: rgb(82,88,92);
	transform: translateY(-2px);
}

/* plain phone link */
.san-luis-obispo a.none {
	display: inline;
	width: auto;
	padding: 0;
	background: none;
	box-shadow: none;
	border: none;
	border-radius: 0;
	color: #947c43;
	text-decoration: underline;
	font-weight: 800;
}

.san-luis-obispo a.none:hover {
	color: rgb(82,88,92);
	background: none;
	transform: none;
}

/* existing info-box, if used elsewhere */
.san-luis-obispo .info-box {
	padding: 35px;
	background:
		linear-gradient(135deg, rgba(199,174,118,0.95), rgba(199,174,118,0.72)),
		url(/img/white-wood-2.jpg) top right repeat;
	box-shadow: none;
	border-left: 10px solid rgb(82,88,92);
}

.san-luis-obispo .info-box h2 {
	color: rgb(35,35,35);
	text-align: left;
	font-size: 2rem;
}

.san-luis-obispo .info-box h2:after {
	margin-left: 0;
}

.san-luis-obispo .info-box ul {
	padding: 0;
}

/* final CTA treatment */
.san-luis-obispo .row:nth-of-type(3) h2:last-of-type {
	color: #947c43;
}

.san-luis-obispo .row:nth-of-type(3) h2:last-of-type,
.san-luis-obispo .row:nth-of-type(3) h2:last-of-type + p,
.san-luis-obispo .row:nth-of-type(3) h2:last-of-type + p + p {
	text-align: center;
}

.san-luis-obispo .row:nth-of-type(3) h2:last-of-type:after {
	margin-left: auto;
	margin-right: auto;
}

/* responsive */
@media(max-width: 991px) {
	.san-luis-obispo {
		padding: 210px 20px 90px 20px;
	}

	.san-luis-obispo:before {
		width: 6px;
	}

	.san-luis-obispo .row:first-child .col-lg-6 {
		padding: 0;
	}

	.san-luis-obispo .row:first-child .col-lg-6:after {
		display: none;
	}

	.san-luis-obispo .row:nth-of-type(2) .col-lg-5 {
		padding: 0;
	}

	.san-luis-obispo .row:nth-of-type(2) .col-lg-5:first-of-type {
		border-right: none;
		border-bottom: 1px solid rgba(129,141,148,0.22);
		padding-bottom: 35px;
	}

	.san-luis-obispo .row:nth-of-type(2) .col-lg-5:nth-of-type(2) {
		padding-top: 35px;
	}

	.san-luis-obispo .row:nth-of-type(3) .col-lg-10 {
		padding: 38px 24px;
	}

	.san-luis-obispo iframe {
		min-height: 350px;
		border-left: none;
		border-top: 10px solid #c7ae76;
	}

	.san-luis-obispo p {
		text-align: left;
	}
}

@media(max-width: 575px) {
	.san-luis-obispo h1 {
		font-size: 2.2rem;
	}

	.san-luis-obispo h2 {
		font-size: 1.65rem;
	}

	.san-luis-obispo h3 {
		font-size: 0.95rem;
		letter-spacing: 1px;
	}

	.san-luis-obispo a:not(.none) {
		width: auto;
	}
}

.contact-us {
padding: 125px 0px 75px 0px;
background: white; 
}





/*Blog Page Start*/
.blog1 {
	padding: 125px 0 75px 0;
	    background: linear-gradient(to right, #ffffff1a, #ffffff1a), url(/img/tartan-quilt-pattern.png);
    background-size: 20%; background-repeat: repeat;

}
.blog1 h1 {
	text-align: center;
	text-transform: uppercase; letter-spacing: 2px;
	padding-bottom: 25px;
	color: black;;
	font-size: 45px;
}
.blog1 h3 {
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 0.04rem;
	text-align: center;
	padding-bottom: 10px;
	color: rgb(0,0,0);
}
.blog1 h4 {
	font-weight: 600;
	font-size: 21px;
	color: rgb(30,30,30);
}
.blog1 h5 {
	color: rgb(20,20,20);
	font-size: 15px;
}
.blog1 hr {
	border: 0.15rem solid rgb(21,135,198);
  max-width: 110px;
  opacity: 1;
	color: black;;
  margin: auto;
}
.blog1 img {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.blog1 .img-fluid.box-image{
    width: 100%;
    height: 200px; /* Adjust the height as needed */
    object-fit: cover;
}
.blog1 .box {
	padding: 0px 0px 20px 0px;
	border-radius: 15px;
	background: rgb(255,255,255);
	box-shadow: 0 0 15px #00000029;
	height:580px;
}
.blog1 .pad {
	padding: 15px 10px 0px 10px;
}
.blog1 span {
	color: black;;
}
.blog1 p {
	color: rgb(20,20,20);
	font-size: 17px;
	    line-height: 25px;
}
.blog1 a {
	color: black;;
	font-size: 15px;
	font-weight: 600;
}
.blog1 a:hover {
	color: black;;
}
.blog-top {
	padding: 150px 0px 100px 0px; color: #fff; background: rgb(15, 15, 15);; font-family: font4; text-transform: uppercase; font-weight: 500; 
}
.blog-top h1 {
	font-size: 25px;
}
.blog-top span {
	font-size: 50px;
}
.blog-template {
	background: linear-gradient(to right, #ffffff1a, #ffffff1a), url(/img/tartan-quilt-pattern.png);
    background-size: 60%; background-repeat: repeat;
	padding: 75px 0 75px 0;
}
.blog-template i {
	color: rgb(7, 155, 196);
}
.blog-template a {
	color: rgb(7, 155, 196);
}
.blog-template h1 {
	color: white;
	text-align: left;
	font-weight: 600;

	font-size: 35px;
}
.blog-template h2 {
text-transform: uppercase;
	color: rgb(15, 15, 15);;
	font-size: 33px;
	font-weight: 600; 
}
.blog-template h3 {
	font-weight: 600;
	color: rgb(15, 15, 15);;
	font-size: 25px;
}
.blog-template h4 {
	color: rgb(20,20,20);
	text-align: left;
	font-weight: 400;
	font-family: 'font5';text-transform: uppercase;
	font-size: 23px;
}
.blog-template h5 {
	font-weight: 600;
	color: rgb(20,20,20);
	font-size: 25px;
}
.blog-template h6 {
	font-weight: 600;
	color: rgb(0,0,0);
	font-size: 23px;
}
.blog-template p {
	color: black;
	font-size: 1rem;

}
.blog-template p.bold {
	font-weight: 700; 

}
.blog-template li {
	color: black;
	font-size: 17px;
 letter-spacing: 1px;
}
.blog-template li p span{
	color: white;
	font-size: 19px;
text-transform: uppercase;
	text-decoration:underline;
	font-weight:900;
}

.blog-template span.queen{
	color: white;
	font-size: 19px;
	text-decoration:none;
	font-weight:900;
}


.blog-template a.contact-today {
	padding: 10px; background: rgb(226,64,0); border: 1px solid rgb(12,12,12); border-radius: 10px;
	font-size: 24px; font-family: font2; font-weight: 600; text-align: center; text-shadow: 2px 2px 1px rgb(0,0,0); text-transform: uppercase; color: rgb(255,255,255);
}
.blog-template a.services {
	padding: 10px; background: rgb(21,135,198); border: 1px solid rgb(12,12,12); border-radius: 10px;
	font-size: 18px; font-family: font2; font-weight: 600; text-align: center; text-shadow: 2px 2px 1px rgb(0,0,0); text-transform: uppercase; color: rgb(255,255,255);
}

.blog-template img {
	border-radius: 24px;
	box-shadow: 0px 2px 8px black; 
}


/* Gallery Page Start */
.gallery-page {
	padding: 75px 0 50px 0;	background: rgb(249,249,249);
}
.gallery-page h1 {
	font-size: 3rem; font-weight: 600; font-family: 'font2'; padding-bottom: 40px; text-align: center; color: rgb(129,141,148);
}
.gallery-page h2 {
	font-size: 2rem; font-weight: 600; font-family: 'font2'; padding-bottom: 40px; text-align: center; color: rgb(129,141,148);
}


.gallery-page {
    padding: 50px 0;
    background: #f9f9f9;
}

.gallery-page .owl-carousel .item {
    text-align: center;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 10px;
}

.gallery-page .owl-carousel .item img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}





.gallery-page-updated {
    padding: 50px 70px;
    text-align: center;
}
.gallery-page-updated h2{
        font-family: 'font4';
				font-size: 3.5rem; 
}
.gallery-page-updated .gallery-wrapper {
    margin: 20px 0;
}

.gallery-page-updated .gallery-display {
    overflow: hidden;
    max-width: 900px;
    margin: 0 auto;
    position: relative;
}

.gallery-page-updated .gallery-track {
    display: flex;
    transition: transform 0.5s ease;
}

.gallery-page-updated .gallery-display img {
    width: 100%;
    flex-shrink: 0;
border: 2px solid black;		
}

.gallery-page-updated .gallery-controls {
    display: flex;
    justify-content: space-around;
    margin: 10px auto;
    max-width: 600px;
}

.gallery-page-updated .gallery-controls button {
    padding: 10px 20px;
    background-color: #c7ae76e6;
    color: black;
    border: none;
    border-radius: 5px;
    cursor: pointer;
		font-weight: 700;
		font-size: 1.25rem;
}

.gallery-page-updated .gallery-controls button:hover {
    background-color: #555;
}




.testimonials h1{
	font-size: 3rem; font-weight: 600; font-family: 'font2'; padding-bottom: 40px; text-align: center; color: rgb(40,40,40);

}
.testimonials h3{
	font-size: 3rem; font-weight: 600; font-family: 'font2'; padding-bottom: 40px; text-align: center; color: rgb(40,40,40);

}





/*FAQ Page*/
.faq {
	padding: 240px 0 75px 0;
background: white!important;

}
.faq h1 {
	font-size: 2.7rem;
	font-weight: 800;
	padding-bottom: 15px;
	color:  black;
	text-align: center;
	
	
}
.faq h2 {
	font-size: 1.6rem;
	font-weight: 800;
	padding-bottom: 5px;
	color: black; 
	text-align: center;
}
.faq h3 {
	font-size: 1.2rem;
	font-weight: 800;
	padding-bottom: 5px;
	color: black; 
	text-align: center;
}
.faq .box{
  width: auto;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
.faq span{
  transition: 200ms;
  font-weight: 600;
  font-size: 1.1rem;
}
.faq p{
	line-height: 30px;;
}
.faq .bg-dark {
  background-color: rgba(199,174,118,0.9) !important;
}
.faq .bg-dark:hover {
  background-color:rgb(190,160,71) !important;
}
.faq .content, .faq .content_2, .faq .content_3, .faq .content_4, .faq .content_5,
.faq .content_6, .faq .content_7, .faq .content_8, .faq .content_9, .faq .content_10, .faq .content_11, .faq .content_12 {
    overflow: hidden;
    max-height: 0px;
    transition: 300ms ease-in;
    background: rgb(255,255,255);
    border: 1px solid black !important;
    display: block;
    height: 100%;

    padding: 0 20px;
}
.faq .header, .faq .header_2, .faq .header_3, .faq .header_4, .faq .header_5,
.faq .header_6, .faq .header_7, .faq .header_8, .faq .header_9, .faq .header_10, .faq .header_11, .faq .header_12 {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
	text-transform: capitalize;
	color: black !important;
}
/*FAQ Page END*/


/******************************************** DAVIDS MOBILE CODE END *************************************************/

/*******************  Referrals Owl Carousel *************************/
.owl-carousel .owl-stage-outer {
	/*padding:40px 0;*/
	padding:0 0;
}
.owl-nav {
	position:absolute; width: 100%;	top:10%; display: none;
}
.owl-carousel .item {
	display:block; height:100%;
}
.owl-carousel .owl-item span {
	font-size: 20px; font-weight: 500;
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
	position:absolute;
}
.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
	background:transparent !important; color:#212121 !important; opacity:.5 !important;
}
.owl-nav .owl-next {
	left:100%;
}
.owl-nav .owl-prev {
	right: 100%;
}
.owl-nav .owl-prev span,
.owl-nav .owl-next span {
	font-size:3em; display: block;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	outline:none;
}

/*******************  Home Page Service Cards *************************/
.pre-footer-section {
	padding:0 !important;	overflow:;
}
.pre-footer-section div[class*='col-']:last-child {
	background: url(/img/home-image-2.jpg) bottom no-repeat; background-size:cover;
}
.pre-footer-section .hours {
	display:flex;	color: #fff; flex-direction:column;	justify-content:center;	padding:120px; background: #1d1d1d;
}
.pre-footer-section div[class*='col-']:last-child {
	padding:165px;
}
.pre-footer-section .hours p {
	display:flex;	padding:0 200px 0 0; flex-direction:row; justify-content:space-between;
}
.pre-footer-section a {
	margin: 40px 0 0;	color:#fff;	font-size: 20px; font-weight:700;
}
.pre-footer-section a:hover {
	color:#8a8a8a;
}

/* ========================================================== */
/* 			            Default Classes                       */
/* ========================================================== */

body {
	font-family: 'Montserrat', sans-serif;
}
body#barbajs {
	visibility:visible;
}
a, button, .btn {
	-webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease; transition: all .30s ease;
}
a {
	cursor:pointer;	text-decoration: none !important;
}
a:hover {
	color: #252525; text-decoration: underline;
}
.btn {
	cursor:pointer;	border-radius: 0;
}
.btn.alert-trigger {
	color:#fdfdfd; background-color:#333;
}
.btn:hover {
    opacity: 0.9;
}
.inner-content-section .btn {
	background:rgba(135,170,188);	border-color: #949494; color: rgba(255,255,255,1);
}
.inner-content-section .btn:hover {
	background-color: rgba(135,170,188,0.4); color:#fff;
}
.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {outline: none;box-shadow: none;background-color: #444;border-color: #949494;color: #fff;}
.btn-primary:hover {
	border-color: #949494;
}
.btn.focus, .btn:focus {
	outline:none;	box-shadow: none;
}
.section-divider {
	position:relative; padding: 50px 0;
}
.estimate-section-divider .alert, .estimate-section-divider .alert p {
    text-align: left; font-size: inherit;
}
.block-overlay {
	position:absolute; display:inline-block; background:rgba(0, 0, 0, 0.6);	width:100%;	height:100%; top:0;	left:0;	right:0; bottom:0; z-index:0;
}

/********* Set Timeout Function FadeDiv Styling **********/
.fadeDiv {
	position:fixed;	display: inline-block; z-index:1050; color: #fff;	background: #300e87; padding:50px; top:150px;	bottom:150px;	left:300px;	right:300px; transform:scale(0,0); box-shadow: 0px 0px 20px -1px #000; transition:all .20s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.menu-scaler {
	position:fixed;	display: inline-block; padding:50px; z-index:1050; top:150px;	bottom:150px; left:300px;	right:300px; transform:scale(1,1);
}
.fadeDiv .fadeDiv-close {
	position:absolute; right: 20px;	top: 10px; font-weight:900;	font-size: 2em;	font-family:'Lato'; cursor:pointer;
}
.navbar-collapse ul {
	width:100%;	justify-content: center; align-items: center;
}
.overlay {
	height: 100%;	width: 100%; background: #ffffffbf;
}
#myBtn {
	display: block; width: 50px; height: 50px; position: fixed; top:100%; right: 30px; z-index: 99; border: none; outline: none; background-color: #000000; color: #ffffff; cursor: pointer; font-size: 14px; padding-top: 0; border-radius: 0px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}
#myBtn i {
	color: white;
}
#myBtn:hover {
	background-color: #424242; color:#fff;
}

/* ========================================================== */
/* 			            Custom Navbar	                      */
/* ========================================================== */

.top-header-animate {
	background: linear-gradient(to right, #000000f2, #000000e0), url(/img/2.jpg) top right no-repeat;
	background: white;;
}
.top-header-animate .dropdown-toggle {
	color:#0a0a0a; font-size: 16px;
}
.top-header-animate .navbar-brand {
	font-size: 1.5em;
}
body {
    padding: 0; -webkit-transition-property: all; -webkit-transition-duration: .30s; -webkit-transition-timing-function: ease-in-out; transition-property: all; transition-duration: .30s; transition-timing-function: ease-in-out;
}
.navbar-scroll {
	padding: 75px 0 0; position: fixed;	background: rgba(199,174,118,0.9); width: 100%;	z-index: 99;	-webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease; transition: all .30s ease;    box-shadow: 1px 1px 10px 1px #000;
}
.navbar-scroll .container {
	background: rgb(60,36,17,0); border-bottom-left-radius: 1.5rem;	border-bottom-right-radius: 1.5rem;
}
#projects .navbar-scroll {
	background:#fdfdfd;	position:relative !important;
}
#projects .navbar-scroll li a {
	color:#333;
}
#projects .navbar-scroll .navbar-brand {
	color:#252525;
}
#projects .navbar-light .lnr {
	color:#222;
}
.navbar-light .lnr {
	color: #fdfdfd;	font-size: 1.5em;	position: absolute;	top: 6px;	right: 10px;
}
.navbar-light .navbar-brand {
	color: #e8e8e8; font-size: 20px; font-family: 'Montserrat', sans-serif;
}
.navbar-brand {
	font-size:2.5em; font-weight:700;	text-transform:uppercase;
}
.navbar-brand:focus, .navbar-brand:hover {
	color:#f3f3f3 !important;
}
.navbar-light .navbar-nav .nav-link {
	margin: 0 28px; padding: 6px 0px; font-weight: 900; font-size: 1.1rem; color: rgb(0,0,0); font-family: 'font2';
}

.nav-link.yellow-button{
	border: 2px solid black;
	padding: 4px !important;
	background: #ffff0063;
}
.nav-link.yellow-button:hover a{
color: white; 	
}


.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav
.nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light
.navbar-nav .show>.nav-link {
	color: rgb(0,0,0);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: #c7ae76;
    text-shadow: 1px 1px 1px #000;
}
.navbar-light .navbar-nav li a {
	position:relative;
}
.navbar-collapse {
	height:100%;
}
.mobile-top-header {
	display:none !important;
}
.mobile-top-header .img-fluid{
	/*display:none !important;*/
	
	width: 100px; 
}

/* ========================================================== */
/* 			            GALLERY / PROJECTS                    */
/* ========================================================== */

#portfolio input {
	display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; margin: 0; top: 0; left: -60px; z-index: 2; width: 60px; height: 60px; -webkit-appearance: none; background-image: url(/img/icons/close-btn-icon-red.png); background-repeat: no-repeat; background-color: transparent; background-size: contain; color: #ffffff; border: none; cursor: pointer; outline: none !important; -webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease; transition: all .30s ease;
}
#portfolio input:hover {
	background-color: #fff;	opacity: .;
}
button.mfp-close, button.mfp-arrow {
	outline:none !important;
}
#portfolio {
  display: flex; padding: 0; overflow: hidden; flex-wrap: wrap; justify-content: center;
}
#portfolio li {
  display: flex; justify-content: center; align-items: center; float: left; position:relative; overflow:hidden; margin: 0 10px 20px;
}
#portfolio li a {
  transform:scale(1,1); display:block; width:100%; height: 295px; width: 490px; overflow:hidden; -o-transition:all .30s ease; -moz-transition:all .30s ease; -webkit-transition:all .30s ease; transition:all .30s ease;
}
#portfolio li a:hover {
	transform:scale(1.1,1.1) !important;
}
#portfolio li a img {
	display: block; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; margin: auto; width: 100%; height: auto; transform: scale(1,1);
}
#portfolio li:hover .block-overlay {
	background-color:#000000cc;
}
#portfolio li:hover input {
	left: 0;
}
#portfolio .block-overlay {
	background: rgb(0,0,0,0.1); z-index: 1; -webkit-transition: all .30s ease; -moz-transition: all .30s ease; -o-transition: all .30s ease; transition: all .30s ease;
}

/* ========================== Gallery ZoomIn Effect ================================ */

.mfp-ready .mfp-figure {
  opacity: 0; margin-left:-100px;
}
.mfp-zoom-in .mfp-figure, .mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler{
    opacity: 0; margin-left:-100px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95);
}
.mfp-zoom-in.mfp-bg,
.mfp-zoom-in .mfp-preloader {
  opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-image-loaded .mfp-figure, .mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler{
	opacity: 1; margin-left:0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg,
.mfp-zoom-in.mfp-ready .mfp-preloader {
	opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-figure, .mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler{
	-webkit-transform: scale(0.95);	-ms-transform: scale(0.95);	transform: scale(0.95);	opacity: 0;	margin-left:-100px;
}
.mfp-zoom-in.mfp-removing.mfp-bg,
.mfp-zoom-in.mfp-removing .mfp-preloader {
	opacity: 0; margin-left:-20px;
}
.mfp-iframe-scaler{ overflow: visible; /*so the close button is shown*/}
.mfp-zoom-out-cur { cursor: auto; }
.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; }

/* ========================================================== */
/* 			            REVIEWS PAGE                          */
/* ========================================================== */
.carousel-indicators li {
	position: relative;	top: 51px; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px;	height: 3px; margin-right: 3px;	margin-left: 3px;	text-indent: -999px; background-color: rgb(191, 190, 190);
}
.carousel-indicators .active {
	background-color: #0f8029;
}

/* ========================================================== */
/* 			           FOOTER		                          */
/* ========================================================== */

.footer-section .vms-link-wrapper img {
	width: 50%;
}
.footer-section .vms-link-wrapper a {
	width: 100%; display: flex;	flex-direction: column;	justify-content: center; align-items: center;
}
.footer-section {
	color: rgb(0, 0, 0);
    font-size: 18px;
		text-align: center;
    font-weight: 400;
    background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-2.jpg) top right no-repeat;
}
.footer-section h3 {
	font-size: 45px;
    font-weight: 500;
    font-family: 'font4';
}
.footer-section h3 span {
	font-size: 25px; color: #444; font-family: 'font3';
}
.footer-section p {
font-size: 15px;	font-family: 'font2'; line-height: 30px;
}
.footer-section a {
 font-size: 16px; color: #444;
}
.footer-section .service-cities p {
	margin:0 0 3px;
}
.service-cities {
	margin-bottom:1em; padding: 25px 50px 10px 50px;
}
.service-cities img {
	padding-bottom: 20px;
}
.service-cities .img-fluid {
	width:50%;
}
.service-cities h4 {
	font-size: 20px; font-family: 'font4'; font-weight: 500; letter-spacing: 1.5px; border-bottom: 1px solid #000;
}
.service-cities h5.city-title {
	font-size: 30px; font-family: 'font3'; font-weight: 500; letter-spacing: 1.5px;
}
.bottom-footer {
	background: #1c1c1c; margin-top:-15px; padding: 25px 0px 25px 0px;
}
.bottom-footer .vms-link-wrapper {
	position:relative; top:-10px;
}
.bottom-footer div[class*='col-']:nth-child(2) {
	display:flex;	flex-direction: column;	justify-content:center;	align-items: center;
}
.bottom-footer div[class*='col-']:nth-child(3) {
	display:flex;	justify-content:flex-end;	font-size:14px;
}
.bottom-footer div[class*='col-']:nth-child(3) a {
	display:flex;	justify-content:center;	align-items:center;	border: 1px solid #fff;	border-radius:100px; height:28px;	width:28px;	margin: 0 4px;
}
.bottom-footer div[class*='col-']:nth-child(3) a:hover {
	background: #0a0a0a; text-decoration:none !important;	color: #929292;
}

.locked-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 3;
    padding: 15px 20px;
    background: #c7ae76e6;
    transition: .3s ease;
}

/* Centered grid layout */
.locked-footer-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

/* Buttons auto sit in middle */
.locked-footer-inner a {
    justify-self: center;
}

/* Button Styles */
.locked-footer a.schedule-btn,
.locked-footer a.call-btn {
    padding: 10px 18px;
    font-size: 22px;
    font-weight: 600;
    border-radius: .3rem;
    border: 2px solid black;
    text-align: center;
    transition: .3s ease;
    display: inline-block;
}

/* Schedule */
.locked-footer a.schedule-btn {
    background: #ffff0082;
    color: black;
}

.locked-footer a.schedule-btn:hover {
    background: #ffff00ed;
}

/* Call */
.locked-footer a.call-btn {
    background: white;
    color: black;
}

.locked-footer a.call-btn:hover {
    background: black;
    color: white;
}

.locked-footer a:hover {
    transform: scale(1.05);
}
.quick-links{
	/*display: flex;*/
	/*flex-direction: row;*/
	/*flex-wrap: wrap;*/
	/*justify-content: center;*/
	/**/
}
.quick-links a{
	/*display: flex;*/
	/*flex-direction: row;*/
	/*flex-wrap: wrap;*/
	/*justify-content: center;*/
	/*margin: 0 25px;*/
	/*font-weight: 800; */
    font-size: 13px;
    color: #444;
    line-height: 25px;
}
.quick-links a h5{

	font-weight: 700;
	font-size:1rem;
	
}

/* === Laptop CSS Section ================= */
@media screen and (max-width : 1740px) {
	/*** Don't place anything here, unless absolutely necessary ***/
	
	

.navbar-light .navbar-nav .nav-link {
    margin: 0px 10px;
    padding: 6px 0px;
    font-weight: 900;
    font-size: 15px;
    color: rgb(0,0,0);
    font-family: 'font2';
}
.navbar-collapse ul {
    width: 100%;
    justify-content: flex-end;
    align-items: center;
}
.home1 strong {
    font-size: 40px;
    font-weight: 500;
    font-family: 'font4';
}


.home2 {
	margin-top: 10px;
}
.home2 .container-fluid {
	padding: 105px 0 105px 0; 
}
.home2 h3 {
	font-size: 50px; font-family: 'font4'; width: auto;
	color: black;
	text-align: center;
	padding-bottom: 25px; 
}


.parallax {
  min-height: auto;
	padding: 50px 75px 50px 75px;
  background-attachment: fixed;
  background-position: bottom;
	overflow: hidden;
	margin-top: -100px;
  background-repeat: no-repeat;
  background-size: cover;
	
  background-image: linear-gradient(rgb(0 0 0 / 10%), rgb(11 11 11 / 0%)), url(/img/home-parallax-001.jpg);
	background: rgba(199,174,118,0.9);
    background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-3.jpg) top right no-repeat;

}
.parallax .framed {
	padding: 50px 25px 50px 25px;
	
	
	background: #c7ae76a1;
	
	box-shadow: 1px 1px 10px 3px #000; border: 7px double #1c1c1c;
	
	height: auto; 
}
.framed:hover {
	    background: #1c1c1cbf;
    color: #c7ae76a1;
    border: 7px double #c7ae76a1;

	    background: white;
    color: black;;
    border: 7px double #c7ae76a1;

}
.framed h2 {
	font-size: 30px; font-family: 'font4'; width: auto;
	color: black; 
}
.framed h3 {
	font-size: 50px; font-family: 'font4'; width: auto;
	color: black;
	text-align: center;
}
.framed h4 {
	font-size: 40px; font-family: 'font3'; width: auto;
	color: black;
	text-align: center;
}
.framed p {
	 line-height: 20px;
}
.framed li p span{
	font-weight: 700;
	
}
.framed li p{
	font-weight: 700;
	font-size: 0.85rem;
	
}
.framed img {
	max-width: 100%;
}
	
	
.home6 h3 {
    font-size: 35px;
    font-family: 'font4';
    color: #c7ae76;
    text-align: center;
    background: #1C1C1C;
    padding: 20px 0px 15px 0px;
    border: 10px double #c7ae76;
}
	
}


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


.davids-logo {
    position: absolute;
    margin-top: 25px;
    z-index: 2;
    max-width: 80px;
}



.dropdown {
	float: left; position: relative;
}
.dropdown .dropbtn {
	font-size: 1rem; border: none; outline: none; color: black; padding: 14px 16px; background-color: inherit;font-family: inherit; margin: 0;
	font-family: font2; font-weight: 600;
}
.navbar a:hover, .dropdown:hover .dropbtn {
	background-color: white;
}
.dropdown-one {
    cursor: pointer;
    display: none;
    position: absolute;
    background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-2.jpg) top right no-repeat;
    width: 650px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border: 2px solid #000;
    border-top: none;
    margin-left: -180px;
}
.dropdown-two {
	cursor: pointer; display: none; position: absolute; left: 160px; top: 0px; min-width: 160px; background-color: #f9f9f9; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-three {
	cursor: pointer; display: none; position: absolute; left: 160px; top: 48px; min-width: 160px; background-color: #f9f9f9; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown:hover .dropdown-one, #link1:hover > .dropdown-two {
	display: block;
}
.dropdown:hover .dropdown-one, #link2:hover > .dropdown-three {
	display: block;
}
.dropdown-one .dItem {
	color: black; padding: 12px 16px; display: block; text-align: center; font-family: font2;
}
.dropdown-one .dItem:hover, .dropdown-two a:hover {
	background-color: #fff; color: black;
}







.parallax .framed {
    padding: 50px 25px 50px 25px;
    background: #c7ae76a1;
    box-shadow: 1px 1px 10px 3px #000;
    border: 7px double #1c1c1c;
    height: 780px;
}

.footer-section h3 {
    font-size: 25px;
    font-weight: 500;
    font-family: 'font4';
}

.footer-section a {
    font-size: 13px;
    color: #444;
}

.footer-section h5 {
    font-size: 15px;
    color: #444;
}

}

/* === Tablet CSS Section ================= */
@media screen and (max-width: 1250px) {
.navbar-scroll {
    padding:  75px 0 0;
    position: fixed;
    background: rgba(199,174,118,0.9);
    width: 100%;
    z-index: 3;
    -webkit-transition: all .30s ease;
    -moz-transition: all .30s ease;
    -o-transition: all .30s ease;
    transition: all .30s ease;
    box-shadow: 1px 1px 10px 1px #000;
}
.navbar-light .navbar-nav .nav-link {
	margin: 0 12px; padding: 6px 0px; font-weight: 900; font-size: 14px; color: rgb(0,0,0); font-family: 'font2';
}

.service-region iframe {
	width: 100%; height: 50%; box-shadow: 1px 1px 10px 3px #000;
}
.service-region .region {
	background: #c7ae7636;
    padding: 30px 15px 30px 15px;
    box-shadow: 1px 1px 10px 3px #000;
    border: 7px double #000;
}

.about-page-section-1 {
	padding: 50px; background: linear-gradient(to bottom, #1c1c1c, #1c1c1cc9, #10101000, #1c1c1c00, #1c1c1c00), url(/img/t-19.jpg) top no-repeat;
    margin-top: -70px;
}
.about-page-section-1 h1 {
	font-family: 'Font Awesome  Brands';	font-size: 45px; text-align: left; font-weight: 800; color: #000;
}
.about-page-section-1 h1 i {
	text-decoration: none; font-size: 150%; font-style: none;
}
.about-page-section-1 h1 u {
	color: #27532f;
}
.about-page-section-1 h2 {
	color: #fff; text-align: center; font-family: 'Font Awesome  Brands';	font-size: 45px;
}
.about-page-section-1 h3 {
	color: #fff; text-align: center;
}
.about-page-section-1 h4 {
	color: #fff; text-align: center;
}
.about-page-section-1 p {
	color: #fff; text-align: center; font-size: 17px; line-height: 30px;
}
.about-page-section-1 img {
	max-width: 75%; margin-top: -200px;
	background: linear-gradient(to right, #1c1c1cd6, #1c1c1cc7, #1c1c1cd1), url(/img/white-wood-2.jpg) top right no-repeat;
    border-radius: 400px; box-shadow: 1px 1px 10px 3px #000; border-left: 10px double #000; border-right: 20px double #000; border-top: 5px double #000; border-bottom: 5px double #000;
}
.about-page-section-1 img:hover {
	 background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-2.jpg) top right no-repeat; transform: rotateY(180deg);

}
.about-page-section-1 iframe {
	height: 100%;
	width: 100%;;
	
}
.about-page-section-1 hr {
	border-top: 3px solid #80917e; margin-top: -150px; padding: 10px; background: #c7ae76;
}


}
/* === Mobile CSS Section ================= */
@media screen and (max-width: 991px) {
/******************************************** DAVIDS MOBILE CODE START *************************************************/
.home-header-section {
	padding-top: 125px;
}
.navbar-sidebar {
    padding-top: 147px;
    height: 100%;
    width: 200px;
    background-color: rgb(250,250,250);
    position: fixed!important;
    z-index: 3;
    overflow: auto;
}
.bar-block .bar-item {
    width: 100%;
    display: block;
    padding: 16px 16px;
    text-align: left;
    border: none;
    white-space: normal;
    float: none;
    outline: 0;
		color: black;
		font-family:'font4';
		font-size: 0.85rem; 
}
.navbar-sidebar .dropdown-menu-mobile a, .navbar-sidebar .dropdown-menu-mobile-2 a {
    color: black;
    font-weight: 600 !important;
    font-size: 0.7rem;
      padding: 5px;
        color: black;
        font-family: 'font4';
        font-size: 0.85rem;
		
		
}
.nav-link.dropdown-toggle-btn, .nav-link.dropdown-toggle-btn-2{
		color: black;
		font-family:'font4';
}
.video {
	overflow: hidden; position: relative; z-index: 2; display: block; padding-top: 200px;
}
.video .pad {
	padding: 350px 0px 0px 300px; position: absolute; margin-left: 850px; width: 50%; margin-top: -275px;
}
.video .pad h5 {
	font-weight: 500; color: rgb(255,255,255); font-size: 80px; text-shadow: 0px 0px 5px #000; font-family: 'font3'; text-align: left; margin-left: -780px;
}
.video .pad h6 {
	margin-top: 0% !important; color: rgb(255,255,255); text-shadow: 0px 0px 5px #000; font-size: 28px; font-family: 'arial'; text-align: left; margin-left: -756px;
}
.video .pad a {
	font-size: 16px; color: rgb(255,255,255); font-family: 'Arial'; font-weight: 600; border: 1px solid rgb(12,32,63); padding: 15px 30px; border-radius: 1.6rem; background: rgb(12,32,63);
}
.video .pad a:hover {
	color: rgb(255,255,255); border: 1px solid rgb(255,255,255); background: transparent;
}

.dropdown-menu {
	position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: rgb(33, 37, 41); text-align: left; list-style: none; background-color: rgb(87, 86, 87); background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem;
}
.dropdown-item {
	display: block;	width: 100%; padding: .25rem 1.5rem; clear: both;	color: rgb(255,255,255); text-align: inherit;	white-space: nowrap; background: 0 0;	border: 0;
}
.dropdown-item.active, .dropdown-item:active {
	color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(22,22,22) !important;
}


/******************************************** DAVIDS MOBILE CODE END *************************************************/
.mobile-top-header {
	display:block !important;	padding: 0 30px 0; background: rgb(135,170,188); z-index: 4; overflow:visible;
}
.header-contact_info a {
	color: rgb(255,255,255); margin: 0;
}
.top-header a, .top-header i, .top-header p {
	color: rgb(0,0,0);
}
.top-header-animate a, .top-header-animate i, .top-header-animate p {
	color: rgb(0,0,0);
}
.btn {
	background: rgb(249,78,1); width: 50%; padding: 10px 0px; color: #ffffff;	cursor: pointer; outline: none;	border: none;
}
.footer-section {
	padding-top: 30px; text-align: center;
}
.footer-section img {
	max-width: 210px; padding-bottom: 25px;
}
.service-cities h4 {
	font-size: 24px; font-weight: 600; color: rgb(255,255,255);
}
.service-cities a {
	font-size: 18px; line-height: 10px;	color: rgb(255,255,255);
}
.service-cities h5 {
	font-size: 0.67rem;
}
.service-cities .footer-title .midcities {
	text-align: center;
}
.service-cities .footer-title .rightcities {
	text-align: center;
}
.service-content-section {
	padding: 0 !important;
}
.service-content-section p {
	padding: 0;	margin: 0; background: #fff;
}
.service-content-section div[class*='col-'] {
	padding: 30px 30px;
}
.contact-content-section div[class*='col-']:last-child {
	padding-top:40px;
}
.about-info-section div[class*='col-']:first-child {
	border-right:none; border-bottom: 1px solid #b5b5b5;
}
.about-header-section {
	background: linear-gradient(to bottom, rgba(2, 2, 2, 0.76), rgba(4, 4, 4, 0.2)), url(../img/slider/slider-bg-2.jpg) bottom left no-repeat;
}

.our-process-title {
	padding: 300px 0 0 0;
}
.our-process-title h1 {
	font-family: 'font4'; color: #c7ae76; text-shadow: 2px 2px 1px #000; font-size: 3rem; padding-bottom: 40px; text-align: center;
}

.home1 strong {
    font-size: 35px;
    font-weight: 500;
    font-family: 'font4';
}

.parallax {
    min-height: auto;
    padding: 50px 15px 50px 15px;
    background-attachment: fixed;
    background-position: bottom;
    overflow: hidden;
    margin-top: -100px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient(rgb(0 0 0 / 10%), rgb(11 11 11 / 0%)), url(/img/home-parallax-001.jpg);
    background: rgba(199,174,118,0.9);
    background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-3.jpg) top right no-repeat;
}
.parallax .framed {
    padding: 50px 15px 50px 15px;
    background: #c7ae76a1;
    box-shadow: 1px 1px 10px 3px #000;
    border: 7px double #1c1c1c;
    height: auto;
}


.home3 {
    padding: 100px 15px 100px 15px;
    /* background: #1c1c1c; */
    background: white;
    margin-top: -10px;
}


.home3 .img-fluid {
    width:250px; 
}

.home6 h3 {
    font-size: 30px;
    font-family: 'font4';
    color: #c7ae76;
    text-align: center;
    background: #1C1C1C;
    padding: 20px 0px 15px 0px;
    border: 10px double #c7ae76;
}

.our-process-content .img-fluid{
    width:250px; 
}


 

.local-termite-service h1 {
    color: #000;
    font-size: 2.5rem;
    font-weight: 500;
    text-align: center;
    font-family: 'font4';
}





.pre-footer-section .hours {
	padding:50px 20px;
}
.pre-footer-section .hours h1 {
	font-size:34px;
}
.pre-footer-section .hours p {
	padding: 0;
}
.section-divider {
	padding: 40px 10px;
}
.home-service-section {
	padding-bottom: 0 !important;	background-position: bottom right;
}
.bottom-footer div[class*='col-']:nth-child(3) {
	justify-content:center;
}
.lnr-star {
	font-size: 15px !important;	position: relative;	top: -6px;
}
.projects-section .row {
	height: inherit;
}
.projects-section div[class*='col-'] {
	padding: 0;	position: relative;
}
.footer-section p {
    font-size: 15px;
    font-family: 'font2';
    line-height: 23px;
}
.quick-links{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	
}
.quick-links a{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 25px;
	font-weight: 800; 
	
}
.quick-links a h5{

	font-weight: 700; 
        line-height: 20px;
}

.city-list p{
	line-height: 20px; 
}


.locked-footer {
	position: fixed;
	width: 100%;
	bottom: 0px;
	z-index: 3;
	transition: all .30s ease;
	padding: 8px 0 5px 0;
	/*background: rgb(255,255,255);*/
	background: #c7ae76e6;
}
.locked-footer .middle-btn p {
	text-align: center;
}
.locked-footer h2 {
	font-size: 1rem;
	font-weight: 600;
	text-align: center;
	color: black;
	font-family: 'font4';
	padding:0; 
}
.locked-footer a.schedule-btn {
	padding: 10px;
	background: #ffff0082;
	border-radius: 0.3rem;
	font-size: 0.85rem;
	font-weight: 600;
	text-align: center;
	color: black;
	border:2px solid black;
	/*display: inline-flex; */
	display: flow-root; 

}
.locked-footer a.call-btn {
	padding: 10px;
	background: white;
	border-radius: 0.3rem;
	font-size: 0.7rem;
	font-weight: 600;
	text-align: center;
	color: black;
	border:2px solid black; 
	/*display: inline-flex; */
	display: flow-root; 

}

.locked-footer a:hover{
	transform: scale(1.1); 
}
.owl-carousel .owl-stage-outer {
    padding: 7px 0;
}



.service-region iframe {
	width: 100%; height: 400px; box-shadow: 1px 1px 10px 3px #000;
}
.service-region .region {
	background: #c7ae7636;
    padding: 30px 15px 30px 15px;
    box-shadow: 1px 1px 10px 3px #000;
    border: 7px double #000;
}

.parallax10 {
	background: white; margin-top: -75px; 
  min-height: auto;
	padding: 60px;
  background-attachment: fixed;
  background-position: bottom;
	overflow: hidden;
	margin-top: -100px;
  background-repeat: no-repeat;
  background-size: cover;
}

.contact-us {
padding: 175px 0px 75px 0px;
}


.gallery-page-updated {
    padding: 50px 0px;
    text-align: center;
}

.gallery-page-updated .gallery-wrapper {
    margin: 20px 0;
}

.gallery-page-updated .gallery-display {
    overflow: hidden;
    max-width: 900px;
    margin: 0 auto;
    position: relative;
}

.gallery-page-updated .gallery-track {
    display: flex;
    transition: transform 0.5s ease;
}

.gallery-page-updated .gallery-display img {
    width: 100%;
    flex-shrink: 0;
border: 2px solid black;		
}

.gallery-page-updated .gallery-controls {
    display: flex;
    justify-content: space-around;
    margin: 10px auto;
    max-width: 600px;
}

.gallery-page-updated .gallery-controls button {
    padding: 10px 20px;
    background-color: #c7ae76e6;
    color: black;
    border: none;
    border-radius: 5px;
    cursor: pointer;
		font-weight: 700; 
}

.gallery-page-updated .gallery-controls button:hover {
    background-color: #555;
}





.top-header {
	background: white; display:none;
}
.header-contact_info {
	font-size: 1.5em;
}
.navbar-scroll {
	display:none;
}
.header-contact_info .navbar-brand {
	font-size:1.3em;
}
.top-header div[class*='col-']:first-child {
	justify-content:flex-start;
}
.top-header div[class*='col-'] {
  display:flex; justify-content: left; width: 33.333%; padding: 15px 0;
}
.top-header div[class*='col-']:nth-child(3) {
  display:flex; justify-content: flex-end; width: 33.333%; padding: 15px 0;
}
.top-header div[class*='col-']:nth-child(2) {
	background:none; margin:0; display: flex;	justify-content: center; align-items: center;
}
.top-header div[class*='col-']:nth-child(1) a {
	font-size: 1.5em;
}
.top-header div[class*='col-']:nth-child(2) p {
	font-size:inherit; line-height: inherit;
}
.alert h1,
.alert p {
	top: 2em;	opacity: 0;	position:relative;
}
.alert h1 {
	margin-top: 0; color: #2b1663;
}
.custom-show {
	position: fixed; transform:scale(1,1); border: 0; background: white; border-radius:0; z-index: 1100; overflow: inherit; -webkit-transition-property: all; -webkit-transition-duration: .30s; -webkit-transition-timing-function: ease-in-out; transition-property: all; transition-duration: .30s; transition-timing-function: ease-in-out;
}
.mobile-menu {
	text-align: center;	position: fixed; height: 100%; width: 100%;	display: block;	padding-top: 6em;	top: 100%; border: 0;	background: #232323; border-radius: 0; z-index: 1100;	overflow: auto; -webkit-transition-property: all;	-webkit-transition-duration: .30s; -webkit-transition-timing-function: ease-in-out;	transition-property: all;	transition-duration: .30s; transition-timing-function: ease-in-out;
}
.mobile-menu .nav-link {
	font-size: 2em;	color: #c5c5c5 !important;
}
.alert-dismissible .close {
	position: absolute;	top: 0;	right: 0;	background: transparent; border: none; padding: 0.75rem 1.25rem; color: rgb(80,80,80); font-family: 'font2'; outline: none;	z-index: 3;
}
.alert-dismissible .close span {
	font-size: 35px;
}
.lnr {
	display: inline-block; fill: currentColor; width: 1em; height: 1em;	vertical-align: -0.2em;	cursor: pointer;
}
.mobile-menu-custom-show {
	top: 0%;
}
.mobile-menu-top-hero {
	background-size: cover;	padding: 40px 0 0; top:0;	left:0;	width:100%;	text-align: center;
}
.mobile-menu-top-hero h2 {
	padding:0 25px;
}
#mobile-menu-header {
  margin-top:0; background: #ffffff00; box-shadow: none;
}
#mobile-menu-header ul {
	list-style:none; padding:0 20px; margin-top: 8em;	position: relative;	width: inherit;
}
#mobile-menu-header ul li a {
	color:#ffffff; padding: 20px 20px;
}




}

@media screen and (max-width: 690px) {
.top-header {
    background: white;
    display: none;
    height: 85px;
}
.navbar-sidebar {
    padding-top: 124px;
    height: 100%;
    width: 200px;
    background-color: rgb(250,250,250);
    position: fixed!important;
    z-index: 3;
    overflow: auto;
}
.video .pad {
	padding: 250px 0px 0px 50px; position: absolute; margin-left: 850px; width: 50%; margin-top: -275px;
}
.video .pad h5 {
	font-weight: 500; color: rgb(255,255,255); font-size: 60px; text-shadow: 0px 0px 5px #000; font-family: 'font3'; text-align: left; margin-left: -780px;
}
.video .pad h6 {
	margin-top: 0% !important; color: rgb(255,255,255); text-shadow: 0px 0px 5px #000; font-size: 30px; font-family: 'arial'; text-align: left; margin-left: -756px;
}
.video .pad a {
	font-size: 16px; color: rgb(255,255,255); font-family: 'Arial'; font-weight: 600; border: 1px solid rgb(12,32,63); padding: 15px 30px; border-radius: 1.6rem; background: rgb(12,32,63);
}
.video .pad a:hover {
	color: rgb(255,255,255); border: 1px solid rgb(255,255,255); background: transparent;
}

img.flexer {
	margin-top: -10px; position: relative; z-index: 2;
}

.home1 strong {
    font-size: 25px;
    font-weight: 500;
    font-family: 'font4';
}

.home5 {
	padding: 150px 50px 250px 50px; background-image: linear-gradient(#1e1e1e, #1c1c1c00), url(/img/t-16.jpg); margin-top: -100px; text-shadow: 1px 1px 1px #000;
}
.home5 h2 {
	color: #c7ae76;  font-family: 'font4'; font-size: 75px;
}
.home5 h3 {
	font-size: 27px; color: #c7ae76; font-family: 'font5'; font-weight: 400; letter-spacing: 1px; line-height: 40px;
}
.home5 p {
	color: #fff; line-height: 30px; text-align: center;
}
.home5 h3 img {
	max-width: 10%;
}
.home5 img {
	max-width: 125%; margin-left: -25px;
}
.home5 .bullet img {
margin-left: 25px;
    margin-top: 2px;
    max-width: 85%;
}
.home5 hr {
	border-top: 1px solid #c7ae76; width: 75%; padding: 3px 0px 3px 0px;
}
.home5 h5 {
	text-align: center;
    font-family: 'font4';
    font-size: 25px;
    color: #1c1c1c; text-shadow: none;
}
.home5 mark {
	background: #c7ae768c;
	border: 5px double #1c1c1c;
    padding: 10px; margin-left: -155px;
}
.about1 {
    padding: 70px 15px 75px 15px;
    background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-4.jpg) top right no-repeat;
    margin-top: -0;
		background-size: cover; 
}
.about1 h1 {
    font-family: 'font4';
    font-size: 25px;
    text-align: center;
    font-weight: 500;
    color: #000;
}

.about1 h1 span {
    color: rgb(83,82,82);
    font-family: 'font2';
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
}
.about-page-section-1 {
	padding: 50px 5px;; background: linear-gradient(to bottom, #1c1c1c, #1c1c1cc9, #10101000, #1c1c1c00, #1c1c1c00), url(/img/t-19.jpg) top no-repeat;
    margin-top: -0;
}
.about-page-section-1 h1 {
	font-family: 'Font Awesome  Brands';	font-size: 45px; text-align: left; font-weight: 800; color: #000;
}
.about-page-section-1 h1 i {
	text-decoration: none; font-size: 150%; font-style: none;
}
.about-page-section-1 h1 u {
	color: #27532f;
}
.about-page-section-1 h2 {
	color: #fff; text-align: center; font-family: 'Font Awesome  Brands';	font-size: 45px;
}
.about-page-section-1 h3 {
	color: #fff; text-align: center;
}
.about-page-section-1 h4 {
	color: #fff; text-align: center;
}
.about-page-section-1 p {
	color: #fff; text-align: center; font-size: 17px; line-height: 30px;
}
.about-page-section-1 img {
	max-width: 75%; margin-top: -200px;
	background: linear-gradient(to right, #1c1c1cd6, #1c1c1cc7, #1c1c1cd1), url(/img/white-wood-2.jpg) top right no-repeat;
    border-radius: 400px; box-shadow: 1px 1px 10px 3px #000; border-left: 10px double #000; border-right: 20px double #000; border-top: 5px double #000; border-bottom: 5px double #000;
}
.about-page-section-1 img:hover {
	 background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-2.jpg) top right no-repeat; transform: rotateY(180deg);

}
.about-page-section-1 iframe {
	height: 150%;
	width: 100%;;
	
}
.about-page-section-1 hr {
	border-top: 3px solid #80917e; margin-top: -150px; padding: 10px; background: #c7ae76;
}

.service-areas {
    padding: 150px 10px 100px 10px;
    background: #1c1c1c;
    background: linear-gradient(to right, #c7ae76e8, #c7ae76d1, #c7ae76), url(/img/white-wood-3.jpg) top right no-repeat;
}
.service-areas h1 {
    font-size: 35px;
    text-align: center;
    color: black;
}
.parallax10 {
	/*background: linear-gradient(to bottom, #1c1c1c, #1c1c1cc9, #10101000, #1c1c1c00, #1c1c1c00), url(/img/t-19.jpg) top no-repeat;*/
	background: white;
	
	
	margin-top: -75px; 
  min-height: auto;
	padding: 50px 5px;;
  background-attachment: fixed;
  background-position: bottom;
	overflow: hidden;
	margin-top: -100px;
  background-repeat: no-repeat;
  background-size: cover;
}

.service-region iframe {
	width: 100%; height: 100%; box-shadow: 1px 1px 10px 3px #000;
}
.service-region .region {
	background: #c7ae7636;
    padding: 30px 15px 30px 15px;
    box-shadow: 1px 1px 10px 3px #000;
    border: 7px double #000;
}

.contact-us {
padding: 155px 0px 75px 0px;
}
.footer-section {
	padding-top: 5px; text-align: center;
}
.footer-section img {
	max-width: 210px; padding-bottom: 25px;
	display: none; 
}
.footer-section h3 {
    font-size: 25px;
    font-weight: 500;
    font-family: 'font4';
}

.quick-links a h5 {
    font-weight: 700;
    font-size: 0.75rem;
}
.service-cities h4 {
	font-size: 20px; font-weight: 600; color: rgb(255,255,255);
}

.service-cities a {
	font-size: 13px; line-height: 10px;	color: rgb(255,255,255);
}
.service-cities h5 {
	font-size: 0.67rem;
}
.service-cities .footer-title .midcities {
	text-align: center;
}
.service-cities .footer-title .rightcities {
	text-align: center;
}
.service-content-section {
	padding: 0 !important;
}
.service-content-section p {
	padding: 0;	margin: 0; background: #fff;
}
.service-content-section div[class*='col-'] {
	padding: 30px 30px;
}

}

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