@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@100..900&family=Reddit+Sans:ital,wght@0,200..900;1,200..900&display=swap');

body {font-family: 'Reddit Sans', sans-serif; background-color:#fff; color: #000; margin:0; font-size: 1em; font-weight: 500; overflow-x: hidden; position: relative;}

dl, ol, ul {margin:0!important;}
li {margin:10px 0; line-height: 1.25em;}

p {font-family: 'Reddit Sans', sans-serif; font-size: 1em; font-weight: 500; line-height: 1.65em; letter-spacing: 0;}

.list {margin-bottom:-10px;}

.max-container {width:856px;}

#content {scroll-margin-top: 150px!important;}

/*SKIP TO CONTENT*/
.skip-to-content-link {
    left: 0px;
    position: absolute;
    transform: translateY(-100%);
    background: #FFF;
    height: 40px;
    padding: 10px;
    transition: transform 0.3s;
	margin-top: 0px;
    z-index: 1;
	width: 100%;
	text-align: center;
}
.skip-to-content-link:hover {
	color:#000;
}
/*.skip-to-content-link:focus {
    transform: translateY(0%);
}*/
.skip-to-content-link:focus {
    transform: translateY(0%);
	width:100%;
	background-color:#FFF;
	z-index:99999999999;
	/*line-height:50px;*/
	font-weight:bold;
	color:#647029!important;
	border:none;
	text-align: center!important;
}
.skip-to-content-link:focus-visible {
	color:#647029!important;
}
/* END SKIP TO CONTENT*/

/*BACK TO TOP*/
#button {
  display: inline-block;
  background-color: #373918;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 0;
  border:2px solid #fff;
  position: fixed;
  bottom: 30px;
  right: 0;
  transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #4F2E17;
}
#button:active {
  background-color: #4F2E17;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
/*END BACK TO TOP*/

