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

/*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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
/*Reset*/
html{overflow-x:hidden !important;}
a {text-decoration: none;}

/*  FORMATTING
color: #4d6f3b;
font-family: 'Open Sans', sans-serif;
font-family: 'Anton', sans-serif;
*/
     
/*---SHOP STYLES--------------------------*/
.hs-btn.hs-highlighted{background-color: #4d6f3b; color: #fff !important;}
.product .product-name a{color: #4d6f3b !important;}
.page-header h1, .page-header .h1{font-weight: 400 !important;}

/*-------------------------------*/


.navigation-mobile {
	display: none;
}	

/* PARAGRAPH/LIST/GENERAL TEXT */
p, ul, li {font-size: 12px;}

/* HEADERS */
h1, h2, h3, h4 ,h5 ,h6, p {line-height: normal; text-align: left;}
h1 {font-size:35px; color:#4d6f3b; font-weight: 400;font-family: 'Anton', sans-serif; text-transform:uppercase;letter-spacing: 3px;}
h2 {font-size:25px; color:#000; font-family: 'Anton', sans-serif; text-transform: uppercase; text-align: center;letter-spacing: 3px;}
h3 {font-size:20px; color:#000; font-weight: 400;  font-family: 'Anton', sans-serif; text-transform: uppercase; letter-spacing: 3px;}
h4 {font-size:25px; font-family: 'Anton', sans-serif; text-transform: uppercase; color:#4d6f3b;letter-spacing: 2px;}
h5 {font-size:16px; font-family: 'Anton', sans-serif; text-transform: uppercase;letter-spacing: 2px;}
h6 {font-size:14px; font-family: 'Anton', sans-serif; text-transform: uppercase; color: #fff;letter-spacing: 2px;}

/*  SITE FRAMEWORK-------------------------------*/
.clear {clear: both;}

body {
	margin:0 auto;
	line-height:18px;
	font-family: 'Open Sans', sans-serif; 	
	width: 100%;
	overflow-x:hidden !important;
 }

/*---Header-------------------------------------*/
.header {
	width: 100%;
	padding-top: 15px;
	position: relative;
}
.header-inner{width: 80%; margin: 0 auto;}

.logo img{width: 100%; max-width: 40%; float: left; display: inline-block;}

.header-right{float: right; display: inline-block;}


/*---Welcome-home------------------------------*/
.main{ width: 100%; margin-top: 3vw; text-align: center;}

.manu-logos{text-align: center; margin: 0 auto;}
.manu-logos img{ 
	width: 100%;
	max-width: 200px; 
	padding: 0px 25px 30px 0px;
	display: inline-block;
}



/*---Footer-----------------------------------------------------------*/
.footerwrap{ 
	width: 100%; 
	background: #4d6f3b; 
}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{
	text-decoration:underline; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
}
a.footerlink:hover {
	text-decoration:none; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; 
	color: #fff;
}

.footertext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; 
	color:#fff;
}

.smallfootertext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px; 
	color:#fff;
}

.divfooter {
	width: 30%; 
	text-align:center; 
	margin:0 auto; 
	padding: 20px 0;
}	

/*---RESPONSIVE STYLES-----------------------------------------------*/


@media screen and (max-width:1210px){
	.main{margin-top: 6vw;}	
}



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

	
.manu-logos{ padding-top:15px;}
.divfooter{width: 90%;}
}



@media screen and (max-width: 970px) {
.main{margin-top: 0vw;}	
.header{ text-align: center; margin: 0 auto !important;} 
.logo img { 
	max-width: 450px; 
	margin: 0 auto; 
	float: none; 
	padding-left: 0;
	text-align: center;
}
	
.header-inner{width: 95%;}
.header-right{ float: none; text-align:center; margin: 0 auto;}	

/*Navigation*/
.navigation-mobile {
	float: left;
	display: inline-block;
	background: none;
	height: auto;
	width: 100%;
	position: relative;
	z-index: 99999!important;
	text-align: left;	
}
.nav-inner-mobile {
	width: auto;
	height: auto;
	vertical-align: middle;
	display: inline-block;
	text-align: left;
	color: white;
	box-sizing: border-box;
	font-size: 25px;
}
.nav-inner-mobile:hover {
	cursor: pointer;
}
/*ACCORDIAN PANEL THAT DROPS DOWN*/
#panel { 
	display: none;
	height: auto;
	background-color: #000;
	vertical-align: middle;
	box-sizing: border-box;
	overflow: hidden;
}

#panel h2 {
	color: white;
	font-size: 12px;
	text-align: left;
	line-height: 42px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;  
	text-transform: uppercase;
	}
#panel h2 span {text-align: right;}

/*1st level of Accordian*/
.mobile-bar {
	float: left;
	color: #FFF;
	background: #4d6f3b;
	border: 1px solid #fff;
	box-sizing: border-box;
	padding: 0px 0px 0px 15px;
	display: block;
	width: 100%;
}
.mobile-bar:hover {background: #95c437;}
	
.level-indicator {
	float: right;
	height: auto; 
	width: auto; 
	color: white; 
	font-size: 12px;
	border-left: 1px solid #fff;
	box-sizing: border-box;
	padding: 0px 20px;
}

/*2nd level of Accordian*/
.bottom {
	height: auto;
	width: 100%;
	color: #FFF;
	background: #9b9a9a;
	box-sizing: border-box;
	text-align: left;
	float: left;
}
.bottom ul {
	width: 100%;
	height: auto;
	display: inline-block;
	box-sizing: border-box;
}
.bottom ul li {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #fff;
}
.bottom ul li:hover {background: #95c437;}
	
.bottom ul li a {
	width: 100%;
	color: white;
	line-height: 40px;
	font-size: 11px;
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700; 
	text-transform: uppercase;
	box-sizing: border-box;
	padding: 0px 15px;
}
/*Navigation*/
}

@media screen and (max-width: 602px) {
h1{ font-size: 35px;}
}


@media screen and (max-width: 649px) {	
h3{ font-size: 30px; line-height: 100%;}
h4{text-align: center;padding-top: 5px;}	

	
.divfooter{width: 90%;}

}

@media screen and (max-width: 460px){
h3{ font-size: 30px; line-height: 100%;}
}



@media screen and (max-width: 320px){
	
h4{text-align: center; font-size: 30px; line-height: 100%; padding-top: 5px;}

.divfooter{width: 80%;}	

}