/********************************************** START 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;
	border: 0;
	margin: 0;
	padding: 0;	
}
*{box-sizing:border-box}
/*a, img {border:none;outline:none}*/
ol, ul {list-style: none;}

.clear {clear:both;}
/********************************************** END RESET */



/********************************************** START GLOBAL */
body {
	font-family: "Roboto",sans-serif;
}
p {
	
}

	

img{
	max-width: 100%;
	height: auto;
}
.header-width {
	width:1100px;
	margin:0 auto;
	padding-bottom: 20px;
}

.site-width{
	width:1100px;
	margin:0 auto;
}

/********************************************** END GLOBAL */

/********************************************** START HEADER */
header {
	width:100%;
	z-index: 10000;
	border-top: solid 25px #7f8c8d;
	margin:0 auto;
}


.logo {
	width:40%;
	min-width: 200px;
	float:left;
	padding:10px 0;
	position: relative;
	z-index: 999;
	font-family: "Roboto Slab",serif;
}
.logo a {
	font-size: 38px;
    font-family: "Roboto Slab",serif;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
	color: #000;


}



.icon{display: none;}


/********************************************** END HEADER */

/********************************************** PRODUCTS */
.hs-btn.hs-highlighted{
	background:#e74c3c!important;
	color: #fff!important;
}
.hs-faceted-search .hs-facet-label .hs-facet-name{
	margin-left: 3px!important;
}

/********************************************** START NAV */
#navcontain {
	display:block;
}
.menu-icon-toggle {
	display:none;
}
/********************************************** END NAV */

/********** START FOOTER */

.footer {
	padding:30px 0;
	color:#fff;
	background:#7f8c8d;
	text-align: left;
}
.footer h1 {
	color:#fff;
	font-family: "Roboto Slab",serif;
	font-size: 18px;
	margin-bottom: 15px
}
.footer li a {
	color:#fff;
	font-size:14px;
	font-family: "Roboto",sans-serif;
	text-decoration: none;
	
	
}
.footer li a:hover{
	color:#d2d7d7;
}
.footer li{
	list-style-type: none;
	margin-bottom: 11px;
}

.footer p{
	
    line-height: 24px;
    text-align: left;
    margin: 5px 0;
    font-size: 14px;
    color: #d2d7d7;

}
/********************************************** END FOOTER */



/********************************************** START RESPONSIVE */
@media screen and (max-width:1322px) {
	
	
}
@media screen and (max-width:1280px) {
.landingCategoryBox { width:48%;}	
	
}
@media screen and (max-width:1119px) {
	
}
@media screen and (max-width:1020px) {
	.logo {
		width:50%;
		min-width: 350px;
	}
	#navcontain {
		display:none;
	}
	.menu-icon-toggle {
		display:block;
		margin:15px;
		position:absolute;
		top: 30px;
		right: 0;
		z-index:10;
		cursor: pointer;
	}
	
}
@media screen and (max-width:992px) {

}
@media screen and (max-width:950px) {
	.logo {
		width: 100%;
		text-align: center;
	}
	.header-width{
		width: 100%;
	}
	.fa-chevron-down{display: none;}
	.footer{text-align: center;}
	
}

/********************************************** END RESPONSIVE */