/***** 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;
}
*:focus {
  outline: none;
}
/*-------- 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;
}
@-webkit-keyframes slide-down {
  0% {opacity: 0;
  }
  100% {
opacity: 1;
  }
}
@-moz-keyframes slide-down {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*-------- BODY STYLES --------*/
:root {
--blue: #003846 !important;
--darkblue: #00222A !important;
--dark: #002D38 !important;
--red:#e31d1a !important;
--black: #000000 !important;
--white: #ffffff !important;
--body: "IBM Plex Sans", sans-serif !important;
}
html{scroll-behavior: smooth;}
h1,h2,h3,h4,h5,h6{font-family: var(--header) !important;line-height: 1.25}
body {font-family: var(--body) !important;overflow-x: hidden;}
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;}
hr{border:#000 1px solid;}
/*
--- HEADER STYLES ---------------------
header {background: #003846 !important;color: #fff;position: relative;}
.header-wid {max-width: 1425px;width: 90%;margin: 0 auto;}
.logo {flex-basis: 20%;text-align: center;min-width: 190px;}
.logo img {width: 200px;max-width: 100%;}
.flex-header {align-items: baseline;padding-bottom: 20px;justify-content: center;}
.mobile-only {display: none !important;}
*/


/*
#search {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #fff;z-index: 999999999999;}
.search-bg {-webkit-animation: slide-down .3s ease-out;-moz-animation: slide-down .3s ease-out;}
.search-btn {border: none !important;background: transparent !important;height: 50px;padding: 0 10px;}
.search-btn img {width: 35px !important;}
#search-header input {caret-color: #e61804;}
.searchTerm::placeholder { color: #e61804;opacity: 1; }
.searchTerm:-ms-input-placeholder { color: #e61804;}
.searchTerm::-ms-input-placeholder {color: #e61804;}
.search-wrap {padding: 13px 0;width: 90%;}
.search-header input[type="text"]:not([class^="Mui"]) {width: 90% !important;border: none !important;font-size: 24px !important;color: #e61804 !important;font-family: var(--body) !important;text-transform: uppercase !important;font-weight: 800 !important;letter-spacing: 1px !important;-webkit-user-select: initial;-khtml-user-select: initial;-moz-user-select: initial;-ms-user-select: initial;user-select: initial;height: auto !important;line-height: 70px !important;}
.underline-link span {color: #fff;text-decoration: none;position: relative;}
.underline-link span:after {bottom: -4px;content: "";display: block;height: 2px;left: 0;position: absolute;background: #fff;opacity: 0.6;transition: width 0.3s ease 0s, opacity 0.3s ease 0s;width: 0;}
.underline-link:hover span:after {width: 100%;opacity: 0.9;}
.search-nav {opacity: .7;transition: ease all 0.2s !important;}
.search-nav:hover {opacity: 1;}
*/
.primary-nav ul li a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 10px;
}
.lang-choice {display:flex;gap: 10px;}
.lang-choice a {
    color: #fff;
    line-height: 3;
}
/*---BODY--------------------------------*/
#myHeader {
  color: white;
  width: 100%;
  transition: padding 0.3s ease; /* Smooth transition for the size change */
}

.sticky {
  position: fixed; /* Use fixed positioning when the class is added */
  top: 0;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);z-index: 999;
}

/* Add margin/padding to the content to prevent it from being hidden behind the fixed header */
body.sticky-active-body {
  margin-top: 60px; /* Adjust to the final height of your sticky header */
}

