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

/***** 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 --------*/
:root {
--blue: #079DF4;
--darkblue: #0054A3;
--grey: #36393E;
--black: #000000;
--white: #ffffff;
--font: "Roboto", sans-serif;
}
h1,h2,h3,h4,h5,h6{font-family: var(--font) !important;}
body {font-family: var(--font) !important;}
p {font-family: var(--font) !important;font-size: 16px;line-height: 1.5;}
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}
hr{background-color: #414141;height: 1px;border: none;width: 80%;margin: 10px auto;}
/*--- HEADER STYLES ---------------------*/
header {z-index: 9;}
.top-head {background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(204,204,204,0.71) 60%);padding: 5px 0;}
.top-head .flex-container {align-items: center;}
ul.head-links {gap: 20px;}
a.head-link {color: #000;font-weight: 700;font-size: 14px;}
/*---search-bar---*/
.search-bar{background:transparent;display:flex;align-items: center;}
.search-bar i {font-size: 18px;transform: rotate(90deg);opacity: .75;}
.search-bar input {border: none !important;box-sizing: content-box !important;line-height: 2 !important;color: #212529 !important;font-size: 16px !important;font-family: roboto, sans-serif !important;max-width: 120px;background: transparent !important;height: auto !important;}
input.search-btn {display: none !important;}
.search-bar input:focus{outline: none;}
/*---main-header---*/
.main-head {background: linear-gradient(90deg, rgba(1, 87, 164, 0.15) 0%, rgba(255, 255, 255, 0.7) 65%);}
.logo img {max-width: 100%;width: 100%;}
.logo {max-width: 230px;width: 100%;top:-30px;position: relative;}
.flex-head{padding: 10px 0;height: 88px;box-sizing: border-box;gap:5px;}
.sub-hero {background-image:linear-gradient(180deg,rgba(255, 255, 255, 0.45) 100%, rgba(255, 255, 255, 0.45) 0%),url("/siteart/other_use_6.webp");background-repeat: no-repeat;background-size:cover;background-position: center 95%;background-color:#000;position: relative;display:flex;align-items: center;justify-content: center;max-height:250px;height: 25vh;min-height: 250px;}
.sub-hero h2{text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);font-size: 3.75rem;font-weight: 800;color:#fff;}
/*---BODY--------------------------------*/
.relative {position:relative;}
.upper {text-transform: uppercase !important;}
.wid90 {width:95%;margin:0 auto;}
.page-wid{max-width: 1320px;}
.flex-container {display: flex;}
.grid-container {display: grid;}
.center {text-align: center;}
.pad-xl{padding-top:60px;padding-bottom:60px;}
.pad-xl-top{padding-top:60px;}
.pad-l-top{padding-top:30px;}
.pad-l-bottom{padding-bottom:30px;}
.pad-xl-bottom{padding-bottom:60px;}
.pad-l{padding-top:30px;padding-bottom:30px;}
.relative {position: relative;}
.base-align {align-items: baseline;}
.start-align {align-items: flex-start;}
.align-center {align-items:center !important;}
.just-center{justify-content: center;}
.space-between{justify-content: space-between;}
.just-between{justify-content: space-between;}
.just-end{justify-content: flex-end;}
.align-right {text-align: right !important;}
.align-left {text-align: left !important;}
.block,#block {display: block !important;}
.dark-bg {background-color:var(--darkblue);}
.grey-bg {background-color:var(--grey);}

.full-pg {flex:1;box-sizing: border-box;}
.quarter{flex-basis: 25%;box-sizing: border-box;}

.inventory-banner .flex-container {gap: 15px;}
.inner-wrap {box-sizing: border-box;padding: 30px;}
.inner-wrap h2, .inner-wrap h3 {text-transform: uppercase;}
.inner-wrap h2 {font-size: 32px !important;color:var(--white)}
.inner-wrap h3 {font-size: 24px !important;color:var(--black)}

.blue-box.full-pg {background: var(--darkblue);border-radius: 15px;color: #fff;font-family: var(--font);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);transition: box-shadow 0.3s ease;}
.yellow-box.quarter {background: #FFB800;border-radius: 15px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);font-family: var(--font);transition: box-shadow 0.3s ease;}
.blue-box.full-pg span {color: #FFB800 !important;font-weight: 900;}.blue-box strong {opacity: .75;}

.inventory-banner .flex-container:hover .blue-box,
.inventory-banner .flex-container:hover .yellow-box {box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);}
/*--------FORM STYLES--------------------*/
a.white-btn {padding: 5px 15px;color: var(--darkblue);border: 1px solid var(--darkblue);border-radius: 20px;background-color: #fff;font-weight: 700;display: inline-flex;line-height: 1;align-items: center;gap: 5px;transition: .3s all;}
a.white-btn:hover {background: var(--darkblue);border-color: var(--darkblue);color: var(--white);}
a.white-btn i.icon img {max-width: 100%;width: 18px;transition:.3s all;}
a.white-btn:hover i.icon img {filter: brightness(0) invert(1);}
/*-------- FOOTER STYLES ----------------*/
footer a,footer ul li, footer strong{color:var(--white)}
footer {padding: 50px 0;}
.foot-col,.foot-nav span {flex: 1;}
.flex-foot {gap: 24px;}
nav.foot-nav ul {gap: 5px;}
nav.foot-nav ul li a {color: #38b5ff !important;transition: .3s all !important;line-height: 1.5 !important;font-size: 14px !important;font-weight: 400 !important;}
nav.foot-nav ul li a:hover {color:var(--blue) !important;}
.flex-socials {gap:10px;}
.flex-socials a {font-size: 32px;}
.flex-socials i {color: transparent;-webkit-text-stroke: 2px var(--blue);}
.flex-socials i.fa-brands.fa-instagram {color: var(--blue);-webkit-text-stroke: 0px !important;}
.foot-col strong {margin-top: 0;margin-bottom: 15px;font-size: 2em;font-weight: 700;display: block;margin-top: 0 !important;}
.foot-col li {font-size: 14px;font-weight: 500;margin: 7px 0;line-height: 1.6;}
.foot-col li a {font-size: 18px;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: var(--body);} /* Reset font, ignore icons */

.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: 90px !important;
    -o-border-radius: 90px !important;
    -webkit-border-radius: 90px !important;
    border-radius: 90px !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,.list-top-section .list-listings-count {color:var(--darkblue) !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(--darkblue) !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{border: solid 1px var(--darkblue) !important; transition: ease all 0.2s !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 {color: #fff !important; background: var(--darkblue) !important;border-color: var(--darkblue) !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !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: #333 !important; border-color: #333 !important;color:#fff !important;}

.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: #000 !important;}
.list-content .list-error-container .info .selected-facet {background: none !important;border: none !important;}
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: #333 !important; border-color:#333 !important;color: #fff!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}

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

@media screen and (max-width: 1090px) {
	.sub-hero h2 {font-size: 2.5rem;}
}
@media screen and (max-width: 990px) {
	.top-head {display: none;}
	.flex-head {justify-content: space-between;align-items: center;padding: 5px 0 !important;height: unset !important;}
	.logo {top: unset !important;width: 122px;}
	header {box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.35);position:relative;}
	.main-head {background:#fff;}	
}
@media only screen and (max-width: 767px) {
	.foot-col strong  {font-size: 22px !important;}
	.flex-foot {flex-wrap:wrap;}
	.foot-col {flex-basis: 100%;}
	nav.foot-nav ul {display: block;}
	footer {padding: 30px 0 95px 0}
	.main-head {height: 65px;}
	.sub-hero {height: 15vh;min-height: 150px !important;}
	.inner-wrap h2 {font-size: 24px !important;}
	.inner-wrap h3 {font-size: 16px !important;}
	
}
@media only screen and (max-width: 500px) {	
	.sub-hero h2 {font-size: 2rem;}
	.inventory-banner .flex-container {flex-wrap:wrap;}
	.blue-box,.yellow-box {flex-basis: 100%;}
}