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

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 {
--navy:#072C3F !important;
--blue: #3A9BD5 !important;
--offwhite: #D9D9D9 !important;
--grey:#717171 !important;
--yellow: #F1D611 !important;
--black: #000000 !important;
--white: #ffffff !important;
--body: "DM Sans", sans-serif !important;
}
html{scroll-behavior: smooth;}
h1,h2,h3,h4,h5,h6{font-family: var(--body) !important;}
body {font-family: var(--body) !important;}
p {font-family: var(--body) !important;font-size: 16px;line-height:2;}
a:link, a:visited, a:active {text-decoration:none;color:#000;}
a:hover {text-decoration:none;}
strong {font-weight: 800;}
hr{border:none;height: 1px;background:rgba(0,0,0,0.1)}
/*--- HEADER STYLES ---------------------*/
header {top: 0;z-index: 1000;will-change: transform;transition: transform 200ms ease;padding: 10px 0;position: relative;}
header.nav-up {transform: none !important;}
.logo img {max-width:100%;width: 100%;}
.logo {width: 180px;}
/* Dropdown Button */
.dropbtn {background-color: var(--blue);padding: 8px 12px;font-size: 14px;border: none;text-transform: uppercase;font-family: var(--body);color: var(--white);line-height: 2;cursor: pointer;}
/* The container <div> - needed to position the dropdown content */
.dropdown {position: relative;display: inline-block;}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {display: none;position: absolute;min-width: 160px;z-index: 1;transform: translate(-20%, 2%);}
/* Links inside the dropdown */
.dropdown-content a {text-decoration: uppercase;display: block;background-color: var(--blue);padding: 8px 12px;font-size: 14px;border: none;text-transform: uppercase;font-family: var(--body);color: var(--white);line-height: 2;}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: var(--yellow);color:var(--blue);}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: flex;align-items: center;gap: 5px;}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: var(--yellow);color:var(--blue);}
button.dropbtn i {  transform: rotate(230deg);}
.right-side {display: inline-flex;align-items: center;gap: 30px;}
.inv-search {color:var(--white);font-size: 24px;}
/*---Search---*/
.header-search-icon:hover {cursor: pointer;}
.header-search-icon:hover i {color:var(--blue)}
.header-search-icon a {position: relative;z-index: 1;}
.header-search-icon i {color: #fff;font-size: 22px;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.header-search-slide {background: #fff;padding: 10px 0;width: 100%;display: flex;justify-content: space-between;align-items: center;overflow: hidden;box-sizing: border-box !important;position: absolute;z-index: 9;border: 0 solid #b5b5b5;border-radius: 0 0 0 0;box-shadow: 0 1px 0 0 #e4e4e4;}
.search-outer-container {width: 100%;max-height: 100%;}
.header-search {display: flex;height: 100%;align-items: center;}
.header-search input[type="text"] {font-weight: 400;font-style: normal;font-size: 32px !important;color: #808080 !important;background: #fff;border: none;font-family: var(--body);}
.header-search ::placeholder {font-weight: 400;font-style: italic;font-size: 32px !important;color: #808080 !important;}
.header-search i {color: #000;font-size: 22px;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;}
#mobile-form-submit {max-height: 80px;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;}
#mobile-form-submit:hover {cursor: pointer;}
.header-search input:focus {outline: none !important;outline-style: none;box-shadow: none;border-color: transparent;}
#slide-search-input{flex: 4 !important;padding: 0 0 0 25px !important;margin: 0 !important;line-height:3 !important;border: none !important;height: unset !important;letter-spacing: 1px;border-radius: 5px 0 0 5px !important;background: #fff !important;font-family: var(--body);font-size: 32px !important;}
#mobile-form-submit{background: transparent;color: #000;border: 0 !important;padding: 0;justify-content: center;padding: 10px;color: #000 !important;text-transform: uppercase !important;display: flex;align-items: center;min-height: 100%;}

.initiallyHidden {display: none;}

.quote-btn {align-items: center;appearance: none;cursor: pointer;display: inline-flex !important;font-family: var(--body) !important;font-style: normal;justify-content: center;line-height: 1 !important;padding: 10px 14px !important;position: relative;text-align: center;transform: scale(1);user-select: none;vertical-align: middle;border-radius: 8px;background: none;border-width: 2px;border-style: solid;border-color: var(--yellow);border-image: initial;outline: none;overflow: hidden;text-decoration: none;transition: transform 0.3s ease-in-out, background 0.3s, color 0.3s, box-shadow 0.3s;color:var(--yellow) !important;font-weight: 700;font-size: 18px;}
.quote-btn:hover {transform: scale(1.03);text-decoration: none;background:var(--yellow);color:#072C3F !important}

/*---BODY--------------------------------*/
.wid90 {width:90%;margin:0 auto;}
.flex-container {display: flex;}
.grid-container {display: grid;}
.page-wid {max-width: 1260px;}
.center {text-align: center;}
.pad-xl{padding-top:45px !important;padding-bottom:45px !important;}
.pad-xl-top{padding-top:60px !important;}
.pad-l-top{padding-top:40px !important;}
.pad-l-bottom{padding-bottom:40px !important;}
.pad-xl-bottom{padding-bottom:60px !important;}
.pad-l{padding-top:40px !important;padding-bottom:40px !important;}
.relative {position: relative;}
.base-align {align-items: baseline;}
.align-center {align-items:center;}
.center-content {align-content:center;}
.just-center{justify-content: center;}
.just-between{justify-content: space-between;}
.just-end{justify-content: flex-end;}
.align-right {text-align: right;}
.align-left {text-align: left;}
.dark-bg {background: var(--navy);}
/*-------- FOOTER STYLES ----------------*/
footer .flex-container {gap: 25px;}
.top-foot {padding-top: 55px;border-bottom: 1px solid hsla(0,0%,100%,.2);padding-bottom: 55px;}
.foot-col {flex: 1;}
.foot-col ul li a {margin-top: 10px;display: block;transition:.3s all;}
.foot-col ul li a:hover {text-decoration: underline !important;}
.foot-col img {max-width: 150px;width:100%;}
.nav-foot a, .foot-col p,.foot-col a {color: #FFF;font-size: 18px;line-height: 1.25;}
.vac-socials a {padding: 5px;margin: 3px;}
.foot-col.foot-wrap {flex-basis: 25%;}
.foot-col strong {font-weight: 700;display:block;color: #fff;margin-bottom: 22px;font-size: 18px}
.bottom-foot p, .bottom-foot a {font-size: 15px;}
.bottom-foot {padding-top: 32px;padding-bottom: 100px;}
ul.foot-nav {text-align: center;}
ul.foot-nav li {display: inline-block;}

ul.foot-nav li a {padding: 0 15px;transition:.3s all;color:#fff;font-weight: 700;font-size: 15px;}
ul.foot-nav li a:hover {text-decoration: underline;}
span.foot-socials {display: flex;gap: 20px;justify-content: flex-end;}
span.foot-socials a {font-size: 24px;color: var(--yellow);transition: .3s all;padding: 10px;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: var(--body) !important;} /* 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 {
	-moz-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !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 {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{border: solid 1px var(--blue) !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 {background: #fff !important; color: var(--blue) !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: #fff !important; color: #000 !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;}
 
/* 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: transparent !important; color: #000!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 ----------*/
#mobiletxt {display: none;}
@media screen and (max-width: 1500px) {
	.foot-col {
	flex-basis: 50% !important;}
}
@media screen and (max-width: 1000px) {
	.navigation {display: none;}
	#menu-button {text-align:left !important}
	.right-side {justify-content: flex-end}
}

@media screen and (max-width: 1090px) {
}

@media screen and (max-width: 1020px) {
	.dropdown:hover .dropdown-content {display: block !important;}
	.dropdown-content {min-width: unset !important;transform: unset !important;gap: 0;}
	.dropdown-content a{min-width: 140px;width: 10%;}
}



@media screen and (max-width: 950px) {
	footer .flex-container {flex-wrap: wrap;gap: 45px;}
	.foot-col {flex-basis:100%;}
	.bottom-foot .flex-container {gap: 25px;}
	span.foot-socials,.bottom-foot .flex-container {justify-content: center !important;text-align: center;}
	}

@media screen and (max-width: 805px) {
	#desktxt {display: none;}
	#mobiletxt {display: block;}
	header{padding: 0 !important;}
	.dropbtn {line-height: 4;padding: 8px 15px;font-weight: 700;}
	#menu-button a {margin-left: 5%;line-height: 3;}
	.dropdown-content {right: 0 !important;}
	.flex-head { gap: 5%;}
	.quote-btn {display: none !important;}
}


@media screen and (max-width: 745px) {
}

@media screen and (max-width: 500px) {
	.vac-socials span {display: block;}
	.right-side {gap: 8px;}
	.nav-foot ul li{width: 100%;}
	span.foot-socials {flex-wrap:wrap;}
}