a {text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {color:#000!important; text-decoration: none; outline: -webkit-focus-ring-color auto 1px;}
a:focus-visible {color:#4F2E17!important; text-decoration: none; outline: -webkit-focus-ring-color auto 5px;}

.green {color:#98AA3C;}
.hunter {color:#373918;}
.brown {color:#4F2E17;}
.beige {color:#C9965E;}
.white {color:#FFF;}
.black {color:#000;}

.small {font-size: 90%!important;}
.smaller {font-size: 85%!important;}
.smallest {font-size: 75%!important;}
.large {font-size: 110%!important;}
.larger {font-size: 125%!important;}
.largest {font-size: 150%!important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.largest:hover {text-decoration: underline;}

.bar-green {width:80px; border-top:15px solid #98AA3C; border-radius: 20px;}
.bar-hunter {width:80px; border-top:15px solid #373918; border-radius: 20px;}
.bar-brown {width:80px; border-top:15px solid #4F2E17; border-radius: 20px;}
.bar-beige {width:80px; border-top:15px solid #C9965E; border-radius: 20px;}
.bar-white {width:80px; border-top:15px solid #FFF; border-radius: 20px;}
.bar-black {width:80px; border-top:15px solid #000; border-radius: 20px;}

.divider {border-top:1px solid #C9965E;}
.divider-green {border:3px solid #98AA3C; border-radius: 10px;}

.bg-brown {background:#4F2E17;position: relative; z-index: -9; height: 79%;}
.offset {position: absolute; z-index: 10; margin:-25px 0 0 -25px;}

.border-rounded {border-radius: 50px;}
.border-black {border:4px solid #000;}
.border-green {border:2px solid #98AA3C;}
.border-btm-green {border-bottom:8px solid #98AA3C;}
.pic-shadow {-webkit-box-shadow: 0 10px 10px -5px #C9965E; -moz-box-shadow: 0 10px 10px -5px #C9965E; box-shadow: 0 10px 10px -5px #C9965E;}

h1 {
	font-family: "Commissioner", sans-serif;
	font-size: 44px;
	font-weight: 900;
	text-transform: uppercase;
	color:#373918;
	letter-spacing: -.5px;
}

h2 {
	font-family: "Commissioner", sans-serif;
	font-size: 38px;
	font-weight: 800;
	color:#4F2E17;
}

h3 {
	font-family: "Commissioner", sans-serif;
	font-size: 32px;
	font-weight: 700;
	color:#4F2E17;
}

h4 {
	font-family: 'Reddit Sans', sans-serif;
	font-size: 21px;
	font-weight: 800;
	color:#4F2E17;
	letter-spacing: -.5px;
	text-transform: uppercase;
}

.header {
  background: #FFFFFF;
  background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 25%, rgba(251, 239, 225, 1) 100%);
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, 1) 25%, rgba(251, 239, 225, 1) 100%);
  background: linear-gradient(to top, rgba(255, 255, 255, 1) 25%, rgba(251, 239, 225, 1) 100%);
  z-index:0;
  -webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.15); 
  box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.15);
  height: 110px;
  padding:0 50px 0 0;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background: #FFFFFF;
  background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 25%, rgba(251, 239, 225, 1) 100%);
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, 1) 25%, rgba(251, 239, 225, 1) 100%);
  background: linear-gradient(to top, rgba(255, 255, 255, 1) 25%, rgba(251, 239, 225, 1) 100%);
  z-index: 10;
}

.sticky + .content {
  padding-top: 102px;
}

.bg-top {background:#373918; color:#fff; font-family: 'Commissioner', sans-serif; font-size: 18px; font-weight: 500!important; padding-right: 75px!important;}
.bg-top a {color: #fff; text-decoration: none;  font-weight: 500; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-top a:hover {color: #98AA3C; text-decoration: underline;}
.bg-top a:focus {border:2px solid #FFF; color:#FFF!important;}
.bg-top a:focus-visible {border:2px solid #98AA3C; color:#FFF!important;}
.bg-top ul {padding:0; margin:0; text-align:right;}
.bg-top ul li {list-style-type:none; display:inline;}
.bg-top ul li:before {content:'';}
.bg-top ul li:after {content:''; margin:0 25px;}
.bg-top ul li:last-child:after {content:'';}

.phone-top {font-size:32px!important; font-weight: 800!important;}
.phone-top a {color: #fff; font-weight: 800!important; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.phone-top a:hover {color: #98AA3C; font-weight: 800!important; text-decoration: underline;}
.phone-top a:focus {border:2px solid #FFF; color:#98AA3C;}
.phone-top a:focus-visible {border:2px solid #FFF; color:#98AA3C;}

.social-top {font-size:32px!important;}
.social-top a {color: #98AA3C; padding:0 4px; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.social-top a:hover {color: #fff; font-size: 32px!important; text-decoration: none;}
.social-top a:focus {border:2px solid #FFF; color:#98AA3C;}
.social-top a:focus-visible {border:2px solid #FFF; color:#98AA3C;}

.offcanvas {border-top: none!important; padding:0!important;}
.offcanvas-header {padding:0!important;}
.offcanvas-header img {height:150px!important; margin:100px 0 0 35px;}
.offcanvas-header .btn-close {padding: 0.5rem 0.5rem; margin-top: -0.5rem; margin-right: 0.5rem; margin-bottom: -0.5rem;}

.navbar-light .navbar-nav .nav-link {
  font-family: "Commissioner", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: #4F2E17;
  letter-spacing: -.25px;
  padding:10px 1.4rem!important;
  margin:15px 0 0 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 5px solid transparent;
}

.navbar-light .navbar-nav .nav-link:hover {color:#373918!important; border-bottom: 5px solid #879735;}
.nav-link:focus {outline: none!important;}
.nav-link:focus-visible {outline: 0; box-shadow: 0 0 0 .25rem rgba(55,57,24,.75);}
.navbar-light .navbar-nav .nav-link a:focus {box-shadow:2px solid #879735!important; color:#4F2E17;}
.navbar-light .navbar-nav .nav-link a:focus-visible {box-shadow:2px solid #879735!important; color:#4F2E17;}

.navbar-toggler {border-color:#000!important; background-color:transparent!important; border:0!important; color:(0,0,0,1.0)!important;}
.navbar-light .navbar-toggler {outline: none;}

.navbar-brand {/*height:100%; */z-index: 10; position: relative; top:0; margin:-125px 0 0 50px;}
.navbar-brand img {
	height:175px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	/*top:fixed;
	margin: -6.5rem 0 0 50px!important;*/
}
.navbar-brand.js-scrolling img {
	height: 130px;
	margin-top:125px!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.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:#98AA3C!important;}
.nav-link:focus-visible {outline: none!important;}

.carousel-control-next, .carousel-control-prev {opacity: 1;}
.carousel-control-next-icon, .carousel-control-prev-icon {background-color: rgba(0,0,0,0.65); padding: 1rem 0; border:1px solid #FFF;}

button.carousel-control-prev:hover, button.carousel-control-next:hover {
 .carousel-control-prev-icon, .carousel-control-next-icon {
        border: solid white 2px;
        outline-color: #98AA3C;
        outline-style: solid;
        outline-width: 2px;
        background-color: #98AA3C;
        transform:	scale(1.25);
    }
}
button.carousel-control-prev:focus, button.carousel-control-next:focus {
 .carousel-control-prev-icon, .carousel-control-next-icon {
        border: solid white 2px;
        outline-color: #98AA3C;
        outline-style: solid;
        outline-width: 2px;
        background-color: #98AA3C;
        transform:	scale(1.25);
    }
}

.content-index {min-height: 350px; font-weight: 500; letter-spacing: -.5px;}
.content {min-height: 750px; font-weight: 500; letter-spacing: -.5px;}
.content a {color:#647029!important; font-weight: 600; text-decoration: none; text-transform: none!important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.content a:hover {color:#373918!important; text-decoration: none; font-weight: 800;}
.content a:focus {border:2px solid #4F2E17; color:#000;}
.content a:focus-visible {border:2px solid #4F2E17; color:#000; outline-offset: 4px; outline-color: #4F2E17; display: inline-block;}
.btn-content {
	background-color:#373918;
	font-family: 'Commissioner', serif;
	font-size:18px;
	font-weight: 600;
	text-align: center;
	text-shadow: none!important;
	letter-spacing: .5px;
	color:#FFF!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:2px solid #373918;
	border-radius: 50px;
	padding:30px!important;
}
.btn-content:hover {
	background:#4F2E17;
	color:#FFF!important;
	cursor: pointer;
	border:2px solid #4F2E17;
	text-decoration: underline;
}
.btn-content:focus {border:2px solid #98AA3C;}
.btn-content:focus-visible {border:2px solid #98AA3C;}

.index-text {font-size: 20px; font-weight: 400; line-height: 1.8em;}

.bg-tagline {background-image: url("graphics/bg-tagline.jpg");}
.h2-tagline {font-size: 38px; color:#FFF!important; font-weight: 800; text-transform: none!important;}
.btn-tagline {
	background-color:#4F2E17;
	font-family: 'Commissioner', sans-serif;
	font-size:24px;
	font-weight: 500;
	text-align: center;
	text-shadow: none!important;
	color:#FFF!important;
	letter-spacing: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:4px solid #98AA3C;
	position: relative;
	border-radius: 60px;
	padding:30px!important;
}
.btn-tagline:hover {
	background:transparent;
	color:#FFF!important;
	cursor: pointer;
	border:4px solid #98AA3C;
	text-decoration: underline;
}
.btn-tagline:focus {border:2px solid #fff;}
.btn-tagline:focus-visible {border:2px solid #fff;}

.footer {font-family: "Reddit Sans", sans-serif; font-size: 18px; font-weight:600; color:#000;}
.footer a {color: #000; font-weight: 600; text-decoration: underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer a:hover {color: #8a5328; font-weight: 800; text-decoration: underline;}
.footer a:focus {border:2px solid #4F2E17; color:#8a5328;}
.footer a:focus-visible {border:2px solid #4F2E17; color:#8a5328;}
.footer ul {padding:0; margin:0; text-align:center;}
.footer ul li {list-style-type:none; display:inline;}
.footer ul li:before {content:'';}
.footer ul li:after {content:''; margin:0 0 0 150px;}
.footer ul li:last-child:after {content:''; margin-left: 0;}

.footer-social {color:#373918;}
.footer-social a {font-size: 36px!important; color: #373918; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-social a:hover {font-size: 36px!important; color: #8a5328; text-decoration: none;}
.footer-social a:focus {border:2px solid #98AA3C; color:#8a5328;}
.footer-social a:focus-visible {border:2px solid #98AA3C; color:#8a5328;}

.shrink-on-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.shrink-on-hover:hover,
.shrink-on-hover:focus,
.shrink-on-hover:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.bg-anchor {background:#4F2E17; color:#fff; font-family: 'Reddit Sans', sans-serif; font-size: 14px; font-weight: 400; border-bottom: 5px solid #98AA3C;}
.bg-anchor a {color:#fff; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-anchor a:hover {color:#98AA3C; text-decoration:underline;}

.anchor-L a {color:#fff; text-decoration:underline; font-weight:400; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.anchor-L a:hover {color:#98AA3C; text-decoration:underline; font-weight: 600;}
.anchor-L a:focus {border:2px solid #98AA3C; color:#4F2E17;}
.anchor-L a:focus-visible {border:2px solid #98AA3C; color:#4F2E17;}
.anchor-L ul {padding:0; margin:0; text-align:center!important;}
.anchor-L ul li {list-style-type:none; display:inline;}
.anchor-L ul li:before {content:'';}
.anchor-L ul li:after {content:'|'; color:#000; font-weight: 900; margin:0 10px;}
.anchor-L ul li:last-child:after {content:'';}

.anchor-R a {color:#fff; text-decoration:underline; font-weight: 400; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.anchor-R a:hover {color:#98AA3C; text-decoration:underline; font-weight: 600;}
.anchor-R a:focus {border:2px solid #98AA3C; color:#fff;}
.anchor-R a:focus-visible {border:2px solid #98AA3C; color:#fff;}
.anchor-R ul {padding:0; margin:0; text-align:right!important;}
.anchor-R ul li {list-style-type:none; display:inline;}
.anchor-R ul li:before {content:'';}
.anchor-R ul li:after {content:'|'; color:#98AA3C; font-weight: 900; margin:0 10px;}
.anchor-R ul li:last-child:after {content:'';}

.bg-wood {background-image: url("graphics/bg-wood.webp"); background-attachment: fixed; background-size: cover;}

.bg-callout {background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='60' height='60' patternTransform='scale(2) rotate(30)'><rect x='0' y='0' width='100%' height='100%' fill='%23373918ff'/><path d='M15 30v30m-7.5 0V30h15v30m7.5 0H0V30h30M45 0v30m7.5-30v30m-15 0V0M30 0h30v30M30 45h30m-30-7.5h30m0 15H30M30 30h30v30H30zM0 15h30M0 7.5h30m0 15H0M0 0h30v30H0z'  stroke-width='1' stroke='%233e411aff' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");}
.callout-text {font-size: 18px; font-weight: 700; color:#fff; line-height: 1.65em;}
.btn-callout {
	background-color:#4F2E17;
	font-family: "Reddit Sans", serif;
	font-size:17px;
	font-weight: 600;
	text-align: center;
	text-shadow: none!important;
	letter-spacing: .25px;
	color:#fff!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:2px solid #98AA3C;
	padding:25px!important;
	border-radius: 50px;
}
.btn-callout:hover {
	background:transparent;
	color:#FFF!important;
	cursor: pointer;
	border:2px solid #98AA3C;
	text-decoration: underline;
}
.btn-callout:focus {border:2px solid #000;}
.btn-callout:focus-visible {border:2px solid #000;}

.icon {font-size: 52px; color:#C9965E;}

.bg-about {background: #FBEFE1; background: linear-gradient(0deg, rgba(251, 239, 225, 1) 0%, rgba(255, 255, 255, 1) 60%);}
.about-text {font-size: 18px; font-weight: 600; line-height: 1.8em;}

.card {background:#fff!important; border-radius: 20px!important; min-height: 500px!important;}
.card-icon {font-size: 60px; color:#98AA3C;}
.card-bar {width:80px; border:4px solid #C9965E; border-radius: 20px!important;}

.sidebar {border:5px solid #C9965E; font-size: 110%;}
.sidebar-phone {font-size: 45px;}
.sidebar-phone a {color: #4F2E17; font-weight: 900; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.sidebar-phone a:hover {color: #373918; font-weight: 900; text-decoration: underline;}
.sidebar-phone a:focus {border:2px solid #4F2E17; color:#373918;}
.sidebar-phone a:focus-visible {border:2px solid #4F2E17; color:#373918;}

.box {background:#FBEFE1!important; border-radius: 10px; padding:7.5%;/* border:2px solid #98AA3C;*/ box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);}

.feature {background:#fff; border-radius: 20px; padding:5%; min-height: 315px;}

.btn-phone {
	background-color:#4F2E17;
	font-family: 'Commissioner', sans-serif;
	font-size:32px;
	font-weight: 700;
	text-align: center;
	text-shadow: none!important;
	color:#FFF!important;
	letter-spacing: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:4px solid #98AA3C;
	position: relative;
	border-radius: 60px;
	padding:30px!important;
}
.btn-phone:hover {
	background:transparent;
	color:#FFF!important;
	cursor: pointer;
	border:4px solid #98AA3C;
	text-decoration: underline;
}
.btn-phone:focus {border:2px solid #fff;}
.btn-phone:focus-visible {border:2px solid #fff;}

.ratio {
	overflow: hidden; /* Ensures the image doesn't overflow the container */
	position: relative;
	padding-bottom:100%; /* Creates a square container */
	  margin-bottom: -50px;
  }
  
  .ratio img {
	object-fit: cover; /* Fills the container, preserving aspect ratio */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80%;
	margin-bottom: -50px!important;
  }

/*FORM*/
#form {
        width:100%;
        float:left;
		font-family: 'Reddit Sans', sans-serif;
}


form{
        width: 100%;
        }

legend {font-size: 16px; font-weight: 500; color:#000;}

fieldset{
        border: 0;
		margin-top: 15px;
        clear: left;
		
        }
        
textarea, input, select{
        border-top:0;
		border-right:0;
		border-left:0;
		border:1px solid #000;
		padding:2.5%;
        width: 100%;
		font-size: 16px;
		margin-top: 5px;
        }

label{
        font-weight: 600!important;
		font-size: 100%;
		display: block;
		
        }       
        
textarea:focus, input:focus, select:focus{
        border: 3px solid #373918;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        outline: none;
}

.form-control:focus {border: 3px solid #373918; box-shadow:none!important;}
.form-check-input:checked {background-color:#373918!important; border-color:#373918!important;}
.submit {
	padding:5%!important;
	background:#373918; 	
	color:#fff!important;
	font-family: 'Commissioner', sans-serif;
	font-size:36px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing: -.5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:3px solid #373918;
	border-radius: 15px;
	margin-top: -15px;
}
.submit:hover {
	background-color:#4F2E17;
	color:#FBEFE1!important;
	cursor:pointer;
	border:3px solid #4F2E17;
}
.submit:focus {border:2px solid #fff; outline-color: #98AA3C; outline-style: solid; outline-width: 4px; padding:4px;}
.submit:focus-visible {border:2px solid #fff; outline-color: #98AA3C; outline-style: solid; outline-width: 4px; padding:4px;}

input {padding:15px!important; margin-top: 5px;}
input[type="checkbox"] {height: 1.5rem; width:24px; border:1px solid #222;}
.checkbox {height: 2.25rem;}
.checkbox:hover, .checkbox:focus, .checkbox:focus-visible {
		border: 3px solid #98AA3C!important;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        outline: none;
}
.form-control[type="checkox"]:focus {border:3px solid #98AA3C!important;}
.form-control[type="checkox"]:focus-visible {border:3px solid #98AA3C!important;}
input {padding:15px!important; margin-top: 5px;}
/*END FORM*/

@media (max-width: 1870px) {
.card {min-height: 525px!important;}
}

@media (max-width: 1670px) {
.card {min-height: 575px!important;}
}

@media (max-width: 1435px) {
.card {min-height: 600px!important;}
}

@media (max-width: 1399px) {
.offcanvas {background: #FFFFFF; background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 25%, rgba(251, 239, 225, 1) 100%); background: -o-linear-gradient(bottom, rgba(255, 255, 255, 1) 25%, rgba(251, 239, 225, 1) 100%); background: linear-gradient(to top, rgba(255, 255, 255, 1) 25%, rgba(251, 239, 225, 1) 100%);}
.navbar-light .navbar-nav .nav-link {margin:0!important;}
.navbar-brand {margin-top:-185px!important;}
.navbar-brand.js-scrolling img {margin-top:120px!important;}
.navbar-toggler{margin-bottom: 50px;}
.offcanvas-header img {height: 150px!important; margin:165px 0 0 -15px!important;}
.footer ul li:after {content:''; margin:0 0 0 100px;}
.bg-brown {background:#4F2E17;position: relative; z-index: -9; height: 68%;}
.bg-callout {background-size: cover; background-position: bottom;}
.callout {min-height: 360px;}
}

@media (max-width: 1350px) {
.card {min-height: 690px!important;}
}

@media (max-width: 1199px) {
.navbar-brand {margin:-115px -50px 0 0;}
.navbar-brand img {height:125px; margin-top: -50px;}
.navbar-brand.js-scrolling img {height: 100px; margin-top:95px!important;}
.offcanvas-header img {height: 150px!important; margin:165px 0 0 25px!important;}
.navbar-toggler {margin:0 -75px 50px 0;}
.bg-top {padding-right: 0px!important;}
.bg-top li {margin:10px -20px 0 0;}
.footer ul li:after {content:''; margin:0 0 0 75px;}
.bg-brown {background:#4F2E17;position: relative; z-index: -9; height: 46%;}
.callout {min-height: 390px;}
.bg-brown2 {background:#4F2E17; height: 102%;}
.card {min-height: 500px!important;}
.sidebar-phone {font-size: 38px;}
}

@media (max-width: 991px) {
.navbar-brand {margin:-350px 0 0 -5px;}
.navbar-brand img {height:200px; margin-top: -265px;}
.navbar-brand.js-scrolling img {height: 100px; margin-top:100px!important;}
.offcanvas-header img {height: 125px!important; margin:165px 0 0 45px!important;}
.bg-top li {margin:0 50px 0 0; padding: 12px 0;}
.bg-top ul li {display:block;}
.bg-top ul li:after {margin:0;}
.navbar-light .navbar-nav .nav-link {margin:-10px 5px!important;}
.footer {font-size: 18px;}
.footer li {padding:12px 0;}
.footer ul li {display:block;}
.footer ul li:after {margin:0;}
.bg-brown {position: relative; height: 105%;}
.callout {min-height: 475px;}
.bg-brown2 {background:#4F2E17; height: 106%;}
.anchor-L ul {text-align:center!important;}
.anchor-L ul li {display:block;}
.anchor-L ul li:after {content:''; margin:0;}
.anchor-R ul {text-align:center!important;}
.anchor-R ul li {display:block;}
.anchor-R ul li:after {content:''; margin:0;}
.card {min-height: 550px!important;}
.sidebar-phone {font-size: 45px;}
.feature {min-height: 0;}
}

@media (max-width: 767px) {
.navbar-brand img {height:125px; margin-top: -325px;}
.callout {min-height: 0;}
.edge {margin-top: -10px;}
.card {min-height: 0!important;}
.feature {padding:7.5%;}
}

@media (max-width: 575px) {
/*/*.navbar-brand img {height: 135px; margin: -525px 35% 50px 65%; text-align: center;}
.bg-top ul {text-align: center; padding-top: 125px;}*/*/
.navbar-brand {margin:-450px 0 0 -5px;}
.navbar-brand img {height:115px; margin-top: -335px;}
.navbar-brand.js-scrolling img {height: 100px; margin-top:100px!important;}
.offcanvas-header {padding: 15px 0 0 0!important;}
.offcanvas-header img {height: 125px!important; margin:150px 0 0 45px!important;}
.bg-tagline {background-attachment: fixed; background-size: cover;}
.offset {margin:-40px 0 10px -15px;}
.bg-brown {position: relative; height: auto; margin-top:25px;}
.offset2 {margin:-20px 20px 0 -20px;}
}

@media (max-width: 480px) {
.navbar-brand img {height:90px; margin:-345px 0 0 -25px!important;}
.navbar-brand.js-scrolling img {height: 75px; margin-top:75px!important;}
.phone-top {font-size: 24px!important}
.offcanvas-header img {height: 125px!important; margin:150px 0 0 45px!important;}
.sidebar-phone {font-size: 38px;}
}

@media (max-width: 375px) {
h1 {font-size: 38px;}
h2 {font-size: 32px;}
.navbar-brand img {margin:-400px 0 0 -25px!important;}
.offcanvas-header img {height: 125px!important; margin:150px 0 0 45px!important;}
.bg-top li {padding:16px 0;}
.icon {font-size: 32px;}
.sidebar-phone {font-size: 32px;}
.feature {padding:10%;}
.btn-phone {font-size: 26px;}
}