/* RESET */
* {background:transparent; border:0; margin:0; padding:0; font-family: 'Roboto Condensed', sans-serif; -webkit-text-size-adjust: none;}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/* FONTS */
@font-face {
    font-family: 'bebas_neuebold';
    src: url('../fonts/bebasneue_bold-webfont.eot');
    src: url('../fonts/bebasneue_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue_bold-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue_bold-webfont.woff') format('woff'),
         url('../fonts/bebasneue_bold-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue_bold-webfont.svg#bebas_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {font-family:'bebas_neuebold', sans-serif; font-size:36px; line-height:60px; color:#fe0000}
h3 {font-family:'bebas_neuebold', sans-serif; font-size:24px;}

p {font-size:16px; line-height:26px;}

.style1 {color:#fe0000; font-family: 'bebas_neuebold', sans-serif !important; margin-top:5px;}

/* BASIC STYLES */
body {background:#fff;}
#contentwrap {width:90%; margin:0 auto;}
#inventorywrap {width:75%; margin:10px 0; float:left;}
#colorblock {background:#fff;}
#colorblock a {color:#fe0000; text-decoration:none;}
#colorblock a:hover {color:#000;}

#colorblock2 {background:#fff;}


/* HEADER STYLES */
.shopheader {background:#000; padding:10px 0; color:#fff;}
.shopheader a {color:#fff;}
.logo {float:left;}
.logo img {margin:0 5px; vertical-align:middle;} 
.phone {float:right; text-align:right; padding-top:30px;}
.fb {display:inline-block; vertical-align:middle; margin-left:5px;}
.accountbtn { background:#fe0000; color:#fff; padding:3px 0 5px; width:170px; text-align:center; margin:5px 0 0 5px; font-weight:bold;}
.accountbtn:hover {background:#F50B0B;}

/* MANU SLIDER */
#manu-slider {padding:20px 0; margin-bottom:20px;}



/* LANDING PAGE */
.block-section {width:100%; display:flex; flex-direction:row; align-content:stretch;}
.block-section:after {clear:both; display:block; content:"";}
.block {width:50%; height:auto; min-height:100%; position:relative; background-repeat:no-repeat; background-size:cover; background-position:center;}
.arrow {vertical-align:middle;}
.bg {width:100%; position:relative;}
.landingwrap {width:100%; margin:10px auto;}

.jscontent, .jcbcontent {position:relative; padding:50px 0 40px 0; width:100%; text-align:center;}






/* FOOTER */
.shop-footer {background:#000; padding:15px 0; color:#fff; text-align:center;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:none; font-size:12px; color:#fff;}
a.footerlink:hover {text-decoration:none; color:#fe0000; font-size:12px;}
.footertext{font-size:12px; color:#fff;}
.smallfootertext{font-size:12px; color:#fff;}
.divfooter {width:40%; text-align:center; margin:0 auto 10px;}




a.outlook {color:#fe0000; text-decoration:none;}
a.outlook:hover {color:#fff;}





#hs-main-content {overflow: visible; width:100%; max-width:1245px; margin:0 auto 1em auto; padding:0 0 1em 0;}
.page-header h1, .page-header .h1 {font-size:36px; line-height:1;}

.hs-search-box .hs-btn.hs-highlighted,
.hs-faceted-search .hs-faceted-section-values .hs-facet-btns span, 
.product.product-card-item .cf .product-controls .product-control a.hs-btn,
.page-header .cart-box .cart-view-cart #recaptcha-container div,
.checkout-view .checkout-steps .hs-highlighted,
.checkout-view .checkout-full-hs-btn.hs-btn,
.hs-btn.hs-highlighted{color:#fff !important;}
.hs-btn.hs-highlighted {background-color:#fe0000 !important;}
.checkout-view .cart-total .cart-total-bordered .cart-total-subtotal-items .promo-code-container input[type="text"] {border: 1px solid #ccc; background:#fff;}

.hs-modal-heading{color:black;} 
label{color:black;} 













/************************************************ Responsive Styles **/
@media screen and (max-width: 1700px) {
	.logo {width:70%;}
	.phone {width:30%;}
	#nav ul li a.firstlevel:link, #nav ul li a.firstlevel:active, #nav ul li a.firstlevel:visited {font-size:20px; padding:7px 0;}
	#cenav ul li a.firstlevel:link, #nav ul li a.firstlevel:active, #nav ul li a.firstlevel:visited {font-size:20px; padding:7px 0;}

	#inventorywrap {width:70%;}
	.agcat a {font-size:16px;}
	.cecat a {font-size:16px;}
	.sub {font-size:14px;}

	.searchform .search-btn {width:25%; font-size:16px; padding:6px 0; margin-left:5px;}
	.searchform .search-btn2 {width:25%; font-size:16px; padding:6px 0; margin-left:5px;}

	.pdf {width:18%;}

	.express {width:18%;}
}


@media screen and (max-width: 1280px) {
	.logo {width:75%;}
	.logo img {width:21%;}
	.phone {width:25%;}
	.jscontent, .jcbcontent {padding:20px 0 10px 0;}
	.sitelogo {width:60%;}

	.pdfbtn {font-size:16px;}
}


@media screen and (max-width: 1023px) {
	.logo {width:60%;}
	.phone {width:40%}
	.phone {padding-top:15px;}
	.jscontent, .jcbcontent {padding:15px 0 5px 0;}
	#nav {width:75%;}
	#nav ul li a.firstlevel:link, #nav ul li a.firstlevel:active, #nav ul li a.firstlevel:visited {font-size:16px; margin:4px auto; padding:6px 0;}
	#cenav {width:75%;}
	#cenav ul li a.firstlevel:link, #nav ul li a.firstlevel:active, #nav ul li a.firstlevel:visited {font-size:16px; margin:4px auto; padding:6px 0;}
	.sitelogo {width:50%;}

	.contactinfo {width:50%;}

	#inventorywrap {width:65%;}
	#invwrap {width:25%;}
	.agcat a {font-size:14px;}
	.cecat a {font-size:14px;}
	.sub {font-size:12px;}

	.searchform input.search-box {float:none; width:100%; padding:5px 0; text-align:center;}
	.searchform .search-btn {float:none; width:100%; padding:5px 0; margin:5px 0 0 0;}
	.searchform .search-btn2 {float:none; width:100%; padding:5px 0; margin:5px 0 0 0;}

	.pdf {width:22%; margin:5px;}
	.pdfbtn {font-size:12px;}

}


@media screen and (max-width: 767px) {
	h3 {font-size:16px;}
	.logo {width:58%;}
	.logo img {width:20%;}
	.phone {width:42%;}
	#nav ul li a.firstlevel:link, #nav ul li a.firstlevel:active, #nav ul li a.firstlevel:visited {font-size:12px; margin:2px auto; padding:3px 0;}
	#cenav ul li a.firstlevel:link, #nav ul li a.firstlevel:active, #nav ul li a.firstlevel:visited {font-size:12px; margin:2px auto; padding:3px 0;}
	.arrow {width:5%;}

	#inventorywrap {width:70%;}
	#invwrap {margin:10px 20px 0 0;}
	.sub {font-size:14px;}

	.contactinfo {width:50%;}

	.pdf {width:22.5%;}

	.express {width:20%;}

	#gal_container img {height:70px;}

	.info {font-size:14px;}
	.divfooter {width:90%; text-align:center; margin:0 auto;}
}


@media screen and (max-width: 499px) {
	h3 {font-size:18px;}
	.logo {width:100%; margin:0 auto;}
	.logo img {width:21%;}
	.phone {width:100%; text-align:center; padding-top:12px;}
	.accountbtn {width:100%; margin:5px auto 0;}
	.block-section {flex-direction:column;}
	.block {width:100%;}
	.jscontent {width:100%; text-align:center;}
	.jcbcontent {width:100%; text-align:center;}
	#nav ul li a.firstlevel:link, #nav ul li a.firstlevel:active, #nav ul li a.firstlevel:visited {font-size:16px; margin:3px auto; padding:7px 0;}
	#cenav {width:75%;}
	#cenav ul li a.firstlevel:link, #nav ul li a.firstlevel:active, #nav ul li a.firstlevel:visited {font-size:16px; margin:3px auto; padding:7px 0;}
	.arrow {width:8%;}
	.sitelogo {width:60%;}

	#inventorywrap {float:none; width:100%;}
	#invwrap {float:none; width:100%; margin:10px auto;}

	.contact {float:none; width:100%; margin-top:20px;}
	.map {float:none; width:100%;}
	.contactinfo {float:none; width:100%;}

	.pdf {width:45.5%; margin:5px;}

	.express {width:30%;}

	#gal_container img {height:79px;}

	.homeinventory {width:33%; padding:10px 0;}
	.info {font-size:14px;}
	.divfooter {width:90%; text-align:center; margin:0 auto;}
}
 

@media screen and (max-width: 320px){
	h1 {font-size:18px;}
	h3 {font-size:16px;}

	.logo img {width:18.5%;}
	.phone {width:100%; text-align:center; padding-top:12px;}
	.fb {width:10%;}
	.accountbtn {width:100%; margin:5px auto 0;}
	#nav ul li a.firstlevel:link, #nav ul li a.firstlevel:active, #nav ul li a.firstlevel:visited {font-size:10px; margin:2px auto; padding:3px 0;}
	#cenav ul li a.firstlevel:link, #nav ul li a.firstlevel:active, #nav ul li a.firstlevel:visited {font-size:10px; margin:2px auto; padding:3px 0;}
	.sitelogo {width:30%;}

	.agcat a {font-size:14px;}
	.cecat a {font-size:14px;}
	.sub {font-size:14px;}

	.btn {font-size:18px;}

	.pdf {display:block; width:100%; margin:0 atuo;}

	.express {width:50%; float:none; margin:0 auto;}

	#gal_container img {width:100%; height:auto; text-align:center;}

	.info {font-size:7px;}
}