=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
		Fonts
=======================*/




@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600,700,800');



/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
    font-family: 'Oswald', sans-serif; font-weight:400;
    margin: 0;
	padding:0;
	background: #efefef;
	color:#000000;
	}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

img { border: 0; max-width:100%;} 
	
/*===================== 
	typography 
=======================*/


.bold {
    font-weight: bold;
	}

/*===================== 
	link styles 
=======================*/

a.link:focus {outline: thin dotted;/*reset*/
	}
	

/*===================== 
	list styles 
=======================*/
ul.list{
	margin:0;
	padding: 0 0 5% 7%;
}
ul.list li{
	font-size:16px;
}




#hs-main-content {
    margin: 1em auto;
    padding: 1em 0;
    overflow: visible;
    max-width: 1500px;
}

.hs-btn.hs-highlighted {
	background: #9ba092;
}


/*===================== 
	header styles 
=======================*/
header{width:100%;margin:0;background:#646A5C;

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif; font-weight:500;
	margin: 0;
	padding: 0;
	}
	h1 {
		font-family: 'Oswald', sans-serif; font-weight:700;
		color:#2f3238;
		font-size: 30px;
	}
	h2 {
		font-size:22px;
		color:#fff;
	}
	h2 a{
		font-size:22px;
		color:#2f3238;
		font-family: 'Oswald', sans-serif; font-weight:500;
	}
	h2 a:hover{
		font-size:22px;
		color:#337037;
	}

	h3 {
		font-size: 30px;
		font-family: 'Oswald', sans-serif; font-weight:500;
		color: #F7EB5E;
		font-style:italic;
	}
	h4 {
		font-size: 16px;
		font-family: 'Oswald', sans-serif; font-weight:500;

	}
	
	



p {
		font-family: 'Oswald', sans-serif; font-weight:400;

	padding: 0 0 2% 0;
	font-size:18px;
	line-height:1.7em;
	margin: 0;
	color: #2f3238;
	}
	
	a {
    color: #fff!important;
    text-decoration: none;
}
a:hover  {
	text-decoration: none;
	color: #217638!important;
	border-bottom:none;
	}  
	
	



}

.headerwrap{width:96%;max-width:994px;margin:0 auto;padding:20px 2%; text-align:center;}


a.logo{border-bottom:none;display:inline-block;zoom: 1; *display: inline; max-width:100%; float:left;}

a.burst{border-bottom:none;display:inline-block;zoom: 1; *display: inline; max-width:80%; float:right; margin-left:0px;}
.burst img{max-width:180px;}

.burst {
    border-bottom: none;
    display: inline-block;
    zoom: 1;
    max-width: 80%;
    float: left;
    margin: 0 15px 0 0;
}
.burst img{max-width:180px;}

.right {
    float: right;
    width: 35%;
}
.left {
    float: left;
    width: 60%;
    margin: 0 25px 0 0;
}

.bottom-logo {
    float: left;
    max-width: 170px;
    width: 100%;
	padding:10px 0 0 0;
}
.bottom-logo img {
    width: 100%;
    max-width: 170px;
}


.hide-sale{display:none;}

.address {
    text-align: right;
	font-family: 'oswald', sans-serif; font-weight:700;
    padding: 2% 1% 0 0;
    display: inline-block;
    zoom: 1;
    float: right;
    line-height: 23px;
}


.address h1 {
	font-family: 'oswald', sans-serif; font-weight:700;
	color: #f4df08;
	font-size: 30px;
}

.column2 {width:50%; float:left; padding-right: 25px; box-sizing: border-box;}
/*.column3 {width:33.33333%; float:left; padding-right: 25px; box-sizing: border-box;}*/
.column4 {width:25%; float:left; padding-right: 25px; box-sizing: border-box; color: #d3d3d3;}



/*===================== 
	nav styles 
=======================*/
/* see menumaker.css for additional nav styles */

.hide{display:none !important;}

#parallelogram{
	width: 300px; 
	height: 45px; 
	-webkit-transform: skew(20deg); 
	-moz-transform: skew(20deg); 
	-o-transform: skew(20deg);
	-ms-transform: skew(20deg);
	transform: skew(20deg);
	background-color: #000;
	margin:0 10px 0 0;
	
}
#secondary_nav{
	padding:0;
	margin:0 0 -32px 0;
	display:block;
	z-index:100;
	position:relative;
	}
	#secondary_nav ul{
		margin:0;
		padding:0;
		}
		#secondary_nav ul li{
			margin:0;
			padding:0;
			float:left;
			display:block;
			list-style-type:none;
			border-left: #fff solid 1px;

			}
			#secondary_nav ul li a{
				color:#fff;
				font-size:16px;
				text-decoration:none;
				padding:5px 18px;
			}
			#secondary_nav ul li a:hover{
				color:#6dc6e7;
			}
#secondary_nav ul li:first-child{
	border-left:none;
}



