/* template.css overwrites -- use only when absolutely necessary
================================*/
body {position: relative; font-family: 'Open Sans', Helvetica, Arial, sans-serif; color:#FFF;background-color:#081c33;}

.section-inner{background-color:#081c33;}

.img-responsive{width:100%;height:auto;}

h1{font-size:1.3em;}
h2{font-weight:300;}
/* custom CSS on a per project basis
================================*/

/*header
========================*/
.hero-main{position:relative;top:0;left:0;z-index:1;}

/*brands
========================*/
#section-brands{margin:30px auto;}
.img-place{margin:15px auto;}

/*productBox
========================*/
.ffe-logo{margin-top:5px;}
.product-box{margin:15px auto;max-width:100%;height:220px;padding-bottom:25px;border-bottom:none;background-color:rgba(68, 68, 68, 0.3);}
.product-box2{margin:15px auto;max-width:100%;height:220px;padding-bottom:25px;border-bottom:none;background-color:rgba(68, 68, 68, 0.3);}
.product-title, .product-title a{color:#f7921c;font-size:1em;margin-bottom:7px;height:50px;}
.product-title{margin-top:15px;}
.product-img{margin-top:25px;}
.product-img:hover{opacity:0.5;}
.product-blurb{font-size:0.8em;margin-top:10px;height:60px;}
.product-pricebox{margin-top:25px;}
.price-msrp{text-decoration:line-through;}
.price-percent{color:#246ab6;font-size:0.8em;font-weight:600;}
.price-final{font-size:1.3em;}

/*blurb-top
========================*/
#blurb-intro{margin-top:10px;margin-bottom:30px;}
.blurb-title{color:#FFF;}
.blurb-title h2{font-size:1.2em;color:#FFF;margin:5px auto;line-height:1.3em;}

/*hr
========================*/
hr{ 
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #939393;
    margin: 1em 0;
    padding: 0; 
}
.style-01{margin-bottom:15px;}

/*blurb-bottom
========================*/
#blurb-bottom{margin:30px auto;}

/*blurb-bottom
========================*/
.banner-blog{margin-bottom:50px;}

 /* Add Spaces
 =============================*/
.spacer05{margin-top:5px;margin-bottom:5px;}
.spacer10{margin-top:10px;margin-bottom:10px;}
.spacer20{margin-top:20px;margin-bottom:20px;}
.spacer30{margin-top:30px;}
.spacer40{margin-top:40px;margin-bottom:40px;}
.spacer50{margin-top:50px;margin-bottom:50px;}
.spacer60{margin-top:60px;}
.spacer70{margin-top:70px;margin-bottom:70px;}
.spacer80{margin-top:80px;margin-bottom:80px;}
.spacer90{margin-top:90px;margin-bottom:90px;}
.spacer100{margin-top:100px;margin-bottom:100px;}


 /* Back-To-Top Button
 =============================*/
 .btn-section{margin-top:30px;}
 
 
 
  /* Back-To-Top Button
 =============================*/
.back-to-top { 
	background: none;
	margin: 0;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 70px;
	height: 70px;
	z-index: 100;
	display: none;
	text-decoration: none;
	color: #D1D1D1;
	background-color: none;
}
.back-to-top i { font-size: 60px;}


/* responsive CSS on a per project basis
================================*/

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

}
@media only screen and (min-width: 375px) {
.title-descrip{	height:125px;}
}
@media only screen and (min-width: 481px) {
.title-descrip{	height:70px;}

}
@media only screen and (min-width: 641px) {
	.product-box{border-bottom:none;max-width:90%;}
	.product-box2{border-bottom:none;border-left:2px dotted rgba(52,70,88,1.00);max-width:90%;}
	.product-title{font-size:1.1em;height:60px}
	.product-img{margin-top:25px;}
	.price-percent{font-size:1em;}
}
@media only screen and (min-width: 769px) {
	h1{font-size:1.7em;}
	.blurb-title h2{font-size:1.4em;line-height:1.5em;}
	.product-title{font-size:1.1em;height:50px;margin-top:10px;}
	.product-img{margin-top:0;}
}
@media only screen and (min-width: 1025px) {
	.product-title{font-size:1.1em;height:30px;margin-top:10px;}
	.product-blurb{font-size:1em;margin-bottom:20px;}
}
