@font-face {
    font-family: BankGothic;
    src: url(../fonts/Bank_Gothic_Medium.ttf);
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

body{
	font-family: BankGothic;
	background: #333;
}
.black-box{
	background: #000;
	text-align:center;
	padding:10px 0;
}
.black-box img{
	width:150px;
	height:auto;
	margin-bottom:5px;
}
.tagline h5{
	text-align:center;
	color:#fff !important;
	margin:2px 0;
}
.orange-bar{
	background:#F58220;
	padding:8px 0;
	text-align:center;
}
.orange-bar h1{
	text-align:center;
	margin:0 !important;
	color:black;
	font-style:italic;
}
.info{
	background:#333;
	padding:10px 0;
	text-align:center;
	color:#fff;
}
.info a{
	color:#F58220 !important;
}
.menu{
	text-align:center;
	margin-top:10px;
}
.menu figure{
	display: block;
  float: left;
  margin: 0 0 5px 5px;
  width: 15.85%;
	position:relative;
}
.featured{
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
}
.title-border{
	border-top:dotted 1px #333;
	margin-top:40px;
}
.title-border h3{
	display:block;
	background:#fff;
	width:160px;
	margin:-14px auto 10px;
}
.title-border h4{
	display:block;
	background:#fff;
	width:280px;
	margin:-13px auto 15px;
	text-align:center;
}
.title-border h4#tees{
	width:220px;
}
.title-border h4#gilets{
	width:240px;
}
.title-border h4#shorts{
	width:250px;
}
.title-border h4#jackets{
	width:360px;
}
.menu figure figcaption{
	position:absolute;
	top:50%;
	left:5%;
	border-radius:3px;
	padding:10px 0;
	text-align:center;
	display:block;
	width:90%;
	color:#fff;
	font-size:15px;
	text-transform: uppercase;
	background:rgba(0,0,0,.8);
	transform: translate(0, -50%);
}
.menu figure img{
	width:100%;
	height:auto;
}
h4{
	color: #fff;
}
.panel-title{
	color:#000;
	font-size:20px !important;
	margin:20px 0 20px 5px;
}
.my-gallery {
  width: 100%;
	margin-bottom:40px;
}
.my-gallery img {
  width: 100%;
  height: auto;
}
.my-gallery figure {
  display: block;
  float: left;
  margin: 0 0 5px 5px;
  width: 15.85%;
}
.my-gallery figcaption {
  display: none;
}
.copy{
	text-align:center;
	background:#ddd;
	padding:5px 0;
}
#all-gallery img{
	opacity:0;
	visibility:hidden;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
	width:100%;
}
.no-padding{
	padding:0 !important;
}

@media all and (max-width:767px){
	.black-box img{
		width:80px;
	}
	.tagline h5{
		font-size:11px;
	}
	.orange-bar{
		padding:1px 0;
	}
	.orange-bar img{
		width:150px;
	}
	.title-border{
		margin-top:20px;
	}
	.title-border h3{
		font-size:16px;
		width:120px;
		margin:-10px auto 5px;
	}
	.info{
		font-size:11px;
	}
	.menu figure{
		width:31.5%;
	}
	.menu figure figcaption{
		padding:5px 0;	
		font-size:12px;
	}
	.panel-title{
		font-size:16px !important;
		margin:10px 0;
  }
	.my-gallery {
		margin-bottom:10px;
	}
	.my-gallery figure {
		width: 31.5%;
	}
	.title-border h4{
	width:220px;
	margin:-9px auto 15px;
	}
	.title-border h4#tees{
		width:170px;
	}
	.title-border h4#gilets{
		width:200px;
	}
	.title-border h4#shorts{
		width:210px;
	}
	.title-border h4#jackets{
		width:300px;
	}
}
.preloader { background:url(../images/loader.gif) center center no-repeat #ffffff;  }
@media all and (max-width:991px){
	.menu figure figcaption{
		font-size:14px;
	}
}
@media all and (max-width:480px){
	.menu figure figcaption{	
		font-size:11px;
	}
}