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

@import url('https://fonts.googleapis.com/css?family=Muli:200,300,400,600,700,800,900|Roboto+Slab:100,300,400,700');

body {background:#fff; margin:0; font-family:'Muli', sans-serif; font-size:.95em; font-weight:600; color:#111; }

a {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;}
a:hover {text-decoration: none;}

h1 {
	font-family: 'Roboto Slab', serif;
	font-size: 2em;
	font-weight: 700;
	color:#39602e;
	letter-spacing: -1px;
	margin:0 0 10px 0;
}

h2 {
	font-family: 'Roboto Slab', serif;
	font-size: 1.5em;
	font-weight: 700;
	color:#5a4026;
	letter-spacing: -1px;
	margin:10px 0;
}

h3 {
	font-family: 'Roboto Slab', serif;
	font-size: 2.5em;
	font-weight: 700;
	color:#c7ab8e;
	letter-spacing: -.5px;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

h4 {
	font-family: 'Roboto Slab', serif;
	font-size: 1.5em;
	font-weight: 700;
	color:#c7ab8e;
	letter-spacing: -.5px;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

h5 {
	font-family: 'Roboto Slab', serif;
	font-size: 1.2em;
	font-weight: 700;
	color:#c7ab8e;
	letter-spacing: -.5px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #5a4026;
}

.content-border {border-top:1px solid #d8cabb;}

.divider-green {width:200px; background:#39602e;}
.divider-brown {width:200px; background:#5a4026;}
.divider-tan {width:200px; background:#c7ab8e;}

.bg-dark {background-color: #39602e!important; border-top:4px solid #5a4026; font-family:'Muli', serif; font-weight: 700;}

.navbar-dark .navbar-nav .nav-link {
    font-size: .95em;
	font-weight: 400;
	color:#fff; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;	
	letter-spacing: -.5px;
	text-transform: uppercase;
}
.navbar-dark .navbar-nav .nav-link:hover {
	color:#c7ab8e;
}

.navbar-light .navbar-toggler {color:#fff!important; border-color: #39602e!important;}
.navbar-toggler {color:#c7ab8e!important; background-color: #39602e!important; border: 2px solid #39602e!important; border-radius: 0!important;}

.header {margin:70px auto 0 auto;}
.header-tagline {font-family:'Muli', sans-serif; color:#c7ab8e; font-size:140%; font-weight: 900; font-style: italic; text-transform: uppercase; letter-spacing:-.5px;}
.btn-header {
	background-color:#5a4026; 
	font-family: 'Roboto Slab', serif;
	font-size: 110%;
	font-weight: 400;
	letter-spacing: -.5px;
	text-transform: uppercase;
	color:#c7ab8e!important;
	border:2px solid #5a4026;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-header:hover {
	background:transparent; 	
	color:#5a4026!important;
	cursor: pointer;
	border:2px solid #c7ab8e;
}
.phone {font-size: 3.25em; font-weight: 900; letter-spacing: -.5px;}
.phone a {color:#39602e; 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 a:hover {color:#5a4026; text-decoration:none;}

.callout-container {width:100%;}

.callout-green {background:#39602e; color:#fff; font-size: .9em;}
.callout-green img {width:60%; height:auto; border:5px solid #c7ab8e; border-radius:50%; clear:both; overflow:hidden; margin:10px 20% 20px 20%;}
.callout-brown {background:#5a4026; color:#fff; font-size: .9em;}
.callout-brown img {width:60%; height:auto; border:5px solid #c7ab8e; border-radius:50%; clear:both; overflow:hidden; margin:10px 20% 20px 20%;}
.callout-green2 {background:#39602e; color:#fff; font-size: .9em;}
.callout-green2 img {width:60%; height:auto; border:5px solid #c7ab8e; border-radius:50%; clear:both; overflow:hidden; margin:10px 20% 20px 20%;}
.callout-brown2 {background:#5a4026; color:#fff; font-size: .9em;}
.callout-brown2 img {width:60%; height:auto; border:5px solid #c7ab8e; border-radius:50%; clear:both; overflow:hidden; margin:10px 20% 20px 20%;}

.callout-green-more {
	width:54%;
	float:none;
	padding:3%;
	margin:30px auto 0 auto;
	background-color:#5a4026;
	color:#c7ab8e;
	font-family:'Roboto Slab', serif;
	font-size:.9em;
	font-weight: 300;
	text-align:center;
	text-transform:uppercase;
	border:2px solid #5a4026;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.callout-green-more:hover {
	background-color: #39602e;
	color:#fff;
	cursor:pointer;
	border:2px solid #5a4026;
}

.callout-green-more2 {
	width:54%;
	float:none;
	padding:3%;
	margin:30px auto 0 auto;
	background-color:#5a4026;
	color:#c7ab8e;
	font-family:'Roboto Slab', serif;
	font-size:.9em;
	font-weight: 300;
	text-align:center;
	text-transform:uppercase;
	border:2px solid #5a4026;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.callout-green-more2:hover {
	background-color: #39602e;
	color:#fff;
	cursor:pointer;
	border:2px solid #5a4026;
}

.callout-brown-more {
	width:54%;
	float:none;
	padding:3%;
	margin:30px auto 0 auto;
	background-color:#39602e;
	color:#c7ab8e;
	font-family:'Roboto Slab', serif;
	font-size:.9em;
	font-weight: 300;
	text-align:center;
	text-transform:uppercase;
	border:2px solid #39602e;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.callout-brown-more:hover {
	background-color: #5a4026;
	color:#fff;
	cursor:pointer;
	border:2px solid #39602e;
}

.callout-brown-more2 {
	width:54%;
	float:none;
	padding:3%;
	margin:30px auto 0 auto;
	background-color:#39602e;
	color:#c7ab8e;
	font-family:'Roboto Slab', serif;
	font-size:.9em;
	font-weight: 300;
	text-align:center;
	text-transform:uppercase;
	border:2px solid #39602e;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.callout-brown-more2:hover {
	background-color: #5a4026;
	color:#fff;
	cursor:pointer;
	border:2px solid #39602e;
}

.content {min-height:400px;}
.content a {color:#39602e; 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;}
.content a:hover {color:#c7ab8e; text-decoration:none;}

.company ul {padding:0; margin:10px 0 0 0; text-align:left; color:#39602e; font-size: 100%; font-weight: 900; display: table; list-style: none;}
.company ul li {list-style-type:none; display:block; display: table-row;}
.company ul li:before {content:'•'; color:#c7ab8e; padding:0 10px 0 15px; display:table-cell;}

.btn-content {
	padding:5%;
	background-color:#39602e;
	color:#c7ab8e;
	font-family:'Roboto Slab', serif;
	font-size:1.1em;
	font-weight: 300;
	text-align:center;
	text-transform:uppercase;
	border:2px solid #39602e;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-content:hover {
	background-color:transparent;
	color:#39602e;
	cursor:pointer;
	border:2px solid #c7ab8e;
}

.feature-brown {background-image:url(images/index/feature-brown.jpg); color:#fff;}
.feature-green {background-image:url(images/index/feature-green.jpg); color:#fff;}
.feature-box {border:2px solid #c7ab8e;}

.btn-green {
	width:54%;
	float:none;
	padding:2.5%;
	margin:30px auto 0 auto;
	background-color:#39602e;
	color:#c7ab8e;
	font-family:'Roboto Slab', serif;
	font-size:1.1em;
	font-weight: 300;
	text-align:center;
	text-transform:uppercase;
	border:2px solid #39602e;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-green:hover {
	background-color:transparent;
	color:#fff;
	cursor:pointer;
	border:2px solid #39602e;
}

.btn-brown {
	width:54%;
	float:none;
	padding:2.5%;
	margin:30px auto 0 auto;
	background-color:#5a4026;
	color:#c7ab8e;
	font-family:'Roboto Slab', serif;
	font-size:1.1em;
	font-weight: 300;
	text-align:center;
	text-transform:uppercase;
	border:2px solid #5a4026;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-brown:hover {
	background-color:transparent;
	color:#fff;
	cursor:pointer;
	border:2px solid #5a4026;
}

.bkgrd-tagline {background:#5a4026; line-height: 1.65em;}
.tagline1 {font-family: 'Roboto Slab', serif; font-size: 2.25em; font-weight: 700; color:#c7ab8e; text-transform: uppercase;}
.tagline2 {font-size: 2.5em; font-weight: 600; color:#fff; text-transform: uppercase; letter-spacing: 1.75px;}

.btn-tagline {
	padding:5%;
	background-color:#39602e;
	color:#c7ab8e;
	font-family:'Roboto Slab', serif;
	font-size:1.1em;
	font-weight: 300;
	text-align:center;
	text-transform:uppercase;
	border:2px solid #39602e;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-tagline:hover {
	background-color:transparent;
	color:#fff;
	cursor:pointer;
	border:2px solid #39602e;
}

.bkgrd-footer {background:#25411d; color:#fff; font-size: .85em;}

.footer1 {font-size: .9em; font-weight: 400; line-height: 1.5em;}
.footer1 a {color:#c7ab8e; font-size: 250%; 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;}
.footer1 a:hover {color:#fff; font-size: 250%; text-decoration:none;}

.footer2 {font-size: .92em; line-height: 1.5em; font-weight: 900; text-transform: uppercase;}
.footer2 a {color:#fff; text-decoration:none; line-height: 3.5em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer2 a:hover {color:#c7ab8e; text-decoration:none; padding-left: 3px;}

.footer3 {font-size: 1.75em; line-height: 1.5em; font-weight: 900; text-transform: uppercase;}
.footer3 a {color:#fff; 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;}
.footer3 a:hover {color:#c7ab8e; text-decoration:none;}

.bkgrd-anchor {background:#39602e; border-bottom:4px solid #5a4026; color:#c7ab8e; font-size: .7em; font-weight: 400;}
.bkgrd-anchor a {color:#c7ab8e; 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;}
.bkgrd-anchor a:hover {color:#fff; text-decoration:underline;}

.bkgrd-anchor ul {padding:0; margin:0; text-align:left;}
.bkgrd-anchor ul li {list-style-type:none; display:inline;}
.bkgrd-anchor ul li:before {content:'';}
.bkgrd-anchor ul li:after {content:'|'; color:#5a4026; margin:0 10px; font-weight: 900;}
.bkgrd-anchor ul li:last-child:after {content:'';}

.index-text {font-size: 105%; line-height: 2.15em; letter-spacing: -.5px;}
.index-text ul {padding:0!important; margin:10px 0 0 0; text-align:left; color:#39602e; font-size: 100%; font-weight: 900;}
.index-text ul li {list-style-type:none; display:block;}
.index-text ul li:before {content:'•'; color:#c7ab8e; padding:0 10px 0 15px;}

.index-R {font-size: 120%; font-weight: 800; color:#5a4026; letter-spacing: -.1px;}
.index-R a {color:#39602e; font-size: 160%; 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;}
.index-R a:hover {color:#c7ab8e; font-size: 160%; font-weight: 900; text-decoration:none;}

.pic-border-btm {border-bottom:6px solid #39602e;}

.testimonial {border-bottom:1px solid #c7ab8e; font-weight: 800; letter-spacing: -.5px; line-height: 1.25em;}
.name-location {font-size: 90%; color:#39602e; font-weight: 700; font-style: italic;}

.contact {font-size: 1.5em; line-height: 1.5em; font-weight: 900; text-transform: uppercase;}
.contact a {color:#39602e; 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;}
.contact a:hover {color:#c7ab8e; text-decoration:none;}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
border:3px solid #39602e;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

input {padding:7px!important;}

/*================ FORMS ========================*/

#form {
        width:100%;
        float:left;
}


form{
        width: 100%;

        }

fieldset{
        border: 0;
        padding: 10px 0 ;
        clear: left;
		
        }
        
textarea, input, select{
        border: 1px solid #ccc;
        padding: 2%;
        width: 96%;
        }

label{
        font-weight: 500!important;
		font-size: 90%;
        }       
        
textarea:focus, input:focus, select:focus{
        background: #eee;
        border: 1px solid #39602e;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        outline: none;
}

input[type="submit"]{
        border: 1px solid #ccc;
        padding: 3px 0;
        margin-top: 5px;
        font-weight: bold;
        /*font-size: 1.3em;*/
        width: 130px;
        cursor: pointer;

        
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        
        background: #f6f5f5; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #f6f5f5 0%, #e5ebee 50%, #d7dee3 51%, #ebebeb 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f5f5), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f5f5', endColorstr='#ebebeb',GradientType=0 ); /* IE6-8 */
        }

.submit {
	padding:2.5%;
	background-color:#39602e!important;
	color:#c7ab8e!important;
	font-size:2em;
	font-weight:700;
	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;
}
.submit:hover {
	background-color:#5a4026!important;
	color:#000000;
	cursor:pointer;
}

@media (max-width: 1365px) {
h4 {font-size:1.25em;}
}

@media (max-width: 1200px) {
.navbar-dark .navbar-nav .nav-link {font-size: .9em;}
h4 {font-size:1em;}
.callout-green-more {width:74%;}
.callout-brown-more {width:74%;}
.callout-green-more2 {width:74%;}
.callout-brown-more2 {width:74%;}
.tagline1 {font-size: 1.75em;}
.tagline2 {font-size: 2em;}
}

@media (max-width: 992px) {
h4 {font-size:1.5em;}
.header-tagline {font-size: 120%;}
.callout-green2 {background:#5a4026;}
.callout-brown2 {background:#39602e;}
.callout-green-more2 {background-color:#39602e;border:2px solid #39602e;}
.callout-green-more2:hover {background-color: #5a4026;border:2px solid #39602e;}
.callout-brown-more2 {background-color:#5a4026;border:2px solid #5a4026;}
.callout-brown-more2:hover {background-color: #39602e;border:2px solid #5a4026;}
.btn-green {width:34%;}
.btn-brown {width:34%;}
.tagline1 {font-size: 2em;}
.tagline2 {font-size: 2.25em;}
}

@media (max-width: 768px) {
h4 {font-size:1.75em;}
.header-tagline {font-size:95%;}
.phone {font-size: 2.25em;}
.callout-green2 {background:#39602e;}
.callout-brown2 {background:#5a4026;}
.callout-green-more {width:34%; font-size: 1.1em;}
.callout-brown-more {width:34%; font-size: 1.1em;}
.callout-green-more2 {width:34%; font-size: 1.1em; background-color:#5a4026;border:2px solid #5a4026;}
.callout-green-more2:hover {background-color: #39602e;border:2px solid #5a4026;}
.callout-brown-more2 {width:34%;  font-size: 1.1em; background-color:#39602e;border:2px solid #39602e;}
.callout-brown-more2:hover {background-color: #5a4026;border:2px solid #39602e;}
.btn-green {width:44%;}
.btn-brown {width:44%;}
.bkgrd-tagline {line-height: 1.25em;}
.tagline1 {font-size: 2.5em; line-height: 1em;}
.tagline2 {font-size: 1.75em;}
}

@media (max-width: 620px) {
.bkgrd-tagline {line-height: 2.5em;}
.tagline1 {font-size: 2.35em;}
.tagline2 {font-size: 1.85em; margin-top:-20px;}
}

@media (max-width: 576px) {
.header-tagline {font-size:140%;}
.phone {font-size: 3.25em;}
.btn-green {width:54%;}
.btn-brown {width:54%;}
.tagline1 {font-size: 2.15em;}
.tagline2 {font-size: 1.75em; margin-top:-20px;}
}

@media (max-width: 480px) {
.header-tagline {font-size:115%;}
.phone {font-size: 2.5em;}
.callout-green-more {width:54%; font-size: 1.1em;}
.callout-brown-more {width:54%; font-size: 1.1em;}
.callout-green-more2 {width:54%; font-size: 1.1em;}
.callout-brown-more2 {width:54%; font-size: 1.1em;}
.btn-green {width:79%; padding:3%; font-size: 1em;}
.btn-brown {width:79%; padding:3%; font-size: 1em;}
.tagline1 {font-size: 1.85em;}
.tagline2 {font-size: 1.25em; margin-top:-30px; letter-spacing: 0px;}
.bkgrd-anchor ul li {display:block; margin:0 0 5px 0}
.bkgrd-anchor ul li:after {content:''; margin:0;}
}

@media (max-width: 375px) {
h3 {font-size: 2em;}
.header-tagline {font-size:95%;}
.phone {font-size: 2em;}
.btn-green {width:90%; padding:5%; font-size: 1em;}
.btn-brown {width:90%; padding:5%; font-size: 1em;}
.tagline1 {font-size: 1.75em;}
.tagline2 {font-size: 1.05em; margin-top:-30px; letter-spacing: 0px;}
.btn-tagline {font-size:.99em;}
}