.relative {position:relative;}
.top-bar {background: var(--darkblue);color: #fff;}
.top-bar .wid90.flex-container {justify-content: space-between;}
.top-left,.top-right {gap:32px;display:flex;align-items: baseline;}
.top-bar a {color: #fff;text-transform: uppercase;font-size: 13px;font-weight: 600 !important;line-height: 3;}
.primary-nav ul li {display: inline-block;padding: 0 10px;line-height: 2;}
/* Underline From Left */
.top-bar a,.primary-nav ul li a,.foot-col a {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;overflow: hidden;}
.top-bar a:before,.primary-nav ul li a:before,.foot-col a:before {content: "";position: absolute;z-index: -1;left: 0;right: 100%;bottom: 0;background: var(--red);height: 3px;-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.top-bar a:hover:before, .top-bar a:focus:before, .top-bar a:active:before,.primary-nav ul li a:hover:before,.primary-nav ul li a:focus:before,.primary-nav ul li a:active:before,.foot-col ul li a:hover:before,.foot-col ul li a:focus:before,.foot-col ul li a:active:before {right: 0;}

.foot-col a:before {background:#fff;}
.contact-info {display: inline-flex;align-items: center;gap: 24px;justify-content: flex-end;}
.main-header {background:var(--blue)}
.main-header .wid90.flex-container {justify-content: space-between;padding: 10px 0;align-items: center;}
.nav-section {flex: 1;}
.expand-pill {--h: 40px;--bg: #111827;--fg: #fff;--pill: 9999px;display: inline-flex;align-items: center;gap: 8px;height: var(--h);width: var(--h);line-height: 2;font-size: 18px;overflow: hidden;font-family: var(--body);border-radius: 0;background: transparent;color: #fff;border: 0;cursor: pointer;padding: 0;transition: width 200ms ease, background-color 150ms ease, box-shadow 150ms ease;}
.expand-pill:hover,
.expand-pill:focus-visible {width: fit-content;background: rgb(255 255 255 / 30%);padding: 4px 8px !important;}
.expand-pill svg {width: 30px;height: 30px;flex: 0 0 auto;fill: currentColor;}
.expand-pill .label {white-space: nowrap;opacity: 0;transform: translateX(-6px);transition: opacity 140ms ease 60ms, transform 140ms ease 60ms;}
.icon {display: inline-block;width: 1em;height: 1em;stroke-width: 0;stroke: currentColor;fill: currentColor;}

/* Reveal label only when there's space */
.expand-pill:hover .label,
.expand-pill:focus-visible .label {opacity: 1;transform: translateX(0);}

/* Accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .expand-pill {transition: none;}
  .expand-pill .label {transition: none;}
}

a.red-btn {font-family: "IBM Plex Sans", sans-serif;font-size: 1.125rem;font-weight: 600;line-height: 1.5;justify-content: center;align-items: center;padding: 15px 24px 15px 24px;color: #fff;transition: all 0.2s;width: max-content;display: flex;outline: none;background-color: #e31d1a;clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%);margin: 0 auto;gap: 8px;}
a.red-btn img {width: 100%;max-width: 150px;}
a.red-btn .icon {height: 24px !important;width:24px !important;}
a.red-btn:hover {background:#B61715;}
.overlay {height: 100%;width: 100%;display: none;position: fixed;z-index: 999;top: 0;left: 0;background-color: rgb(0, 0, 0);background-color: #fff;}

/* The content */
.overlay-content {position: relative;top: 25%;text-align: center;margin-top: 30px;margin: auto;}

/* Close button */
.overlay .closebtn {position: absolute;top: 50px;right: 0;font-size: 18px !important;cursor: pointer;padding: 20px;line-height: 1;color: var(--blue);}
.overlay .closebtn:hover {color: #ccc;}

/* Style the search field */
.overlay input {padding: 0 15px !important;font-size: 18px !important;border: none !important;background: white !important;/* border-bottom: 1px solid #000; */line-height: 2 !important;height: unset !important;border-radius: 0px !important;font-family: var(--body);}
button.search-btn .icon {font-size: 22px;}
form.search-header {display: flex;border-bottom: 1px solid #000;}
.overlay-content .wid90 {max-width: 890px;}

/* Style the submit button */
.overlay button {width: fit-content;padding: 15px;background: transparent;font-size: 18px;border: none;cursor: pointer;color: var(--blue);display: inline-flex;font-family: var(--body);font-weight: 600;/* letter-spacing: .5px; */justify-content: center;}

.overlay-content h2 {color: var(--blue);font-size: 42px;margin-bottom: 45px;}
/*---*/
.wid90 {width: 90%;margin: 0 auto;}
.page-wid {max-width: 1320px;}
#pad-50 {padding-top: 50px;padding-bottom: 50px;}
#pad-20 {padding-top: 20px;padding-bottom: 20px;}
.flex-container {display: flex;}
.just-center {justify-content: center;}
.just-left {justify-content: left;}
.just-right {justify-content: right;}
.center {text-align: center;}
/*--------FORM STYLES--------------------*/
/*-------- FOOTER STYLES ----------------*/
footer {padding-bottom: 120px !important;}
.top-footer {background: #002D38 !important;padding: 40px 0;}
.flex-foot{justify-content: space-between;}
.flex-foot strong {color:#979797 !important;text-transform: uppercase;font-size: 16px;font-weight: 500;margin-bottom: 1rem !important;display: block;}
.flex-foot ul li a {color: #fff;font-size: 16px;line-height: 2;font-size: 18px;}
.flex-foot ul li a:before{height: 2px;}
.social-bar ul li a:hover:before, .social-bar ul li a:focus:before, .social-bar ul li a:active:before {right: unset !important;}
.social-bar ul li a:hover {color:var(--red)}
.social-bar a {color: #fff;font-size: 24px !important;transition: ease all 0.2s !important;}

.social-bar {text-align: right;}
.bottom-foot {margin-top: 48px;color: #fff;}
.bottom-foot ul li { display: inline-block;position: relative;}
.bottom-foot ul li a {line-height: 30px;color: #fff;}
.bottom-foot ul > li:not(:last-of-type)::after {content: "";height: 30px;width: 1px;background-color: #646464;display: inline-block;position: absolute;right: -24px;align-items: center;vertical-align: middle !important;}
.bottom-foot ul {display: flex;flex-wrap: wrap;gap: 12px 48px;}

.bottom-foot p strong {font-size: 22px;font-weight: 600 !important;margin-bottom: 15px;display: inline-block;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
#inv {
  padding: 5% 0;
}
#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, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn, .check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn, .detail-contact-bar .contact-bar-btn, .list-content .list-error-container .info button, .faceted-search-content .faceted-section-box .faceted-range .faceted-range-input-container .prefix-input {
  -moz-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
}
.list-top-section .list-title .list-title-text, .faceted-search-content .faceted-section-box .faceted-search, .faceted-search-content .selected-facets-container .selected-facet, .view-listing-details-link, .list-main-section .contact-options a, .list-content .price-container .price, .list-content .spec-label, .list-content .dealer-data, .list-content .spec-label, .list-content .dealer-data, .media-buttons .print-this, .media-buttons .email-this, .detail-wrapper .offer-btn, .detail-wrapper .buy-btn, .dealer-info .phone-and-email .send-email-btn, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn, .list-content .list-listing-mobile .dealer-phone-container a, .list-content .list-error-container .info button {
  font-family: var(--body) !important;
}
.list-top-section .list-title .list-title-text, .faceted-search-content .faceted-section-box .faceted-search, .faceted-search-content .selected-facets-container .selected-facet, .view-listing-details-link, .list-main-section .contact-options a, .media-buttons .print-this, .media-buttons .email-this, .detail-wrapper .offer-btn, .detail-wrapper .buy-btn, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn, .list-content .list-listing-mobile .dealer-phone-container a, .detail-contact-bar .contact-bar-btn, .list-content .list-error-container .info button {
  text-transform: uppercase !important;
}
.faceted-search-content .faceted-section-box .faceted-search, .faceted-search-content .selected-facets-container .selected-facet, .view-listing-details-link, .list-main-section .contact-options a, .media-buttons .print-this, .media-buttons .email-this, .detail-wrapper .offer-btn, .detail-wrapper .buy-btn, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn, .list-content .list-listing-mobile .dealer-phone-container a, .detail-contact-bar .contact-bar-btn, .list-content .list-error-container .info button {
  font-weight: 600 !important;
  letter-spacing: .5px !important;
}
.list-content .list-error-container .info .selected-facet button {
  color: #fff !important;
}
.list-content .list-error-container .info .selected-facet {
  background: transparent !important;
  border: none !important;
}
.detail-contact-bar .contact-bar-btn {
  background: #e61804 !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;
}
#no-compare-listings, .list-content .list-listing-mobile .dealer-phone-container a, .mobile-option-bar .mobile-option-bar-options .mobile-options-group .option-bar-option {
  color: #003846 !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, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn, .list-content .list-error-container .info button {
  background: #003846 !important;
  transition: ease all 0.2s !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, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn {
  border: solid 1px #003846 !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, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn:hover {
  background: #fff !important;
  color: #003846 !important;
}
.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {
  background: #2c4e5a !important;
  border: solid 1px #2c4e5a !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: #2c4e5a !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;
}
.media-buttons .print-this, .media-buttons .email-this, .dealer-info .phone-and-email .send-email-btn {
  border: solid 1px #2c4e5a !important;
  background: transparent !important;
  color: #2c4e5a !important;
  transition: ease all 0.2s !important;
}
.media-buttons .print-this:hover, .media-buttons .email-this:hover, .dealer-info .phone-and-email .send-email-btn:hover {
  border-color: #e61804 !important;
  background: transparent !important;
  color: #e61804 !important;
}
.detail-wrapper .search-results span, .detail-wrapper .search-results i, .bread-crumbs-heading .return-links .return-links-link span, .bread-crumbs-heading .return-links .return-links-link i {
  color: #e61804 !important;
}
.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, .check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {
  background: #2c4e5a !important;
}
.list-main-section .contact-options a, .check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {
  border: #2c4e5a solid 1px !important;
  transition: ease all 0.2s !important;
}
.list-main-section .contact-options a:hover, .check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn, .cs-btns a:hover, .calculator-btn:hover {
  background: transparent !important;
  color: #2c4e5a !important;
}
.material-icons, .collapsible-content a, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn {
  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;
}
.mobile-option-bar .mobile-option-bar-filter {
  border-radius: 0 !important;
  color: #e61804 !important;
  border-color: #e61804 !important;
}
.list-main-section .contact-options a, .check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {
  background: #2c4e5a !important;
}
/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1140px) {
	.primary-nav,.top-bar,.desktop-link {display: none;}
	.expand-pill .label {display: none;}
	.flex-foot {flex-wrap:wrap;    gap: 2.5rem !important;}
	.foot-col {flex-basis: 100%;}
	.social-bar {text-align: left;}
	.foot-col.social-bar li {display: inline;}
	.foot-col.social-bar li a {padding: 0 10px;}
}

@media only screen and (max-width: 767px) {
	.lang-choice {display: none;}
}

@media only screen and (max-width: 500px) {
	#menu-button span {display: none;}
}

@media only screen and (max-width: 400px) {
	.main-header .wid90.flex-container {flex-wrap:wrap;}
	.contact-info.nav-section {flex-basis: 100%;justify-content: center;}
	.logo {flex-basis: 100%; order: -1;text-align: center;}
	.nav-section {flex-basis: 100%;text-align: center;}
	.navigation.nav-section {order: 3;}
	.bottom-foot ul li{flex-basis: 40%;text-align: center;}
}