/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none; cursor: pointer !important;}
button:hover {cursor: pointer !important;}

hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
header {border-bottom: 2px #bbb solid; padding-bottom: 10px;}

.header-top {background: #B40C1C;}
.header-top-wrap {width: 90%; margin: 0 auto; padding: 5px 0; display: flex; justify-content: space-between; align-items: center; gap: 10px;}
.header-top-wrap p, .header-top-wrap a {color: #fff; font-family: 'mulish-variable', sans-serif; font-size: 16px; line-height: 26px; font-weight: bold;}
.header-top-wrap p span {font-weight: lighter;}
.header-top-wrap > div {display: flex; gap: 15px; align-items: center; width: 408px; justify-content: flex-end;}

.header-middle {width: 90%; margin: 0 auto; padding: 10px 0; display: flex; justify-content: space-between; align-items: center; gap: 50px;}
.header-search {width: 900px;}
.header-search form {background: #E6E6E6; border-radius: 3px; padding: 10px 20px; display: flex; gap: 10px; align-items: center;}
.header-search i {color: #090302; font-size: 20px; line-height: 20px;}
.header-search input {background: none !important; border: none !important; width: 100%; font-family: 'mulish-variable', sans-serif !important; font-size: 16px !important; line-height: 26px !important; color: #7E7E7E !important;}
.header-icons {display: flex; gap: 25px; align-items: center;}
.header-icons i {color: #090302; font-size: 25px; line-height: 25px;}
.mobile-search {display: none;}

.header-bottom {width: 90%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; gap: 50px;}
.header-button {display: flex; gap: 25px; align-items: center; width: 408px; justify-content: flex-end;}
.header-button a {color: rgba(9,3,2,0.60); font-family: 'nunito-sans', sans-serif; font-size: 16px; line-height: 26px; font-weight: bold;}
.header-button button {background: #B40C1C; border-radius: 3px; border: none; width: 100px; display: flex; justify-content: center; align-items: center; padding: 3px 0; font-family: 'nunito-sans', sans-serif; font-size: 16px; line-height: 26px; color: #fff; font-weight: bold;}
.header-button button:hover {background: #D20E20; transition: .8s;}

.sub-categories {background: #fff; padding: 25px 0; position: absolute; width: 100%; z-index: 600; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.nav-flex-open {width: 90%; margin: 0 auto; display: flex; justify-content: space-between; gap: 20px;}
.nav-flex-open > div {display: flex; justify-content: space-between; width: 100%; gap: 20px;}
.nav-flex-open ul li a {display: flex; width: 300px; justify-content: space-between; align-items: center; padding: 20px 10px; border-bottom: 1px #bbb solid;}
.nav-flex-open ul li, .nav-flex-open ul li a {font-family: 'nunito-sans', sans-serif; font-size: 16px; line-height: 26px; color: #090302; font-weight: bold;}
.nav-flex-open ul li a:hover {background: #f2f2f2; transition: .8s;}
.sub-sub-width {width: 100%;}
.sub-sub-width > div {display: flex; gap: 20px;}
.sub-sub-width a {width: 100%;}
.sub-sub-width > div a img {width: 100%;}
.sub-sub-width > div a p {font-family: 'nunito-sans', sans-serif; color: #090302; font-size: 14px; line-height: 24px;}
.main-nav-x a {background: #B40C1C; color: #fff; font-size: 22px; line-height: 22px; font-weight: bold; padding: 5px 10px; border-radius: 3px;}
.cat-break-flex > div {flex-wrap: wrap !important;}
.cat-break-flex a {width: 23.5% !important;}
.single-nav-links {display: block !important;}
.single-nav-links > div {flex-wrap: wrap !important; display: flex; gap: 50px;}
.single-nav-links > div > div {width: 22.5%;}
.single-nav-links a p {font-family: 'nunito-sans', sans-serif; font-size: 16px; line-height: 26px; color: #090302;}
.single-nav-links hr {border: 1px #bbb solid; margin: 10px 0; width: 100%;}
.single-nav-links ul li {margin-bottom: 5px;}
.single-nav-links ul li a {font-family: 'mulish-variable', sans-serif; font-size: 14px; line-height: 24px; color: #090302; font-weight: lighter; padding: 0px; border-bottom: none;}
.single-nav-links a:hover, .single-nav-links a:hover p {color: rgba(9,3,2,0.60); transition: .8s; background: none !important;}
.single-nav-links > div:last-child {display: flex; flex-wrap: nowrap !important; margin-top: 25px;}
.single-nav-links > div:last-child img, .single-nav-links > div:last-child a {width: 100%;}

.header-banner {background: #F2F2F2;}
.header-banner > div {width: 90%; margin: 0 auto; display: flex; justify-content: center; gap: 20px; padding: 10px 0;}
.header-banner p {font-family: 'figtree', sans-serif; font-size: 22px; line-height: 32px; font-weight: bold; color: #090302;}
.header-banner p span {font-family: 'mulish-variable', sans-serif; font-size: 16px; line-height: 26px; color: #090302; font-weight: lighter;}

.mobile-nav-btm {display: flex; flex-wrap: wrap; width: 90%; margin: 0 auto; padding: 20px 0;}
.mobile-nav-btm > a {width: 100%; padding: 10px 0; font-family: 'nunito-sans', sans-serif; font-size: 16px; line-height: 26px; color: #090302; font-weight: bold; display: flex; gap: 5px; align-items: center;}
.mobile-nav-btm a i {font-size: 16px; line-height: 26px; color: #090302;}
.mobile-nav-btm a button {background: #B40C1c; border: none; border-radius: 3px; color: #fff; font-family: 'nunito-sans', sans-serif; font-size: 16px; line-height: 26px; font-weight: bold; padding: 5px 0; width: 100px;}
.mobile-nav-btm a button i {color: #fff; font-size: 16px; line-height: 26px;}

/*---BODY--------------------------------*/



/*--------FORM STYLES--------------------*/




/*-------- FOOTER STYLES ----------------*/
.footer-top {background: #F2F2F2; border-top: 1px #bbb solid; border-bottom: 1px #bbb solid;}
.footer-top-wrap {width: 90%; margin: 0 auto; padding: 20px 0; display: flex; justify-content: space-between; gap: 30px;}
.footer-top-wrap > div {width: 100%; display: flex; align-items: center; gap: 20px;}
.footer-top-wrap > div i {font-size: 30px; line-height: 30px; color: #090302;}
.footer-top-wrap > div p {font-family: 'mulish-variable', sans-serif; font-size: 16px; line-height: 26px; color: #090302;}

.back-to-top {width: 90%; margin: 0 auto; text-align: center; padding: 20px 0;}
.back-to-top a {font-family: 'mulish-variable', sans-serif; font-weight: bold; font-size: 14px; line-height: 24px; color: #090302;}

.footer-bottom {background: #B40C1C;}
.footer-bottom-wrap {width: 90%; margin: 0 auto; padding: 50px 0;}
.footer-flex {display: flex; justify-content: space-between;}
.footer-flex > div:first-child {width: 30%;}
.footer-flex p {font-family: 'mulish-variable', sans-serif; font-size: 16px; line-height: 26px; color: #D4D4D4; margin-bottom: 10px;}
.footer-flex ul li {margin-bottom: 10px;}
.footer-flex ul li a {font-family: 'mulish-variable', sans-serif; font-size: 16px; line-height: 26px; color: #D4D4D4;}
.footer-right {display: flex; width: 60%; gap: 50px;}
.footer-right > div {width: 100%;}
footer li a:hover {text-decoration: underline; transition: .8s;}
footer button {background: #090302; width: 150px; border-radius: 3px; padding: 10px 0; color: #fff; font-family: 'mulish-variable', sans-serif; font-weight: bold; font-size: 14px; line-height: 24px; border: none; margin-top: 25px; margin-bottom: 40px;}
footer button:hover {background: #3F3F3F; transition: .8s;}
footer img {margin-bottom: 20px;}
.footer-socials {display: flex; gap: 20px; align-items: center;}
.footer-socials i {color: #D4D4D4; font-size: 22px; line-height: 22px;}

footer hr {width: 100%; border: 1px rgba(212,212,212,0.60) solid; margin: 50px 0 25px 0;}

.footer-footer {display: flex; justify-content: space-between; align-items: center;}
.footer-footer a {font-family: 'mulish-variable', sans-serif; font-weight: bold; font-size: 12px; line-height: 22px; color: #D4D4D4;}
.footer-footer div {display: flex; gap: 25px;}
.footer-footer a:hover {text-decoration: underline; transition: .8s;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inv-header {width: 90%; margin: 0 auto; padding: 10px 0 0 0;}
.inv-header > div {display: flex; gap: 10px; align-items: center; padding-bottom: 10px;}
.inv-header a, .inv-header p {font-family: 'mulish-variable', sans-serif; font-size: 14px; line-height: 24px; color: #090302; border-bottom: 1px transparent solid;}
.inv-header h2 {font-family: 'figtree', sans-serif; font-weight: bold; font-size: 52px; line-height: 54px; color: #090302;}
.inv-header a:hover {border-bottom: 1px #090302 solid; transition: .8s;}

.marquee {background: #F2F2F2; padding: 20px 0;}
.marquee p {font-family: 'figtree', sans-serif; font-size: 31px; line-height: 41px; color: #090302; text-transform: uppercase; font-weight: bold;}
.marquee p span {font-style: italic; font-weight: bold; font-size: 20px;}
.marquee button {background: #B40C1C; border-radius: 3px; border: none; width: 160px; display: flex; justify-content: center; align-items: center; padding: 5px 0; font-family: 'figtree', sans-serif; font-size: 22px; line-height: 32px; color: #fff; font-weight: bold; text-transform: uppercase; font-style: italic;}
.marquee button i {width: 28px; height: 28px; border-radius: 50px; border: 2px #fff solid; display: flex; justify-content: center; align-items: center; font-size: 12px; line-height: 12px;}
.marquee {
  position: relative;
  overflow: hidden;
  width: 100%;
  display: flex;
  gap: 50px;
}
.marquee__track {
  gap: 1.5rem;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 18s linear infinite;
  display: flex; 
  align-items: center;
}

.inventory-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	padding-top: 30px;
}
.inventory-buttons a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 50px;
	margin: 0px 5px;
	background-color: #B40C1C;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	border-radius: 3px;
	transition: .7s all ease;
}
.inventory-buttons a:hover {
	background-color: #D20E20;
}
/* Adjust animation speed by changing duration above (e.g., 10s faster, 25s slower) */
@keyframes marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.list-content, .detail-wrapper {padding: 20px 0 !important;}
.list-top-section .list-listings-count, .list-container-flexrow .price-container .price, .listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price {color: #B40C1C !important;}
.faceted-search-content .selected-facets-container .selected-facet, .list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text, .trueagturfusedcomhdev-88jlbf, .listing-carousel .recommended-listings-section .view-all-link, .listing-carousel .recommended-auctions-section .view-all-link, .list-content .list-error-container .info button:not(.login-button) {background: #B40C1C !important;}
.faceted-search-content button.faceted-search, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn, .list-content .listing-image, .list-container-flexrow .contact-options a, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text {background: #090302 !important;}
.ts-disclaimer span {font-family: 'nunito-sans', sans-serif !important; font-size: 16px !important; line-height: 26px !important;}
.container, .body-content {font-family: 'nunito-sans', sans-serif !important;}

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1750px) {
	.single-nav-links > div > div {width: 22%;}
}

@media only screen and (max-width: 1550px) {
	.cat-break-flex a {width: 23% !important;}
	.single-nav-links > div > div {width: 21.5%;}
}

@media only screen and (max-width: 1450px) {
	.sub-sub-width > div, .footer-top-wrap {flex-wrap: wrap;}
	.sub-sub-width > div a {width: 31%;}
	.footer-top-wrap > div  {width: 31%;}
	.cat-break-flex a {width: 31% !important;}
	.single-nav-links > div > div {width: 29%;}
}

@media only screen and (max-width: 1300px) {
	.footer-right {flex-wrap: wrap; width: 45%;}
	.footer-flex > div:first-child {width: 45%;}
}

@media only screen and (max-width: 1150px) {
	.header-button {width: 450px;}
}

@media only screen and (max-width: 1100px) {
	.sub-sub-width > div a {width: 30.5%;}
	.cat-break-flex a {width: 30.5% !important;}
	.single-nav-links > div > div {width: 29%;}
}

@media only screen and (max-width: 1050px) {
	.footer-top-wrap > div  {width: 48%;}
}

@media only screen and (max-width: 1000px) {
	.sub-sub-width > div a {width: 47.5%;}
	.cat-break-flex a {width: 47.5% !important;}
	.single-nav-links > div > div {width: 28.5%;}
}

@media only screen and (max-width: 950px) {
	.header-bottom {flex-wrap: wrap; gap: 15px;}
	.header-button {width: auto;}
}

@media only screen and (max-width: 900px) {
	.header-banner > div {flex-wrap: wrap; gap: 0px;}
	.header-banner p {width: 100%; text-align: center;}
	.sub-sub-width > div a {width: 47%;}
	.cat-break-flex a {width: 47% !important;}
}

@media only screen and (max-width: 850px) {
	.header-top-wrap > div {display: none;}
	.header-top-wrap p {text-align: center;}
	.header-middle .header-search {display: none;}
	.mobile-search {display: contents;}
	.mobile-search .header-search {width: 100%;}
	.mobile-search-wrap {width: 90%; margin: 0 auto;}
	.header-bottom {display: none;}
	.footer-top-wrap > div  {width: 47.5%;}
	.footer-flex {flex-wrap: wrap; gap: 50px;}
	.footer-flex > div:first-child, .footer-right {width: 100%;}
	.footer-right > div {width: 28%;}
	.inv-header h2 {font-size: 41px; line-height: 41px;}
}

@media only screen and (max-width: 700px) {
	.footer-top-wrap > div  {width: 47%;}
	.footer-right > div {width: 27%;}
}

@media only screen and (max-width: 650px) {
	.footer-right > div {width: 100%;}
	.footer-footer {flex-wrap: wrap; gap: 20px;}
	.footer-footer > a, .footer-footer > div {width: 100%;}
}

@media only screen and (max-width: 600px) {
	.footer-top-wrap > div  {width: 100%;}
}

@media only screen and (max-width: 500px) {
	.header-logo img {width: 100%;}
}

@media only screen and (max-width: 450px) {
	.footer-footer div {flex-wrap: wrap;}
	.footer-footer div {gap: 20px;}
	.inv-header h2 {font-size: 36px; line-height: 36px;}
}

@media only screen and (max-width: 300px) {
	footer img {width: 85%;}
}