/* html{overflow-x: hidden} */
.clear{clear:both;}

.headerwrap {
	margin:15px 0px 0px 0px;
	padding-bottom: 75px;
}

.logo {
	width:145px;
	float:left;
}
header{margin-bottom:30px}
/* body {overflow-x: hidden} */

/*===================== 
	nav styles
=======================*/

#menu-button{ /* hiding responsive menu button */
	display: none;
	}

nav.mobile { /* hiding responsive menu */
	display:none;
}

.topnav {
	float:right;
	margin-bottom:20px;
	display:block;
	margin:0;
	text-align:right;
	margin-top:20px;
}
	.topnav ul {
		margin:0; 
		padding:0;
		}
		.topnav ul li {
			display:inline-block;
			margin:0;
			list-style-type:none; 
			}
			.topnav ul li a {
				font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
				color:black;
				font-size:18px;
				font-weight:thin;
				letter-spacing: 1px;
				line-height: 20px;
				text-decoration:none;
				margin-top:30px;
				padding-left:10px;
				padding-right:10px;
				display:inline-block;
				margin:0;
				text-align:center;
				text-transform:uppercase;
}

			li.sub:hover {
				background-color:#E3E3E3;
				padding:10px 0px;
				margin-top:-10px;
				}
			/* Appearance of the sub-level links */
			.topnav ul li li a { 
				font-size:18px;
				padding:20px;
				color:#000;
				text-align:left;
				background:hsla(0,0%,89%,1.00);
				box-shadow:3px 3px 3px #A2A2A2;
				
			}
			
			/* Appearance of the sub-level links on hover */
			.topnav ul li li a:hover { 
			}
/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too muuch */
.topnav ul ul {
    display: none;
}
.topnav ul ul ul {
    left: 100%;
    top:0;

}
.topnav ul li:hover > ul {  
    display: block;
    line-height:18px; 
    z-index: 100;
}
.topnav ul ul li {
    float: left;
	display:block; 
    position: relative;
    margin:0;
}

	
/*  SUB NAV
------------------------------------------------*/

.topnav ul li li a:link, .topnav ul li li a:visited{
	font-size: 18px;
	line-height:17px;
	letter-spacing: 1px;
	font-weight:thin;
	padding:13px 0px 13px 20px;
	color:black; /*initial box color you see when hovering over nav*/
	background-color:#fff;
	width: 180px; /*set size of dropdown boxes*/

}

.topnav ul li li a:hover,.topnav ul li li a:active { /*hover box color*/
	background-color:#E3E3E3;
	color:black;
}

/*  NAV DROPDOWNS
------------------------------------------------*/


.topnav ul ul {
    display:none;
    position:absolute;
    padding-top: 15px;
	padding-right:10px;

}
  
.topnav ul ul ul {
    position: absolute; 
    left: 100%;
    top:0;

}
  
.topnav ul li:hover > ul {  
    display: block;
    line-height:12px; 
    z-index: 500;
	left: auto;

}
  
.topnav ul ul li {
    float: none; 
    margin:0;

}


.topnav .icon {
  display: none; 
color: #828282;
	margin:10px 5px 5px 5px;
	padding:6px 6px 6px 6px;
}

@media screen and (max-width: 800px) {
.page-header-title{
	display:none;
}
#header-controls-right-outer{display:none}

div.footer-mobile{
	display:block;
	background-color:#4c4c4c;
	padding-bottom:20px;
	}

	.row{display:none}
}

/******** End of primary Nav ***************/

.hs-btn.hs-highlighted {
	background: #727272;
	color: #FFFFFF!important;
}

.product .markdown-percentage {
    background-color:#606060;
}

.product .product-in-cart {
	background-color:#727272;
}

span.markdown-price{
	color:#606060!important;
}

.hs-highlighted-text {
    color:#727272;
}
.hs-content-wrapper {
	z-index: -1;
}


/*  FOOTER
------------------------------------------------*/
.weblast {
	background-color:#4c4c4c;
	padding-bottom: 20px;
	padding-top:20px;
	padding-left:30px;
	padding-right:30px;

}

a.footer-title {
color:white;
font-size:25px;
font-weight:thin;
text-decoration:none;
margin:15px 0px 40px 40px;
}

a.footer-title-mobile {
color:white;
font-size:25px;
font-weight:thin;
text-decoration:none;
margin:15px 0px 40px 40px;
}


.columnn {
  float: left;
  width: 50%;
  padding-top: 10px;
  height: 150px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}

.columnn ul{padding-top:20px;}

.columnn ul li{
	list-style-type:none;
	
}
.columnn ul li a{
	font-size:20px;
	color:white;	
}

a.footer-title-mobile-north{
	color:white;
font-size:25px;
font-weight:thin;
text-decoration:none;
margin:35px 0px 40px 40px;
}
.footer-mobile ul{padding-top:20px;padding-bottom:30px}

.footer-mobile ul li{
	list-style-type:none;
	
}
.footer-mobile ul li a{
	font-size:20px;
	color:white;	
}

.webbottom {
	background-color:black;
	padding-bottom: 20px;
	padding-top:20px;
	
}

.webbottom a{color:white}


.footer-mobile{display:none}