/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;font-family: 'Roboto Condensed', sans-serif;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 

/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {content:" ";display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}

body {font-size:18px;line-height:30px;-webkit-text-size-adjust:none;background:#f6f6f6;}
h1, h2, h3, h4, h5 {font-weight:700;line-height:normal;margin-bottom:10px;}
strong {font-weight:700;}

a:link, a:visited, a:active {text-decoration:none;color:#333;}
a:hover {text-decoration:underline;color:#333;font-weight:700;}

.wrapper {width:100%;max-width:80%;margin:0 auto;padding:3% 0px;}
.onecols, .twocols, .threecols {width:100%;height:auto;display:block;float:left;}
.onecols {max-width:25%;}
.twocols {max-width:50%;}
.threecols {max-width:75%;}

.wood {background:url("../siteart/wood.png") repeat;background-attachment:fixed;}

header {background:url("/siteart/header.jpg") no-repeat;background-color:#fff;}
header .wrapper {width:100%;max-width:80%;margin:0 auto;padding:1% 0px;}
.logo, .headercontact {width:100%;height:auto;display:block;float:left;}
.logo {max-width:25%;}
.logo img {max-width:100%;height:auto;}
.headercontact {max-width:75%;text-align:right;}
.headercontact span {padding:10px;font-weight:700;}

.grid {position:relative;margin:0 auto;list-style:none;text-align:center;}
.grid figure {position:relative;margin:0 auto;float:left;overflow:hidden;max-width:25%;height:auto;width:100%;background:#000;text-align:center;cursor:pointer;box-sizing:border-box;border:1px solid #ccc;}
.grid figure img {position:relative;display:block;height:auto;max-width:100%;opacity:0.8;}
.grid figure figcaption {padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.grid figure figcaption::before, .grid figure figcaption::after {pointer-events:none;}
.grid figure figcaption,
.grid figure figcaption > a {position:absolute;top:0;left:0;width:100%;height:100%;}
.grid figure figcaption > a {z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
.grid figure h2 {font-weight:700;margin:0;}
figure.effect-lily img {max-width:none;width:-webkit-calc(100% + 50px);width:calc(100% + 50px);opacity:0.5;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(-40px,0, 0);transform:translate3d(-40px,0,0);}
figure.effect-lily figcaption {text-align:left;}
figure.effect-lily figcaption > div {position:absolute;bottom:0;left:0;padding:2em;width:100%;height:50%;}
figure.effect-lily h2, figure.effect-lily p {-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
figure.effect-lily h2 {-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;}
figure.effect-lily p {color:rgba(255,255,255,0.8);opacity:0;-webkit-transition:opacity 0.2s, -webkit-transform 0.35s;transition:opacity 0.2s, transform 0.35s;}
figure.effect-lily:hover img {opacity:1;}
figure.effect-lily:hover img, figure.effect-lily:hover h2, figure.effect-lily:hover p {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-lily:hover p {-webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;}

.button {display:block;border-radius:10px;background-color:#3e7337;color:#FFFFFF;text-align:center;font-size:24px;font-weight:700;line-height:normal;padding:10px;width:400px;max-width:100%;transition:all 0.5s;cursor:pointer;margin:0 auto;border:1px solid #ccc;}
.button span {cursor:pointer;display:inline-block;position:relative;transition:0.5s;}
.button span:after {content:'\00bb';position:absolute;opacity:0;top:0;right:-20px;transition:0.5s;}
.button:hover span {padding-right:25px;}
.button:hover span:after {opacity:1;right:0;}

.contactinfo {background:url("../siteart/bg.png");background-color:#fff;border-top:2px solid #3e7337;border-bottom:2px solid #3e7337;}

footer {color:#ccc;font-size:16px;}
footer .wrapper {width:100%;max-width:80%;margin:0 auto;padding:1% 0px;}

.footercredit {background-color:#3e7337;color:#fff;font-size:16px;}
.footercredit .wrapper {width:100%;max-width:80%;margin:0 auto;padding:1% 0px;}

.footercredit a:link, .footercredit a:visited, .footercredit a:active{text-decoration:none;color:#fff;}
.footercredit a:hover {text-decoration:underline;color:#fff;font-weight:700;}

footer a:link, footer a:visited, footer a:active{text-decoration:none;color:#fff;}
footer a:hover {text-decoration:none;color:#fff;font-weight:700;}

.owltext {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;}
.owltext h1 {color:#fff!important;font-size:62px;text-shadow: 2px 2px 8px rgba(0,0,0,.4); }
.owlbutton {display:inline-block;border-radius:10px;background-color:#3e7337;border:1px solid #ccc;font-weight:700;color:#FFFFFF;text-align:center;font-size:24px;padding:20px;width:100%;max-width:45%;transition:all 0.5s;cursor:pointer;margin:5px;}
.owlbutton span {cursor:pointer;display:inline-block;position:relative;transition:0.5s;}
.owlbutton span:after {content:'\00bb';position:absolute;opacity:0;top:0;right:-20px;transition:0.5s;}
.owlbutton:hover span {padding-right:25px;}
.owlbutton:hover span:after {opacity:1;right:0;}
.owlbutton:hover {background:#231f20;}




/** Responsive Styles **/

@media screen and (max-width: 1296px){
    .headercontact span {font-size:15px;}
}

@media screen and (max-width: 1280px){
    .owltext h1 {font-size:38px;}
}

@media screen and (max-width: 1024px){
    .owltext h1 {font-size:28px;}
    .owlbutton {font-size:18px;padding:20px;max-width:48%;margin:1%;display:block;float:left;}
	.grid figure h2 {font-size:24px;}
	.twocols {max-width:100%;}

	.logo {max-width:50%;}
	/*.headercontact {max-width:50%;text-align:left;}*/
	/*.headercontact span {display:block;padding:0;}*/
}

@media screen and (max-width: 767px){
    .owltext h1 {display:none;}
    .owlbutton {font-size:16px;padding:10px;max-width:100%;margin:1% 0;}
	.onecols {max-width:50%;}
	.grid figure {max-width:50%;}
	}

@media screen and (max-width: 420px){
	.onecols {max-width:100%;}
	.grid figure {max-width:100%;}
	
	.logo {max-width:100%;}
	/*.headercontact {max-width:100%;text-align:left;}*/
}





/*=== 7-16-20 Updates ===*/

.header-tagline {
	text-align: right;
    padding: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.tagline {}
.about-img {
	padding: 20px;
    display: block;
    margin: auto;
}

@media screen and (max-width: 1100px) {
	.headercontact {clear: both; max-width: 100%; text-align: center;}
	.header-tagline {clear: both; text-align: center;}
	.logo {max-width: 100%;}
	.logo img {max-width: 250px; width: 100%; display: block; margin: auto; margin-bottom: 20px;}
	.headercontact span {display: block; padding: 0px;}
	
}