/* 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, h3 a {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:#000;}*/
body {background:#fff;}
#contentwrap {width:90%; margin:0 auto;}
/*#inventorywrap {width:75%; margin:10px 0; float:left;}*/
#inventorywrap { margin:10px auto; float:none;}
.list-content {max-width: 1250px}

#colorblock {background:#fff;}
#colorblock a {color:#EB0000; text-decoration:none;}
#colorblock a:hover {color:#000;}

#colorblock2 {background:#fff;}

/* HEADER STYLES */
header {background:#000; padding:10px 0; color:#fff;}
header 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:#111; 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; box-sizing: content-box; display: flex;}

#manu-slider ul,
#manu-slider ul li,
#manu-slider ul li a{box-sizing: content-box;}

/* 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;}


/* INVENTORY BUTTONS */
#invwrap {width:20%; margin:10px 60px 0 0; float:left;}
.cecat img {width:12%; display:inline-block; vertical-align:middle;}
.ce {width:100%;}
.cecat a {display:block; padding:10px 0; background:#000; margin:5px 0; text-transform:uppercase; color:#fff; text-align:center;}
.cecat a:hover {background:#fdaf27; color:#fff;}

.agcat img {width:12%; display:inline-block; vertical-align:middle;}
.ag {width:100%;}
.agcat a{display:block; padding:10px 0; background:#000; margin:5px 0; text-transform:uppercase; color:#fff; text-align:center; font-size:20px;}
.agcat a:hover {background:#fe0000; color:#fff;}
.sub {font-size:16px;}

.express { max-width:1250px; margin:0 auto; text-align: right;}
.express img {width:100%; max-width:200px; margin:0 0 0 auto;}

/* SEARCH */
.searchform {width:100%; padding:5px 0;}

.searchform input.search-box {
	float:left;
	width:60%;
	color:#000;
	font-size:18px;
	background:#fff;
	padding:5px 0 5px 8px;
	text-transform:uppercase;
	border:1px #b2abad solid;	
	font-family:'bebas_neuebold', sans-serif; 
}

.searchform .search-btn {
	float:left;
	width:31%;
	color:#fff;
	font-size:20px;	
	padding:6px 0px 6px 0;
	text-align:center;
	margin-left:18px;
	background:#fe0000;
	font-family:'bebas_neuebold', sans-serif; 
}

.searchform .search-btn:hover {background:#000; color:#fff;}

.searchform .search-btn2 {
	float:left;
	width:31%;
	color:#fff;
	font-size:20px;	
	padding:6px 0px 6px 0;
	text-align:center;
	margin-left:18px;
	background:#fdad26;
	font-family:'bebas_neuebold', sans-serif; 
}

.searchform .search-btn2:hover {background:#000; color:#fff;}


/* CONTACT PAGE */
.map {float:right; width:55%;}
.contact {float:left; width:40%;}
.contact a {color:#fe0000; text-decoration:none;}
.line {border-bottom:1px solid #fe0000; margin-bottom:20px;}
.contactinfo {float:left; width:25%;}
.contactinfo a {color:#fe0000; text-decoration:none;}
.contactinfo a:hover {color:#000;}
.location {display:inline-block; width:49%; margin-bottom:10px;}



.footcontact {float:left; width:33.3%;}
.footcontact a {color:#fff;}
.footer-location {display:inline-block; width:90%; margin-bottom:10px;}

/* PARTS MANUAL */
.manu {diplay:inline-block; text-align:center;}
.manu img {margin:10px 20px;}

.pdf {display:inline-block; width:19%; margin:10px 5px;}
.pdfbtn {font-family:'bebas_neuebold', sans-serif; background:#000; color:#fff; font-size:24px; padding:10px 20px; text-align:center;}
.pdfbtn:hover {background:#fe0000;}

/* PRODUCT LINES */
.product {display:inline-block; width:20%;}
.product img {width:100%;}

/* GALLERY */
#gal_container {margin:5px auto;}
#gal_container img {height:90px; margin:0 5px 5px 0; border:1px #666666 solid;}
 
#maininv {background:#000; }
.homeinventory {width:12%; padding:20px 0; float:left; text-align:center;}
.homeinventory img {width:30%;}
.info {font-family: 'bebas_neuebold', sans-serif; font-size:18px; color:#fff; text-decoration:none;}
.info:hover {color:#fe0000;}

/* SCROLLING INVENTORY */
.scrolling-wrap {width:100%; height:90px; overflow:hidden;}
.scrolling{width:100%; height:92px;}

/* FOOTER */
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;}

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

/* CONSTRUCTION NAV */  
nav {  text-align:left; position:relative; display:block; z-index:9000; margin:0; width:100%; /* This example sets width to 220px, adjust width as needed, for your site.*/}
nav ul {list-style: none; margin: 0 0 0 0; padding:0 0 0 0;}
nav li{list-style: none; margin: 0 0 0 0; padding:0 0 0 0;}
 
/*hides the dropdowns of (secondlevel) */
nav li ul {display:none;}

/*reveals the dropdowns of (secondlevel) */
nav li:hover ul {display:block;   position:absolute;}
  
/* position of dropdown (secondlevel) */
nav ul ul {position:absolute; border-bottom:0; left:0; *left:0; margin: -10px 0 0 0; padding:0 0 0 0; width:100%; line-height:0;}  
  
/*appearance of main navigaiton links */
nav ul li a.firstlevel:link,
nav ul li a.firstlevel:active,
nav ul li a.firstlevel:visited {margin:0; text-decoration:none; text-transform:uppercase; color:#fff; display:block; padding:10px 0; margin:5px 0; width:100%; background:#000;}
nav ul li a.firstlevel:hover {padding:10px 0px; color:#fff; background:#fdaf27;}
  
/* appearance of dropdown (secondlevel) */
nav ul ul li a.secondlevel {line-height:18px; text-decoration:none; font-weight:normal;  color:#fff; border-bottom:1px #fff solid; display:block; margin:0; text-align:left; text-shadow:none; background: #fdaf27; padding:7px 15px;}
nav ul ul li a.secondlevel:hover {background:#000;  color:#fff;}

/* AG NAV */  
.nav {  text-align:left; position:relative; display:block; z-index:9000; margin:0; width:100%; /* This example sets width to 220px, adjust width as needed, for your site.*/}
.nav ul {list-style: none; margin: 0 0 0 0; padding:0 0 0 0;}
.nav li{list-style: none; margin: 0 0 0 0; padding:0 0 0 0;}
 
/*hides the dropdowns of (secondlevel) */
.nav li ul {display:none;}

/*reveals the dropdowns of (secondlevel) */
.nav li:hover ul {display:block;   position:absolute;}
  
/* position of dropdown (secondlevel) */
.nav ul ul {position:absolute; border-bottom:0; left:0; *left:0; margin: -10px 0 0 0; padding:0 0 0 0; width:100%; line-height:0;}  
  
/*appearance of main navigaiton links */
.nav ul li a.firstlevel:link,
.nav ul li a.firstlevel:active,
.nav ul li a.firstlevel:visited {margin:0; text-decoration:none; text-transform:uppercase; color:#fff; display:block; padding:10px 0; margin:5px 0; width:100%; background:#000;}
.nav ul li a.firstlevel:hover {padding:10px 0px; color:#fff; background:#fe0000;}
  
/* appearance of dropdown (secondlevel) */
.nav ul ul li a.secondlevel {line-height:18px; text-decoration:none; font-weight:normal;  color:#fff; border-bottom:1px #fff solid; display:block; margin:0; text-align:left; text-shadow:none; background: #fe0000; padding:7px 15px;}
.nav ul ul li a.secondlevel:hover {background:#000;  color:#fff;}



/* HOME AG NAV */  
#nav {text-align:left; position:relative; display:block; z-index:9000; margin:0 auto; width:50%; /* This example sets width to 220px, adjust width as needed, for your site.*/}
#nav ul {list-style: none; margin: 0 0 0 0; padding:0 0 0 0;}
#nav li{list-style: none; margin: 0 0 0 0; padding:0 0 0 0;}
 
/*hides the dropdowns of (secondlevel) */
#nav li ul {display:none;}

/*reveals the dropdowns of (secondlevel) */
#nav li:hover ul {display:block;   position:absolute;}
  
/* position of dropdown (secondlevel) */
#nav ul ul {position:absolute; border-bottom:0; left:0; *left:0; margin: -10px 0 0 0; padding:0 0 0 0; width:100%; line-height:0;}  
  
/*appearance of main navigation links */
#nav ul li a.firstlevel:link,
#nav ul li a.firstlevel:active,
#nav ul li a.firstlevel:visited {margin:0; text-decoration:none; text-transform:uppercase; color:#fff; display:block; padding:10px 0; margin:10px auto; width:100%; background-color:rgba(100,100,100,0.85); font-size:28px; text-align:center;}
#nav ul li a.firstlevel:hover {padding:10px 0px; color:#fff; background-color:rgba(254,0,0,0.85);}

/* appearance of dropdown (secondlevel) */
#nav ul ul li a.secondlevel {line-height:18px; text-decoration:none; font-weight:normal;  color:#fff; border-bottom:1px #fff solid; display:block; margin:0; text-align:left; text-shadow:none; background: #fe0000; padding:7px 15px;}
#nav ul ul li a.secondlevel:hover {background:#000;  color:#fff;}

/* HOME CONSTRUCTION NAV */  
#cenav {text-align:left; position:relative; display:block; z-index:9000; margin:0 auto; width:50%; /* This example sets width to 220px, adjust width as needed, for your site.*/}
#cenav ul {list-style: none; margin: 0 0 0 0; padding:0 0 0 0;}
#cenav li{list-style: none; margin: 0 0 0 0; padding:0 0 0 0;}
 
/*hides the dropdowns of (secondlevel) */
#cenav li ul {display:none;}

/*reveals the dropdowns of (secondlevel) */
#cenav li:hover ul {display:block;   position:absolute;}
  
/* position of dropdown (secondlevel) */
#cenav ul ul {position:absolute; border-bottom:0; left:0; *left:0; margin: -10px 0 0 0; padding:0 0 0 0; width:100%; line-height:0;}  
  
/*appearance of main navigation links */
#cenav ul li a.firstlevel:link,
#cenav ul li a.firstlevel:active,
#cenav ul li a.firstlevel:visited {margin:0; text-decoration:none; text-transform:uppercase; color:#fff; display:block; padding:10px 0; margin:10px auto; width:100%; background-color:rgba(100,100,100,0.85); font-size:28px; text-align:center;}
#cenav ul li a.firstlevel:hover {padding:10px 0px; color:#fff; background-color:rgba(253,175,39,0.85);}

/* appearance of dropdown (secondlevel) */
#cenav ul ul li a.secondlevel {line-height:18px; text-decoration:none; font-weight:normal;  color:#fff; border-bottom:1px #fff solid; display:block; margin:0; text-align:left; text-shadow:none; background: #fdaf27; padding:7px 15px;}
#cenav ul ul li a.secondlevel:hover {background:#000;  color:#fff;}





.accordion {
	cursor: pointer;
	margin:8px 0;
	padding: 18px calc(2.5% + 35px) 18px 2.5% !important;
	text-align: left;
	border: 1px #333 solid;
	outline: none;
	transition: 0.4s;
	position:relative; 
}

.careersactive,
.accordion:hover {color:#fff; background-color:#fe0000;}

.accordion h3 {font-size: 24px; font-family: 'bebas_neuebold', sans-serif;}
.accordion h3 span {color:#fe0000; font-family:'bebas_neuebold', sans-serif;}
.accordion:hover h3 span {color:#fff;}

.careersactive h3 span {color:#fff;}

.panel {
  padding:0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.panel ul li {list-style: disc; margin:0 0 0 2em; padding:5px 0;}

.careerListing {padding:15px 0;}

.accordion:after {
  content:'\f068'; position:absolute; right:1.25em; top:2em;  margin:0 0 0 0; font-size:1.15em; color:#111; font-weight:800; font-family: FontAwesome;
}

.careersactive:after {content: "\f068"; color:#fff;}






/*  LISTINGS
------------------------------------------------*/
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {margin:3px 0 0 2px !important;}

.list-top-section .list-title .list-listings-count,
.list-content .price-container .price,
.listing-prices__retail-price,
.listing-prices__discount-formatted-price,
.listing-prices__alternate-retail-price,
.listing-prices__exclusive-wholesale-price {color:#fe0000 !important;}

.mobile-option-bar .mobile-option-bar-filter{color:#000 !important;}

.view-listing-details-link,
.faceted-search-content .mobile-done-button-container .mobile-done-button,
.show-all-modal .apply-button,
.faceted-search-content .selected-facets-container .selected-facet,
.list-content .list-error-container .info button {color:#fff !important; background:#fe0000 !important;}

.faceted-search-content .mobile-done-button-container .mobile-done-button:hover {color:#fff !important; background:#000 !important;}

.show-all-modal .back-button {color:#fe0000 !important; border:1px #fe0000 solid !important;}




/************************************************ 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;}
	
.footcontact {width:50%;}
	.footcontact:last-of-type {width:100%;}
}


@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;}
	
	.footcontact {width:100%;}
}


@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;}
}