html, body {
	margin: 0 ;
	height: auto;
	overflow-x: hidden;
	}
img{ border:0;}
::selection { background:#e84001; color:#fff;}
::-moz-selection { background:#e84001; color:#fff;}
::-webkit-selection { background:#e84001; color:#fff;}

/*phone menu*/
.menu{	display:none;}
.mobile-menu-icon,
.pop-menu-icon {
	margin:0;
	padding:0;
	position:fixed;
	right:22px;
	top:25px;
	z-index:9999;
	}
.full-height{ height:100%;}	
/*phone menu end*/	 

/*GotoTop Begin*/
a.RgoTop{
	position:fixed; 
	bottom:24%; 
	right:11px;
	cursor:pointer;
	display:none;
	z-index:9999;
	}
 @media screen and (max-width: 640px) {
    a.RgoTop img{ display:none; }	
}
/*GotoTop End*/

/*scroll left*/
#Wrapper { 
	width:100%;
	height:auto; 
	margin:0 auto;
	}
.item {
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	}
/*scroll left end*/

/*left menu*/
.container{
	display:table;
	width:100%;
	overflow:hidden;
	}
.main_left_nav{
	position:fixed;
	float:left;
	display:table-cell;
	width:20%;
	max-width:220px;
	background-color:#191b1c;
	z-index:1;
	}		
.main_right_container{
	float:right;
	width:80%;
	min-height:750px;
	vertical-align:top;
	}
	.white-bg{ background-color:#ffffff;}
		
 @media screen and (max-width: 865px) { 
	.main_left_nav.item{ display:none;}
	.main_right_container{
		display:block;
		width:inherit;
		max-width:inherit;
		margin:0 auto; 
		}
}
.desktop-logo{
	display:block;
	width:100%;
	padding:25% 0;
	background-color:#24292e;
	}
img.logo{
	display:block;
	width:80%;
	max-width:159px;
	margin:0 auto;
	}
ul.nav { 
	display:block;
	margin:40px 35px 0 35px; 
	padding:0;
	list-style-type:none;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	}	
ul.nav ul{
	padding:0;
	margin:5px 0 15px 0;
	text-align:left;
	list-style-type:disc;
	}
ul.nav ul li{	
	margin:0 0 8px 0;
	padding:0;
	font-size:12px;
	line-height:100%;
	color:#444444;
	}
ul.nav ul li a{
	font-size:13px;		
	text-decoration:none;
	color:#999999;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
ul.nav ul li a:hover{
	text-decoration:underline;
	color:#c7a085;
	}
.nav_btn {
	display:inline-block;
	margin:0;	
	font-size:14px;	
	color:#a8968a;
	font-weight:bold;
	letter-spacing:1px;
	text-transform: uppercase;	
	}
/*left menu end	*/
/*index nav begin*/
#MainMenu{  display:none; }
.nav-logo{  display:none; }
/*phone menu*/
.menu{	display:none;}
.mobile-menu-icon,
.pop-menu-icon {
	margin:0;
	padding:0;
	position:fixed;
	right:22px;
	top:25px;
	z-index:9999;
	}
.sub-nav {
	font-family: "Open Sans",Helvetica,Arial,sans-serif;	
	display:block;
	padding:0;
	position:relative;
	}
ul.category-list { 
	width:280px; 
	margin:15% auto 0 auto;
	padding:0 0 0 10%;	
	list-style-type: none;
	}	
ul.category-list li {
	width:100%;
	font-size:13px;
	letter-spacing:1px;
	padding:0 0 5px 0 ; 
	text-align:left;
	}		  
ul.category-list li a:link , 
ul.category-list li a:visited {
	color:#ffffff;
	text-decoration: none;
	}
ul.category-list h3{
	font-size:12px;
	letter-spacing:1px;
	color:#a8968a;
	margin:3px 0;
	text-transform: uppercase;
	}	
.nav-list{ 
	display:none;
	width:100%;
	position:fixed;
	top:0; 
	z-index:9999;
	}
.full-height{ height:100%;}	
/*phone menu end*/	
	
 @media screen and (max-width: 1045px) {
    .nav_btn { width:100px; }
}	
 @media screen and (max-width: 865px) {
	.menu{	
		display:block;
		width:100%;
		background-color:#000;
		}
	ul.nav li{ display:none; }	
	.mobile-menu-icon, .pop-menu-icon {
		right: 19px;
		top: 20px;
		z-index: 9999;
		cursor:pointer;	
		}
	#MainMenu{
		position:relative; 
		display:block;
		width:100%;
		min-height:60px;
		background-color:#24292e;
		}
	.nav-logo{
		display:block; 
		margin:0;
		position:absolute;
		left:14px;
		top:17px;
		}
}

/*page content begin*/
.large-banner-container{	
	width:100%;
	height:290px;	
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-position: 25% 25%;
	display: -webkit-flex;
	display:flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	}
.large-banner-container img{
	display:block;
	width:410px;
	margin:0 2% 0 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;	
	}
.new-arrival{	
    background-image: url("../images/new_arrival_banner.jpg");
	}
.about{	
    background-image: url("../images/about_banner.jpg");
	}
.service{	
    background-image: url("../images/service_banner.jpg");
	}	
.product-baseball{	
    background-image: url("../images/baseball_banner.jpg");
	height:450px;	
	background-position: 70% 70%;
	}
.product-softball{	
    background-image: url("../images/softball_banner.jpg");
	height:800px;	
	background-position: 70% 70%;
	}
.product-football{	
    background-image: url("../images/football_banner.jpg");
	height:550px;	
	background-position: 70% 70%;
	}
.product-lacrosse{	
    background-image: url("../images/lacrosse_banner.jpg");
	height:550px;	
	background-position: 70% 70%;
	}
.product-lacrosse-h{	
    background-image: url("../images/lacrosse_banner2.jpg");
	height:550px;	
	background-position: 70% 70%;
	}
.default-full{	
	height:640px;
	background:#232c3a url("../images/index-large-banner.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    background-position: 25% 25%;
	}
 @media screen and (max-width: 1280px) {	
	.product-football,
	.product-softball{	
		height:500px;	
		background-position: 25% 25%;
		}
	.product-lacrosse,	
	.product-lacrosse-h{	
		height:400px;	
		background-position: 25% 25%;
		}
}
.detail-page{ 
	height:350px;
	background-position: 25% 25%;	
	}
.large-banner-container h4{
	display:block;
	width:100%;
	margin:0;
	font-size:36px;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#ffffff;
	text-align:center;
	}
.large-banner-container h4.product-category-title{
	font-size:21px;
	font-weight:normal;
	color:#ffffff;
	}
.large-banner-container h4.product-category-title span{
	display:block;
	max-width:110px;
	background: rgba(75,79,84,0.7);	
	padding:5px 15px;
	margin:0 auto;
	}
.large-banner-container h4 label{
	display:block;
	margin:0;
	width:auto;
	font-size:27px;
	font-weight:bold;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#ffffff;
	text-align:center;
	}
.large-banner-container h4 label div{
	display:inline-block;
	background: rgba(47,47,49,0.6);	
	padding:5px 15px;
	}
ul.banner-desktop-nav{
	position:absolute;
	right:20px;
	top:18px;
	list-style-type:none;
	padding:0;
	margin:0;
	text-align:right;	
	}
ul.banner-desktop-nav li{
	position: relative;
	display:inline-block;
	padding:0 10px;
	font-size:15px;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#888888;
	vertical-align: top;
	}
ul.banner-desktop-nav li+li{
	margin:0 0 0 30px;
	}
ul.banner-desktop-nav li+li:before{
	position:absolute;
	top:0;
	left:-20px;
	content: "/";
	color:#888888;
	}	
ul.banner-desktop-nav li a{
	color:#ffffff;
	text-decoration:none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;	
	}
ul.banner-desktop-nav li a:hover{
	color:#c7a085;
	}
.page-content{
	display:block;
	width:100%;
	}	
 @media screen and (max-width: 950px) {	
	.large-banner-container img{
		width:350px;
		}
}
 @media screen and (max-width: 865px) {	
	ul.banner-desktop-nav {
		display:none;
		}
	.large-banner-container{	
		height:180px;
		}
	.large-banner-container h4{
		font-size:24px;
		}
	.large-banner-container.default-full{	
		height:auto;
		padding:20px 0;
		}
	.large-banner-container img{
		width:210px;
		}
}
	
 @media screen and (max-width: 640px) {	
	.large-banner-container{	
		height:auto;
		padding:12% 0;
		}
	.large-banner-container img{
		width:150px;
		}
}	

 @media screen and (max-width: 515px) {	
	.large-banner-container img{
		width:110px;
		}
}	
 @media screen and (max-width: 480px) {	
	.large-banner-container h4{
		font-size: calc( 1.25rem + 2.5vw - 8px ); 
		}
	.large-banner-container h4 label{
		font-size: calc( 0.9rem + 2.5vw - 8px );	
		}
	.large-banner-container h4.product-category-title {
		font-size: calc( 0.7rem + 2.5vw - 8px ); 		
		}
	.large-banner-container h4.product-category-title span{
		max-width:80px;
		}
				
}	
 @media screen and (max-width: 360px) {	
	.large-banner-container img{
		width:70px;
		}
}	
/*page content end*/	

/*footer begin*/
.copyright{
	position: absolute;
	width:100%;
	font-family:"AvenirLTStd-Medium",Verdana,sans-serif;
	font-size:13px;
	color:#747a7f;
	text-align:left;
	padding:30px 0 20px 25px;
	background-color:#404549;
	z-index:2;
	}
.copyright .HsLogo{
	float:right;
	margin:0 40px 0 0;
	}
.mail-socal{ 
	float:left;
	margin:-3px 15px 0 0;
	}
@media screen and (max-width: 865px) { 
	.copyright{	padding:20px 0 15px 17px; }
}

@media screen and (max-width: 480px) { 
    .HsLogo{ display:none;}
	ul.category-list { 
		margin:70px auto 0 auto;
		}	
}
@media screen and (max-width: 320px) { 
	ul.category-list li {
		font-size:13px; 
		}
	ul.category-list h3{
		font-size:14px;
		margin:10px 0 5px 0;
		}
	ul.category-list { 
		margin:60px auto 0 auto;
		}	
}
/*footer end*/