/*===================== 
	content styles 
=======================*/

.wrapper{width:96%; max-width:1170px; margin:0 auto; padding:0 2%;}

.wrapper-icons{width:96%; margin:0 auto; padding:0 2%; text-align:center;}

.container{width:100%; max-width:1230px; margin:0 auto;}




/*===================== 
	shop styles 
=======================*/

input[type="checkbox"], input[type="radio"] {
	font-family: 'oswald', sans-serif; font-weight:700;
    border: #999999 solid 1px;
    padding: 1%;
    font-size: 14px;
    width: 7%!important;
}

hs-facet-label input {
	font-family: 'oswald', sans-serif; font-weight:700;
	border: #999999 solid 1px;
    padding: 1%;
    font-size: 14px;
    width: 7%!important;
}

.crop-image img {
    margin: auto;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
}

.hs-btn.hs-highlighted {
    background: #f1d910;
}

.form input{width:50%;}





/*===================== 
	inv iframes 
=======================*/


#inv iframe{
	overflow: visible;
	height:100%;
	margin: 50px 0 0;
}

#inv{
	margin: 3% 0 0;
}

	



/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}




/*===================== 
	footer styles 
=======================*/


footer {
	margin: 5% auto;
	width: 100%;
}

footer p {
	max-width: 1096px;
	margin: 0 auto;
	font-size: 14px;
}
footer a:hover {
	color: #ccc;
}
.divfooter {
    text-align: left;
	width: 75%;
}

	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:14px;
	color: #666;
	border-bottom:none;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:14px;
		color: #ccc;
		}

.footertext {
	font-size:14px; 
	color:#666;
	}

.smallfootertext {
	font-size:13px; 
	color:#666;
	}
	
	

/*===================== 
	Responsive styles 
=======================*/


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

footer {margin: 5% 4%; width: 92%; }


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

.address{text-align:center; width:100%;}
a.logo {display: inline-block;max-width: 100%;float: none;text-align: center;}
a.burst {max-width: 80%; float: none; margin-left: 20px;}
.burst {max-width: 80%; float: none; margin-left: 20px;}

.linkbox{margin-top:10px;margin-bottom:10px;}
.span_1_of_4 {margin-left: 11px; width: 11%;}
.span_1_of_4 img {width: 100%; max-width: 135px; padding: 10% 6%;}



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

.group-icons{background: #9ba092;}
.linkbox {background: #9ba092; height: auto;}

.span_1_of_4 img {width: 100%; max-width: 129px; padding: 1% 0;}
.span_1_of_4 {width: 16%; text-align: center; float: none; display: inline-block; margin: 1% 1%;}

.col:first-child {margin-left: 0;}



}
@media screen and (max-width: 900px) {
	
.linkbox{margin-top:10px;margin-bottom:10px;}

#form{padding: 3% 25px;}

.search {float: left;}
.search-title {width: 100%;}

	
	.button2 {width:55px; height: 40px; position: absolute; top: 0; cursor: pointer; z-index: 12399994;}	
	
}
@media screen and (max-width: 800px) {
	
.linkbox{margin-top:10px;margin-bottom:10px;}
.hostedfooter{width:100%;}
.footerlogo{display:none;}

.bottom-logo {width: 55%;}
.bottom-logo img {width: 90%;min-width: 65px;}

.search input[type=text] {width: 420px;}

.right {
    float: left;
    width: 100%;
    margin: 4% 0;
}
.left {
    float: left;
    width: 100%;
    margin: 0 25px 0 0;
}

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

.search input[type=text] {width: 300px;}



}



@media screen and (max-width: 662px){
			#cssmenu > ul > li > a{ font-size:16px; padding:15px 24px;}	
			#cssmenu {margin: 0 auto; max-width: 662px;}
			nav{width:100%;}	
				
			}




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

.col:first-child {margin-left: 0;}
.span_1_of_4 {width: 23%;}

	
h1 {font-size: 30px;}
h2 {font-size:24px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
p {font-size:16px;}

#form{margin: 5% 0 0 0;}

.side-tab {margin: 1% 0 1% 1%;}


}
@media only screen and (max-width: 483px) {
	
.col {  margin: 4% 0 4% 0%; }
	
.span_1_of_4 {width: 31%;}
.side-tab {margin: 1% 0 1% 1%;}

#form input.button, #form input.button:focus {width: 100%;max-width: 400px;}


}
@media only screen and (max-width: 400px) {
	
.span_1_of_4 {width: 45%;}

.bottom-logo { width: 50%; margin: 3% 0;}
.bottom-logo img {width: 100%;min-width: 65px;}

#form{margin: 7% 0 0 0;}


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

.search input[type=text] {width: 200px;}

.search {width: 100%;}

}
@media only screen and (max-width: 329px) {
	
.span_1_of_4 {width: 50%;}
.span_1_of_4 img {max-width: 160px;}



}