@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
/***** 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;  
} 
html {scroll-behavior: smooth;}

/*-------- COLORS --------*/
:root {
--red: #921a1e;
--blue: #161b4a;
--offwhite: #f8f6f9;
--darkwhite: #f6f4f7;
--black: #000000;
--darkgrey: #121212;
--grey: #333333;
--header: 'Roboto Condensed', sans-serif !important;
--body: "Roboto", sans-serif !important;
}

/***** 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 --------*/
h1,h2,h3,h4,h5,h6{font-family: var(--header);}
p {font-family: var(--body);font-size: 16px;line-height: 1.5;}
body {font-family: var(--body);}

a:link, a:visited, a:active {text-decoration: none;color: #8c9da5;transition: .3s ease;}
a:hover {text-decoration:none;}


hr{border: none;background:#000;height: 1px;margin: 15px 0;}

/*--- HEADER STYLES ---------------------*/
.top-push {height: 75px;}
header#fixed-head {position: fixed;background: #fff;transition: 0.4s;width: 100%;top: 0;z-index: 999;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.logo {flex: 1;}
.logo img {max-width: 100%;height: 75px;transition: 0.4s;display: inline-block;vertical-align: middle;}
.right-side {flex: 1;display: flex;align-items: center;gap: 15px;justify-content: flex-end;}
.social-icons { display: flex; gap: 8px; font-size: 16px !important;}
.social-icons a {color: #af1616;transition: .3s all;}
.social-icons a:hover {color: #222;}
.main-header {background: #fff;justify-content: space-between;-ms-align-items: center;align-items: center;}
.flex-wrap {display: flex;}
#fullwidth {position: absolute;width: 100%;left: 0;transition: 0.4s;right: 0;}
.bottom-header {text-align: right;max-width: 1400px !important;width: 90%;margin: 0 auto;}
nav.top-links {padding: 0;display: inline-block;margin: 0;width: 100%;position: relative;}
nav.top-links ul {margin: 0;padding: 0;text-align: right !important;}
nav.top-links ul li {display: inline-block;margin: 0;list-style-type: none;width: auto;}
nav.top-links ul li a {display: block;text-decoration: none;color: #000;font-weight: 400;font-size: 18px;line-height: 24px;padding: 10px;margin: 0;text-align: center;-webkit-transition: .4s ease-in;-moz-transition: .2s ease-in;-o-transition: .2s ease-in;transition: .2s ease-in;font-family: var(--header);}
nav.top-links ul li a:hover {color: #8c9da5;}

/*---BODY--------------------------------*/
.page-wid {max-width: 1400px;margin: 0 auto; width: 90%}
.flex-container {display: flex;}
.grid-container {display: grid;}
.center {text-align: center;}
#pad-xl {padding-top:50px; padding-bottom: 50px;}
.site-header-push {height: 80px;background: #222;border-bottom: 5px solid #fff;box-sizing: border-box;}
.site-bread {background: var(--offwhite);padding: 20px 0;font-weight: bold;}
.site-bread a {text-transform: uppercase;}
.site-bread a:hover {color:#000;}
.subpg h1 {color: #000;font-size: 36px;font-style: italic;letter-spacing: 1px;text-transform: uppercase;margin-bottom: 15px;}
/*---home---*/
.hero { height: 50vh; min-height: 400px;position:relative;overflow: hidden;background-color:#000;}
.hero img {height:100%;width:100%;object-fit: cover;}
.hero-overlay {position: absolute;top: 0;left: 0;right: 0;border: 0;height: 100;height: 100%;width: 100%;background: rgba(0,0,0,0.5);display:flex;align-items:center;justify-content: center;text-align: center;}
.hero-txt {text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);color: #fff;line-height: 1.25;}
.hero-txt h1 {font-size:72px;}
.hero-txt h2 {font-size: 36px;text-transform: uppercase;font-style: italic;letter-spacing: 1px;}
.hero-btns {gap:20px;justify-content: center;}
.grey-bg {background: #f8f6f9;}
.cat-boxes {width: 90%;margin: 0 auto;padding: 50px 0;display: flex;justify-content: space-between;gap: 30px;}
a.cat {display: flex;justify-content: center;align-items: center;padding: 20px;background: #fff;flex: 1;color: #000;transition: .6s all;border: 1px solid #efefef;border-radius: 4px;}
a.cat:hover {box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;color: #000;}
a.cat:hover .cat-content img{filter: brightness(0);}
.cat-content {display: flex;flex-direction: column;gap: 30px;text-align: center;align-items: center;}
h3.cat-title {text-transform: uppercase;font-weight: 900;font-style: italic;font-size: 18px;font-family: 'Roboto Condensed', sans-serif;
letter-spacing: 1px;}
.cat-content img {max-width: 100%;width: 180px;transition: .6s all;}
.home-text {background-image: linear-gradient(270deg,rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 1) 75%),url("/siteart/fleet-info.jpg");background-repeat:no-repeat;background-color:#000;padding: 100px 0;background-size: cover;background-attachment: fixed;color: #fff;}
.home-text h2 {font-size: 32px;font-weight: 900;text-transform:uppercase;letter-spacing: 1px;}
/*--------FORM STYLES--------------------*/
.blue-btn{color: #fff;background: var(--blue);font-family: var(--header);font-weight: bold;letter-spacing: 1px;font-style: italic;transition: .3s ease;text-align: center;text-transform: uppercase;border: 1px solid var(--blue);cursor: pointer;font-size: 16px;padding: 15px 20px;}

.blue-btn:hover {background:#0F1334;border-color:#0F1334}
.red-btn{color: #fff;background: var(--red);font-family: var(--header);font-weight: bold;letter-spacing: 1px;font-style: italic;transition: .3s ease;text-align: center;text-transform: uppercase;border: 1px solid var(--red);cursor: pointer;font-size: 16px;padding: 15px 20px;}
.red-btn:hover {background: #741417;border-color:#741417}
.white-btn{color: #fff;background: rgba(255,255,255,0.5);font-family: var(--header);font-weight: bold;letter-spacing: 1px;font-style: italic;transition: .3s ease;text-align: center;text-transform: uppercase;border: 1px solid rgba(255,255,255,0.5);cursor: pointer;font-size: 16px;padding: 15px 20px;}
.white-btn:hover {background:rgba(255,255,255,1.00);background:#000;border: 1px solid #000;}

/*---productslider---*/
.product-info {justify-content: space-between;gap: 40px;}
.product-info h2 {font-size: 32px;font-weight: 900;margin-bottom: 5px;}
a.product {display: inline-block;margin: 10px;color:#000;}
a.product h3 {text-transform: uppercase;margin-top: 10px;letter-spacing: .5px;font-size: 20px;font-weight: 700;margin-bottom: 5px;transition: .4s ease all;}
a.product:hover > h3 {color: var(--red);}
a.product:hover > p {opacity: .75;}
a.product p {transition: .4s ease all;text-transform: uppercase;letter-spacing: 1px;font-weight: 400;font-style: italic;font-size: 15px;font-family: var(--header);}
.product-img {transition: .4s ease all;background: var(--darkwhite);overflow: hidden;border-radius: 4px;height: 250px;padding: 10px 30px;box-sizing: border-box}
.product-img img {height: 100%;width: 100%;object-fit: contain;}
a.product:hover > .product-img {background:#DDDDDD;}
.slide-btn.flex-container {gap: 10px;}
.next-btn,.prev-btn {color: #fff;background: var(--blue);height: 40px;width: 40px;display: flex;align-items: center;justify-content: center;border: 1px solid var(--blue);font-size: 18px;box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;cursor: pointer;transition:.3s all;}
.prev-btn {opacity: .5;}
.prev-btn:hover {opacity: .75;}
.next-btn:hover,.prev-btn:hover{background: #000;border-color:#000;}

/*---VIDEO PAGE---*/
.grid-container.grid-videos {grid-template-columns: repeat(3, 1fr);gap: 20px;margin: 30px;}
.video h2 {font-size: 18px;text-align: center;text-transform: uppercase;margin-bottom: 5px;}
.video-wrap {position: relative;overflow: hidden;width: 100%;padding-top: 56.25%;}
.video-wrap iframe {position: absolute;top: 0;left: 0;right: 0;bottom: 0;height: 100%;width: 100%;}
/*--Product Info--*/
.flex-bulletin {grid-template-columns: repeat(4, 1fr); gap: 15px;}
a.bulletin {background: #eee;padding: 20px;flex-basis: 28% !important;border-radius: 3px;color: #333;border: 1px solid #e8e8e8;flex: 1;transition: .4s ease;text-align: center}
a.bulletin:hover {background: #333;color: #eee;border: 1px solid #111;}
a.bulletin h2 {margin-bottom: 10px;font-size: 22px;transition: .4s ease;}
a.bulletin p {padding: 0;transition: .4s ease;}
/*-------- FOOTER STYLES ----------------*/
footer{background:#000;color:#fff;font-family: var(--header);}
.footerwrap {padding: 45px 0;justify-content: space-between;gap: 20px;align-items: baseline;}
footer .foot-col ul li a {transition: .3s all;font-family: var(--header);color: #fff;transition: .3s all;text-transform: uppercase;line-height: 1.5;letter-spacing: 1px;font-size: 15px;display: block;margin-bottom: 5px;}
footer .foot-col ul li a:hover {opacity: .5;}
span.foot-title {text-transform: uppercase;font-weight: 900;letter-spacing: 1px;font-style: italic;display: block;margin-bottom: 10px;}
.flex-list {display: flex;gap: 45px;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button,.list-content .list-error-container .info button:not(.login-button) {
    -moz-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}

.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:var(--blue) !important;}
.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a,.list-content .list-error-container .info button:not(.login-button) {background:var(--blue) !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button,.list-content .list-error-container .info button:not(.login-button){border: solid 1px var(--blue) !important; transition: ease all 0.2s !important;color:#fff !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover,.list-content .list-error-container .info button:not(.login-button):hover {background:#000 !important; color: #fff !important;border-color:#000 !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #333 !important; border: solid 1px #333 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #444 !important; color: #fff !important;border-color:#444;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #333 !important;}
 
.list-content .list-error-container .info .selected-facet{    background-color: transparent !important;border: none !important;}

.list-content .list-error-container .info .selected-facet button,.list-content .list-error-container .info .selected-facet button:hover {padding: 5px !important;background-color: transparent !important;color: #000 !important;font-size: 14px !important;border: none !important;}

/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1300px) {
	
	
	.grid-container.grid-videos {grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 1100px) {
	a.bulletin h2 {font-size: 20px;}
	.footerwrap {flex-wrap:wrap;gap: 40px;}
	.foot-col {flex-basis: 46%;flex-grow: 1;}	
	.flex-list {flex-wrap:wrap;gap: 8%;}
	.hero-txt h1 {font-size: 62px;}
	.hero-txt h2 {font-size: 28px;}
	.hero {    height: 45vh;}
	.grid-container.grid-videos {grid-template-columns: repeat(1, 1fr);}
	.product-info {flex-wrap:wrap;gap:20px;}
	.product-info span,.slide-btn {flex-basis: 100%;}
	.flex-bulletin {grid-template-columns: repeat(3, 1fr);}
}

@media only screen and (max-width: 950px) { 
	.cat-content img {width: 100px;}
	.cat-boxes {padding: 30px 0;}
	.product-info h2,.home-text h2 {font-size: 28px;}
	h3.cat-title {font-size: 16px;}
	.cat-boxes {gap: 20px;}
}

@media only screen and (max-width: 890px) {
	.cat-boxes {flex-wrap:wrap;}
	a.cat {flex-basis: 40%;flex-grow: 1;}
	h3.cat-title {font-size: 18px;}
	.product-img {height: 200px;padding: 0;}
}

@media only screen and (max-width: 767px) {
	.subpg h1 {font-size: 32px;}	
	.flex-bulletin {grid-template-columns: repeat(2, 1fr);}
}

@media only screen and (max-width: 630px) {
	.subpg h1 {font-size: 28px;}
}
@media only screen and (max-width: 550px) {
	a.bulletin {flex-basis: 100% !important;}
	.hero-txt h1 {font-size: 48px;}
	.hero-txt h2 {font-size: 22px;}
	.hero-btns {flex-wrap:wrap;}
	.hero-btns a {flex-basis: 100%;}
	.hero-btns button {width: 100%;}
	
	.flex-bulletin {grid-template-columns: repeat(1, 1fr);}
}