/** Shopify CDN: Minification failed

Line 174:37 Unexpected "}"

**/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
.site-header .header-layout { 
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: 
      "logo search icons"
      "navigation navigation navigation"
      "lookup lookup lookup"
  }

.site-header .header-item--logo{ grid-area: logo;}
.site-header .header-item--navigation{ grid-area: navigation;}
.site-header .header-search-container { grid-area: search; padding: 0; justify-content: flex-end; gap: 45px; display: flex;}
.site-header .header-search-container .search__results { z-index: 9999;  /* border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 8px; background: #f5f5f5 !important; display: none; */ }
.site-header .header-item--icons{ grid-area: icons;}
.site-header .zeus4x4-vehicle-lookup-container{ grid-area: lookup;}
.site-header .site-header__logo img { left: 0; top: 0; transform: none; position: relative;}
.site-header .header-item--logo .site-header__logo{ margin: 17px 0px;}
.site-header .site-header__logo a { width: 220px !important; padding: 0px !important; }
.site-header div#search_bar_head { flex: unset; width: 100%; max-width: 700px; }
.search__input-wrap input#Search { padding: 0px 60px 0px 22px; border: 1px solid #D3D3D3; border-radius: 8px; height: 50px; color: #000; font-family: "Archivo", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; outline: none;}
.search__input-wrap input#Search::placeholder {color: #000; font-family: "Archivo", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; opacity: 0.7;}
.search__input-wrap input#Search::focus{ outline: none;}
.site-header .where-buy-btn{ display: inline-flex; align-items: center; justify-content: center; padding: 5px 28px; gap: 8px; background-color: #3B552E; color: #FFF; font-family: "Archivo", sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; transition: all 0.5s ease; height: 50px;}
.site-header .where-buy-btn:hover{background-color: #EF9001;}
.site-header .btn--search { background-color: #D3D3D3; width: 52px; height: 50px; right: 0px; border-radius: 0px 8px 8px 0px; display: flex; align-items: center; justify-content: center;}
.site-header .btn--search:hover path{ stroke: #3B552E !important;}
.site-header .header-item--icons .site-nav { margin: 0px 0px 0px 46px; }
.site-header .site-nav__icons { white-space: normal; display: flex; gap: 38px; }
.site-header .site-nav__icons .site-nav__link{ color: #000; font-family: "Archivo", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-transform: none; letter-spacing: normal; display: inline-flex; align-items: center; gap: 10px; padding: 0px !important; transition: all 0.5s ease;}
.site-header .site-nav__icons .site-nav__link:hover{ color: #EF9001;}
.site-header .header-desktop-row { display: flex; align-items: center; justify-content: space-between; width: 100%; border-top: 1px solid #D9D9D9; padding: 0px 0px;}
.site-header .header-contact-info { display: flex; gap: 56px; }
.site-header .header-contact-info a{ display: flex; align-items: center; gap: 8px; color: #000; font-family: "Archivo", sans-serif; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; transition: all 0.5s ease;}
.site-header .header-contact-info a:hover{ color: #3B552E;}
.site-header .header-contact-info a svg{ color: #EF9001; transition: all 0.5s ease;}
.site-header .header-contact-info a:hover svg{ color: #3B552E; }
.site-header .site-navigation{ padding: 0px; margin: 0px; display: flex; gap: 30px;}
.site-header .header-item--navigation .site-nav__item .site-nav__link{ padding: 15px 0px; letter-spacing: normal; text-transform: lowercase; color: #000; font-family: "Archivo", sans-serif; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; display: inline-block;}
.site-header .header-item--navigation .site-nav__item .site-nav__link:first-line{  text-transform: capitalize;}
.site-header .header-item--navigation .site-nav__item .site-nav__link .mm-title { padding: 0 !important; white-space: normal !important; }
.site-header .vehicle-compact { margin: 0px; padding: 25px 20px; background: #14200E; border-radius: 8px; display: flex; align-items: center; justify-content: center; gap: 36px;}
.template-index .site-header .vehicle-compact { border-radius: 8px 8px 0px 0px;}
.site-header .vehicle-compact .vehicle-heading { display: flex; height: 50px; border-radius: 0; gap: 10px; cursor: normal; background: transparent !important; border: 0 !important; color: #FFF; font-family: "Archivo", sans-serif; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; }
.site-header .vehicle-compact .vehicle-heading svg{ color: #EF9001;}
.site-header .vehicle-compact div#vehicle-panel { padding: 0px; background-color: transparent; position: relative; z-index: 9; display: flex !important; align-items: center; }
.site-header .vehicle-compact div#vehicle-panel .vehicle-message{ display: none;}
.site-header .vehicle-compact .vehicle-panel-form{ display: flex; align-items: center; gap: 20px;}
.site-header .vehicle-compact .vehicle-panel-form label{ display: none; }
.site-header .vehicle-compact .vehicle-panel-form .select-number{ position: relative; }
.site-header .vehicle-compact .vehicle-panel-form .select-number:before{ content: ''; position: absolute; left: 18px; top: 13px; height: 24px; width: 24px; display: flex; align-items: center; justify-content: center; background-color: #506C41; border-radius: 100%; color: #FFF; font-family: "Archivo", sans-serif; font-size: 14px; font-style: normal; font-weight: 700; line-height: 1;  }
.site-header .vehicle-compact .vehicle-panel-form .select-number.select-number01:before{ content: '1';}
.site-header .vehicle-compact .vehicle-panel-form .select-number.select-number02:before{ content: '2';}
.site-header .vehicle-compact .vehicle-panel .select-bg { position: relative;  border-radius: 8px;}
.site-header .vehicle-compact .vehicle-panel select { height: 50px; width: 100%;  padding: 0px 20px 0px 56px; margin: 0px; border-radius: 8px; color: #8A9882; font-family: "Archivo", sans-serif; font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; min-width: 270px; border: 0px;   -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(select-arrow.png) right 20px center no-repeat #324627;}
.site-header .vehicle-compact .vehicle-panel option{ font-family: 'Manrope'; }
.site-header .vehicle-compact .vehicle-panel button.find-vehicle{ display: inline-flex; align-items: center; justify-content: center; height: 50px; gap: 8px; border-radius: 8px; background-color: #EF9001 !important; color: #FFF; font-family: "Archivo", sans-serif; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; padding: 5px 30px; transition: all 0.5s ease;}
.site-header .vehicle-compact .vehicle-panel button.find-vehicle:disabled{ opacity: 0.5; }
.site-header .vehicle-compact .vehicle-panel button.find-vehicle:not(:disabled):hover { background-color: #3B552E !important;}
#NavDrawer .mobile-nav__social { display: none;}
.header-search-container .search__results .grid { margin: 0px;}
.header-search-container .search__results .grid:after { display: none; }
.header-search-container .search__results .grid__item { padding-left: 0; width: 100% !important; background: #000000; }
.header-search-container .search__results .grid__item .grid-product__link { display: flex; }
.header-search-container .search__results .grid__item .grid-product__image-mask { width: 100%; max-width: 100px; min-width: 100px;}
.header-search-container .search__results .grid__item .grid-product__meta { padding: 10px !important; }
.header-search-container .predictive-result__layout>div { margin: 0; }
.header-search-container .search__results .grid__item .grid-product__content { background: #000000; border-radius: 6px; overflow: hidden;}
#predictive-search .grid-product__title { font-size: 14px; line-height: normal; text-align: left; color:#ffffff;}
.search__results .button-container { margin: 20px auto; width: auto; max-width: fit-content; border-radius: 8px; overflow: hidden; }
div#predictive-search { border: 0;}
div#predictive-search .page-width { padding: 0px !important; }
.predictive-result__layout{ margin: 0px; padding: 0px;}

.horizontal-mega-menu li.buddha-menu-item.mega-hover>ul.mm-submenu, .horizontal-mega-menu li.buddha-menu-item:hover>ul.mm-submenu { border: 1px solid rgba(0, 0, 0, 0.1) !important; }
.horizontal-mega-menu ul.mm-submenu.tree li:hover>a, .horizontal-mega-menu ul.mm-submenu.tree li.mega-hover>a, .horizontal-mega-menu ul.mm-submenu.tabbed>li.tab-opened>a, .horizontal-mega-menu ul.mm-submenu.tabbed>li.tab-opened>a>.mm-title, .horizontal-mega-menu ul.mm-submenu li a:hover, .horizontal-mega-menu ul.mm-submenu li:hover>a, .horizontal-mega-menu ul.mm-submenu li a:hover i, .horizontal-mega-menu ul.mm-submenu li:hover>a>i, .horizontal-mega-menu ul.mm-submenu li a:hover>span, .horizontal-mega-menu ul.mm-submenu li:hover>a>span, .horizontal-mega-menu ul.mm-submenu.tree li.fa:hover:before, .horizontal-mega-menu ul.mm-submenu.tree li.mega-hover.fa:before, .horizontal-mega-menu ul.mm-submenu.tabbed>li.tab-opened.fa:before, .horizontal-mega-menu ul.mm-submenu>li>.mega-menu-item-container>.mm-list-name>span[onclick]:hover {color: #3b552e !important;}
.site-header .buddha-menu-item *{ font-family: 'Manrope' !important; }
.site-header ul.mm-submenu a{ font-family: 'Manrope' !important; }
.horizontal-mega-menu ul.mm-submenu, .horizontal-mega-menu ul.mm-submenu a, .horizontal-mega-menu ul.mm-submenu a>span, .horizontal-mega-menu ul.mm-submenu .money {font-size: 14px !important;}

.filter-form .tag .tag__checkbox:before{ border-radius: 3px; border: 2px solid #ffffff; width:20px; height:20px;}
.filter-form .tag.tag--active .tag__checkbox:before{ border-color: #EF9001; background-color: #EF9001;}
.filter-form .tag.tag--active .tag__checkbox:after{ content: '\2713'; display: block; text-align: center; color: #fff; position: absolute; left: 4px; top: 7px; font-size: 14px;}
.filter-form .tag .tag__checkbox-wrapper span{font-weight: 400; padding-left: 10px; font-family: "Inter", sans-serif;}
header .for_mobile {display: none !important;align-items: center !important;justify-content: center !important;gap: 8px !important;margin-right: 20px;}
header .for_mobile span {color: #ffffff;}
.drawer__contents .drawer__fixed-header{ height: auto; background-color: #1e261a; border-bottom: 1px solid #ffffff;}
.drawer__contents .drawer__fixed-header .drawer__header{border-bottom:0px;}
.drawer__contents .drawer__scrollable { background-color: #1e261a;}
.drawer__contents .drawer__fixed-header .drawer__header .drawer__title{font-family: "American Captain"; color:#ffffff;}




@media screen and (max-width: 1640px){
  .site-header div#search_bar_head { max-width: 420px; }
}
@media screen and (max-width: 1366px){
  .site-header div#search_bar_head { max-width: 400px; }
  .site-header .header-search-container { gap: 20px; }
  .site-header .header-item--icons .site-nav { margin: 0 0 0 20px; }
  .site-header .site-nav__icons { gap: 20px; }
}
@media screen and (max-width: 1279px){
  .site-header .site-nav__icons .site-nav__link .header-icon-name{ display: none;}
  .site-header .site-nav__icons .site-nav__link .header-icon-name.header-cart-count{ display: inline-flex;}
  .site-header .site-nav__icons .site-nav__link .header-icon-name.header-cart-count .cart-count-text{ display: none;}
  .site-header div#search_bar_head { max-width: 340px; }
  .site-header .where-buy-btn { padding: 5px 20px; font-size: 14px; }
  .site-header .header-contact-info a span{ display: none;}
  .site-header .header-contact-info { gap: 20px; }
  .site-header .header-item--navigation .site-nav__item .site-nav__link { font-size: 16px; }
  .site-header .vehicle-compact .vehicle-panel select { min-width: 230px; }
  .site-header .vehicle-compact { padding: 20px 20px; gap: 20px; flex-wrap: wrap; }
  .site-header .vehicle-compact .vehicle-heading { width: 100%; font-size: 16px; height: auto;}
}
@media screen and (max-width: 989px){
  .site-header .vehicle-compact div#vehicle-panel { flex-wrap: wrap; justify-content: center; gap: 20px 6px;}
  .site-header .vehicle-compact .vehicle-panel select { max-width: fit-content; height: 42px; min-width: 220px;}
  .site-header .vehicle-compact .vehicle-panel button.find-vehicle { height: 42px; font-size: 16px; max-width: 186px; }
  .site-header .vehicle-compact .vehicle-panel-form { gap: 10px; flex-wrap: wrap; justify-content: center; }
  .site-header .vehicle-compact .vehicle-panel-form .select-number:before { top: 8px;}
  .site-header .where-buy-btn {display: flex;gap: 0px;}
 .site-header .where-buy-btn span {font-size: 0px;}
  
}
@media screen and (max-width: 768px){
  .header-item.header-item--icons.mobile-show { grid-area: mobileNav; display: flex; justify-content: flex-start;}
  .site-header .header-layout {grid-template-columns: 1fr 2fr 1fr; grid-template-areas:  "mobileNav logo icons" "navigation navigation navigation" "lookup lookup lookup"}
  .site-header .header-search-container {  display: none;}
  .site-header h1.site-header__logo img.medium-up--hide.image-element { max-width: 140px !important; max-height: unset !important; width: auto !important; height: auto !important;  }
  .site-header .header-item--logo .site-header__logo { margin: 12px 0; width: 100%;}
  .site-header .site-header__logo a{ justify-content: center;}
  .site-header .header-item--icons .site-nav { margin: 0; }
  .site-header .header-item--icons .desktop-hide-button{ display: none;}
  .site-header .site-nav__icons .site-nav__link.js-drawer-open-cart svg{ height: 24px; width: 24px;} 
  .site-header .header-contact-info a svg { height: 20px; width: 20px; }
  .site-header .header-contact-info a span { font-size: 14px; display: block;}
  .site-header .header-desktop-row { justify-content: center; padding: 20px 0px; }
  .site-header .header-contact-info { gap: 10px; flex-wrap:wrap; justify-content:center;}
  .site-header .vehicle-compact .vehicle-panel select { font-size: 11px!important; background-position: right 6px center; }
  .site-header .vehicle-compact { padding: 20px 10px; }
   .drawer__contents .drawer__close-button { right: auto; left: 0; padding: 0;}
  .drawer__contents .drawer__close { text-align: left; }
  /* .drawer__contents .h2.drawer__title { display: none;} */
  .drawer__contents .drawer__header { border: 0px;}
  .drawer__contents .mobile-nav__item--secondary a {padding: 10px 20px !important; border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;}
  .drawer__contents .vertical-mega-menu>li.buddha-menu-item>a { padding: 10px 20px !important; border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; }
  .drawer__contents .mbl_menu .grid__item { padding-left: 0px; transition: none !important;}
  .drawer__contents .mobile-nav__item:not(.mobile-nav__item--secondary)+.mobile-nav__item--secondary { margin-top: 0; }
  .drawer__contents .vertical-mega-menu .buddha-menu-item>a>.mm-title { padding: 0 !important; }
  .drawer__contents .mobile-nav__item--secondary .grid__item { width: 100%; transition: none !important;}
  .header-search-container { padding: 0 0px 30px; }
  predictive-search .search__results { width: 100%; margin: 0; top: 0; background-color: #f5f5f5 !important; z-index: 9999; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 8px; }
  predictive-search .results__search-btn { color: #fff !important; }
  .site-header .vehicle-compact .vehicle-panel select { padding: 0 20px 0 36px; }
  .site-header .vehicle-compact .vehicle-panel-form .select-number:before { left: 10px;  width: 16px; height: 16px; font-size: 10px; top: 13px;}
  .site-header .page-width { padding: 0; }
  .header-item.header-item--icons.mobile-show { padding-left: 20px; }
  .site-header .site-nav__icons { padding-right: 20px; }
  .site-header .header-desktop-row { padding: 20px 20px; }
header .for_mobile {display: flex !important;}
.site-header .where-buy-btn {display: none;}
.filter-form .tag.tag--active .tag__checkbox::after {top: 5px;}
} 

@media screen and (max-width: 550px){
  .site-header .vehicle-compact .vehicle-panel select { min-width: 150px; }
}                                    }

















